a, a:focus, a:hover { outline: none }
.w { width: 100%!important }
.tab-content { overflow: visible }
th.th-w { width: 150px!important }
.dib { display: inline-block; *display:inline;
*zoom:1
}

.content-container, .frame-container { margin-top: 15px }
#frame-content { width: 100%; height: 100%; border: 0 }
.content-container h6 { font-size: 20px }
#menu-left .ctn-menu { margin-bottom: 20px; padding: 4px; border: 1px solid #cfe1e5; border-top: 8px solid #0c6198; border-radius: 8px 8px 0 0 }
#menu-left .menu-left-head { margin: 0 0 7px; padding: 0 0 5px 5px; border-bottom: 1px solid #ddd; line-height: 30px; font-size: 14px; color: #333; font-weight: 400 }
#menu-left .menu-left-body { margin: 0; padding: 0 }
#menu-left .menu-left-body li { list-style: none outside none }
#menu-left .menu-left-body li .block, #menu-left .menu-left-body li a, #menu-left .menu-left-body li a:visited { display: block; padding: 0 0 0 20px; line-height: 26px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background-color .1s; transition: background-color .1s }
#menu-left .menu-left-body li a:hover { background-color: #6fb9df; color: #fff }
#menu-left .list-popular li { margin-bottom: 10px; text-align: center }
#menu-left .list-popular li a { padding-left: 0 }
#menu-left .list-popular li a:hover { background: none }
#menu-left .list-about li { float: left; width: 49%; margin: 0 2px 3px 0 }
#menu-left .list-about li .block, #menu-left .list-about li a { padding: 0 3px; background-color: #f7f7f7; border-left: 3px solid #6fb9df; text-align: center }
#menu-left .list-icp-login .btn-large { padding: 11px 14px; font-size: 18px }
#menu-left .list-icp-login li a:hover { background: #3276b1 }
#menu-left .list-icp li { float: left; width: 32%; margin: 0 3px 3px 0 }
#menu-left .list-hotline { margin-top: -7px; padding: 10px 15px; background: url(404.png) no-repeat 100% 100% }
#menu-left .list-hotline .market-line { margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px dashed #ccc }
#menu-left .list-hotline .subtitle { display: inline-block; margin-left: 12px; width: 30px }
#menu-left .list-hotline-idc { text-align: center }
#menu-left .list-tel400 li { margin-bottom: 8px }
#menu-left .list-tel400 a { background: #f3f8fb; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f8fb), color-stop(33%, #c9e3fc), color-stop(34%, #adcef7), color-stop(100%, #d3f3ff)); background: -webkit-linear-gradient(top, #f3f8fb, #c9e3fc 33%, #adcef7 34%, #d3f3ff); background: linear-gradient(180deg, #f3f8fb 0, #c9e3fc 33%, #adcef7 34%, #d3f3ff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= #f3f8fb, endColorstr= #d3f3ff, GradientType=0);
border: 1px solid #a5bacf; border-radius: 4px; color: #000 }
#menu-left .list-tel400 a .iconfont { margin-right: 5px; color: #1b3a69 }
#menu-left .list-tel400 li a:hover { background: #2c6f91; color: #fff }
#menu-left .list-tel400 li a:hover .iconfont { color: #fff }
#new-data-center .contact { margin-bottom: 19px; padding: 20px 0 16px 20px; border-bottom: 1px solid #ddd; font-size: 14px }
#new-data-center .contact img { float: left; margin-right: 10px }
#new-data-center .contact span { color: #666 }
#new-data-center .contact em { display: block; margin-top: 8px; color: red; font-weight: 700; font-style: normal; font-size: 16px }
#new-data-center .sales dl { margin: 0; padding: 0; white-space: nowrap; text-align: right }
#new-data-center .sales dl dd, #new-data-center .sales dl dt { display: inline-block; vertical-align: top }
#new-data-center .sales dl dt img { width: 61px }
#new-data-center .sales dl dt .popover img { width: auto; max-width: 100% }
#new-data-center .sales dl dd { margin-right: 12px }
#new-data-center .sales .row { margin-bottom: 9px; padding-bottom: 8px; padding-right: 27px; border-bottom: 1px dashed #eee }
#new-data-center .sales .name { display: block; margin-bottom: 14px; font-size: 14px; font-weight: 700; color: #cc6500 }
.right-content .content-title { border-bottom: 3px solid #c3deff; margin-top: 0; font-weight: 400 }
.right-content .content-title .content-title-name { display: inline-block; margin-bottom: -3px; padding: 5px; border-bottom: 3px solid #4c9bff; line-height: 21px; font-size: 14px; font-weight: 700 }
.right-content .sub-title { margin-bottom: 10px; padding: 3px 0 3px 8px; background-color: #fafafa; border-left: 5px solid #02829b; color: #666; font-weight: 700; font-size: 14px }
.product-cdn .goto-summary { font-size: 12px; float: right; margin-top: 10px }
.product-cdn table th { width: 90px }
.product-cdn table input { margin-bottom: 0 }
.product-cdn table i { cursor: pointer; vertical-align: middle }
.product-cdn .total { font-size: 16px }
.product-cdn .cdn-notice .title, .product-cdn .total { color: red; font-weight: 700 }
.product-cdn .cdn-notice .spec { color: red }
.product-cdn .cdn-info { height: 0; overflow: hidden; -webkit-transition: height .3s ease; transition: height .3s ease }
.product-cdn .cdn-info img { float: right }
.product-cdn .cdn-info-switch { border-radius: 4px; background-color: #7ecbff; color: #fff; padding: 5px 0 5px 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none }
.product-cdn .cTitle { color: #666; font-weight: 700 }
th.fst-col-w { width: 150px }
.pay-method .title { color: #f60; font-weight: 700; margin-bottom: 5px }
.pay-method .content ol li { float: left; margin-right: 35px }
#flash-right-content .carousel-inner .item { min-height: 270px }
#flash-right-content .carousel-inner a, #flash-right-content .carousel-inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
#flash-right-content .carousel-control { display: none }
#flash-right-content .carousel-indicators li { background-color: #ccc; cursor: pointer }
#flash-right-content .carousel-indicators li.active { background-color: #fff; cursor: pointer }
.carousel .carousel-desc { position: absolute; bottom: -26px; width: 100%; height: 26px; margin-bottom: 0; background: rgba(0,0,0,.5); line-height: 26px; text-indent: 2em; color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: bottom .3s; transition: bottom .3s }
.carousel:hover .carousel-desc { bottom: 0 }
.data-download .d-link, .table-center td, .table-center th { text-align: center }
.aboutus h2 { font-size: 16px; font-weight: 700 }
.aboutus p { text-indent: 2em }
.aboutus .company-info, .aboutus .custom-list, .aboutus .eng-room { margin-bottom: 15px }
.aboutus .company-info { padding: 0 110px 70px 0; background: url(404.png) no-repeat 100% 100% }
.aboutus .cTitle { font-weight: 700 }
.aboutus .notice { color: red }
.aboutus .ctn-slider { margin-bottom: 15px }
.honor .honor-item ul { list-style: none }
.honor .honor-item ul li { float: left; margin-right: 15px; margin-bottom: 10px; width: 210px; height: 250px; text-align: center }
.honor .honor-item ul li img { max-height: 217px }
.cultural .cultural-item p { color: #40688b; font-weight: 700 }
.cultural .cultural-pages { text-align: center }
.cultural .cultural-pages .form-inline .fast-goto-page { width: 25px }
.cultural .cultural-pages .form-inline i { vertical-align: middle }
.branch .parag { text-indent: 2em }
.branch .summary-manager { margin-bottom: 15px; padding: 15px 30px; background: #62aad3; color: #fff }
.branch .summary-manager dt, .branch .summary-staff dt { float: left; margin: 0 }
.branch .summary-manager dd { margin-left: 110px }
.branch .summary-manager .tit { font-size: 16px; font-weight: 700 }
.branch .summary-staff dd { margin-left: 100px }
.branch .item-staff { float: left; width: 40%; min-height: 230px; border-bottom: 1px dashed #ccc }
.branch .item-staff+.item-staff { margin-left: 9% }
.branch .item-staff img { border: 2px solid #7695bd; border-radius: 4px }
.icp .notice { color: #f60 }
.icp .icp-guide { margin-bottom: 10px; border-bottom: 1px dashed #ccc }
.icp #icp-guide, .icp #icp-required { margin: 0; padding: 0 }
.icp .icp-guide .item-guide { list-style: none }
.icp .icp-guide .icp-guide-title { height: 33px; padding-left: 55px; background: url(404.png) no-repeat; font-size: 14px; color: #fff; font-weight: bolder; line-height: 33px }
.icp .icp-guide .guide-1 .icp-guide-title { background-color: #f8931d }
.icp .icp-guide .guide-1 a { color: #f8931d; font-weight: 700 }
.icp .icp-guide .guide-2 .icp-guide-title { background-position: left -33px; background-color: #0076a4 }
.icp .icp-guide .guide-2 a { color: #0076a4; font-weight: 700 }
.icp .icp-guide .guide-3 .icp-guide-title { background-position: 0 100%; background-color: #f36c4f }
.icp .icp-guide .guide-3 a { color: #f36c4f; font-weight: 700 }
.icp .icp-guide .icp-guide-body { padding: 10px 10px 0 }
.icp .ctn-icp-question { margin-top: 15px }
.icp .ctn-icp-question ul { margin: 0; padding: 0 }
.icp .ctn-icp-question ul li { list-style: none; float: left; width: 20% }
.icp #icp-required li { float: left; list-style: none; margin-right: 25px }
.ctn-idc .table td, .ctn-idc .table th { text-align: center }
.ctn-idc .tal { text-align: left }
.ctn-idc .tip-price { font-size: 14px; font-weight: 700; color: #f1641f }
.ctn-idc .title { background-color: #eff7fa }
.ctn-idc .table-port th { background-color: #f5f5f5 }
.idc-advantage .title { font-size: 14px; font-weight: 700; color: #f46624 }
.ctn-idc-zy .notice { color: #f60 }
.ctn-idc-zy #idc-zy3 .ctn-hot { min-height: 218px; margin-bottom: 20px; padding-left: 300px; background: url(404.png) no-repeat }
.ctn-idc-zy #idc-zy3 .ctn-hot .title { padding: 10px 5px; border-bottom: 1px solid #ccc; font-size: 26px }
.ctn-idc-zy #idc-zy3 .ctn-hot .ctn-price-info { padding: 30px 15px 0; font-size: 22px }
.ctn-idc-zy .ctn-price-info .iconfont { color: #1884a9 }
.ctn-idc-zy .ctn-price-info .price { font-size: 170% }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-left { padding-right: 40px; border-right: 1px dashed #ccc }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-right { text-align: center }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-right .btn-block { padding: 10px 30px }
.agent .notice, .agent .title { color: #f60 }
.agent .ctn-mode .ctn-api, .agent .ctn-mode .ctn-vp { float: left; width: 50% }
.agent .ctn-mode dt { float: left }
.agent .ctn-mode dd { margin-left: 110px }
.agent .reason .btn-large { padding: 11px 40px }
.agent .sub-parag { margin-bottom: 30px }
.agent .i { font-family: 瀹嬩綋 }
.machine-room { position: relative; font-size: 12px }
.machine-room .m-content-title { font-weight: 700; font-size: 14px; color: #e64000; margin-bottom: 5px }
.machine-room .img-side { float: right; margin: 0 0 5px 15px }
.machine-room .activity-new .activity { color: red }
.machine-room .activity-new p { font-size: 16px; color: #b0b0b0 }
.machine-room .activity-new p span { color: red }
.machine-room .activity-new p em { margin: 0 5px; font-size: 30px }
.ctn-line .notice { color: #f60 }
.ctn-line .panel .summary { background: url(404.png) no-repeat 100% 100% }
.ctn-line .panel .summary p { width: 75% }
.ctn-img, .machine-room .img-obj { text-align: center }
.buy-state ul { list-style: none; margin: 0 0 5px }
.buy-state ul li { float: left; color: #c9c9c9; font-size: 12px }
.buy-state ul li.current { font-size: 16px; color: #333 }
.product-addtocart table th i { font-style: normal; color: red; font-weight: 700 }
.prod-notice { color: red }
.addCartSuccess { padding: 5px 15px 0; color: #555 }
.addCartSuccess h6 { font-size: 14px; color: #b69169; margin: 0 0 5px }
.addCartSuccess p { font-size: 12px; margin-bottom: 0; color: #7a7a7a }
.my-balance, .payment-price { color: red; font-weight: 700 }
.payment-info { border: 1px solid #f5d9d9; background-color: #e5f5f5; padding: 10px 15px 5px }
.payment-info .vali-info { display: none }
.payment-countdown { font-size: 12px; color: red; font-weight: 700 }
#codeModal form { margin-bottom: 0 }
.product-list .product-tab { padding: 15px; background-color: #fcfcfc; border: 1px solid #e2e2e2; border-radius: 6px }
.product-list .prod-list-box { margin-bottom: 20px; padding: 15px; border: 1px solid #fffcf0; border-bottom: 1px dashed #d5d5d5; zoom: 1 }
.product-list .prod-list-box:hover { background-color: #fffcf0; border: 1px solid #ffc45a }
.product-list .prod-list-box .prod-name { height: 30px; font-size: 18px; line-height: 30px; color: #666 }
.product-list .prod-list-box dl { position: relative }
.product-list .prod-icon { float: left; width: 90px }
.product-list .prod-info { margin-left: 130px; overflow: hidden }
.product-list .prod-info .prod-summary { float: left; line-height: 2 }
.product-list .prod-info .prod-sub-info { float: right }
.product-list .prod-info .prod-sub-info .prod-price-limit .select { width: 150px; font-size: 20px; color: red; margin-bottom: 10px }
.product-list .prod-info .prod-operate { text-align: center }
.product-list .prod-info .prod-operate .prod-addtocart { padding: 8px 12px; background-color: #e26f2f; color: #fff; font-size: 16px; font-weight: 700; line-height: 39px; text-decoration: none; border-radius: 4px }
.product-list .prod-info .prod-operate .prod-addtocart:hover { background-color: #e65707 }
.product-list .prod-info .prod-sub-operate { margin-top: 10px }
.ctn-hcloud .title { font-size: 14px; font-weight: 700; color: #f1641f }
.ctn-hcloud .notice { color: red }
.ctn-hcloud .t-title { width: 90px; background: #f4f9ff; color: #333; font-weight: 700 }
.ctn-invite .parag { text-indent: 2em }
.ctn-invite .content-welfare, .ctn-invite .title-welfare { color: #ee4242; font-weight: 700 }
.ctn-invite .notice { text-decoration: underline }
.ctn-invite .pagination { margin-bottom: 0 }
#list-invite .title .time { float: right; color: #aaa }
.list-article { margin: 0; padding: 0 }
.list-article li { margin-bottom: 2px; border-bottom: 1px dashed #ccc; list-style: none; line-height: 30px }
.list-article li a { padding: 4px 0; text-decoration: none }
.list-article .time { display: block; float: right; color: #aaa }
.list-article .title .time { float: right; margin-right: 15px; color: #aaa }
.partner .partner-item { float: left; margin-right: 10px; height: 80px; width: 130px; line-height: 80px; text-align: center }
.friendlink .ctn-body .clearfix, .friendlink .ctn-body .table { background: #f7fcff }
.friendlink .th-w { width: 120px }
.friendlink .clearfix { margin-bottom: 20px }
.friendlink .ctn-body div.pull-left, .friendlink .ctn-body div.pull-right { width: 50% }
.friendlink .ctn-body .inner { padding: 10px }
.friendlink .form-horizontal .control-label { width: 95px }
.friendlink .form-horizontal .controls { margin-left: 105px }
.friendlink .font-link a, .friendlink .img-link a { display: inline-block; margin: 0 5px 5px 0; padding: 1px 5px; border: 1px dashed #ccc; *display:inline;
*zoom:1
}
.ctn-payment .ctn-result { width: 220px; margin: 0 auto 10px; font-size: 20px }
.ctn-payment .ctn-result .tip-error { color: #ffa84a }
.ctn-payment .ctn-result dd { margin-left: 50px; overflow: hidden }
.ctn-payment .ctn-result dd p { line-height: 30px; color: #555 }
.ctn-payment .ctn-result-content { width: 400px; margin: 0 auto; padding: 20px }
.ctn-payment .ctn-success { background-color: #f2fff2; border: 1px solid #88e084 }
.ctn-payment .ctn-error { background-color: #fff3f2; border: 1px solid #e08884 }
.ctn-payment .ctn-result-content p { border-bottom: 1px dashed #ccc }
.ctn-payment .ctn-result-content .title { display: inline-block; width: 70px; font-weight: 700; *display:inline;
*zoom:1
}

.btn-backto-top { position: fixed; bottom: 50px; right: 10px; width: 50px; height: 50px; background: #ccc; border: 1px solid #b9b9b9; text-align: center; line-height: 50px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s; transition: opacity .3s }
.btn-backto-top.show { opacity: .7; filter: alpha(opacity=70) }
.btn-backto-top .iconfont { font-size: 24px; color: #fff }
#loading-top { position: fixed; top: 0; left: 0; width: 0; height: 2px; background: #0562a3; border-radius: 1px; -webkit-transition: width .5s ease-out, opacity .5s linear; transition: width .5s ease-out, opacity .5s linear; z-index: 9999 }
.tip-success { color: #3db33d }
.tip-error { color: red }
.cs-ctn { position: fixed; right: 0; top: 100px; z-index: 1024 }
.cs-ctn .cs-right-menu { float: left; margin-top: 30px; cursor: pointer }
.cs-body { display: none; float: left; width: 180px; background: #fff; border: 1px solid #999; border-radius: 4px 0 0 4px; box-shadow: -1px 1px 3px #ccc }
.cs-head { position: relative; margin-bottom: 2px; padding: 2px 5px; border-bottom: 1px solid #e6e6e6; box-shadow: 0 1px 3px #ccc; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #fff, #e5e5e5); background: linear-gradient(180deg, #fff 0, #e5e5e5); filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e5e5", GradientType=0);
border-radius: 4px 0 0 0; text-align: center }
.cs-head strong { color: #666 }
.cs-head .close { position: absolute; top: 2px; right: 6px; cursor: pointer }
.cs-body .qq-list-item { width: 180px }
.cs-body .qq-list-title { display: block; margin: 0; padding: 4px 10px; color: #616161; font-weight: 700; line-height: 14px; cursor: pointer; background: url(404.png) no-repeat; box-shadow: 0 1px 5px #bbb }
.cs-body .qq-list-title:hover { background: #ebebeb; padding-left: 6px; -webkit-transition: all .3s; transition: all .3s }
.cs-body .qq-list-item .ico { float: left; width: 7px; height: 7px; margin: 3px 5px 0 0; background: url(404.png) no-repeat }
.cs-body .qq-list-item .qq-list-content { display: none; padding: 8px 0 10px; background: url(404.png) repeat-x }
.cs-body .qq-chat-btn a { display: block; width: 75px; height: 23px; margin: 0 auto; padding-left: 45px; background: url(404.png) no-repeat; line-height: 23px; cursor: pointer }
.cs-body .qq-chat-btn a:hover { background-position: 0 100%; color: #fff; text-decoration: none }
.cs-body .qq-num { color: #555; font-weight: 700; margin-top: 5px }
.cs-body .qq-num span { color: #aaa }
.cs-body .current .ico { background-position: 0 100% }
.cs-body .current .qq-list-content { display: block }
.cs-footer { margin-top: 5px; text-align: center }
.cs-footer .content-phone, .cs-footer .title-phone { margin-bottom: 5px; text-align: center }
.cs-footer .title-phone { background: #08c5c5; line-height: 30px; font-weight: 700; color: #fff }
.cs-footer .title-footer { margin: 0; background-color: #52bb58; line-height: 30px; color: #fff; font-weight: 700; text-align: center }
.cs-footer img { border: 0; vertical-align: top; margin: 0 }
.qr-code-ctn { position: fixed }
.page-content pre { margin-bottom: 0; background: none; border: 0 }
.host-activity input { margin-bottom: 0 }
.host-activity .tip-activity, .host-activity .title { display: inline-block; vertical-align: middle; font-size: 18px; *display:inline;
*zoom:1
}
#menu-left #list-help { border: 0 }
#menu-left #list-help ul { margin: 0; padding: 0 }
#menu-left #list-help ul li { list-style: none }
#menu-left #list-help ul a { display: block; padding: 3px 6px; text-decoration: none }
#menu-left #list-help ul a:hover { background: #2693ad; color: #fff }
#menu-left #list-help .list-help-son { margin-left: 12px }
#menu-left #list-help .list-help-son li a { color: #999 }
#menu-left #list-help .list-help-son li a:before { display: none }
#menu-left #list-help .list-help-son li a:hover { background: none; text-decoration: underline; color: #555 }
@media (min-width:1200px) {
#ctn-head-menu #head-menu>li>a { padding: 10px 26.2px }
.info-container .span8 { width: 820px }
.info-container .span4 { width: 320px }
.content-container .domain-query .domain-type { height: auto; margin-bottom: 0; overflow: visible }
.content-container .domain-query .domain-query-tabcontent .form-inline li { margin-bottom: 8px }
.honor .honor-item ul li { margin-right: 70px }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-left { padding-right: 70px }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-right { padding: 30px 90px 0 0 }
.cart-container table td, .cart-container table th { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.ctn-invite .ctn-welfare { float: left; width: 50% }
}
@media (max-width:979px) {
.header-top { padding-top: 10px; padding-bottom: 0 }
#ctn-head-menu #head-menu { height: auto }
#ctn-head-menu #head-menu>li>a { padding: 9px 15px }
#ctn-head-menu #head-menu>li>a:hover { color: #e0e0e0 }
#ctn-head-menu #head-menu .hot-product:after, #ctn-head-menu #head-menu .hot-product:before { position: static; margin-left: 4px }
#ctn-head-menu #head-menu .hot-product:before { display: none }
.nav-collapse .dropdown-menu a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .nav>li>a:hover { background-color: #4f9bd6 }
.v-divider { display: none }
.head-menu .navbar-inner .btn-navbar { background-color: #3081d8; background-image: none; border: 0 }
.header #head-menu .dropdown-menu { border-radius: 6px; background-color: #007dd3; text-align: left }
.header #head-menu .dropdown-menu li a { padding: 8px 15px }
.info-container { margin-top: 10px }
.info-container .span4, .info-container .span8 { margin-bottom: 10px }
.content-container .domain-query .domain-type { height: auto; overflow: visible }
.footer-links dl dd { width: 50% }
.ctn-domain-query { width: 100% }
.ctn-idc-zy #idc-zy3 .ctn-hot .ctn-price-info { font-size: 12px }
.ctn-idc-zy #idc-zy3 .ctn-hot .pull-left { border: 0 }
.branch dt, .ctn-idc-zy #idc-zy3 .ctn-hot .pull-right { float: none }
.branch dd { margin: 0 }
.branch .item-staff { width: 100% }
.branch .item-staff+.item-staff { margin-left: 0 }
#layer-img .inner { width: 100%!important; left: 0!important; margin-left: 0!important; margin-right: 0!important }
}
@media (max-width:979px) and (min-width:768px) {
.info-container .span4, .info-container .span8 { width: 97% }
#menu-left .list-hotline { background: none }
#menu-left .list-about li { width: 100% }
}
@media (max-width:767px) {
.GZIDC-logo { margin-bottom: 10px }
.header-contactinfo ul li { float: none; width: auto }
.header-contactinfo ul li span { display: block; margin: 0; text-align: right }
.header-contactinfo ul li span.sep { display: none }
.header-contactinfo ul li span.idc-gz { margin: 0 }
.header-contactinfo .index-operate { clear: both }
.header-top .header-coupon { top: 20px; bottom: auto }
#menu-left { display: none }
.honor .honor-item ul li { margin-right: 0 }
.footer-links dl dd { width: 100% }
.footer .contact { text-align: left }
}
@media (max-width:479px) {
.header-contactinfo ul { width: auto; margin-top: 60px }
.header .header-login { width: 100% }
.header .header-login .form-inline label { display: block; margin-bottom: 8px }
.header .header-login .form-inline .header-login-input { width: 75%; float: right }
.header .header-login .form-inline .btn { display: block; margin-bottom: 8px }
.header .header-login .login-submit { width: 100% }
.content-container .domain-query .domain-query-text input { width: 46% }
.host-product-list .prod-icon { display: none }
.host-product-list .prod-info { margin-left: 0 }
.host-product-list .prod-info .prod-sub-info { float: none }
.host-product-list .prod-info .prod-operate { text-align: left }
#flash-right-content { display: none }
.ctn-idc-zy #idc-zy3 .ctn-hot { padding-left: 0; background: none }
.footer-box:after, .footer-box:before { display: table; content: " " }
.footer-box:after { clear: both }
.footer-box { float: none; width: auto }
.footer-box dl dd { float: left; width: auto; margin: 0 5px 5px 0 }
}
.pop-layer-body .ctn-agreement { max-height: 400px; margin: 0 auto; padding: 1em; font-size: 14px; overflow: auto; line-height: 2 }
.pop-layer-body .ctn-agreement h1 { margin: 0 0 1em; text-align: center }
.modal-footer .btn-agree { display: block; width: 300px; margin: 0 auto; padding: 10px; background: #ff5722; border: 0; font-size: 14px; color: #fff; -webkit-transition: .3s; transition: .3s }
.modal-footer .btn-agree:hover { background: #ff4409; color: #fff }
.modal-footer .btn-agree[disabled] { background: #d2d2d2; cursor: not-allowed }
@media (max-width:767px) {
.modal-footer .btn-agree { width: 80% }
}