@charset "utf-8";
/* CSS Document */
.leftside{width:115px;position:fixed;left:5px;top:260px}
.leftlink{width:100%;height:47px;line-height:47px;background:#380590;color:#fff;text-align:center;display:block}
.leftlink:hover{color:#ffea00;}
.leftlink.bdm1{border-bottom:2px solid #6c1451}
.leftlink.bdm2{border-bottom:2px solid #3910d3}
.leftlink.bdm3{border-bottom:2px solid #4f8a49}
.leftlink.bdm4{border-bottom:2px solid #a66d31}
.leftlink.bdm5{border-bottom:2px solid #0689a4}
.banner{background:url(images/20181030img1.jpg) no-repeat top center;width:100%;height:645px;min-width:1200px;overflow:hidden;}
.joinbtn{width:182px;height:42px;background:#0588ed;border-radius:20px;font-size:26px;color:#fff;text-align:center;line-height:42px;display:block;margin:0 auto;margin-top:365px;transition:all .3s ease-out;}
.joinbtn:hover{color:#fff;border-radius:0;text-decoration:underline}
.navcontainer{background:#6814ff;height:89px;width:100%;min-width:1200px}
.navbar{width:1200px;margin:auto;height:89px}
.tab-nav{width:1200px;margin:auto;height:89px}
.fwq-detail{font-size:14px;color:#97a0b4;line-height:30px}
.ssl-nav-container {
	background: #2e303f;
	width: 100%;
	/*height: 74px;*/
	min-width: 1200px
}

.ssl-nav {
	width: 1200px;
	margin: 0 auto;
}

.ssl-nav-item {
	width: 171px;
	color: #fff;
	font-size: 16px;
	line-height: 74px;
	height: 74px;
	float: left;
	text-align: center;
	cursor: pointer
}

.ssl-nav-item:hover {
	background: #4251b6;
	color: #fff
}

.ssl-nav-item.current {
	background: #4251b6
}
.vps-tit{background:url(/services/statics/images/vps-pro.png) no-repeat 0 10px;padding-left:95px;font-size:52px;line-height:78px;font-weight:lighter;color:#fff}
.vps-bg{background:#213152 url(/services/statics/images/vps-bg.png) no-repeat top center;width:100%;min-width:1200px;height:405px}
.navbar ul li{float:left;width:25%}
.navbar ul li a{display:block;width:100%;height:89px;line-height:89px;font-size:24px;color:#fff;font-weight:bold;text-align:center;float:left}
.navbar ul li.current{background:url(images/20181030img2.png) no-repeat}
.bgcontainer {width: 100%; height: 100%; background: #1d1e2c;overflow: hidden;} 
.width1200{width:1200px;margin-left:auto;margin-right:auto}
.col-title{background:url(images/20180829img3.png) no-repeat left center;width:360px;height:60px;line-height:60px;font-size:30px;color:#fff;margin:60px auto;text-align:center;overflow:hidden}
.col-tit-txt{font-size:14px;line-height:0}
.col-tit-txt2{color:#00c0ff;text-align:center;position:relative;top:-55px}
.col-tit-txt3{font-size:14px;color:#fff;text-align:center;position:relative;top:-60px}
.drawbox{margin-top:80px}
.draw-item{float:left;background:url(images/20181030img6.png) no-repeat;width:169px;height:139px;text-align:center;margin-bottom:5px;margin-right:5px;padding-top:30px; -webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out}
.draw-item.active{background:url(images/20181030img7.png) no-repeat;width:169px}
.draw-item:hover{background:url(images/20181030img7.png) no-repeat;width:169px}
.draw-item-txt{font-size:16px;line-height:2;}
.drawbtn{width:169px;height:169px;background:#a80ceb;border-radius:20px;font-size:36px;color:#f0ff00;font-weight:bold;float:left;text-align:center;line-height:169px;margin-right:5px;margin-bottom:5px;letter-spacing:10px;-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out}
.drawbtn:hover{color:#f0ff00;background:#8f09c9}
.h75{height:75px}
.drawright{float:right;width:410px;height:560px;background:rgba(18,151,254,.45);padding-left:120px;padding-top:50px}
.draw-tit{font-size:32px;color:#fff200;font-weight:bold;letter-spacing:1px}
.gzlink{font-size:16px;color:#fff;text-decoration:underline;font-weight:normal;margin-left:10px}
.gzlink:hover{color:#fff}
.myf-md-list{width:100%;height:440px;overflow:hidden;margin-top:20px}
.myf-md-list li{font-size:16px;line-height:40px;color:#fff}
.draw-share{margin-top:50px;font-size:16px;color:#fff;line-height:42px}
.copybtn{padding:0 25px;background:#fff200;color:#f86b4f;font-size:20px;height:42px;display:inline-block;margin:0 15px}
.gf20{color:#fff200}
.sharebox{margin-top:70px;background:url(images/20181030img13.png) no-repeat left bottom;height:270px}
.share-content{border:3px solid #a90eff;width:1009px;margin:0 auto;height:192px;border-radius:5px}
.share-tit{float:left;width:24px;height:122px;font-size:24px;color:#fff;font-weight:bold;text-align:center;padding:35px 25px;background:#a90eff}
.share-txtbox{float:left;width:815px;height:142px;background:#fff;padding:25px 65px 25px 55px}
.share-input{float:left;width:480px;padding-left:36px;height:60px;line-height:60px;font-size:18px;border:2px solid #a90eff;border-right:none;outline:none}
.sharebtn{float:left;width:122px;height:64px;background:#a90eff;color:#fff;font-size:20px;letter-spacing:5px;line-height:64px;text-align:center}
.sharebtn:hover{color:#fff;background:#8f09c9}
.col-content{margin-top:90px}
.col-item{float:left;width:370px;height:480px;background:#fff;margin-bottom:40px}
.h435{height:450px}
.col-item-tit{background:url(images/20181030img16.png) no-repeat;height:89px;color:#fff;text-align:center;padding-top:15px;box-sizing:border-box}
.col-item-tit.bg2{background:url(images/20181030img18.png) no-repeat}
.pz-content{padding:0 30px;height:260px;overflow:hidden}
.h210{height:210px}
.pz-ul{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:5px 0}
.pz-ul li{float:left;width:33.3%;text-align:center;font-size:14px;border-right:1px solid #e7e7e7;box-sizing:border-box}
.pz-ul li:nth-child(3n+0){border-right:none}
.pztit{width:90px;text-align:left;font-size:14px;line-height:27px;color:#666}
.dk-item{display:inline-block;width:58px;height:25px;border:1px solid #ccc;font-size:14px;text-align:center;color:#666;line-height:25px;margin-right:6px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.dk-item.on{border-color:#1297fe;background:url(images/20181030img17.png) no-repeat bottom right}
.dk-item.on2{border-color:#a90ceb;background:url(images/20181030img19.png) no-repeat bottom right}
.dk-item2{display:inline-block;width:100px;height:40px;border:1px solid #ccc;font-size:14px;text-align:center;color:#666;line-height:40px;margin:0 12px}
.dk-item2.on{border-color:#a90ceb;background:url(images/20181030img19.png) no-repeat bottom right}
.width78{width:78px}
.pricebox{background:#ffffff;text-align:center; margin:0 auto;width:280px; height:60px;padding-top:10px}
.fsize30{font-size:20px}
.lth{text-decoration:line-through;}
.pzicon{background:url(images/20181030img20.png) no-repeat;width:100px;height:58px;text-align:center;font-size:28px;font-weight:bold;color:#666;line-height:58px;float:left;margin-left:35px;margin-top:70px}
.pzicon-ul{float:left;margin-left:25px;margin-top:35px}
.pzicon-ul li{font-size:18px;color:#666;line-height:40px;}
.ga9{color:#a90ceb}
.buybtn{width:280px;background:#1297fe;height:50px;display:inline-block;font-size:18px;color:#fff;text-align:center;line-height:50px;border-radius:3px}
.buybtn:hover{color:#fff;text-decoration:underline}
.buybtn.bg2{background:#a90ceb}
.hdsm-ul{margin-top:60px}
.hdsm-ul li{font-size:16px;color:#fff;line-height:34px}
.mr30{margin-right:30px}
.fsize24{font-size:24px}