/*
	template name: 虚拟主机样式表
	description: template for www.woniuseo.com theme 
*/
*{margin:0px;padding:0px;}
.w1200{width:1200px;margin:0 auto;}
h2{font-size: 30px;}
li{list-style: none;}
a{text-decoration:none;}
.clear{clear:both;}
#float_qrcode{position:fixed;left:0;top:20%;z-index: 99;}

nav{height:90px;background:#0B206A;}
nav img{position: relative;top: 12px;}
.nav{float:right;}
.nav ul{width:900px;}
.nav ul li{float: left;line-height: 90px;height: 90px;width: 12.5%;text-align: center;}
.nav ul li a{color:#fff;}
.nav ul li a:hover{text-decoration:underline;}
.banner img{width:100%;}

.vhvps .vh{/*height: 470px;*/margin: 25px 0;}
.vhvps .vh h2{padding-left: 20px;line-height: 60px;}
.host{/*height:375px;*/border-top:2px solid #E5E5E5;}
.host .item{float: left;margin: 2%;border: 1px solid #109AE9;list-style: none;width: 21%;box-sizing: border-box;}
.host .item .title{background: #0093E8;padding: 1.5% 0;text-align: center;color: #fff;line-height: 28px;overflow: hidden;white-space: nowrap;}
.host .item .title div{font-size: 12px;color: #E3E8ED;letter-spacing: 5px;}
.host .item .price{background: #EDEDED;padding: 10px 25px;line-height: 23px;padding: 4% 10%;}
.host .item .price .old{text-decoration: line-through;color: #7E7E7E;}
.host .item .price .new{color: #f00;}
.host .item .detail li{list-style: inside;padding-left: 4%;line-height: 30px;border-bottom: 1px dotted #ddd;}	
.host .item .buy{text-align: center;line-height: 75px;}
.host .item .buy a{border: 1px solid #d2cbcb;padding: 2% 4%;margin: 1%;color: #000;}
.host .item .buy a:hover{text-decoration:underline;}
.host .item .buy .tb{background:#0093E8;color:#fff;}

.slider-caption{overflow: hidden;height: 360px;}
.slider-caption h2{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vertical-middle{top: 10%;padding-top: 0px;padding-bottom: 0px;color: #fff;position: absolute;  padding: 0 150px;line-height: 40px;text-align: center;}

.why{margin: 5% auto;text-align:center;}
.why h2{line-height:50px;}
.why .eng{line-height:20px;color:#AAA5A5;}
.why .sline{margin: 12px auto 0px;width: 100px;border-bottom: 4px solid #00a1e7;}	
.why .lline{margin: 0 auto;width: 600px;border-bottom: 1px solid #e3e3e3;}
.why .descr{margin: 2% auto;line-height: 30px;}	
.why .ys li{float: left;text-align: center;height: 180px;width: 23%;margin: 1%;}

.other{height:610px;background:#f2f6f8;}
.other .w1200{margin:3% auto;text-align:center;}
.other h2{line-height:60px;padding:60px;}
.other .server .serv{width: 40%;margin: 2%;background: #fff;text-align: center;border-radius: 10px;padding: 3%;}
.other .server .left{float:left;	}
.other .server .right{float:right;}
.other .server .serv h3{padding: 3% 0;border-bottom: 2px solid #06A9F3;text-align: center;width: 130px;margin: auto;font-size: 24px;font-weight: normal;}
.other .server .serv .des{line-height: 30px;padding: 6% 0;color: #777;}
.other .server .serv .dinggou a{text-decoration: none;color: #000;margin: 10px;border-radius: 20px;border: 2px solid #06A9F3;padding: 10px;}

.news{padding-bottom: 20px;}
.news .csn{float: left;height: 410px;border: 1px solid #D3ECFF;list-style: none;width: 29.3%;margin: 8% 2% 0;padding: 2%;box-sizing: border-box;}
.news .csn h3{line-height: 70px;text-align: center;border-bottom: 1px dotted;}
.news .csn .list{line-height: 50px;list-style: inside;}	
.news .csn .list li{border-bottom:1px dotted;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .csn .list li a{color:#000;}
.news .csn .list li a:hover{text-decoration:underline;}
.forsale{background: #7ac1ff;font-size: 24px;line-height: 80px;color: #fff;line-height: 20px;padding: 20px 5px;}

footer{background:#000;padding-top:60px;}
footer .mbox{width:1200px;margin:auto;height:300px;}
footer .mbox .item{color: #fff;float: left;margin: 0 0.5%;width: 15.6%;padding: 0 1.5%;box-sizing: border-box;}
footer .mbox .item h2{font-size: 20px;padding: 20% 0;border-bottom: 1px dotted #82888c;}
footer .mbox .item .list{padding: 13% 0;}
footer .mbox .item .list li{list-style:none;line-height:30px;overflow: hidden;white-space: nowrap;}
footer .mbox .item .list li:hover{	background:#4B4D4D;}	
footer .mbox .item .list li a{color:#fff;}
footer .mbox .item .list li a{color:#ddd;}
footer .mbox .item .list li:hover a{text-decoration:underline;}
.vhqq{padding-left: 25px;}
.vhwechat{width: 150px;margin: 25px;}
.ftabout{color: #d0c9c9;border-top: 1px dotted #939598;text-align: center;}
.ftabout span{max-width: 1200px;margin: auto;display: block;padding-left: 40px;line-height: 60px;}
.ftabout a{color:#d0c9c9;}

.mfloat,.float-right{display:none;}
/******************vmhost  pad  css********************/
@media screen and (max-width: 900px){
#float_qrcode {display: none;}
.w1200,footer .mbox{max-width:900px;width:100%;margin:0;}
nav{height:auto;}
nav img{position:static;height: 50px;}
.nav{float:none;}
.nav ul{width:100%;max-width:900px;}
.nav ul li{height:50px;line-height:50px;width:12.5%;overflow:hidden;padding:0;}

.vertical-middle{padding: 0;line-height: 20px;max-width: 100%;}
.slider-caption-center{height:360px;}

.why .lline {width:100%;}
.other{height:auto;}
.other .server .serv .dinggou a {display: inherit;}

.forsale{text-align:center;}
footer{padding-bottom:60px;}

.ftabout span{padding-left:0;line-height: 30px;}
.vhqq{padding-left:0;}
.vhqq img{max-width:100%;}
.vhwechat{margin:0;width: 100%;}

.mfloat,.float-right{display:block;}
.mfloat{height:40px;width:100%;background:#00f;;border-top:1px solid #888;margin:0;position:fixed;left: 0;bottom: 0;font-size: 20px;line-height: 40px;text-align: center;font-weight: bold;}
.mfloat a{color:#fff;}
/*加微信*/
.float-right{position: fixed;right: 0;top: 50%;margin-top: -2.8rem;width: 2.6rem;z-index: 998;cursor: pointer;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 20rem;left: 0;right: 0;top: 50%;margin-top: -10rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 2rem 0 1.8rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.6rem;}
.shade-model .content .wechat-ico img {width: 3rem;}
.shade-model .content h3 {font-size: 1.5rem;font-weight: bold;}
.shade-model .content p:nth-child(3) {font-size: 1.1rem;color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.8rem 0;font-size: 1.1rem;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.8rem 2rem;font-size: 1.2rem;color: #FFF;background-color: #6f88fe;border-radius: 3rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}
}
/******************vmhost  phone  css********************/
@media screen and (max-width: 434px){
.nav ul li {width: 25%;border: 1px solid #fff;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px;}

.host .item {width: 46%;}
.vhvps .vh h2 {font-size:20px;}
.host .item .price {font-size: 14px;overflow: hidden;white-space: nowrap;}
.host .item .detail{font-size: 14px;overflow: hidden;white-space: nowrap;}
.host .item .buy{font-size: 12px;}
.host .item .buy .a{display: block;}

.why h2 {font-size:20px;}
.why .ys li img{width:80%;}

.other .server .serv .dinggou a {display: block;font-size: 12px;}
.news{padding-bottom:20px;}
.news .csn {width: 98%;margin: 1%;}
.forsale {font-size: 16px;}
footer{padding-top:0;}
footer .mbox{display:none;}

}