<template>
	<Layout :index="-1" :titles="'资源中心'" :title_content="'资源中心'">
 <view >
  <view class="content">
       <view class="content_top">
          <view class="banner">
			   <image class="banner_img" src="../static/img/game/banner.png"></image>
			   <image class="banner_title" src="../static/img/game/tt.png"></image>
			   <!-- <view class="banner_desc">“COG 好游戏计划”以发现、支持、推出优秀游戏产品为宗旨，鼓励游戏作品弘扬传承中华优秀传统文化，打造更多思想精深、艺术精湛、制作精良的精品佳作，用年轻化的数字表达方式，弘扬传播中华文化传递文化自信，实现游戏产业高质量发展。</view> -->
			   <!-- <swiper indicator-dots autoplay>
			        <swiper-item v-for="(item, index) in imgList" :key="index">
			          <image :src="item" class="slide-image"></image>
			        </swiper-item>
			     </swiper> -->
           </view>
		  </view>
		  <view class="content_bottom_num">
		  	<view class="num_item">
		  		<image class="num_item_img" src="../static/img/game/num1.png"></image>
		  		<view class="num_item_text">
		  			<view class="num_item_text_title">{{setting.company_num}} <text class="dw">个</text></view>
		  			<view class="num_item_text_num">确权主体</view>
		  		</view>
		  	</view>
			<view class="num_item">
				<image class="num_item_img" src="../static/img/game/num1.png"></image>
				<view class="num_item_text">
					<view class="num_item_text_title">{{setting.data_num}} <text class="dw">个</text></view>
					<view class="num_item_text_num">数据资产包</view>
				</view>
			</view>
			<view class="num_item">
				<image class="num_item_img" src="../static/img/game/num1.png"></image>
				<view class="num_item_text">
					<view class="num_item_text_title">{{setting.chain_num}} <text class="dw">个</text></view>
					<view class="num_item_text_num">上链数据</view>
				</view>
			</view>
		  </view>
	   
        <view class="content_bottom">
			<view class="form_query">
					<input type="text" v-model="keyword" class="hash" name="param" placeholder="输入主体或数据资产名称"  value="">
					<image src="../static/img/game/ss.png" class="ss" @tap="getGameList()"></image>
			</view>
			<view class="form_query_hot" v-if="hotlist.length>0">
				<view class="form_query_hot_item">
					<view class="form_query_hot_item_title">热门搜索:</view>
					<view class="form_query_hot_item_content">
						<view class="form_query_hot_item_content_item" v-for="(item, index) in hotlist" :key="index" @tap="gethot(item)">{{item}}</view>
					</view>
				</view>
			</view>

			<view class="year-navs year-navs_year">
				<view class="nav_title">发行年份：
					<view class="year_item">
						<label :class="isAllSelectedyear ? 'game_type_actives game_types' : 'option_defaultall game_types'" @click="selectAllyear">
						<view class="checkboxHidden">
							<checkbox value="0" :checked="isAllSelectedyear" />
						</view>
						全部
						</label>
						<!-- 时间选中器 -->
						<view class="yearall">
							<el-date-picker
							class="year_item_date"
							v-model="years1"
							type="year"
							prefix-icon="none"
							placeholder="选择起始年份"
							@change="changes()"
							>
							</el-date-picker>
							<view style="color: #0006;">-</view>
							<el-date-picker
							class="year_item_date"
							v-model="years2"
							type="year"
							prefix-icon="none"
							placeholder="选择结束年份"
							@change="changes2()"
							>
							</el-date-picker>
							<view class="yearall_img" >
								<image class="yearall_img" src="../static/img/game/time.png"></image>
							</view>
					    </view>
					</view>
				</view>
			</view>

			<view class="year-navs">
				<view class="nav_title">发行平台：
				<!-- 默认全部 -->
			<view class="year-navs_item">
				<label :class="isAllSelected ? 'game_type_active game_types' : 'option_defaultall game_types'" @click="selectAll">
					<view class="checkboxHidden">
						<checkbox value="0" :checked="isAllSelected" />
					</view>
					全部
				</label>	
				<checkbox-group  class="d-b-cs"  @change="checkboxChange" >
				<label v-for="(item, index) in gameclass" :key="String(item.id)"
					:class="item.checked?'game_type_active game_type':'option_defaultall game_type'">
					<view class="checkboxHidden">
						<checkbox :value="String(item.id)" :checked="item.checked" />
					</view>
					{{item.name}}
				</label>
				</checkbox-group>
			</view>
				</view>
			</view>
			<view class="year-navs">
				<view class="nav_title">游戏类型：
					<view class="year-navs_item">
					<label :class="isAllSelecteds ? 'game_type_active game_types' : 'option_default game_types'" @click="selectAlls">
						<view class="checkboxHidden">
							<checkbox value="0" :checked="isAllSelecteds" />
						</view>
						全部
					</label>
					<checkbox-group class="d-b-css" @change="checkboxChanges">
					<label v-for="(item, index) in typess" :key="String(item.id)"
						:class="item.checkeds?'game_type_active game_type':'option_default game_type'" >
						<view class="checkboxHidden">
							<checkbox :value="String(item.id)" :checked="item.checkeds" />
						</view>
						{{item.name}}
					</label>
				</checkbox-group></view>
			</view>
			</view>


            <view class="content_two ">
				<view class="title_box">
					<view class="index_title" :class="{'title_active': activeTab === 1}" @tap="exchange(1)">
						<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
						<h5>资产融资</h5>
						<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
					</view> 

					<view class="index_title" :class="{'title_active': activeTab === 2}" @tap="exchange(2)">
						<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
						<h5>资产处置</h5>
						<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
					</view>
				</view>
				<view class="content_two_content" v-if="glistData.length>0">
					<view class="content_two_l">
						<view class="content_two_list" v-for="(item, index) in glistData" :key="index" >
							<view class="g_name">
								<view class="g_name_title" @tap="goPath('/gameDtail?id='+item.id)" >
									<image class="yx_icon" src="../static/img/game/g_icon.png"></image>
									{{item.name}}</view>
								<view class="g_name_more" @tap="goPath('/gameDtail?id='+item.id)" >
									查看详情<i class="el-icon-d-arrow-right" ></i>
								</view>
							</view>
							<view class="g_content">
								<view class="g_content_left">
										<image class="g_image" :src="item.image[0]['file_path']" @tap="goPath('/gameDtail?id='+item.id)" ></image>
										<view class="g_content_company_name">
											<image class="yx_icon" src="../static/img/game/zc_icon.png"></image>
											资产所属主体: <text class="g_content_company_name_text">{{item.asset.username}}</text>
										</view>	
										<view class="g_content_company_name">
											<image class="yx_icon" src="../static/img/game/yf_icon.png"></image>
											研发商:  <text class="g_content_company_name_text">{{item.make_company}}</text>
										</view>	
										<view class="g_content_company_name">
											<image class="yx_icon" src="../static/img/game/fx_icon.png"></image>
											发行商:  <text class="g_content_company_name_text">{{item.issuing_company}}</text>
										</view>	
								</view>
								<view class="g_content_right">
									<image  class="g_content_right_image" :src="item.cert_url?item.cert_url:'../static/img/game/cert.png'" @tap="previewImage(item.cert_url?item.cert_url:'../static/img/game/cert.png')"></image>
								</view>	
							</view>
						</view>
						
					</view>

					
				</view>
				<view v-if="glistData.length==0" class="nocontent">
							暂无数据
				</view>
				<view style="width: 100%;"  v-if="glistData.length>0">
							<el-pagination  layout="prev, pager, next" :total="gtotal" :current-page="gpage" :page-size="glimit" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
					</view>	
			</view>
		 
		 <match-media :min-width="900">
		    <view class="one-stop">
		    	<view class="one-stops">
		    		<view class="title_box">
		    			<view class="index_titles">
		    				<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
		    				<h5>其他入驻平台产品</h5>
		    				<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
		    			</view> 
		    		</view>
					<swiper class="one-stop_list" circular="true" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
										:duration="duration" next-margin="460px" display-multiple-items="3" indicator-color="#D8D8D8" indicator-active-color="#F48612" :current="currentIndex" @change="handleSwiperChange">
										<swiper-item v-for="(item, index) in listData" :key="index" @tap="goPath('/gameDtail?id='+item.id)">
											<view class="one-stop_item">
												<image class="c_logo" :src="item.image[0]['file_path']"></image>
												<view class="one-stop-qy">
													<view class="a_ts">
														<view class="a_t">{{item.name}}</view>
														<view class="a_status" v-if="item.asset_status=='talk'">洽谈对接中</view>
														<view class="a_status" v-if="item.asset_status=='financing'">需要融资</view>
														<view class="a_status" v-if="item.asset_status=='frozen'">质押冻结中</view>
														<view class="a_status" v-if="item.asset_status=='disposing'">待处置</view>
														<view class="a_status" v-if="item.asset_status=='disposed'">处置完成</view>
													</view>
													<view class="a_text">{{item.make_company}}</view>
												</view>
											</view>
										</swiper-item>
						</swiper>
						<!-- <view class="next" v-if="total>0">
							<image class="n_l" src="../static/imgs/next0.png" @tap="prevSlide()"></image>
							<image class="n_l" src="../static/imgs/next.png" @tap="nextSlide()"></image>
						</view> -->
		    	</view>
		    </view>
			</match-media>
			<match-media :max-width="900">
				<view class="one-stop">
					<view class="one-stops">
						<view class="title_box">
							<view class="index_titles">
								<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
								<h5>其他入驻平台产品</h5>
								<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
							</view> 
						</view>
						<swiper class="one-stop_list" circular="true" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
											:duration="duration" indicator-color="#D8D8D8" indicator-active-color="#F48612" :current="currentIndex" >
											<swiper-item v-for="(item, index) in listData" :key="index" @tap="goPath('/gameDtail?id='+item.id)">
											<view class="one-stop_item">
												<image class="c_logo" :src="item.image[0]['file_path']"></image>
												<view class="one-stop-qy">
													<view class="a_ts">
														<view class="a_t">{{item.name}}</view>
														<view class="a_status">需要融资</view>
														<!-- <view class="a_status" v-if="item.asset_status=='talk'">洽谈对接中</view>
														<view class="a_status" v-if="item.asset_status=='financing'">需要融资</view>
														<view class="a_status" v-if="item.asset_status=='frozen'">质押冻结中</view>
														<view class="a_status" v-if="item.asset_status=='disposing'">待处置</view>
														<view class="a_status" v-if="item.asset_status=='disposed'">处置完成</view> -->
													</view>
													<view class="a_text">{{item.make_company}}</view>
												</view>
											</view>
										</swiper-item>
							</swiper>
							
					</view>
				</view>
			</match-media>
			
        </view>
        

    </view>
	</view>
	</Layout>
</template>

<script>
	/**
	 * 程序启动页
	 * */
	import Layout from './part/layouts.vue';
	export default {
		components: {
			Layout, 
		},
		data() {
			return {
				 indicatorDots: false,
				            autoplay: true,
				            interval: 5000,
				            duration: 2000,
				 imgList: [
				        '../static/imgs/zh1.png',  
						'../static/imgs/zh1.png',  
						'../static/imgs/zh1.png',  
				      ],  
					  
						 selectedIndex: -1,  
						activeIndex: 0, // 当前激活的选项卡索引
						Customer_service:false,
						comment:false,
				Inv:0,
				codeTime:0,
				FormData: {
					phone: '', 
					name:'',
					content:'',
				},
				keyword:'',
				sort: '',
				 index:0,
				 priceValue: [2020, 2024], // 可以指定默认值
				 listData: [],
				 gameclass: [],
				 typess: [],
				 dateRange: [],
				 page: 1,
				 list_rows: 9,
				 total:0,
				 sclass :[],
				 stype :[],
				 hasMore: true,
				 currentIndex: 0,
				 isAllSelected: false,
				 isAllSelecteds: false,
				 isAllSelectedyear: false,
				 years1: '',
				 years2: '',
				 activeTab:1,
				 gpage: 1,
				 glimit: 4,
				 gtotal:0,
				 glistData: [],
				 setting:[],
				 hotlist:[],
				 last_page:0
				}
		},
		onLoad() {
			// const eventChannel = this.getOpenerEventChannel()
			// eventChannel.on('pageData', data => {
			// 	console.log(data,3333)
			// 	// data即传过来的参数
			// })
			this.getTypeList();
			this.gethotList();
		},
		
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop); 
		},
		onShow(params) {
			this.getData();
			this.getGameList();
		},
		methods: {
				/*每页多少条*/
				handleSizeChange(val){
					this.glimit = val;
					this.getGameList();
				},
				/*选择第几页*/
			handleCurrentChange(val){
				this.gpage = val;
				this.getGameList();
			},
			gethotList(){
				this._get('game.gameList/hotKeywords',{
					limit:10
				},res=>{
					if(res.code==1){
						this.hotlist = res.data.keywords
						console.log(this.hotlist,'热门')
					}
				})
			},
			gethot(item){
				this.keyword = item;
				this.getGameList();
			},
            changes(){
				if(this.years1==''){
					this.$message.error('请选择起始年份');
					return false;
				}
                if(this.years1&&this.years2){
					let years1 = new Date(this.years1).getFullYear();
					let years2 = new Date(this.years2).getFullYear();
					if(years1>years2){
						this.$message.error('起始年份不能大于结束年份');
						return false;
					}
					this.getGameList();
				}
			},
			changes2(){
				if(this.years2==''){
					this.$message.error('请选择结束年份');
					return false;
				}
                if(this.years1&&this.years2){
					let years1 = new Date(this.years1).getFullYear();
					let years2 = new Date(this.years2).getFullYear();
					if(years1>years2){
						this.$message.error('起始年份不能大于结束年份');
						return false;
					}
					this.getGameList();
				}
			},
			selectAllyear(){
				this.isAllSelectedyear = !this.isAllSelectedyear;
				this.getGameList();
			},
			getGameList(){
				//Wed Jan 01 2025 00:00:00 GMT+0800 (GMT+08:00)转换成年月日
				let issuing_year = '';
				if(this.years1&&this.years2){
					let years1 = new Date(this.years1).getFullYear();
					let years2 = new Date(this.years2).getFullYear();
					issuing_year = years1+','+years2;
				}
				if(this.isAllSelectedyear){
					issuing_year = '';
				}
				let category = 'financing';
				if(this.activeTab==1){
					category = 'financing';
				}else if(this.activeTab==2){
					category = 'disposing';
				}
				this._get('game.gameList/index',{
					page: this.gpage,
					limit: this.glimit,
					category: category,
					keyword: this.keyword,
					type: this.sclass,
					class: this.stype,
					issuing_year: issuing_year,
				},res=>{
					this.glistData = res.data.data;
					console.log(this.glistData,'资产列表all')
					this.gtotal = res.data.total;
				});
			},
			previewImage(url){
				uni.previewImage({
					urls: [url],
					current: url
				})
			},
			exchange(tab){
				this.activeTab = tab;
				this.gpage = 1;
				this.getGameList();

			},
			handleSwiperChange(e) {
				const newIndex = e.detail.current;
				const isRightSwipe = newIndex > this.lastIndex;
				const isLeftSwipe = newIndex < this.lastIndex;
console.log(newIndex,this.lastIndex,111111)
				// 判断是否向右划到了最后一个
				if (isRightSwipe && newIndex === this.listData.length - 1) {
					console.log('向右划到了最后一个 swiper-item');
					// 可以在这里添加向右划到最后一个时的处理逻辑
					if(this.last_page>this.page){
						this.page =this.page+1;
						this.getData();
					}
				}

				// 判断是否向左划到了第一个
				if (isLeftSwipe && newIndex === 0) {
					console.log('向左划到了第一个 swiper-item');
						
					if(this.page>1){
						this.page =this.page-1;
						this.getData();
					}
					// 可以在这里添加向左划到第一个时的处理逻辑
				}

				this.lastIndex = newIndex;
				this.currentIndex = newIndex;
				},
			onYearChange(e) {
			const startIndex = e.detail.value[0];
			const endIndex = e.detail.value[1];
			this.selectedYears = [this.years[0][startIndex], this.years[1][endIndex]];
			this.getGameList();
			},
			
			selectAll(){
				if(this.isAllSelected==true){
					this.isAllSelected = false;
					this.gameclass.forEach(item => {
						this.$set(item, 'checked', false)
					})
					this.stype = [];
				}else{
					this.isAllSelected = true;
					this.gameclass.forEach(item => {
						this.$set(item, 'checked', true)
					})
					this.stype = this.gameclass.map(item => item.id);
				}
				this.getGameList();
			},
			selectAlls(){
				// 全选
				if(this.isAllSelecteds==false){
					this.isAllSelecteds = true;
					this.typess.forEach(item => {
						this.$set(item, 'checkeds', true)
					})
					this.sclass = this.gameclass.map(item => item.id);	
				}
				// 取消全选
				else if(this.isAllSelecteds==true){
					this.isAllSelecteds = false;
					this.typess.forEach(item => {
						this.$set(item, 'checkeds', false)
					})
					this.sclass = [];
				}
				this.getGameList();
			},
			// 多选题
			checkboxChange(e) {
				this.isAllSelected = false;
				var items = this.gameclass,
					values = e.detail.value;
					console.log(values,33333)
				for (var i = 0, lenI = items.length; i < lenI; ++i) {
						const item = items[i]
						if (values.includes(String(item.id))) {
							this.$set(item, 'checked', true)
						} else {
							this.$set(item, 'checked', false)
						}
					}
					this.stype = values.sort((a, b) => a - b);//将其排个序arr.sort((a, b) => a - b); 类型
					if(this.stype.length==10){
						this.isAllSelected = true;
					}
					this.getGameList();
					console.log(this.stype,555);
			},
			checkboxChanges(e) {
				this.isAllSelecteds = false;
				var items = this.typess,
					values = e.detail.value;
				for (var i = 0, lenI = items.length; i < lenI; ++i) {
					const item = items[i]
					if (values.includes(String(item.id))) {
						this.$set(item, 'checkeds', true)
					} else {
						this.$set(item, 'checkeds', false)
					}
				}
				this.sclass = values.sort((a, b) => a - b);//将其排个序arr.sort((a, b) => a - b); 分类
				//包含0的去掉
				this.sclass = this.sclass.filter(item => item != 0);
				if(this.sclass.length==14){
					this.isAllSelecteds = true;
				}
				this.getGameList();
				console.log(this.sclass,888);
			},
			getTypeList(){
				this._get('game.index/typeList',{
				},res=>{
					if(res.code==1){
						this.gameclass = res.data.class
						this.typess = res.data.type
						this.setting = res.data.setting
						console.log(this.gameclass,222)
						console.log(this.typess,222)
					}
				})
			},
			getData(){
				this._get('game.gameList/index',{
					page: this.page,
					limit: this.list_rows,
					category: 'unbound',
				},res=>{
					console.log(res,'资产列表')
					this.listData = res.data.data;
					this.last_page = res.data.last_page;
					console.log(this.listData,'资产列表')
					this.total = res.data.total;
				});
			},
			goact(e){
				console.log(e,222)
				this.$router.replace({
					path: '/actDetails?index=2&id='+e
				});
				//this.goPath('/actDetails?index=2&id='+e)
			},
			 prevSlide() {
			      this.currentIndex = (this.currentIndex - 1 + 4) % 4;
			    },
			    nextSlide() {
			      this.currentIndex = (this.currentIndex + 1) % 4;
			    },
			onClickItem(index){
				   this.activeIndex = index;
			},
			del_btn(){
				this.Customer_service=false
			},
			del_comment(){
				this.comment=false
			},
			need(){
				uni.navigateTo({
					url: '/apply'
				})
			},	
			goUrl(e){
				window.open(e, '_blank');
			},
			goNews(e){
				uni.navigateTo({
					url: '/news'
				})
			},
		
		}
	}
</script>

<style lang="scss" scoped>
	page{
		font-family:"Source Han Sans CN", sans-serif;
		background-color: #ffffff;
	}
	.next{
		float: right;
		    margin-right: 332px;
		    margin-top: -27px;
		.n_l{
			width: 44px;
			height: 44px;
			margin: 0 9px;
			cursor: pointer;
		}
	}
	.banner_title{
		width: 600px !important;
		height: 160px !important;
		position: absolute;
		top: 110px;
		left: 354px;
	}
	.banner_desc{
		width: 424px;
		position: absolute;
		top: 287px;
		left: 353px;
		font-weight: 400;
		font-size: 14px;
		color: #3D3D3D;
		line-height: 22px;
	}
	.need_content{
		width: 470px;
		height: 453px;
		background-color: #FFFFFF;
		border-radius: 14px;
	}
	.need_input{
		margin:4px 53px 16px;
	}
	::v-deep.uni-easyinput__content{
		background-color: #F2F3F5 !important;
		height: 32px;
	}
	::v-deep .ms .uni-easyinput__content{
		height: 92px;
	}
	.need_confirm{
		width: 68px;
		height: 32px;
		background: #1271ED;
		border-radius: 8px 8px 8px 8px;
		font-weight: 400;
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		line-height: 32px;
		margin: 0 auto;
		cursor: pointer;
	}
	.need_title{
		width: 100%;
		height: 71px;
		background: #F0F5FD;
		border-radius: 14px 14px 0px 0px;
		font-weight: bold;
		font-size: 18px;
		color: #3D3D3D;
		text-align: center;
		line-height: 71px;
	}
	.need_title image{
		width: 20px;
		height: 20px;
		position: absolute;
		right: 13px;
		top: 13px;
		cursor: pointer;
	}
	
	.push-t-15{
		margin-top: 15px;
	}
	.apply{
		width: 130px;
		height: 42px;
		border: 1.6px solid #FD7403;
		line-height: 42px;
		border-radius: 42px;
		font-weight: 500;
		font-size: 16px;
		color: #FD7403;
		text-align: center;
		margin: 0px auto;
		cursor: pointer;
		margin-top: 40px;
	}
	.apply:hover{
			 color: #ffffff;
			 background-color: #FD7403;
	}
	.content{
	    width:100%;
	    margin: 0 auto;
	}
	.content_top{
	    width: 100%;
	    display: flex;
	    margin:0 auto;
	}
	.banner{
	    width: 100%;
	    height: 422px;
		overflow: hidden;
		position: relative;
	}
	.banner uni-swiper {
	    display: block;
	      height: 422px;
	}
	.banner .banner_img{
		width: 100%;
		height: 422px;
	}
	.slide-image {
	  width: 100%;
		height: 543px;
	}
	.index_title{
	    text-align: center;
	}
	.index_title h4{
	    font-size: 36px;
	    font-weight: inherit;
	    color: #333333;
	    margin: 40px auto 0;
	}
	.title_box p{
	    font-size: 16px;
	    color: #666;
		text-align: center;
	}
	
	>>>.uni-list-item__container{
		    padding:0!important; 
			padding-left: 0!important; 
	}
	
	
	
	.content_bottom{
	    width: 100%;
	    margin:  0 auto;
	}
	.content_bottom_num{
		width: 870px;
		height: 100px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		margin-top: -44px;
		z-index: 999;
		position: relative;
	}
	.num_item{
		display: flex;
		justify-content: center;
		align-self: center;
		align-items: center;
		width: 278px;
		height: 100px;
		background: #FFFFFF;
		box-shadow: 0px 6px 10px 0px rgba(229,217,212,0.6);
		border-radius: 12px 12px 12px 12px;
		// 渐变圆弧边框css
		border: 1px solid transparent;
		background-clip: padding-box, border-box;
		background-origin: padding-box, border-box;
		background-image: linear-gradient(to right, #fff, #fff),linear-gradient(to right, #fd93626b, #ea4e238c);
		}
	.num_item_img{
		width: 52px;
		height: 52px;
	}
	.num_item_text{
		margin-left: 10px;
		display: flex;
		flex-direction: column;
	}
	.num_item_text_title{
		font-weight: 700;
		font-size: 26px;
		color: #3D3D3D;
	}
	.dw{
		font-weight: 400;
		font-size: 16px;
		color: #3D3D3D;
		margin-left: 8px;
	}
	.num_item_text_num{
		font-weight: 400;
		font-size: 16px;
		color: #828590;
		margin-top: 2px;
	}
	.content_two{
		width: 100%;
		max-height: 1130px;
		background: url(../static/img/game/cs_bg.png)no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
	}
	
	
	
	::v-deep.uni-list-item__header  {
	    display: flex;
	    flex-direction: row;
	    align-items: center;   width: 8px;
	   height: 8px;
	   background: #006FFF!important;
	   border-radius: 100%;
	   margin : 10px 5px 0 0;
	}
	::v-deep.uni-list--border-top{
		display: none;
	} 
	>>>.uni-list-item__content-title span{
		  font-size: 14px!important;
		  color: #1D222C!important;
	}
	.Industry_list li p{
	    float: left;
	    color: #333!important;
	}
	.Industry_list li time{
	    float: right;
	    color: #999999;
	} 
	.Policies a{
	    color: #1b77e8!important;
	}
 .verify input{
 	width: 152px!important; 
 	float: left;
 } 
 .get button{
 	width: 127px;
 	height: 35px;
 	border: none;
 	font-size: 14px; 
 	color: #ffffff;
 	background-color: #1a73ed;
 	border-radius: 4px;
 }

  .one-stop{
	  width: 100%;
	  height: 519px;
	  margin: 0 auto;
	 background: url(../static/img/game/one_bg.png)no-repeat;
	 background-size: 100% 100%;
  }
  .one-stops{
  	  margin: 0 auto;
	  overflow: hidden;
  }
  .title_box{
	    width: 408px;
		margin-bottom: 60px;
		margin-top: 17px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		margin-top: 44px;
  }
  .index_title {
	  height: 40px;
	  line-height: 40px;
	  display: flex;
	  justify-content: center;
	  cursor: pointer;
  }
  .index_titles{
	height: 40px;
	  line-height: 40px;
	  display: flex;
	  justify-content: center;
  }
  .index_titles h5{
		font-weight: 700;
		font-size: 30px;
		color: #3D3D3D;
		margin: 0 15px;
	}
    .index_title h5{
		font-weight: 500;
		font-size: 30px;
		color: #97999C;
		margin: 0 15px;
	}
	.index_titles view{
		height: 40px;
		line-height: 40px;
	}
	.index_title view{
		height: 40px;
		line-height: 40px;
	}
	.index_titles .t_l{
  	  width: 39px;
  	  height: 39px;
  	  vertical-align: middle;
  }
  .index_title .t_l{
  	  width: 39px;
  	  height: 39px;
  	  vertical-align: middle;
	  display: none;
  }
  .title_active .t_l{
	display: block;
  }	
  .title_active h5{
		font-weight: 700;
	font-size: 30px;
	color: #3D3D3D;
		margin: 0 15px;
	}
  .one-stop_list{
	  width: 100%;
	  height: 420px;
	  // display: flex; 
	  // flex-wrap: wrap;
	  // justify-content: space-between;
	  margin-top: 62px;
	  margin-left: 322px;
  }
  .one-stop_item{
	width: 368px;
	height: 302px;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
	border-radius: 14px 14px 14px 14px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
  }
    .one-stop_item:hover{
	}
	
//   .one-stop_list .one-stop_item:nth-child(5n+1){
// 	  margin-left: 0;
//   }
  .one-stop_item .c_logo{
  	width: 100%;
  	height: 210px;
  }
  .a_status{
	font-weight: 400;
	font-size: 16px;
	color: #FA6E07;
	width: 100px;
  }


  .one-stop_item .one-stop-qy{
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 margin-top: 16px;
	 overflow: hidden;
  }
  .a_ts{
	  display: flex;
	  justify-content: space-between;
	 padding: 0 20px;
     margin-bottom: 10px;
  }
  .a_t{
	width: 220px;
	font-weight: 500;
	font-size: 20px;
	color: #3D3D3D;
	  display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	  
  }
  .a_text{
	  font-weight: 400;
		font-size: 16px;
		color: #3D3D3D;
	  max-height: 188px;
	  display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 8;
	    overflow: hidden;
		padding: 0 20px;
	    text-overflow: ellipsis;
  }
  .one-stop_item .one-stop-qy .a_icon{
  	 width: 16px;
  	 height: 16px;
	 margin-right: 6px;
	 margin-top: 5px;
  }
  .one-stop_item .qy_text{ 
	 font-weight: 400;
	 font-size: 15px;
	 color: #3D3D3D;
	 line-height: 22px;
	 width: 225px;
	 padding-left: 40px;
	 padding-right: 52px;
	 margin-top: 10px;
  } 
  
  
 
  .right_menu{
	  width: auto;
	  position: fixed;
	  top: 50vh;
	  right: 20px; 
	  background-color: red;
  }
  .float-menu{
		width: 60px;
	  height: 260px; 
	  position: absolute;
	  right: 0;
	  top: 0;
  }
  .Customer_service{
	  width: 294px;
	  height: 298px;
	  background: #FFFFFF;
	  box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.45);
	  border-radius: 12px 12px 12px 12px;
	  position: absolute;
	  right:  70px;
	  top: 0;
  }
  
  .Customer_content{
	  width: 122px;
	  margin: 35px auto 0;
	  text-align: center; 
  }
  .Customer_content>image{
	  width: 90px;
	  height: 90px;
  }
    .tel_phone {
		height: 30px;
		line-height: 30px;
		
	}
  .tel_phone image{
	 width: 17px;
	 height: 16px;
	 vertical-align: middle;
  }
  .tel_phone text{
	  color: #006FFF;
  }
   .float-menu .menu-item:first-child{
	   border-radius: 60px 60px 0px 0px;  
   }
  .menu-item{
	  width: 60px;
	  height: 130px;
	 font-size: 15px;
	 color: #1D222C;
	  background: #FFFFFF;
	  box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.48);
	  border-radius: 0px 0px 60px 60px; 
	  text-align: center;
	  cursor: pointer;
  }
  .menu-item image{
	  width: 23px;
	  height: 22px;
	  margin-top: 35px;
  }
  .menu-item view{
	  width: 40px;
	  margin: 0 auto;
	 font-size: 15px;
	 display:block;white-space: pre-line;
	 color: #1D222C;  
		margin-top: 5px;
  overflow-wrap: break-word; /* 标准属性 */
  }
  .active_menu{
	background: #006FFF!important; 
  }
   .active_menu  view{ 
	color: #fff!important;
  }
  .ideaForm_box{
	  width: 195px!important;
	  margin: 0 auto; 
  }
  .ideaForm{
	margin-top: 10px;
  }
 ::v-deep.ideaForm .uni-forms-item__label{
	  width: 100%!important;
	  display: block;
	  height: 25px;
  }
  .ideaForm  .uni-forms-item{
	  display: block;
	  margin-bottom: 20px;
  }
::v-deep.ideaForm uni-input{
	  width: 100%;
	  padding: 0 5%;
	  height: 32px;
	  font-size: 12px;
	  color: #868686;
	  background: #F2F3F5; 
	  text-align: left;
  }
  .ideabtn{
	  width: 68px;
	  height: 32px;
	  background: #1271ED;
	  border-radius: 8px 8px 8px 8px;
	  font-size: 14px;
	  color: #fff;
  }

  .form_query{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 798px;
		height: 62px;
		background: #F0F0F0;
		border-radius: 14px 14px 14px 14px;
		cursor: pointer;
		margin: 0 auto;
		margin-top: 77px;
		margin-bottom: 20px;
		padding: 0 32px;
	}
	.ss{
		width: 28px;
		height: 28px;
	}
	.hash{
		width: 800px;
	}
	.form_query_hot{
		width: 862px;
		height: 62px;
		cursor: pointer;
		margin: 0 auto;
		margin-top: 20px;
	}
	.form_query_hot_item_title{
		font-weight: 400;
		font-size: 13px;
		color: #FA6E07;
		line-height: 24px;
		margin-bottom: 8px;
	}
	.form_query_hot_item_content{
		display: flex;
		flex-direction: row;
		justify-content: left;
		align-items: center;
	}
	.form_query_hot_item_content_item{
		width: 90px;
		height: 31px;
		border-radius: 4px 4px 4px 4px;
		border: 1px solid #D8D6D6;
		font-weight: 400;
		font-size: 14px;
		color: #828590;
		line-height: 31px;
		margin-right: 10px;
		text-align: center;
	}

	.year-navs{
		width: 862px;
		margin: 0 auto;
		margin-top: 20px;
			.nav_title{
					font-weight: 400;
					font-size: 16px;
					color: #3D3D3D;
						display: flex;
					}
					.d-b-cs{
						flex-wrap: wrap;
						display: flex;
						width: 720px;
					}
					.d-b-css{
						flex-wrap: wrap;
						display: flex;
						width: 772px;
					}
					.flex{
						display: flex;
						width: 120px;
					}
					.game_type{
						height: 37px;
						border-radius: 5px;
						float: left;
						font-weight: 400;
						font-size: 14px;
						color: #3B3B3B;
						text-align: center;
						line-height: 37px;
						cursor: pointer;
						display: flex;
						margin-right: 36px;
					}
					.game_type_active{
						color: #FA6E07;
					}
					
				}
				.option_defaultall{
				}
				.game_type_actives{
					color: #FA6E07 !important;
				}
				.year-navs_item{
					display: flex;
					flex-direction: column;
					justify-content: left;
					margin-top: -10px;
					margin-left: 8px;
				}
	   ::v-deepuni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
			background: #FA6E07 !important;
			border: 1px solid #FA6E07 !important;
			color: #ffffff !important;
		}
		::v-deepuni-checkbox:not([disabled]) .uni-checkbox-input:hover {
        border-color: var(--HOVER-BD-COLOR, #FA6E07) !important;
    }
	.year-navs_year{
		margin-top: 35px;
	}
	.game_types{
		height: 37px;
		width: 70px;
		border-radius: 5px;
		float: left;
		font-weight: 400;
		font-size: 14px;
		color: #3B3B3B;
		text-align: center;
		line-height: 37px;
		cursor: pointer;
		display: flex;
		margin-right: 5px;
	}
	.year_item{
		display: flex;
		flex-direction: row;
		margin-top: -10px;
		align-items: center;
		margin-left: 8px;
	}
/* 隐藏日期和月份选择，仅显示年份 */
.year-range-picker .el-month-table,
.year-range-picker .el-date-table {
  display: none;
}
.year-range-picker .el-year-table {
  display: block;
}
.yearall{
width: 240px;
height: 32px;
background: #FFFFFF;
border-radius: 3px 3px 3px 3px;
border: 1px solid #D8D6D6;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
::v-deep.el-input--suffix .el-input__inner{
	padding-left: 0px !important;
	padding-right: 0px !important;
	border: none !important;
	height: 32px !important;
	text-align: center;
}
.yearall_img{
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
// 游戏列表
.content_two_content{
		width: 1206px; 
		margin:10px auto  0;
		display: flex;
		justify-content: space-between;
		margin-top: 55px;

		.content_two_l{
		width: 1206px;
		height: 782px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		}
		.content_two_list{
			width: 574px;
			height: 366px;
			background: #FFFFFF;
			box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
			border-radius: 16px 16px 16px 16px;
			border: 1px solid #E7E7E7;
			margin-bottom: 45px;
			.g_name{
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 66px;
				padding: 0 34px;
				margin-bottom: 10px;
				cursor: pointer;
				.g_name_title{
					font-weight: 500;
					font-size: 20px;
					color: #3D3D3D;
					display: flex;
					align-items: center;
					.yx_icon{
						width: 26px;
						height: 26px;
					}
				}
				.g_name_more{
						font-weight: 400;
						font-size: 14px;
						color: #FA6E07;
						cursor: pointer;
						I{
							font-size: 12px;
							margin-left: 5px;
						}
				}
			}
			.g_content{
				padding: 0 34px;
				display: flex;
				justify-content: space-between;
				.g_content_left{
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.g_image{
						width: 282px;
						height: 154px;
						cursor: pointer;
					}
					.g_content_company_name{
						font-weight: bold;
						font-size: 14px;
						color: #3D3D3D;
						display: flex;
						align-items: center;
						.yx_icon{
							width: 18px;
							height: 18px;
							margin-right: 8px;
						}
						.g_content_company_name_text{
							font-weight: 500;
							font-size: 14px;
							color: #3D3D3D;
							margin-left: 8px;
						}
					}
				}
				.g_content_right{
					width: 180px;
					height: 255px;
					border-radius: 2px 2px 2px 2px;
					.g_content_right_image{
						width: 180px;
						height: 255px;
						border-radius: 2px 2px 2px 2px;
						cursor: pointer;
					}
				}
			}
		}
	}
	::v-deep.el-pagination button:disabled{
		background-color: unset !important;
		cursor: not-allowed;
	}
	::v-deep.el-dialog, ::v-deep.el-pager li {
		background: unset !important;
	}
	::v-deep.el-pagination .btn-next {
		background: unset !important;
    }
	::v-deep.el-pagination .btn-prev {
		background: unset !important;
    }
.nocontent{
		text-align: center;
		margin-top: 100px;
		font-size: 18px;
		color: #3D3D3D;
		margin-bottom: 100px;
}
   
	@media screen and (max-width: 768px) {
		  .banner_desc{
			  line-height: 12px !important;
			  width: 190px !important;
		  }
		.banner{
		    height: 130px !important;
		}
		.banner uni-swiper {
		       height: 130px !important;
		}
		.banner .banner_img{
			  height: 130px !important;
		}
	.index_title{
		  margin-top: 2px; 
	}
	.index_title h5{
		font-size: 14px !important;
	}
	.content_title{
		height: 50px !important;
		width: 270px !important;
	}
	.content_title h5{
		width: 200px  !important;
		line-height: 12px !important;
		font-size: 10px !important;
		height: 50px !important;
	}
	.one-stop{
		margin-top: 20px;
	}
	.one-stop_list{
		width:220px;
		height: 115px;
		margin: 0 auto;
	}
	.one-stop_item{
		width:220px;
		height: 100px;
		//justify-content: space-between;
	}
	.one-stop_item .c_logo{
		width: 100px;
		height: 96px;
	}
	.one-stop-qy{
		width: 110px !important;
	}
	.a_t{
		
	}
	.a_text{
		line-height: 12px !important;
		max-height: 70px !important;
	}
	::v-deep.one-stop_list .uni-swiper-dots-horizontal{
		left: 50%;
	}
	
	
	
	}

	
</style> 
