@import url("reset.css");
@import url("global.css");

body{   background: url(../images/vpn/vtp1.jpg) top center no-repeat;  background-size:100%; }
.vpnbox{ background:rgba(255,255,255,0.3) no-repeat; width:88%; padding:2% 3% 6%; margin:0 auto; margin-top:2%; border-radius:10px; }
.dyb{ color:#fff; font-size:26px;}

.vpnbox dl{ text-align:center; width:100%; margin-top:60px;}
.vpnbox dl dt{ display:inline-block; width: 20%;margin: 0 2%; font-size:24px; color:#fff; cursor:pointer; position:relative; padding-bottom:36px;}
.vpnbox dl dt p{ margin-top:10px;}
.vpnbox dl dt.on{  background: url(../images/vpn/vtp6.png) bottom center no-repeat;}


.vpnnr{ text-align:center; margin-top:6%; height:310px!important;}
.vpnnr div{ display:inline-block; margin:0 30px;}
.vpnnr div p{ font-size:23px; color:#fff; margin-top:20px; height:40ppx; overflow:hidden;}
.vpnnr div img{ height:179px;}
.vpnnr div span{ background:#fff; display:inline-block; width:180px; padding:8px 0; text-align:center;  border-radius:5px; margin-top:15px; transition: all 0.3s ease 0s;}
.vpnnr div span a{ color:#4483d2; font-size:21px; font-weight:bold;}
.vpnnr div span:hover{ background:#f48338;}
.vpnnr div span:hover a{ color:#fff;}
.vpnnr div em{ display:block; margin-top:8px;}
.vpnnr div em a{ color:#fff; font-size:23px; }
.vpnnr div em:hover a{ color:#ff9e40; }

.nr3 div{ width:calc(100%/4); float:left; margin:0; height:300px;}
.nr3 div em a{ font-size:19px;}


.vpndl{ background:#f48338; margin:3% auto; padding:20px 0; width:430px; font-size:26px; text-align:center; border-radius:5px;}
.vpndl a{ color:#fff;}


.tsbj{  background:rgba(0,0,0,0.5) no-repeat; width:100%; height:100%; position:fixed!important; top:0; left:0; z-index:998;}
.tsnr{ width:520px;  position:fixed; left:50%; top:50%; margin-top:-130px; margin-left:-260px; z-index:999; text-align:center;}
.tsnrbox{ background:#fff; border-radius:6px; }
.tsnr h3{ font-size:23px; text-align:center; color:#fff; background-image: linear-gradient(to right,#e8204a 30%,#ef442c); padding:10px 0; border-radius:6px 6px 0 0; }
.tsnr p{ text-indent:2em; font-size:18px; padding:20px;  text-align:left; line-height:36px;}
.tsnr h4{ background:#e8204a; padding:6px 50px;  border-radius:20px; display:inline-block; font-size:20px; color:#fff; margin-bottom:20px; cursor:pointer;}


.zygb img{ width:36px; height:auto; text-align:center; cursor:pointer; margin-top:15px; display:none;}






 

@media screen and (max-width: 1700px) {
		body{    background-size: 100% 100%; }
		.vpnnr{height: 368px!important;}
		.vpnnr div img{ height: auto;max-width: 100%;;}
		.vpnnr div p{font-size: 20px;}
		.nr3 div em a{font-size: 15px;}
}