<div class="jdicbc">
	<div class="jdtrademark">
		<div class="jdicbc-banner" :style="channelBanner">
			<div>
				<div @click="goIndentList">我的订单</div>
			</div>
		</div>
		<div class="jdtrademark-warpper">
			<div class="jdicbc-search">
				<div>
					<img src="/imgs/jdcloud/jdicbc/search.png" alt="">
					<span>
						工商核名
					</span>
				</div>
				<div>
					<div @click="cityShow = !cityShow">{{cityName}} <i class="el-icon-arrow-down"></i></div>
					<p v-show="cityShow" @mouseleave="cityShow = false">
						<el-tabs v-model="activeName">
							<el-tab-pane :label="item.title" :name="item.title" v-for="(item, index) in city"
								:key="index">

								<ul>
									<li @click="citySelected(el)" v-for="(el, i) in item.cityList" :key="i">{{el}}
									</li>
								</ul>

							</el-tab-pane>
						</el-tabs>
					</p>
					<input type="text" v-model="companyName" placeholder="请输入公司名">
					<div @click="industryShow = !industryShow">{{industry}} <i class="el-icon-arrow-down"></i></div>
					<div class="jdicbc-industry" v-show="industryShow" @mouseleave="industryShow = false">
						<ul>
							<el-scrollbar class="page-component__scroll" style="marginTop:0; height: 100%;">
								<li @click="industrySelected(item)" v-for="(item, index) in industryList" :key="index">
									{{item}}
								</li>
							</el-scrollbar>
						</ul>
					</div>
					<div @click="companyTypeShow = !companyTypeShow">{{companyType}}<i class="el-icon-arrow-down"></i>
					</div>
					<div class="jdicbc-companyType" v-show="companyTypeShow" @mouseleave="companyTypeShow = false">
						<ul class="jdicbc-companyType">
							<li @click="companyTypeSelected(item)" v-for="(item, index) in companyTypeList"
								:key="index">
								{{item}}</li>
						</ul>
					</div>

				</div>
				<div @click="goVerification">
					获取核名结果
				</div>
			</div>
		</div>
		<div class="brandreg">
			<div style="width: 1200px;margin: 30px auto 0;">
				<div class="brand" style="width:100%;">
					<div style="width:1200px;margin:0 auto">
						<div style="width:1200px">

							<div class="brand-title">公司注册申请</div>
							<!-- <div class="jdicbc-selected">
								<div>
									地区：<el-cascader v-model="regionValue" :options="region" @change="handleChange">
									</el-cascader>
								</div>
								<div>
									公司类型：<el-select v-model="typeValue" placeholder="请选择">
										<el-option v-for="item in pullDownType" :key="item" :label="item" :value="item">
										</el-option>
									</el-select>
								</div>
								<div>
									组织形式：<el-select v-model="formValue" placeholder="请选择">
										<el-option v-for="item in pullDownForm" :key="item" :label="item" :value="item">
										</el-option>
									</el-select>
								</div>
							</div> -->
						</div>
						<!-- 轮播部分 -->
						<!-- <div class="brandreg-swiper">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide" v-for="(item, index) in dataList.slice(0,3)"
										: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.pic_url" alt="">
												</div>
												<div>
													{{item.channel_item_name}}
												</div>
											</div>

										</div>
										<div class="brandreg-swiper-content">
											<ul>
												<li v-for="(item, index) in item.product_desc" :key="index">
													<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt="">
													</div>
													<div>{{item}}
													</div>
												</li>

											</ul>
											<div>
												<div><sup>￥</sup><span>{{item.price}}</span>/件
												</div>
												<div class="brandreg-swiper-content-button" @click="toBuy(item)"
													:class="{\'brandreg-swiper-content-button-enter\':index==current}">
													立即购买
												</div>
											</div>
										</div>

									</div>

								</div>
							</div>
						

						</div> -->
						<!-- 下面 -->
						<!-- <div class="brandreg-swiper" style="margin-top:50px;">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide" v-for="(item, index) in dataList.slice(3,6)"
										:class="{ \'swiper-slide-enter-btm\':index==current2}"
										@mouseenter="adHeight2(index,$event)" :key="index">
										<div class="brandreg-swiper-hearder"
											:class="{\'brandreg-swiper-hearder-enter-btm\':index==current2}">
											<div>
												<div>
													<img :src="item.pic_url" alt="">
												</div>
												<div>
													{{item.channel_item_name}}
												</div>
											</div>

										</div>
										<div class="brandreg-swiper-content">
											<ul>
												<li v-for="(item, index) in item.product_desc" :key="index">
													<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt="">
													</div>
													<div>{{item}}
													</div>
												</li>

											</ul>
											<div>
												<div><sup>￥</sup><span>{{item.price}}</span>/件
												</div>
												<div class="brandreg-swiper-content-button" @click="toBuy(item)"
													:class="{\'brandreg-swiper-content-button-enter-btm\':index==current2}">
													立即购买
												</div>
											</div>
										</div>

									</div>

								</div>
							</div>
							


						</div> -->
					</div>
					<div class="jdicbc-productlist">
						<div class="jdicbc-productlist-item" :class="{ \'addheight\':index==current}"
							@mouseenter="adHeight(index,$event)" v-for="(item, index) in dataList" :key="index">
							<div style="box-shadow: inset 1px -1px 4px 0 rgba(0, 0, 0, .1);padding-bottom: 10px;">
								<div class="jdicbc-productlist-item-header"
									:class="{\'brandreg-swiper-hearder-enter\':index==current}">
									{{item.channel_item_name}}
								</div>
								<div class="brandreg-swiper-content">
									<ul>
										<li v-for="(item, index) in item.product_desc" :key="index">
											<div><img src=" imgs/jdcloud/jdicbc/dbx.png" alt="">
											</div>
											<div>{{item}}</div>
										</li>
									</ul>
									<div>
										<div><sup>￥</sup><span>{{item.price}}</span>/件</div>
										<div class="brandreg-swiper-content-button"
											:class="{\'brandreg-swiper-content-button-enter\':index==current}"
											@click="toBuy(item)">立即购买
										</div>
									</div>
								</div>
							</div>

						</div>

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


		</div>

		<div class="jdicbc-flow">

		</div>
		<div class="jdicbc-materials-warpper">
			<div class="jdicbc-materials">
				<div>
					<h3>你需要准备的材料</h3>
					<div>
						<div style="width:176px;height: 182px;position: absolute;left: 0; bottom: 0;">
							<img src="imgs/jdcloud/jdicbc/file.png" alt="">
						</div>
						<ul>
							<li v-for="(item, index) in materials" :key="index">
								<div>
									<img :src="item.img" alt="">
								</div>
								<p>{{item.text}}</p>
							</li>
						</ul>
					</div>
				</div>
				<div>
					<h3>注册成功后你可获得</h3>
					<div>
						<div style="width:773px">
							<div style="width:135px;height:135px;">
								<img src="imgs/jdcloud/jdicbc/license.png" alt="">
							</div>
							<p>
								<div style="width:19px;height:19px;margin:0 15px;">
									<img src="imgs/jdcloud/jdicbc/q1.png" alt="">
								</div>
								<div>
									营业执照正本、副本
								</div>
							</p>
						</div>
						<div>
							<div style="width:140px;height:115px">
								<img src="imgs/jdcloud/jdicbc/invoice.png" alt="">
							</div>
							<p>
								<div style="width:19px;height:19px;margin:0 15px;">
									<img src="imgs/jdcloud/jdicbc/q2.png" alt="">
								</div>
								<div>
									公章、合同专用章、财务专用章、发票专用章、法人章
								</div>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>