﻿*{margin:0;padding:0}
em,i{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
button{cursor:pointer}
a{color:#666;text-decoration:none}
a:hover{color:#c81623}
body{-webkit-font-smoothing:antialiased;background-color:#fff;}
.hide,.none{display:none}
.clear {clear:both;display:block;height:0px;font-size:0px;overflow:hidden;}
.clearfix:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.clearfix{*zoom:1}
input,button {overflow:visible;outline:0;}
body,th,td,button,input,select,textarea {
    font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
    font-size:14px;
    line-height:1.5;
    color:#666;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1493777158472'); /* IE9*/
  src: url('iconfont.eot?t=1493777158472#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1493777158472') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1493777158472') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1493777158472#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table {
    width:100%;
    empty-cells:show;
    background-color:transparent;
    border-collapse:collapse;
    border-spacing:0
}
table th,table td {padding:0}

.common-input {
    padding-left:10px;
    width:223px;
    height:34px;
    line-height:34px;
    border:1px solid #e6e6e6
}
.common-select {
    margin-right:4px;
    width:237px;
    height:34px;
    line-height:34px;
    border:1px solid #e6e6e6
}
.common-textarea {padding:5px 5px 5px 10px}
.red {color:#ff6b26}
.green {color:green}
.w-255{width:255px;}
.w-125{width:125px;}
.common-btn {display:inline-block;*display:inline;*zoom:1;width:110px;height:38px;line-height:38px;background:#ff6c3a;color:#fff;text-align:center; border:0;cursor: pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.common-btn:hover {background:#e54d19;color:#fff}
    
.dark-btn{display:inline-block;*display:inline;*zoom:1;width:110px;height:38px;line-height:38px;color:#7c7c7c;background-color:#e2e2e2;text-align:center; border:0;cursor: pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.dark-btn:hover{color:#7c7c7c;background-color:#D4D4D4;}

.mr-10{margin-right:10px}
.mt-30 {margin-top:30px}
.pt-70 {padding-top:70px}
.fl{float: left;}.fr{float: right;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding:0;font-size:100%;font-weight:normal;}

.w{width:1150px;margin:0 auto;}
.shortcut{width:100%;height:30px;line-height:30px;background: #F1F1F1;border-bottom:1px solid #ddd;}
.shortcut li{float:left;height:30px;padding:0 10px;font-size: 12px;}
.shortcut li.line {width: 1px;height:12px;margin-top: 9px;padding: 0;background: #ddd;overflow: hidden;}

.header-bar{height:85px;width:100%;border-bottom:1px solid #ddd;min-width:320px;background:#fff;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}
.header-bar:before{content:'';position:absolute;top:0;left:0;width:100%;height:0;background-color:transparent;-webkit-transition:height .2s,background-color .2s;transition:height .2s,background-color .2s}

.header-bar .header{position: relative;max-width:1150px;min-width:320px;margin: 0 auto;font-size:0;height:85px;}
.header-bar .logo{float:left;margin-top:30px;width:94px;height:25px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.header-bar .main-menu{display:inline-block;vertical-align:middle;position:absolute; right:0;}
.main-menu .navigation{float:left;margin-top:30px;}
.main-menu .navigation li{float:left;font-size:16px;color:#333;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main-menu .navigation .nav-up-selected {/*background:#344157;*/}

.main-menu .navigation li a{padding:0 25px;color:#333;display:inline-block;}
.main-menu .navigation li a:hover,.main-menu .navigation .nav-up-selected a{color:#e54d19}

.header-float{}
.header-float,.header-float .header{height:60px;}
.header-float .logo{margin-top:20px;}
.header-float .main-menu .navigation{margin-top:20px;}
#cartNum{color:#e54346}

.slides{width:100%; position:relative; height:450px;}
.slides.in__s,.slides.in__s .bd ul li,.slides.in__s .bd ul li a{height:260px;}
.slides .bd{position:relative; z-index:0; overflow:hidden;height:100%;width:100%;}
.slides .bd ul{width:100% !important;}
.slides .bd ul li{width:100% !important;height:450px;}
.slides .bd ul li a{ display:block; height:450px;width:100%;}

.slides .bd ul li a.bg1{background:url(https://mc.qcloudimg.com/static/img/43cca3502071ecff09c5a3ef07c35a0f/image.png) #56C1ED center center no-repeat;}
.slides .bd ul li a.bg2{background:url(https://mc.qcloudimg.com/static/img/de79a24b0ef8639a26485295366be8bf/image.png) #56C1ED center center no-repeat;}
.slides .bd ul li a.bg3{background:url(https://mc.qcloudimg.com/static/img/6d4d4a70782fa9c0bf3deaf4503fde76/image.png) #56C1ED center center no-repeat;}


.slides .hd{width:100%; position:absolute; z-index:1; bottom:12px; left:0; text-align:center;}
.slides .hd ul{text-align:center; padding-top:5px;}
.slides .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:3px; background:#344157; margin:5px 3px; overflow:hidden; line-height:9999px; }
.slides .hd ul .on{ background:#ddd;}

.product__list{width:100%;}
.product__list .product__li{width:208px;float:left;margin-left:20px;border:1px solid #ddd;border-radius:3px;}
.product__list .product__li em{display:block;font-size:60px;text-align:center;color:#fff}
.product__li .product__icon{display:block;width:90px;height:90px;margin:20px auto;border-radius: 50%;}
.product__li h2{text-align:center;font-size:16px;}
.product__li .ms{padding:15px 10px;}
.product__li .view{text-align:center;height:50px;line-height:50px;}
.product__li .view a{color:#fff;display: block;}

.product__list .webhost{margin-left:0;}
.product__list .webhost .product__icon,.product__list .webhost .view{background:#C81623;}
.product__list .cloudhost .product__icon,.product__list .cloudhost .view{background:#e1b84f;}
.product__list .vpshost .product__icon,.product__list .vpshost .view{background:#79c084;}
.product__list .mail .product__icon,.product__list .mail .view{background:#64c2cc;}
.product__list .web .product__icon,.product__list .web .view{background:#00B4FF;}

#domainForm{width: 865px;margin:0 auto;}
#domainForm .common-input{width:700px;float:left;display:inline-block;height:42px;line-height:42px;padding:5px 0;border-radius:4px 0 0 4px;font-size:14px;text-indent:15px;position:relative;border-right:0;}
#domainForm .button{width:160px;float:left;background:#ff7200;border-radius:0 4px 4px 0;height:54px;text-align:center;line-height:52px;font-size:20px;color:#fff;font-weight:700;font-style:italic;border:0;cursor:pointer;_height:54px;_line-height:54px;}
#domainForm .chkbox label{padding:10px 0 10px 23px;line-height:20px;height:20px;font-size:14px;background:url(../images/checkbox.png) no-repeat 0 -25px;width:75px;display:inline-block;*display:inline;*zoom:1;float:left;color:#4A4A4A}
#domainForm .chkbox label.checked{background:url(../images/checkbox.png) no-repeat 0 12px;}
#domainForm .chkbox label input{display:none}

.domain__result{margin-top:20px;width:865px;}
.domain__result h2{font-size:16px;font-weight:bold;color: orangered;}
.domain__result ul{padding:15px 0;}
.domain__result ul li{height:50px;line-height:50px;padding:0 10px;border-bottom:1px dashed #ddd;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.domain__result ul li:hover{background:#f5f5f5;}
.domain__result ul li .domain-name{float:left;}
.domain__result ul li .domain-result{float:right;}
.domain__result ul li .domain-result s{color:orangered;text-decoration: none;}



.gray-bg{background:#f5f5f3; padding-bottom:30px;}
.normal-bg{background:#fff; padding-bottom:30px;}
h2.title{font-size:26px;text-align:center; padding: 50px 0 15px 0;color:#444;}
.product__box .ts{text-align:center;}
.product__box .mc{position:relative;width:100%;padding:20px 0;}

.host__li{border:1px solid #e5e5e5;box-shadow:0 0 3px 1px #e5e5e5;width:365px;border-radius:5px;float:left;}
.host__li.hover{border:1px solid #ff6c3a;box-shadow:0 0 3px 1px #e54d19;transition: all 0.8s;-webkit-transition: all 0.8s;}
.host__li h2{font-size:22px;text-align:center;color:#444;height:76px;line-height:76px;}
.host__li.hover h2{background:#ff6c3a;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
.host__li h3{background-color:#f7f7f7;font-size:18px;height:76px;line-height:76px;text-align:center;}
.host__li h3 span{color:#ff6b26;font-size:36px;}
.host__li .host-info{padding:15px 0;line-height:25px;}
.host__li .host-info li{color: #707070;text-align:center; width:33%;float: left;}
.host__li .host-info .border-line {border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
.host__li .host-info p{margin: 0;border: none;font-weight: 700;}
.host__li .column-config{padding:10px 0 0 30px;line-height:1.1;text-align:left;}
.host__li .column-config dt {float:left;padding-top:18px;width:64px;font-weight:700;}
.host__li .column-config dd {padding-top:18px;}
.column{position:relative;background:#fff;z-index:1;margin:25px 0 0 20px;}
.column .btnDiv{padding:30px 0;text-align: center;}
.first-col{margin-left:0;}

.host__buy{border:1px solid #ddd;margin:30px 0 0 0;padding:40px 0 50px 40px;position:relative;}
.config-table{width:260px;color:#525252;}
.config-table tr th,.config-table tr td{height:36px;line-height:36px;color:#525252;text-align:left}
.config-table th{padding-left:25px}
.config-table .import-info{font-weight:700;color:#3db514}

.agrbox{padding:10px 0 10px 23px;line-height:20px;height:20px;font-size:14px;background:url(../images/checkbox.png) no-repeat 0 -25px;width:90px;display:inline-block;*display:inline;*zoom:1;color:#4A4A4A}
.agrbox.checked{background:url(../images/checkbox.png) no-repeat 0 12px;}
.agrbox.Validform_error{background-color:#fff}


.host__cart{margin:20px 0 0 0;position:relative;}
.cart-table{border:1px solid #e5e5e5;border-top:2px solid #e54346}
.cart-table tr{border-bottom:1px solid #e5e5e5}
.cart-table tr th{height:56px;line-height:56px;background:#f5f5f5}
.cart-table tr td{padding:24px 0;color:#6e6e6e;text-align: center;}

.cart-price{color:#e54346}
.cart-count{margin-top:15px;border:1px solid #e2e2e2;height:58px;line-height:58px}
.cart-count .p30{padding:0 30px}
.cart-count-right{text-align:right;color:#565656}
.cart-count-left .number{padding-right:10px;color:#e54346}
.cart-count-right .totalp{margin-right:25px;}
.cart-count-right .price{font-size:18px;font-weight:700;font-family:"微软雅黑",sans-serif;color:#e54346}
.cart-count-right .cart-title-btn{margin-top:-1px;display:inline-block;*display:inline;*zoom:1;width:186px;height:60px;line-height:60px;background-color:#e54346;font-size:18px;color:#fff;text-align:center;border:0;cursor:pointer;}

.years__box{position:relative;}
.years__box .load{position:absolute;display:none;height:100%;width:100%;background:url(../images/load_new1.gif) no-repeat center center;top:0;}



.host__info{position:relative;width:800px;border-right:1px solid #e7e7e7;}
.host__info form{padding-right:30px;}
.host__info .mt{color:#ff6c3a;border-left:2px solid #ff6c3a;padding:8px 0px 8px 24px;background-color:#f8f8f8;font-size:16px}
.host__info .mc li{margin-top:18px;color:#525252;vertical-align:middle;position:relative;display:block;}
.host__info .mc .common-label{display:inline-block;*display:inline;*zoom:1;margin-right:8px;width:278px;text-align:right;font-weight:700}




.footer-bar{height:auto;padding:15px 0;width:100%;min-width:320px;background:#F1F1F1;border-top:1px solid #ddd;}
.footer{padding-top:15px;font-size:12px;line-height:21px;}

.footer__about{}
.footer__about em{margin:0 5px}

.message-floor{width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;z-index:100;visibility:visible;}
.message-floor .messge-box{width:145px;background:rgba(0,0,0,0.8);border-radius:8px;text-align:center;position:absolute;top:50%;left:50%;width:180px;height:auto;margin-top:-50px;margin-left:-90px;}
.messge-box .messge-box-icon{width:26px;height:26px;display:inline-block;margin:18px 0 9px 0;position:relative;overflow:hidden;vertical-align:middle;}
.messge-box .messge-box-content{font-size:15px;line-height:15px;color:#fff;padding:5px 10px 21px 10px;}
.messge-box-icon h1{color:white;display:inline;margin-top:5px;font-size:22px;}
.message-toast-icon{background:url(../images/toast-icon.png) no-repeat;background-size:28px 60px;}
.success-icon{display:inline-block;height:26px;width:26px;background-position:-1px -29px;}
.error-icon{display:inline-block;height:26px;width:26px;background-position:-1px -1px;}


.confirm-pop-floor{width:100%;height:100%;position:absolute;top:0;left:0;vertical-align:middle}
.confirm-pop-floor .confirm-cover-floor{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.7);display:block;vertical-align:middle;z-index:5;margin:0 auto;font-size:0.875em}
.confirm-pop-floor .confirm-info-box{width:425px;position:fixed;overflow:hidden;background:#f8f8f8;z-index:6;border-radius:5px;padding-bottom:1em;}
.confirm-info-box .confirm-info-box-content{padding:30px 0;line-height:150%;text-align:center;font-size:16px;color:#4d4d4d}
.confirm-info-box-content .confirm-info-box-icon{display:inline-block;vertical-align:middle;width:35px;height:35px}
.confirm-info-box-icon img{width:100%;height:100%;display:block}
.confirm-info-box .confirm-btn-box{text-align:center;padding:1em 25px}
.confirm-btn-box a{text-decoration:none;cursor:pointer;display:inline-block}
.confirm-bdb-1px:after{border-top:1px solid #E0E0E0;content:" ";display:block;width:85%;margin:0 auto}
a.confirm-btn-box-back{width:45%;border:1px solid #e0e0e0;background:#fff;border-radius:3px;height:2.5em;line-height:2.5em;color:#686868;text-align:center;font-size:14px;float:left}
a.confirm-btn-box-check{color:#fff;background:#f35656;border:1px solid #f35656;width:45%;border-radius:3px;height:2.5em;line-height:2.5em;font-size:14px;float:right}

.tips{margin:15px 0 0 0;padding:10px 10px 10px 35px;border:1px solid #e54346;;background:#fcf8e3;border-radius:3px;}


