<template>
	<Layout :index="6" :titles="'我要技术'" :title_content="'我要技术'">
 <view >
  <view class="content">
       <view class="content_top">
          <view class="banner">
			   <image class="banner_img" src="../static/imgs/banner2x.png"></image>
			   <image class="banner_title" src="../static/imgs/t_yf.png"></image>
			   <view class="banner_desc">全方位坚实技术支持，让创意平稳落地。</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">
			<view class="one-stop">
				<view class="one-stops">
					<view class="title_box">
						<view class="index_title">
							<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="one-stop_list">
						<view class="one-stop_item">
							<view class="one-stop-img"><image class="c_logo" src="../static/imgs/c_logo1.png"></image></view>
							<view class="one-stop-qy"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益1</view>
							<view class="qy_text">面向中小游戏厂商提供技术支持</view>
							<view class="one-stop-qy push-t-15"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益2</view>
							<view class="qy_text">高性价比云资源价格方案</view>
						</view>
						<view class="one-stop_item">
							<view class="one-stop-img"><image class="c_logo" src="../static/imgs/c_logo2.png"></image></view>
							<view class="one-stop-qy"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益1</view>
							<view class="qy_text">COG与华为云云服务的专项折扣扶持</view>
							<view class="one-stop-qy push-t-15"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益2</view>
							<view class="qy_text">华为云 x“COG好游戏计划”专项初创计划，报名通过即可获得5000元或50000元华为云云服务代金券，最高可申请100万元</view>
						</view>
						<view class="one-stop_item">
							<view class="one-stop-img"><image class="c_logo" src="../static/imgs/c_logo3.png"></image></view>
							<view class="one-stop-qy"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益1</view>
							<view class="qy_text">针对游戏产品提供完整的云上解决方案</view>
							<view class="one-stop-qy push-t-15"><image class="qy_icon" src="../static/imgs/qy_i.png"></image>权益2</view>
							<view class="qy_text">提供灵活的定价帮助企业实现业务成本优化</view>
						</view>
					</view> 
				</view>
			</view>
            <view class="content_two ">
				<view class="title_box">
					<view class="index_title">
						<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">
			        <view class="content_two_swiper">
			        	<swiper indicator-dots autoplay>
			        	     <swiper-item v-for="(item, index) in imgList" :key="index">
			        	       <image :src="item" class="content_two_swiper_image"></image>
			        		   <!-- <view class="slide-text">
			        			   <h6>四川游戏创新发展中心</h6>
			        		   </view>
							   <view class="slide-texts">
							   		
							   </view> -->
			        	     </swiper-item>
			        	  </swiper>
			        </view>
					<view class="content_two_left">
					
						   <view class="Industry_dynamics Policies">
							   <view class="Industry_head">
								   <image class="yl_l" src="../static/imgs/yl_i.png"></image>
								   <h6>有灵美术</h6>
									<text class="gomore" @tap="goUrl('https://tiangong.yl.163.com/portal')">了解更多 >></text>
							   </view>
							   <view class="Industry_list">有灵美术平台，由网易伏羲联合四川省游戏创新发展中心的核心组成单位：新华文轩四川数字出版传媒、四川省版协游戏工委、四川数字世界文化科技等共同建设。基于网易伏羲在游戏美术的积累和验证，面向行业推出服务，让从业者、艺术家，可以在更规范、标准的环境中进行服务、学习，也希望和用户共同推进美术行业的健康发展。通过有灵美术平台完成的美术资产有灵美术支持2D和3D类的美术资产制作、交易、分享，将为游戏、数字孪生、虚拟人等多个产业提供更好的助力。
							   </view>
						   </view>
					</view>
					
						
						 
				</view>
				<view class="apply" @tap="open('need')">立即申请</view>		
				
						
			</view>
		 
        </view>
        

    </view>
	</view>
	
	<uni-popup mode="center" ref="need">
		<view class="need-box">
			<view class="login_desc">
				云资源专项扶持
			</view>
			<!-- <view class="login_descs">
				快速开始尽享COG可信资产服务平台榜单，你可申请游戏评分、申请融资或处理游戏投融资业务
			</view> -->
			<view class="input-wrap">
				<input class="input" v-model="formData.c_name" type="text" placeholder="请输入您的企业名称" placeholder-class="placeholder-class" maxlength="20">
				<input class="input" v-model="formData.name" type="text" placeholder="如何称呼您" placeholder-class="placeholder-class" maxlength="20"/>
				<input class="input" v-model="formData.phone" type="text" placeholder="请输入您的联系电话" placeholder-class="placeholder-class" maxlength="20"/>
			</view>
			<view class="login_bt" @tap="apply()">
				<text>立即申请</text>
			</view>
			
		</view>
	</uni-popup>
	</Layout>
</template>

<script>
	/**
	 * 程序启动页
	 * */
	import Layout from './part/layouts.vue';
	export default {
		components: {
			Layout, 
		},
		data() {
			return {
				formData:[],
				 imgList: [
				        '../static/imgs/yl.png',  
						'../static/imgs/yl.png',  
						'../static/imgs/yl.png',  
				      ],  
					  
						 selectedIndex: -1,  
						activeIndex: 0, // 当前激活的选项卡索引
						Customer_service:false,
						comment:false,
				Inv:0,
				codeTime:0,
				FormData: {
					phone: '', 
					name:'',
					content:'',
				},
				forgetpassword:{
					new_password:'',//密码
					verify_password:'',//确认密码
					phone:'',
					phone_code:'',
				},
				user:[],
				loginData: {  
					phone: '', 
					password:'', 
				},
				is_login:false,
				articles:[],
				msg: '',
				ideaForm:{
					phone:'',
					Contentmessage:''
				},
				// 自定义表单校验规则
				customRules: { 
					phone: {
						rules: [{
							required: true,
							errorMessage: '请填写手机号'
						},{
							validateFunction: function(rule, value, data, callback) {
								let iphoneReg = (
										/^(13[0-9]|14[1579]|15[0-3,5-9]|16[6]|17[0123456789]|18[0-9]|19[89])\d{8}$/
									); //手机号码
								if (!iphoneReg.test(value)) {
										callback('手机号码格式不正确，请重新填写')
									}
							}
						}
						]
					},
					Contentmessage:{
						rules: [{
							required: true,
							errorMessage: '请填写留言内容'
						}]
					},
				password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					},{
						validateFunction: function(rule, value, data, callback) {
															if (value.length<6||value.length>10) {
																callback('密码长度在6-10个字符')
															}
															return true
														}
						}
					
					]
				},
				new_password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					},{
						validateFunction: function(rule, value, data, callback) {
															if (value.length<6||value.length>10) {
																callback('密码长度在6-10个字符')
															}
															return true
														}
					}
					]
				},
				verify_password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					}]
				},
				phone_code:{
					rules: [{
						required: true,
						errorMessage: '验证码不能为空'
					}, 
					
					]
				}
				},
			}
		},
		onLoad() {
			// const eventChannel = this.getOpenerEventChannel()
			// eventChannel.on('pageData', data => {
			// 	console.log(data,3333)
			// 	// data即传过来的参数
			// })
		},
		
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop); 
		},
		onShow(params) {
			// this.getIndex();
		},
		methods: {
			open(name){
				this.$refs[name].open();
			},
			close(name){
				this.$refs[name].close();
			},
			onClickItem(index){
				console.log(index)
				   this.selectedIndex = index;
				   if(index==0){
					   this.Customer_service=true
					   this.comment=false
				   }
				   if(index==1){
					    this.Customer_service=false
						this.comment=true
				   }
			},
			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'
				})
			},
			apply(){
				this.formData.need = '我要技术'
				//return;
				this._post('game.Apply/addApply',{
					phone: this.formData.phone?this.formData.phone:'',
					name: this.formData.name?this.formData.name:'',
					c_name: this.formData.c_name?this.formData.c_name:'',
					need: this.formData.need?this.formData.need:'',
					app_id:10001,
					apply_type:1, //1云资源
				},res=>{
					this.formData = [];
					this.close('need')
					uni.showToast({
						icon:'none',
						title: '申请成功，请等待平台联系~',
						duration:2000
					})
				}
				,err=>{
					uni.showToast({
						icon:'none',
						title: err.data.msg
					})
					return;
					// this.$message(err.data.msg);
				}
				);
			},
		
		}
	}
</script>

<style lang="scss" scoped>
	page{
		font-family:"Source Han Sans CN", sans-serif;
		background-color: #ffffff;
	}
	.banner_title{
		width: 290px !important;
		height: 60px !important;
		position: absolute;
		top: 180px;
		left: 340px;
	}
	.banner_desc{
		width: 540px;
		position: absolute;
		top: 296px;
		left: 340px;
		font-weight: 400;
		font-size: 18px;
		color: #1D222C;
		line-height: 24px;
	}
	.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: 543px;
		overflow: hidden;
		position: relative;
	}
	.banner uni-swiper {
	    display: block;
	      height: 543px;
	}
	.banner .banner_img{
		width: 100%;
		height: 543px;
	}
	.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_two{
		width: 100%;
		height: 676px;
		background: url(../static/imgs/o_bg.png)no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
	}
	.content_two_content{
		width: 1258px; 
		margin:10px auto  0;
		display: flex;
		justify-content: space-between;
	}
	.content_two_left{
		width: 517px;
		height:378px;  
		display: flex;
	}
	.content_two_swiper {
		width: 704px;
		height:379px;   
		box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.4);
		border-radius: 16px;
		position: relative;
	}
	.content_two_swiper .content_two_swiper_image {
		width: 704px;
		height:379px;
		  border-radius: 16px;
	}
	::v-deep.content_two_swiper .uni-swiper-wrapper{
		width: 704px;
		height:379px; 
		border-radius: 16px;
	}
	.slide-texts{
		width:752px;
		height:80px;
		  position: absolute;
	  bottom: -31px;
	  left: -24px; 
         border-radius:0 0 16px 16px;
		 background: url(../static/imgs/b_bg.png)no-repeat;
		 background-size: 100% 100%;
		  // background-color: rgba(0,0,0,.3);
	}
	.slide-text{
		width:100%;
		padding: 0 17px;
		height:32px;
	  position: absolute;
	  bottom: 34px;
	  left: 0; 
	}
	.slide-text h6{
		font-size: 20px;
		color: #FFFFFF;
	}
	.slide-text  text{
		width: 50%;
		display: block;
		font-size: 14px;
		color: #FFFFFF;
		 overflow: hidden;
		  display: -webkit-box;
		  -webkit-line-clamp: 2; /* 定义显示的行数 */
		  -webkit-box-orient: vertical;
		  text-overflow: ellipsis;
	}
	::v-deep.content_two_swiper .uni-swiper-dots-horizontal{
		bottom: 12px !important;
	}
	::v-deep.content_two_swiper .uni-swiper-dot{
		z-index: 999;
		width: 8px;
		height: 8px;
		bottom: 6px !important;
		background: rgba(255,255,255,0.6);
		border-radius: 15px ;
	}
	 
	 ::v-deep.content_two_swiper .uni-swiper-dot-active{
			width: 24px!important;
		height: 8px;
		background: rgba(255,255,255,0.9)!important;
			border-radius: 8px ;
	}
	.Industry_dynamics{
	   width: 517px;
	   height: 378px;
	   background: #FFFFFF;
	   box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
	   border-radius: 16px 16px 16px 16px;
	   border: 1px solid #FD9362;
	   // border-image: linear-gradient(137deg, rgba(253.0000001192093, 147.00000643730164, 98.00000175833702, 0.4200000095367429), rgba(233.7500050663948, 77.7196615934372, 35.16592741012573, 0.55200003194809)) 1 1;
	}
	.Industry_dynamics_tab{
		width:1200px; 
		margin: 39px  auto 0;
		display: flex;
	}
	.Industry_dynamics_tab .tab-item{
		width: 170px;
		height: 45px;
		line-height: 45px;
		text-align: center; 
		font-size: 18px;
		color: #3D485D;
		cursor: pointer;
		border-bottom: 1px solid #CCD5DF;
	}
	.Industry_dynamics_tab .tab-item image{
		width: 17px;
		height: 17px;
		vertical-align: middle;
		margin-right: 5px;
	}
	
	.Industry_head{
		width: 86%;
		margin: 20px auto 0;
	    height: 30px; 
	    line-height: 30px; 
	}
	.yl_l{
		float: left;
		width: 16px;
		height: 16px;
		margin-top: 9px;
		margin-right: 10px;
	}
	.Industry_head>view{
		height: 30px;
		float: left;
		line-height: 25px;
	}
	.Industry_head h6{
	   font-weight: 600 !important;
	   font-size: 18px;
	   color: #3D3D3D;
	   float: left;
	} 
	.gomore{
		float: right;color: #FD7403;cursor: pointer;font-size: 14px;cursor: pointer;
	}
	.Industry_list{
	    width: 82%;
	    margin : 15px auto 0;
		margin-left: 11.6%;
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		color: #3D3D3D;
	}
	.Industry_list li{
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px; 
	} 
	::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: 703px;
	  margin: 0 auto;
	 background: url(../static/imgs/qy_bg.png)no-repeat;
	 background-size: 100% 100%;
  }
  .one-stops{
  	  width: 1248px;
  	  margin: 0 auto;
  }
  .title_box{
		margin-bottom: 60px;
		margin-top: 54px;
  }
  .index_title {
	  height: 40px;
	  line-height: 40px;
	
	  display: flex;
	  justify-content: center;
  }
    .index_title h5{
		font-weight: 700;
		font-size: 30px;
		color: #3D3D3D;
		margin: 0 15px;
	}
	.index_title view{
		height: 40px;
		line-height: 40px;
	}
  .index_title .t_l{
  	  width: 39px;
  	  height: 39px;
  	  vertical-align: middle;
  }
  .one-stop_list{
	  width: 1248px;
	  display: flex; 
	  flex-wrap: wrap;
	  justify-content: space-between;
	  margin-top: 110px;
  }
  .one-stop_item{
	 width: 329px;
	 height: 378px;
	 background: linear-gradient( 180deg, #FFF4EB 0%, #FFFFFF 74%);
	 box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.3);
	 border-radius: 14px 14px 14px 14px;
	 border: 2px solid #FFFFFF;
	  cursor: pointer;
	  position: relative;
	  display: flex;
	  // justify-content: center;
	  align-items: center;
	  flex-direction: column;
  }
    .one-stop_item:hover{
	}
	
  .one-stop_list .one-stop_item:nth-child(5n+1){
	  margin-left: 0;
  }
  .one-stop_item .one-stop-img .c_logo{
  	width: 142px;
  	height: 142px;
	 border-radius: 100%;
  }
  .one-stop_item .one-stop-img{
	width: 142px;
	height: 142px;
	// background: linear-gradient( 180deg, #EA4E23 0%, #FD9362 100%);
	// box-shadow: 2px 3px 4px 1px rgba(253,147,98,0.45);
	// border: 1px solid #ed987e;
	 border-radius: 100%;
	 text-align: center;
	 // margin-bottom: 20px;
	 margin-top: 30px;
  }

  .one-stop_item .one-stop-qy{
	 font-weight: 400;
	 font-size: 14px;
	 color: #828590;
	line-height: 22px;
	 width: 100%;
	 padding-left: 50px;
	 display: flex;
	 align-items: center;
  }
  .one-stop_item .one-stop-qy .qy_icon{
  	 width: 16px;
  	 height: 16px;
	 margin-right: 6px;
  }
  .one-stop_item .qy_text{ 
	 font-weight: 400;
	 font-size: 15px;
	 color: #3D3D3D;
	 line-height: 22px;
	 width: 250px;
	 padding-left: 28px;
	 padding-right: 0px;
	 margin-top: 6px;
  } 
  
  
 
  .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;
  }
  
  .need-box{
  	width: 640px;
  	min-height: 468px;
  	background: #fafafa;
  	box-shadow: 0px 0px 57px 0px rgba(239,131,18,0.15);
  	text-align: center;
  	.login_descs{
  		margin-top: 20px;
  		height: 55px;
  		font-size: 21px;
  		font-weight: 400;
  		color: #9E9E9E;
  		text-align: center;
  		padding: 0 60px;
  		text-align: left;
  	}
  	.login_desc{
  		height: 55px;
  		font-size: 24px;
  		font-weight: 400;
  		color: #333333;
  		text-align: center;
  		padding: 40px 60px 0;
  	}
  	.login_bt{
  		width: 85%;
  		height: 53px;
  		background: #F48612;
  		border-radius: 5px;
  		line-height: 53px;
  		margin: 0 auto;
  		color: #ffffff;
  		cursor: pointer;
  		margin-top: 40px;
  	}
  	.login_bt:hover{
  		background: #F48612;
  		color: #ffffff;
  	}
  	.login_check{
  		font-size: 19px;
  		font-weight: 400;
  		color: #9E9E9E;
  		margin-top: 60px;
  	}
  	.login_code{
  		width: 85%;
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		margin:0 auto
  	}
  	.login_checks{
  		font-size: 19px;
  		font-weight: 400;
  		color: #9E9E9E;
  		margin-top: 10px;
  	}
  	.uni-checkbox-input{
  		border-radius: 100% !important;
  	}
  	.input{
  		width: 81%;
  		height: 53px;
  		border: 1px solid #dddddd;
  		border-radius: 5px;
  		margin: 0 auto;
  		color: #333333;
  		margin-bottom: 25px;
  		text-align: left;
  		padding: 0 2%;
  	}
  	.input2{
  		width: 60%;
  		height: 53px;
  		border: 1px solid #dddddd;
  		border-radius: 5px;
  		color: #ffffff;
  		padding: 0 2%;
  		text-align: left;
  	}
  	.dynacode{
  		width: 30%;
  		height: 53px;
  		background: #F48612;
  		border-radius: 5px;
  		color: #ffffff;
  		line-height: 53px;
  		cursor: pointer;
  	}
  	.input:hover{
  		border: 1px solid #F48612;
  	}
  	.input2:hover{
  		border: 1px solid #F48612;
  	}
  	.placeholder-class{
  		font-size: 21px;
  		font-weight: 400;
  		color: #9E9E9E;
  		text-align: left;
  	}
  }
  
  
  @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: 20px; 
  }
  .index_title h5{
  	font-size: 14px !important;
  }
  .one-stop{
  	height: auto !important;
  }
  .one-stops{
  	 width: 180px !important;
  }
  .index_title{
  	 width: 180px !important;
	         margin: 0px auto;
	         margin-top: 20px;
  }
  
  .one-stop_list{
  	flex-direction: column;
	width: 180px !important;
  }
  .one-stop_item .one-stop-img{
  	width: 70px !important;
  	height: 70px !important;
	}
  .one-stop_item{
  	 width: 160px !important;
  	 height: 220px !important;
  	 padding: 0 0px !important;
  	 margin-bottom: 10px;
  }
  .one-stop_item .c_logo{
  	width: 70px !important;
  	height: 70px !important;
  }
  .one-stop-title{
  	font-size: 12px ;
  	
  }
  .one-stop-qy{
  	margin-top: 10px;
  	font-size: 10px !important;
  	margin-bottom: 3px;
  }
  .qy_text{
  	line-height: 14px !important;
	width: 86% !important;
	font-size: 10px !important;
	margin-top: 4px !important;
  }
  .content_two{
	  height: auto !important;
  }
  .content_two_content{
  	flex-direction: column;
	width: 180px !important;
  }
  
  .content_two_swiper {
  	width: 180px !important;
  	height:97px !important;
  }
  .content_two_swiper .content_two_swiper_image {
  	width: 180px !important;
  	height:97px !important;
  }
  ::v-deep.content_two_swiper .uni-swiper-wrapper{
  	width: 180px !important;
  	height:97px !important;
  }
  
  .content_two_left{
	  width: 180px !important;
	  height:131px !important;
	  margin-top: 12px;
  }
  .Industry_dynamics{
     width: 180px !important;
     height:131px !important;
  }
  .Industry_dynamics_tab{
  	width:1200px; 
  	margin: 39px  auto 0;
  	display: flex;
  }
  .Industry_dynamics_tab .tab-item{
  	width: 170px;
  	height: 45px;
  	line-height: 45px;
  	text-align: center; 
  	font-size: 18px;
  	color: #3D485D;
  	cursor: pointer;
  	border-bottom: 1px solid #CCD5DF;
  }
  .Industry_dynamics_tab .tab-item image{
  	width: 17px;
  	height: 17px;
  	vertical-align: middle;
  	margin-right: 5px;
  }
   .Industry_head{
       height: 20px !important;
	   line-height: 20px !important;
   }
   .yl_l{
	   margin-top: 8px !important;
   }
   .Industry_list{
		font-size: 8px !important;
		line-height:10px !important;
		max-height:100px !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
		overflow: hidden;
		text-overflow: ellipsis;
   }
   
  	.apply{
  		width: 100px;
  		height: 22px;
  		border-radius: 22px;
  		line-height: 22px;
  		font-size: 10px !important;
  		margin: 10px auto !important;
  	}
  	.b20{
  		width: 100%;
  		height: 20px;
  	}
	
	
	.need-box{
		width: 150%;
		background: #fafafa;
		box-shadow: 0px 0px 57px 0px rgba(239,131,18,0.15);
		text-align: center;
		overflow: hidden;
		min-height:180px;
		margin-left: -25%;
		.login_desc{
			width: 100%;
			font-size: 14px;
			color: #333333;
			text-align: center;
			padding: 0 ;
			margin-top: 10px;
		}
		.input-wrap{
			margin-top: 20px;
		}
		.input{
			height: 24px;
			line-height: 24px;
			font-size: 12px;
		}
		.login_bt{
			height: 24px;
			line-height: 24px;
			font-size: 12px;
		}
	}	
		
  }
</style> 
