

@media screen and (max-width:640px){
	.touch-a{
		display: none;
	}
	.touch-sa{
		display: block;
		width: 100%;
		background: url(../images/touch_s_01.jpg);
		background-size:cover;
		height: 13em;
	}
	.medium{
		display: none;`
	}
	
	.medium-sa{
		display: block;
		width: 100%;
		height: 13em;
	}
	.touch-sa img,.medium-sa img{
		width: 100%;
	}
	.touch .touch_one{
		width: 98%;
		margin: 2em auto;
	}
	.touch .touch_one h2{
		text-align: center;
		font-size: 1.2em;
	}
	.touch .touch_one span{
		display: block;
		text-align: center;
		font-size: 1em;
		line-height: 1.3em;
	}
	.touch_one ul li{
		list-style: none;
		padding: 0;
		width: 30%;
		float: left;
	}
	.touch_one ul li img{
		width: 100%;
	}
	.touch .touch_one{
		width: 98%;
		margin: 0 auto;
		margin-top: 2em;
	}
	
	.touch_one ul{
		margin-top: 2em;
	}

	.tpuch_two{
		height:4.5em;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	.tpuch_two p{
		display: block;
		float: left;
		margin-top:0.5em;
		font-size: 0.8em;
	}
	.tpuch_two p i{
		list-style: none;
		font-size:0.3em;
		line-height: 0.8em;
		
	}
	.tpuch_two dd{
		display: block;
		float: right;
		margin-top: 1em;
		font-size:0.5em;
	}
	/* 价格 */
	.price{
		width: 98%;
		margin: 0 auto;
	}
	.price h3{
		font-size: 1.2em;
		margin-left: 4%;
		margin-top: 2em;
	}
	.price_a {
		width: 98%;
		margin: 0 auto;
		margin-top: 2em;
	}
	.price_d{
		width: 28%;
		float: left;
		margin-left: 4%;
		background-color: #c4c4c4;
		border-radius: 1em;
		
	}
	.price_d:hover{
		background-image: linear-gradient(#9545ab,#c04e8b);
	}
	.touc_pri:hover{
		background-image: linear-gradient(#c4c4c4,#c4c4c4);
	}
	.price_d h2{
		font-size:1.2em;
		line-height: 2em;
		color: #FFF;
	}
	.price_d dd{
		font-size: 0.6em;
		line-height: 1.2em;
		color: #FFF;
	}
	.price_d p{
		font-size: 1.1em;
		line-height: 2em;
		color: #FFF;
	}
	.price_d dl{
		font-size:0.8em;
		line-height: 2.2em;
		color: #FFF;
	}
	.price_d h2,.price_d dd,.price_d p,.price_d dl{
		text-align: center;
	}
	.relief{
		width: 100%;
		background: url(../images/relief04.png);
		background-size:cover;
		height: 20em;
	}
	.relief_text{
		width:94%;
		margin: 0 auto;
		margin-top: -15em;
		background-color: #fff;
		border-radius: 1em;
	}
	.relief_nex{
		width: 96%;
		margin: 0 auto;
	}
	.relief_nex h1{
		text-align: center;
		font-size: 1.3em;
	}
	.relief_nex h3{
		text-align: center;
		font-size: 1.1em;
	}
	.relief_nex p{
		font-size:0.8em;
		line-height: 2em;
	}
	.touc_pri{
		width: 30%;
		margin-left: 2%;
	}
	.touc_pri p{
		font-size: 0.8em;
	}
	.touc_pri dl{
		font-size: 0.5em;
	}
	/* 服务器 */ 
	.server_a{
		width: 96%;
		margin: 0 auto;
	}
	.server_b h2{
		text-align: center;
	}
	
	.server_b{
		width: 100%;
		margin: 0 auto;
	}
	.server_b input{
		display: block;
		width:90%;
		margin: 1em auto;
	}
	.server_tex{
		width: 96%;
		margin: 0 auto;
	}
	.server_tex_a ul{
		width:100%;
		height: 2.5em;
		overflow: hidden;
	}
	.server_tex_a ul li{
		width: 6%;
		float: left;
	}
	.server_tex_a ul li img{
		width: 100%;
	}
	.server_tex_a ul dd{
		float: left;
	}
	.server_tex_a ul dl{
		float: right;
	}
	.server_b h2{
		font-size: 1.2em;
	}
	/* 评价 */
	
	.discuss_aa{
		width: 96%;
		margin: 0 auto;
	}
	.discuss_aa h1,.discuss_aa p{
		text-align: center;
	}
	.discuss_aa p{
		font-size: 1em;
		margin-top: 1em;
		margin-bottom: 1em;
		
	}
	
	
	.discuss_bb h1,.question_dis .que_s h1,.discuss_aa h1{
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
		font-size: 1.5em;
		line-height: 2em;
	}
	.discuss_ac{
		width:100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	
	.discuss_ac .col-md-4 img{
		width: 100%;
		margin-top: 1em;
	}
	.discuss_ac_why{
		float: right;
	}
	.discuss_ac_why_le{
		float: left;
	}
	.discuss_tex{
		width: 70%;
		float: right;
		margin-top: -1.8em;
	}
	.discuss_tex h2{
		text-align: left;
		font-size: 0.9em;
		margin-top:3em;
	}
	.discuss_tex p{
		font-size: 0.5em;
	}
	.question_sj{
		
	}
	.question_dis{
		width: 60%;
		margin: 0 auto;
	}
	.question_dis_s{
		width: 90%;
		margin: 0 auto;
	}
	.question_dis .que_s h1{
		text-align: center;
		
	}
	.question_dis .que_s {
		width: 96%;
		margin: 0 auto;
		
	}
	.question_dis .que_s a li{
		width: 100%;
		height: 3em;
		border-bottom: 1px solid #000;
		margin-bottom: 1em;
	}
	.question_dis .que_s a li p{
		font-size: 1em;
		margin-top: 1em;
		color: #000;
		font-weight: bold;
	}
	.discuss_banner{
		margin-top: 3em;
		background-image: url(../images/discuss_02.png);
		background-size: 100% 100%;
	}
	.discuss_banner .about_banner ul{
		width: 55%;
		margin-top:1em;
	}
	.discuss_banner .about_banner ul h1{
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: 5px;
		color: #fff;
	}
	.discuss_banner .about_banner li{
		width:50%;
		margin-top: 2em;
		margin-bottom:3.8em;
	}
	.discuss_banner .about_banner li p{
		font-size: 1em;
		color: #fff;
	}
	.discuss_aa table tr td{
		width: 10%;
		text-align: center;
		font-size: 0.11em;
		height: 2.5em;
		vertical-align:middle;
	}
	.discuss_aa table tr .td_si{
		width: 15%;
	}
	.discuss_aa table tr .td_si img{
		width: 100%;
	}
	/* 为什么用VPN */
	.why_ww{
		text-align: center;
		font-size: 0.6em;
		margin-top: 1.5em;
	}
	.why_widt{
		width:96%;
		margin: 0 auto;
		margin-top: 4em;
	}
	.why_widt h2{
		text-align: center;
		font-weight: bold;
	}
	.why_widt .why_wp{
		font-size: 1.4em;
		text-align: center;
	}
	.why_widt .help_n_c{
		width: 100%;
	}
	.help_n_c_why ul{
		width: 100%;
		background-color: #f3f3f3;
		border: 1PX solid gold;
		border-radius: 1em;
		list-style: none;
		padding: 0;
		height: 4em;
		margin-bottom: 1em;
	}
	
	.why_widt .help_n_c_why ul li{
		width: 15%;
		float: right;
		margin-top: 0.6em;
		
	}
	.why_widt .help_n_c_why ul li img{
		width: 100%;
	}
	.why_zsa{
		width: 83%;
		text-align: right;
		display: block;
		float: right;
		font-size: 0.6em;
	}
	.help_n_c_why p{
		position: relative;
		top: 1em;
	}
	.help_n_c_why ul span{
		position: relative;
		top: -0.4em;
	}
	
	/* 功能 */
	.functiona .fun_s{
		text-align: center;
		margin-bottom: 1em;
		margin-top: 1em;
		font-size: 0.8em;
	}
	.fun_s_h ul span {
	    width: 87%;
	    display: block;
	    font-size: 0.5em;
	    line-height: 1.9em;
	    text-align: right;
	    margin-top: 1em;
	}
	.functiona{
		width: 98%;
		margin: 0 auto;
	}
	.functiona h2{
		font-size: 1.2em;
		font-weight: bold;
	}
	.fun_s_h ul{
		height: 4em;
		
	}
	
	.function_but{
		width: 100%;
		margin: 1em auto;
	}
	.function_but ul{
		width:35%;
		height: 2em;
		margin: 0 auto;
		background-image: linear-gradient(#d2527e,#8e43b0);
		border-radius: 35px;
		border-radius: 1.5em;
		line-height: 2em;
		text-align: center;
		background-color: #ba4d90;
		color: #FFFFFF;
	}
	.function_but p{
		text-align: center;
		line-height: 1.5em;
	}
	.function_but ul dd{
		display: block;
		text-align: center;
		line-height:2em;
		color: #fff;
		font-size: 0.8em;
	}
	.function_a{
			background-image: url(../images/function0_01.png);
			background-size: 100% 100%;
		}
		.function_banner {
			width: 98.5%;
			border: 1px solid transparent;
			margin: 0 auto;
			margin-top: 2em;
		}
		.function_banner ul{
			width: 100%;
			margin-top:2em;
			
		}
		.function_banner ul h1{
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: right;
			color: #fff;
			margin-right: 2%;
		}
		.function_banner li{
			width:40%;
			margin-top: 1em;
			margin-bottom:3.8em;
			float: right;
			margin-right: 5%;
		}
		.function_banner li p{
			font-size: 0.6em;
			text-align: right;
			line-height: 2.5em;
			color: #fff;
		}
	/* 条款与条件 */
	.clauses{
			display: block;
			width: 100%;
			margin-top: 3em;
			height: 13em;
		}
	.clauses img{
		width: 100%;
	}
	.clause_banner2{
	    text-align: center;
	    background: rgba(255, 255, 255, 0);
	    padding: 1em 1em;
	    width: 62%;
	    position: relative;
		top: -18em;
		margin-left: 2%;
		
	}
	.clause_banner h2{
		color: #FFFFFF;
	    font-size: 1.2em;
		text-align: left;
	    letter-spacing: 5px;
		margin-top:2em;
		font-weight: bold;
	  
	}
	
	.clause_banner p{
		color: #FFFFFF;
	    font-size: 0.8em;
	    margin: 4.5em 0 0 0;
	    letter-spacing: 3px;
		text-align: left;
		font-weight: 200;
	}
	
	.clause{
		display: none;
		}
	.clause_ac{
		width: 92%;
		margin: 1em auto;
	}	
	.clause_ac h1{
		font-size: 1.2em;
		font-weight: bold;
	}
	.clause_ac h2{
		font-size: 1em;
		font-weight: 600;
	}
	.clause_ac h3{
		font-size: 1em;
	}
	.clause_ac p{
		font-size: 1em;
		line-height: 1.6em;
	}
	/* 退款政策 */
	.refund_banner_a {
		margin-top: 3em;
	}
	.refund_banner ul h1{
		margin-top: 1em;
	}
	.refund{
		width:94.25%;
		margin: 0 auto;
		
	}
	.refund h1{
		font-size: 1.2em;
	}
	 .refund p i{
		 display: block;
		 width: 10px;
		 height: 10px;
		 border-radius: 50% 50%;
		 float: left;
		background-color: #0056B3;
		margin-top: 1em;
	}
	.refund p {
		font-size: 0.6em;
		line-height:2.5em;
	}
	/* 为什么猎豹VPN */	
	.why_vpn{
		display: none;
	}
	.why_vpn_a{
		display: block;
		width: 100%;
	}
	.why_vpn_a img{
		width: 100%;
	}
	.why_vpn_one{
		width: 94%;
		margin: 2em auto;
		background-color: #fbfbfb;
		border-radius: 1em;
	}
	.why_vpn_one li{
		float: left;
		width: 50%;
	}
	.why_vpn_one li img{
		width: 100%;
	}
	.why_vpn_one ul{
		float: right;
		width: 50%;
		
	}
	.why_vpn_one ul h1{
		margin-top: 1em;
		font-weight: bold;
		text-align: right;
		margin-right: 5%;
		letter-spacing: 6px;
		font-size: 1em;
	}
	.why_vpn_one ul p{
		text-align: right;
		margin-right: 5%;
		font-size:0.6em;
		letter-spacing: 3px;
		margin-top: 1em;
	}
	.why_vpn_one_s li{
		float: right;
		width: 50%;
	}
	.why_vpn_one_s ul{
		float: left;
		width: 50%;
		
 	.whyvpn_three {
		width: 100%;
		margin: 0 auto;
	}
	.container h2{
		font-size: 1.4em;
	}
	.container p{
		font-size:0.8em;
		line-height: 1.5em;
	}
	.container h3{
		font-size: 1.2em;
	}
	
	/* 支付 */
	.pay_a{
		display: none;
	}
	
	.index_play{
		background: url(../images/sy000.jpg);
		display: block;
		/* position: fixed;
		top: 0px; */
		z-index:-1;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 18em;
		}
		
	.index img{
		width: 100%;
	}
		.pay_c{
			width: 100%;
			margin: 1em auto;
		
		}
		.pay_lef{
			width: 94%;
			float: none;
		} 
		 .pay_lef ul li{
			 width: 40%;
			margin-top: 1em;
			margin-bottom: 1em;
			margin-right: 1em;
		}
		.pay_rig{
			width: 94%;
			float: none;
			
		}
		
}

