﻿
body{background:#F3F3F3!important;}
.w-wrap-inner{padding:0 0.5%;margin:0 auto;}
.page-banner{margin-bottom:20px;height: 350px;background: #b2afb3;}
.banner-pic{height:100%; position:relative;}
.banner-pic li{ position:absolute; height:100%; width:100%; display:none;min-width: 1000px;}
.banner-pic li a{display: block;height: 100%;}
.banner-tab{text-align:center; height:0; overflow:visible; margin-top:-30px; position:relative;}
.banner-tab b{ display:inline-block; width:12px; height:12px; background:#8d8d8f;
      border-radius:20px; margin:0 4px;}
.banner-tab b.on{width:10px; height:10px; border:solid 1px #8d8b8f; background:#fff;}

.page-product{margin-bottom:30px;}
.product-info{float:left;width:100%;}
.product-box{width:17%;height: 478px; float: left;padding:30px 1%;border:1px solid #F5F5F3;
  background: #FFF; margin-left:-2px;}
.product-box-left{margin-right:2%;}
.product-box-action{border:1px solid #00A1CC;}
.product-box-hot-tip{background: url(/Template/Skin/images/hot-41-41.png) -1px -1px no-repeat #fff;}
.product-box-hd{padding-bottom:10px;/*  padding-left: 20%;*/}
.title-img{width:55px;height: 50px;float: left;}
.icon-vhost-share{width:55px;height:50px;display: block;
  background: url(/Template/Skin/images/yun1-55-45.png) no-repeat;}
  /*.title-txt{padding-top:10px;margin-left:10px; text-align: left;float:left;}*/
.icon-vhost-alone{width:55px;height:50px;display: block;
  background: url(/Template/Skin/images/yun2-55-45.png) no-repeat;}
  .title-txt{padding-top:10px;margin-left:40px; text-align: left;float:left;}
.title-txt h3{font-size:20px;color:#000;line-height: 20px;margin-bottom:10px;}
.product-box-hd-info p{font-size:12px;color:#999;text-align: center;}
.product-box-bd{padding:25px 0;text-align: left;border-bottom:1px solid #EEE;}
.bd-title{font-size: 14px;color: #333;padding-left: 5px;line-height: 28px;}
.bd-txt span{font-size: 12px;color: #666;padding: 0 5px;}
.bd-txt .line{color: #e4e4e4;}
.product-box-config{padding:20px 0;text-align: center;border-bottom:1px solid #EEE;}
.config-row{line-height: 30px;}
.config-title{font-size: 20px;color: #333;padding-left:15%;width:35%;text-align: left;padding-right: 10%; float: left;}
.config-txt{font-size: 12px;color: #666;float: left;}

.product-box-ft{text-align: center;padding:30px 0 10px 0;position: relative;}
.product-box-ft p{color:#999;font-size:12px;margin-bottom:15px;}
.product-box-ft p span{font-size:20px;color:#F60;}
.product-box-ft p.discount-price span{font-size:16px;color:#666;}
a.btn{height: 40px;display: inline-block;line-height: 42px;padding:0 25px;background:#F60;
  font-size:16px;color:#FFF;text-decoration: none;text-align: center;}
.btn:hover,.btn:link,.btn:visited{color:#FFF;text-decoration: none}
a.btn-buy{width:100px;border:1px solid #d85c0a;border-radius:2px;background:#ff7011;color:#fff;font:16px/38px "microsoft yahei","simhei";text-align:center;text-decoration:none;}
a.btn:hover{background:#ff824d;color:#fff}
.bk-tip-orange{position: absolute; height: 16px;padding: 0 3px; background: #f60;
  line-height: 16px; font-size: 12px; color: #fff; white-space: nowrap;left: 31%;
  top: 55px;}
.bk-tip-orange .bk-tip-arrow {
  position: absolute; top: 16px; left: 0; width: 0; height: 0;
  border: solid 2px transparent; border-top-color: #f60; border-left-color: #f60;
}
.product-box-free{width:100%;height:30px;line-height: 30px;
  background: #FFF;text-align: center;float: inherit;margin-top:20px;}


.product-sidebar{width:16%;height: 540px;float: left;background: #FFF;}
.sidebar-opt{padding:0 10px;}
.sidebar-opt li{height:60px;line-height: 60px;border-bottom:1px solid #F0F0F0;padding-left:10px;}
.sidebar-opt li a{font-size:16px;color:#333;}
.sidebar-opt li a:hover{color:#00AACC; text-decoration: none;}
.icon-sidebar{width:20px;height:20px;display:inline-block;margin-right:10px;
  background: url(/Template/Skin/images/tps1-40-44.png) no-repeat;vertical-align:-5px; }
.icon-dc{background-position: 0 0;}
.icon-transfer{background-position: 0 -20px;}
.icon-dns{background-position: 0 -40px;}
.icon-renewals{background-position: 0 -60px;}
.sidebar-opt li a:hover .icon-dc{background-position: -20px 0;}
.sidebar-opt li a:hover .icon-transfer{background-position: -20px -20px;}
.sidebar-opt li a:hover .icon-dns{background-position: -20px -40px;}
.sidebar-opt li a:hover .icon-renewals{background-position: -20px -60px;}
.sidebar-help{padding:10px 10px 0;}
.sidebar-help li{line-height: 35px;padding-left:5px;}
.sidebar-help li a{color:#333;margin-left:5px;}

.page-intro{}
.intro-tab{background:#F9F8F7; }
.intro-tab-fix{position:fixed;top:0;-webkit-transform: translateZ(0);z-index: 10;width:1090px;}

.intro-tab li{float:left;width:20%;height:42px;background:#F9F8F7;
  border-top:1px solid #E3E3E3;border-right:2px solid #E3E3E3;
  border-bottom:2px solid #E3E3E3;border-left:2px solid #E3E3E3;
  margin-right:-4px;line-height: 42px;text-align: center;}
.intro-tab li a{width:100%;height: 100%;font-size:14px;color:#666;text-decoration: none;display:inline-block;}
.intro-tab li.intro-btn-box{text-align: right;padding-right:2%;width:18%;border-left:none;}
.intro-btn-box a.btn-buy-intro{width:116px;height:36px;line-height: 36px;margin:3px 0 0 0;padding:0;color:#FFF;}
.intro-tab li.active{border-top:2px solid #01A3CA;border-bottom:1px solid #E3E3E3; background: #FFF;}
.intro-tab li.active a{color:#000;}
.intro-con{background: #FFF;}
.intro-con-box{padding:50px 20px 10px;}
.intro-title{margin:0 0 30px;border-bottom:1px solid #E1E1DF;height:18px;}
.intro-title h3{padding-right:10px;background:#FFF;font-size:22px;color:#000;float:left;}

.intro-super-box li{width:17%;float:left;padding:20px 4%;border-right:1px dashed #E3E3E3;margin-left:-1px;text-align: center;}
.intro-super-box li.last{border-right:none;}
.intro-super-box li img{display:block;margin:0 auto 30px;}
.intro-super-box li h4{font-size:20px;line-height: 20px;margin-bottom:5px;}
.intro-super-box li p{height:60px;line-height: 20px;text-align: center;font-size: 12px;color: #666;}

/*产品参数*/
.intro-parameter-box {font-size: 12px;color: #333;}
.intro-parameter-box dl dt {border-bottom: 1px solid #e5e5e5;padding: 15px 0;padding-left:2%;background-color: #f9f9f9;font-size: 14px;color: #000;}
.intro-parameter-box dl dt.parameter-basic{border-top: 2px solid #01A3CA;}
.intro-parameter-box dl dt .parameter-reduce{font-size: 14px;color: #000;}
.intro-parameter-box dl dt .parameter-add{font-size: 14px;color: #00a2ca;cursor: pointer;}
.intro-parameter-box dl dd{border-bottom: 1px solid #e5e5e5;display: none;}

.intro-parameter-box table{width: 100%;font-size: 12px;color: #333;}
.intro-parameter-box th{line-height: 22px; text-align: center; font-size: 14px;color: #000;background-color: #fbfbfb;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;padding: 15px 2%;}
.intro-parameter-box td{line-height: 22px;font-size: 12px;color: #333;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;padding: 15px 2% ;}
.intro-parameter-box td .param-multi{width: 50%;padding-top: 25px;border-right: 1px solid #e5e5e5;height: 47px; }
.intro-parameter-box td .param-multi-noline{border-right: none;padding-left:3%;width: 44%;}
.param-multi-window{background: url(/Template/Skin/images/windows-22-22.png) no-repeat;padding-left: 18px;}
.param-multi-linux{background: url(/Template/Skin/images/linux-22-22.png) no-repeat;padding-left: 0px;}

.host-window{background: url(/Template/Skin/images/windows-22-22.png) no-repeat;padding-left: 23px; }
.host-linux{background: url(/Template/Skin/images/linux-22-22.png) no-repeat;padding-left: 23px;}

.bd-grey{background-color:#fbfbfb;border-left: none!important;font-size: 14px!important;}
table.param-table-peizhi td.special-align-center{padding-top: 0!important;padding-bottom: 0!important;text-align: center;height: 72px;}
table.param-table-peizhi td.special-align-left{padding-top: 0!important;padding-bottom: 0!important;text-align: left;height: 72px;}
tr.last-tr td{border-bottom: none!important;}

.intro-parameter-box .param-zujian-system{line-height: 38px;padding:15px 2%;border-bottom: 1px solid #e4e4e4;background-color: #fbfbfb;}
.param-zujian-system .sys-title{font-size: 14px;color: #000;float: left;width: 100px;}
.param-zujian-system .sys-detail{font-size: 12px;color: #333;float: left;}
.sys-detail-window,.sys-detail-linux{cursor: pointer;border: 1px solid #e5e5e5; width: 100px;line-height: 22px;padding:4px;float: left;}
.sys-detail-select{border: 1px solid #00a2ca;}

table.param-table-zujian th{text-align: left!important;}

table.param-table-mianban td{text-align: center;}
table.param-table-mianban td.bd-grey,th.bd-grey{text-align: left!important;}
table.param-table-mianban .mianban-sys{display: inline-block;margin-top:5px;height:22px;}
/* 应用支持 */
.intro-support-box table{border-top:2px solid #01A3CA;width: 100%;font-size: 12px;color: #333;}
.intro-support-box table thead th{background-color: #f9f9f9;border-bottom: 1px solid #e4e4e4;padding: 25px 2%;}
.intro-support-box table thead th .th-title{float: left;font-size: 14px;}
.intro-support-box table tbody tr td{border-bottom: 1px solid #e5e5e5;padding: 15px 2%;}
.intro-support-box .sprt{padding: 0 18px ;color:#e5e5e5;}


.intro-case-box{position: relative;padding:0 20px;}
.arr-case{width:17px;height:32px;display:block;background: url(/Template/Skin/images/tps2-34-64.png) no-repeat;}
.arr-case-prev{background-position: 0 0;position:absolute;top:30px;left:0;}
.arr-case-next{background-position:-17px 0;position:absolute;top:30px;right:0;}
.arr-case-prev:hover{background-position: 0 -32px;}
.arr-case-next:hover{background-position: -17px -32px;}
.case-con-box{height: 126px;overflow: hidden;}
.case-con-box ul{float:left;}
.case-con-box li{width:46%;float: left;padding:0 2%;border-right:1px dashed #E3E3E3;margin-left:-1px;}
.case-con-box li.last{border:none;}
.case-logo{float:left;width:150px;padding:30px 10px 0 0;}
.case-txt{margin-left:160px;}
.case-txt h4{font-size:16px;line-height: 16px;margin-bottom:10px;color:#000;}
.case-txt p{height:100px;line-height: 20px;}

/*mod-swiper*/
.product-swiper{
  width:84%;margin-right:0%;float:left;
}
.mod-swiper{
  height: 380px;
}
.mod-swiper .swiper-rgn .navs{display: none;}
.mod-swiper .swiper-rgn .swiper-content ul li .swiper-box-item{
  width: 100%;border: 1px solid #f1f1f1;background: #fff;
  text-align: center;
}
.mod-swiper .swiper-rgn .swiper-content ul li .swiper-box-item:hover{
  border: 1px solid #00a2ca;
}
.mod-swiper .swiper-product-box{
  padding:25px 1%;
  height: 328px;
}
.swiper-product-box .product-box-hd{padding-left: 15%;}
.mod-swiper .swiper-p-config{
  width: 100%;margin-top: 10px;
}
.mod-swiper .swiper-p-config .config-row{
  padding-left: 15%;line-height: 42px;
}
.mod-swiper .swiper-p-config .config-row .config-tit,.mod-swiper .swiper-p-config .config-row .config-detail{
  float: left;width:30%;font-size: 14px;color: #333;text-align: left;
}
.mod-swiper .swiper-p-config .config-row .first{
  padding-left: 0;
}
.mod-swiper .swiper-p-config .config-row .config-detail .config-detail-bold{
  font-size: 24px;text-align: center;
}
.config-detail-bold-no{
  font-size: 16px; margin-left:10px;color:green;
}
.swiper-p-price{
  font-size: 12px;padding:20px 0;text-align: center;
}
.swiper-p-price .orange-price{
  font-size: 18px;color: #f60;
}
.swiper-p-price .year-row .year-price{
  padding-left: 20px;color: #000;font-size: 18px;
}
.swiper-p-buy{ margin-top:-10px;}




.vh-giving{
  padding-top: 15px;
font-size: 12px;
font-family: 'microsoft yahei';
color: #999;
}
