﻿@charset "utf-8";
/* CSS Document */
.containmain {width:1100px;margin:0px auto; overflow:hidden; zoom:1;}

/*==========虚机首页===========*/
.contentMeau{width:100%;height:60px;line-height:60px;overflow:hidden; zoom:1;background:#fff;border-bottom:1px solid #ececec;box-shadow: 0px 0px 5px #e0e0e0;-moz-box-shadow: 0px 0px 5px #e0e0e0;-webkit-box-shadow: 0px 0px 5px #e0e0e0;-o-box-shadow: 0px 0px 5px #e0e0e0;}
.contentMeau ul{width:1100px;margin:0 auto;}
.contentMeau ul li{display:inline;float:left;width:16.6%;height: 58px;text-align: center;font-size:20px;}
.contentMeau ul li.liFocus{border-bottom:2px solid #f97f00;}
.contentMeau ul li.liFocus a{display:block;color:#f97f00;}
.fixer{position: fixed;left: 0px;top: 0px;_position: absolute;_top: e-xpression(documentElement.scrollTop+10 + "px");z-index: 9999;}

/*购买*/
.seriesBox{overflow:hidden;zoom:1;}
.hostTitle{width:100%;height:40px;  padding: 80px 0 30px 0;}
.hostTitle h3{float:left;line-height: 40px;font-size:32px;font-weight:normal;}
.hostTitle span{float:left;color:#666;padding-left:10px;padding-top:19px;}
.hostTitle a{float:right;}
.hostDetail{background:#fff;border:1px solid #d5d5d5;}

.detailCont{overflow:hidden;zoom:1;padding:20px;}
.detailLeft{float:left;width:60%;}
.diyGroup{width:100%;display:block;overflow:hidden;zoom:1;  padding-top: 20px;padding-bottom: 20px;}
.diyGroup span{float:left;height:36px;line-height:36px;  padding-right: 20px;padding-left: 10px;}
.diyChoose{float:left;}
.diyChoose .options{float:left;margin-right:20px;width:86px;height:34px;line-height:34px;border:1px solid #d0d0d0;color:#666;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.diyChoose .options:hover{border:1px solid #fa4d0c;color:#fa4d0c;}
.diyChoose .cur{border:1px solid #fa4d0c;color:#fa4d0c;background:url(../images/2015img/radioico.png) bottom right no-repeat;}
.diyChoose .disable{background:#f8f8f8;cursor:not-allowed;}
.diyChoose .disable:hover{border:1px solid #d0d0d0;color:#666;}
.diyChoose .hk, .diyChoose .mg,.diyChoose .yh{position:relative;}
.hostTips,.hostTips2,.hostTips3,hostTips4{position: absolute;z-index: 5;display:block;font-size:12px;}
.hostTips{top: -20px;left: 20px;}
.hostTips b,.hostTips2 b,.hostTips3 b,.hostTips4 b{display:block;padding: 0 5px;height: 18px;line-height:18px;font-weight:normal;background:#96cb11;color:#fff;}
.hostTips i,.hostTips2 i,.hostTips3 i,.hostTips4 i{display:block;font-family: Arial;color:#96cb11;font-style:normal;line-height:0px;}
.hostTips2{	top: 36px;left: 20px;}
.hostTips2 b{background:#d62e2e;}
.hostTips2 i{color:#d62e2e;}

.hostTips3{top: -54px;left: 0px;}
.hostTips3 b{background:#e21f28;}
.hostTips3 i{color:#e21f28;}
.hostTips4{top: -54px;left: 715px;}
.hostTips4 b{background:#d62e2e;}
.hostTips4 i{color:#d62e2e;}

.detailRight{position:relative;float:right;width:39%;  height: 272px;text-align:left;padding:16px 0;border-left:1px dashed #ddd;}
#host_j .detailRight{height:auto;}
.detailRight .preference{position:absolute;width: 100px;height: 89px;right: -20px;top: -20px;}
.detailRight ul li{height:34px;line-height:34px;}
.detailRight ul li span{float:left;text-align:right;width:140px;padding-right:20px;color:#999;}

.hostDetail .detailBottom{overflow:hidden;zoom:1;clear:both;height:60px;background:#f3f3f3;}
.hostPrice{float:left;width:60%;height:60px;line-height:60px;  font-size: 24px;color: #fa4d0c;}
.hostPrice b{line-height:60px;font-size:42px;color:#fa4d0c;}
.hostPrice .priceDetail,.hostPrice .original{font-size:16px;color:#d62e2e;font-weight:normal;padding:0 5px;}
.hostPrice .original{text-decoration:line-through;}
.hostPrice i{font-style:normal;text-decoration:line-through;}
.btnGroup {float:right;width:39%;}
.btnGroup a{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.btnGroup .buyBtn{float:right;margin-right:10px;margin-top:6px;width:150px;height:46px;line-height:46px;background:#f72222;border:1px solid #EC0000;color:#fff;font-size:18px;}
.btnGroup .buyBtn:hover{background:#E80101;}
.btnGroup .moreBtn{float:right;margin-right:10px;margin-top:6px;width:100px;height:46px;line-height:46px;background:#e9e9e9;border:1px solid #d6d6d6;color:#666;font-size:16px;}
.btnGroup .moreBtn:hover{background:#e6e6e6}

/*优势*/
.hostAdv{overflow:hidden;zoom:1; }
.advCont{padding:0 50px;overflow:hidden;zoom:1;background:#fff;border:1px solid #d5d5d5;}
.strength{ font-size: 28px;line-height:40px;padding:50px;color:#E00D10;}
.advCont ul li{float:left;width:50%;padding-bottom:50px;}
.advLeft{float:left; padding-left: 10px;}
.advLeft img{display:block;width:80px;height:80px;  transition: All 1s ;-webkit-transition: All 1s ;-moz-transition: All 1s ;-o-transition: All 1s ;}
.advCont ul li:hover .advLeft img{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}  
.advright{float:left;padding: 10px 0 0 40px;}
.advright h4{text-align:left;}
.advright p{text-align:left;width:340px;color:#666}

/*资质证书*/

.aptitude{ margin:0 auto; overflow:hidden; zoom:1;}
.aptitudeCont{  padding: 30px 20px;
  overflow: hidden;
  zoom: 1;
  background: #fff;
  border: 1px solid #d5d5d5;}

.picScroll-left{ overflow:hidden; position:relative;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ width: 22px;height: 38px;display: inline-block;position: absolute;background:url(../images/2015img/arrow.png) 0 0 no-repeat;cursor:pointer;}
.picScroll-left .hd .prev{ left: 0px;top: 100px;background-position:-46px 1px;}
.picScroll-left .hd .next{ right: 0px;top: 100px;background-position:-46px -38px;  }
.picScroll-left .hd .prev:hover{background-position:0 1px;}
.picScroll-left .hd .next:hover{background-position:0 -38px;}
.picScroll-left .hd ul {overflow: hidden;position: absolute;z-index:1000;bottom: 0px;left: 50%;width: 114px;margin-left: -27px;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:url(../images/2015img/icoCircle.gif) 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px 40px 40px 40px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ height:230px;margin:0 24px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li:hover{ opacity: 1;}
.picScroll-left .bd ul li:hover .title{color:#f97f00;}
.picScroll-left .bd ul li .pic{ text-align:center;overflow:hidden;zoom:1;height:160px; }
.picScroll-left .bd ul li .pic img{ width:120px;  display:block; margin:0 auto; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;padding-top:20px;   }
.picScroll-left .bd ul li .eTitle{display: block;color: #aeaeae;font-style: italic;font-size:12px;}
.picScroll-left .bd ul li a{display:block;}


/*常见问题*/
.hostProblem{margin-bottom:100px;overflow:hidden;zoom:1;  }

.problembg{padding:20px 10px;background:#fff;border: 1px solid #d5d5d5;}
.problemContent{overflow:hidden;zoom:1;text-align:left;padding:5px 0;}
.problemContent .hostQuestion{overflow:hidden;zoom:1;font-weight:bold;padding:5px;border-bottom:1px dashed #dbdbdb;  line-height: 24px;}
.problemContent .hostQuestion .questionIco{  float: left;width: 22px;height: 22px;text-align: center;margin: 2px 10px 0 10px;display: block;line-height: 22px;color: #ffffff;background: #fa4d0c;}
.problemContent .hostAnswer{overflow:hidden;zoom:1;padding:5px;  line-height: 24px;}
.problemContent .hostAnswer .answerIco{  float: left;width: 22px;height: 22px;text-align: center;margin: 2px 10px 0  10px;display: block;line-height: 22px;color: #ffffff;background: #666;}
.problemContent .hostQuestion p,.problemContent .hostAnswer p {float: left;width: 96%;}


/*=========详细页==========*/
.host_detail {height:auto;overflow:hidden;zoom:1;padding:20px 0;margin-top:50px;background: #fff;border: 1px solid #d5d5d5;}
.host_detail:after {content: "\0020";display: block;height: 0;clear: both;} 
/*色块*/
.leftHost {float:left;padding-bottom:10px;width:58%;border-right:1px dashed #ccc;text-align:left;}
.leftHost:after {content: "\0020";display: block;height: 0;clear: both;} 
.buyHost {float:left;width:40%; *width:33%;padding-top:30px;padding-left:20px;}
.buyHost select{border: 1px solid #d5d5d5;}
.hostTittle {margin:10px 0;height:34px;text-indent:1em;}
.hostTittle strong {float:left;padding-right:10px;height:34px;line-height:34px;color:#555;font-size:30px;}
.hostTittle span {float:left; line-height:1.5em; padding:0 10px; border:#ff7348 1px solid; background:#fffdf1;margin:5px 5px 0;color:#eb2626;text-indent:0;font-size:12px;}

.hostInfoUi {margin-left:50px;float:left;}
ul.hostInfoUi li {font-size:12px; border:0; margin:0;padding:0;background-color:transparent;}
ul.hostInfoUi li span { width:80px; display:inline-block;}

.righthost {float:left; width:52.5%;}
.jifang {height:27px; text-align:left;}
.nianfen {text-align:left; height:35px;}

.host_pay { width:300px; height:auto;}
.host_pay img{ width:100px; height:89px;margin-top: -112px; float:right; margin-right: -141px;}
.host_pay:after {content: "\0020";display: block;height: 0;clear: both;} 
.host_pay p {font-size:25px;line-height:normal; padding:20px 0; *padding:16px 0;text-align:left;width:300px;}
.host_pay p span {font-size:35px; color:#ff2929;width:300px; }
.host_pay .priceDetail {font-size:16px;color:black;padding-left:8px}
.host_pay a{ background:#2eca69; padding:5px; border:#009538 solid 1px; color:#fff; font-size:14px;}
a.pay_btn {float:left;display:inline-block;width:130px; height:36px;   background: #f72222;
  border: 1px solid #EC0000; color:#fff; line-height:36px; margin:0 5px; font-size:14px; }
a.pay_btn:hover {background: #E80101;}

a.info_btn {background:#f0f0f0;width:70px; height:34px; display:inline-block; color:#555; line-height:34px;border:1px solid #ccc; margin:0 7px;font-size:12px;} 

.details {width:100%;margin-bottom:100px;}
.details table{ background:#ddd; margin-top:36px; text-align:center;}
.details table tr {background:#fff; height:30px; font-size:12px; color:#555;}
.details table tr.c_block {background:#f5f5f5;}
.details table caption span { padding-left:20px; height:32px; line-height:32px; font-size:16px; color:#333; display:block; float:left;  border-left: 5px solid #fa4d0c;  margin-bottom: 20px;text-align:left;}



