<div class="jdtrademark">
	<div class="jdtrademark-banner" :style="channelBanner">
		<div>
			<div @click="goIndentList">我的订单</div>
		</div>
	</div>
	<div class="jdtrademark-warpper">
		<div class="jdtrademark-search">
			<div>
				<img src="/imgs/jdcloud/jdtrademark/search.png" alt="">
				<span>
					商标检索
				</span>
			</div>
			<div @mouseleave="typeListShow = false">
				<input type="text" v-model="searchValue" placeholder="请输入您想检索的商标名称，申请号，申请人等信息">
				<div @mouseenter="typeListShow = true" class="jdtrademark-search-alltype">全部类别 <i
						class="el-icon-arrow-down"></i></div>
				<transition name="showncllist">
					<div class="jdtrademark-typelist" v-if="typeListShow">
						<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">
							全选
						</el-checkbox>
						<div style="margin: 15px 0;"></div>
						<el-checkbox-group v-model="checkedType" @change="handleCheckedCitiesChange">
							<el-checkbox v-for="item in typeList" :label="item.code + item.name " :key="item.code">
								{{item.code}}{{item.name}}
							</el-checkbox>
						</el-checkbox-group>
					</div>
				</transition>
			</div>
			<div @click="goSearch">
				检索
			</div>
		</div>
	</div>
	<div class="brandreg">
		<div style="width:1200px;margin: 30px auto ;">
			<div class="brand" style="width:100%;">
				<div style="width:1200px;margin:0 auto">
					<div style="width:1200px">
						<!-- <div style="background-color:#2692FF;height:24px;width:4px;float:left"></div> -->
						<div class="brand-title">商标注册申请</div>
						<div class="brand-text">
							<span> <img src="imgs/dui.png" style="margin-right: 10px;" alt="">
								诚信商家</span>
							<span> <img src="imgs/dui.png" style="margin-right: 10px;" alt="">
								1v1专业服务</span>
							<span> <img src="imgs/dui.png" style="margin-right: 10px;" alt="">
								省钱省心省力</span>
						</div>
					</div>
					<!-- 轮播部分 -->
					<div class="brandreg-swiper swiper-no-swiping"
						@mouseenter="dataList.length>3 ? showArrows = true : showArrows=false">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide" v-for="(item, index) in dataList"
									:class="{ \'swiper-slide-enter\':index==current}"
									@mouseenter="adHeight(index,$event)" :key="index">
									<div class="brandreg-swiper-hearder"
										:class="{\'brandreg-swiper-hearder-enter\':index==current}">
										<div>
											<div>
												<img :src="item.productLogo" alt="">
											</div>
											<div>
												{{item.itemName}}
											</div>
										</div>

									</div>
									<div class="brandreg-swiper-content">
										<ul>
											<li v-for="(item, index) in item.productDesc.desc" :key="index">
												<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt=""></div>
												<div>{{item}}</div>
											</li>
										</ul>
										<div>
											<div><sup>￥</sup><span>{{item.proPrice}}</span>/件</div>
											<div class="brandreg-swiper-content-button"
												:class="{\'brandreg-swiper-content-button-enter\':index==current}"
												@click="jumpJdProductDetails(item)">立即购买
											</div>
										</div>
									</div>

								</div>

							</div>
							<!-- Add Pagination -->
							<!-- <div class="swiper-pagination"></div> -->
						</div>
						<!-- 控制箭头隐藏显示 -->
						<div v-show="showArrows" @mouseleave="showArrows = false">
							<div class="swiper-button-prev"></div>
							<!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
							<div class="swiper-button-next"></div>
							<!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
						</div>


					</div>

				</div>
			</div>
		</div>


	</div>
	<div class="jdtrademark-services">
		<div class="jdtrademark-services-title">服务优势</div>
		<div style="width:1200px;margin:0 auto;">
			<ul>
				<li v-for="(item, index) in serviceData" :key="index">
					<div>
						<img :src="item.img" alt="">
					</div>
					<p>{{item.name}}</p>
					<p>{{item.text}}</p>
				</li>

			</ul>
		</div>

	</div>
	<div class="jdtrademark-flow">

	</div>
	<div class="jdtrademark-FAQ-warpper">
		<div class="jdtrademark-FAQ">
			<div class="jdtrademark-FAQ-title">
				常见问题
				<div>
					聚集常见问答，解决商标申请时遇到的困难
				</div>
			</div>
			<ul>
				<li v-for="(item, index) in issue" :key="index">
					<div>
						<div>
							<img :src="item.img" alt="">
						</div>
						<div>{{item.title}}</div>
					</div>
					<div>
						{{item.text}}
					</div>
				</li>
			</ul>
		</div>
	</div>

</div>