.banner-bottom {
    padding: 16px 0
}

.banner-bottom .bb_right i {
    float: left;
    margin: 0 10px 0 30px;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat
}

.banner-bottom .bb_right .bb-img_1 {
    background-position: 0 0
}

.banner-bottom .bb_right .bb-img_2 {
    background-position: -110px 0
}

.banner-bottom .bb_right .bb-img_3 {
    background-position: -220px 0
}

.banner-bottom .bb_right .bb-img_4 {
    background-position: -330px 0
}

.banner-bottom .bb_right p {
    color: #999;
    margin: 0;
    overflow: hidden
}

.banner-bottom li {
    width: 25%;
    *width: 297px;
    float: left
}

.host-content {
    background: #f1f4f4;
    padding-top: 20px;
    padding-bottom: 60px;
    _zoom: 1
}

.host-config {
    background: #fff
}

.host-config .current-config {
    padding-left: 28px;
    float: right;
    width: 252px;
    text-align: left;
    -webkit-transition: all .31s;
    -moz-transition: all .31s;
    transition: all .31s
}

.host-config .current-config-fixed {
    position: fixed;
    right: 90px;
    top: -40px;
    background-color: #fff
}

.host-config .current-config-absolute {
    position: absolute;
    bottom: 400px;
    right: 0;
    top: auto
}

.current-config .config-title {
    display: block;
    padding-top: 52px;
    line-height: 1;
    font-size: 16px;
    color: #6f6f6f
}

.current-config .config-list {
    border-bottom: 1px dashed #dfdfdf;
    padding-bottom: 20px
}

.current-config .config-list li {
    padding-top: 10px;
    line-height: 16px
}

.current-config .config-list li label {
    float: left;
    display: inline-block;
    color: #484848;
    font-weight: 700;
}

.current-config .config-list li span {
    display: block;
    color: #5d5d5d;
    padding-left: 5px;
    overflow: hidden
}

.current-config .config-price {
    padding-top: 30px;
    color: #333;
    line-height: 1;
    font-weight: 700
}

#J_configPriceDom .origiPrice {
    font-size: 16px;
    color: #9d9d9d;
    text-decoration: line-through;
    margin-left: 9px
}

#J_configPriceDom.disabled * {
    color: #CCC8C8
}

.current-config .config-btn {
    display: inline-block;
    width: 116px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.current-config .btn_buy, .current-config .btn_vhostupcloud {
    background: #2086ee;
    color: #fff
}

.current-config .btn_buy:hover, .current-config .btn_vhostupcloud:hover {
    background-color: #0eb7fd;
    color: #fff
}

.current-config .btn_try {
    margin-left: 4px;
    background: #efefef;
    color: #9e9e9e
}

.current-config .btn_try:hover {
    color: #7C7C7C;
    background-color: #e2e2e2
}

#J_buyBtnsContainer.disabled .btn_buy {
    background-color: #adadad
}

#J_buyBtnsContainer.disabled .btn_try {
    background-color: #dfdfdf;
    color: #fff
}

#priceDesc {
    font-size: 12px;
    color: #948B8B;
    height: 28px;
    display: none
}

#texthelp {
    position: absolute;
    z-index: 50;
    width: 300px;
    min-height: 50px;
    display: none;
    padding: 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 200;
    -moz-box-shadow: 3px 5px 5px #969696;
    -webkit-box-shadow: 5px 10px 5px #969696;
    box-shadow: 1px 1px 2px 1px #f3f3f3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9)
}

#texthelp div {
    font-family: "Microsoft Yahei";
    font-size: 12px;
    color: #333;
    border-bottom: 1px #1797f0 solid;
    padding-bottom: 3px
}

#texthelp:after, #texthelp:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0
}

.help_img {
    cursor: pointer;
    margin-left: 3px;
    z-index: 100;
    position: relative
}

.host-config .tx-host {
    margin-right: 280px;
    border-right: 1px solid #eee;
    overflow: visible
}

.host-config .tx-host .tuijian-config {
    padding: 50px 0 0 50px
}

.host-config .tx-host .tuijian-config a, .span1 {
    margin-right: 8px;
    display: inline-block;
    width: 128px;
    height: 38px;
    line-height: 38px;
    background: #f4f4f4;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f4f4f4;
    color: #6a6a6a;
    position: relative
}

.host-config .tx-host .tuijian-config a.active {
    background: url(../images/cloudhost-icon_2.jpg) no-repeat #eff9ff;
    background-position: 100px -1270px;
    border: 1px solid #b2d8ff
}

.config-type-desc {
    position: absolute;
    white-space: nowrap;
    display: none
}

.config-box {
    padding: 40px 0 0 40px;
    position: relative;
    overflow: hidden
}

.config-box label {
    float: left;
    display: inline-block;
    padding-right: 14px;
    width: 70px;
    text-align: right;
    font-size: 14px;
    color: #484848;
    position: relative
}

.config-box .right-side {
    padding-left: 104px;
    position: relative;
    *padding-left: 0
}

.low-config-tip {
    color: #fb791c;
    font-size: 14px;
    padding-left: 21px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -962px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 100px;
    top: -32px;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.low-config-tip-visible {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.config-box .config-modify {
    float: left;
    width: 24px;
    height: 24px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -1618px;
    cursor: pointer;
    visibility: hidden
}

.config-box .config-minus {
    margin-right: 6px
}

.config-box .config-plus {
    margin-left: 6px;
    background-position: -94px -1618px
}

.config-box .link-btn {
    display: inline-block;
    margin-bottom: 16px;
    margin-right: 13px;
    padding: 8px 10px;
    font-size: 14px;
    background: #f4f4f4;
    color: #6a6a6a;
    cursor: pointer;
    position: relative
}

.config-box .link-btn.active {
    background: #4a9ced;
    color: #fff
}

.config-box .link-btn .promo {
    position: relative;
    width: 32px;
    height: 32px;
    background: url(../images/off_65.png) no-repeat 0 0;
    top: -8px;
    right: -10px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -10px;
    margin-left: -24px
}

.slider {
    background: #f1f1f1;
    /*height: 12px;*/
    position: relative;
    cursor: pointer;
    border: 5px solid #f1f1f1;
    /*width: 600px;*/
    float: left;
    clear: right;
    border-radius: 15px;
    margin-top: 2px;

    width: 651px;
    height: 22px;
    padding: 0 20.5px;
    box-sizing: border-box;
}

.progress {
    height: 12px;
    background-color: #74b8f4;
    display: block;
    /*border-radius: 15px;*/
    border-radius: 0 15px 15px 0;
    width: 0
}

.left-progress {
    /* 按钮的一半 */
    width: 20.5px;
    height: 12px;
    border-radius: 15px 0 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: #74b8f4;
}

#bw-config .left-progress {
    background: #7dd794;
}

.flux-container .progress {
    background-color: #7dd794
}

.handle {
    background: url(../images/cloudhost-icon_1.png) repeat-x 0 -208px;
    height: 46px;
    width: 41px;
    top: -15px;
    position: absolute;
    display: block;
    margin-top: 1px;
    cursor: pointer;
}

.range {
    width: 43px;
    height: 30px;
    line-height: 30px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -309px;
    text-align: right;
    font-size: 14px;
    color: #fff;
    margin-left: 6px;
    border: 0;
    background-color: #fff;
    padding-right: 25px;
    visibility: hidden
}

.range-desc {
    /* 600 / 9 * 10 = 666.66··· */
    width: 666.66px;
    /* 666.66 - 651 = 15.66 / 2 = 7.83 */
    margin-left: -7.83px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.range-desc li {
    /*float: left;*/
    /*padding-left: 15px*/
    flex: 1;
    text-align: center;
    text-indent: 5px;
}

#J_cpuRangeDesc li {
    width: 78px
}

#J_cpuRangeDesc li.last {
    width: 50px
}

#J_ramRangeDesc li {
    width: 42px
}

#J_ramRangeDesc li.last {
    padding-left: 12px;
    width: auto;
    float: left
}

#J_dataRangeDesc {
    /*width: 670px*/
}

#J_dataRangeDesc li.first {
    float: left
}

#J_dataRangeDesc li.last {
    float: right;
    padding-left: 0;
    padding-right: 64px
}

p.system-disk-size-tip {
    display: none;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 32px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

#J_fluxRangeDesc {
    width: 670px
}

#J_fluxRangeDesc li.first {
    float: left
}

#J_fluxRangeDesc li.last {
    float: right;
    padding-left: 0;
    padding-right: 64px
}

.config-count {
    width: 68px;
    height: 30px;
    line-height: 30px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -309px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-left: 6px;
    border: 0;
    visibility: hidden
}

.config-count-unit {
    display: none;
    position: relative;
    color: #fff;
    font-size: 14px;
    margin-left: -26px;
    zoom: 1;
    z-index: 10;
    vertical-align: middle
}

.config-box .wjf-ui-select-wrapper {
    margin-right: 20px
}

#systemSubTypeContainer {
    width: 398px
}

#systemSubTypeContainer li.first {
}

.icon-type {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 28px;
    background-image: url(../images/cloudhost-icon_2.jpg);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px
}

.windows {
    background-position: 2px -181px
}

.linux {
    background-position: 2px -109px
}

.selected .windows, .wjf-ui-select-item-hover .windows {
    background-position: -118px -181px
}

.selected .linux, .wjf-ui-select-item-hover .linux {
    background-position: -118px -109px
}

.icon-ver {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 28px;
    background-image: url(../images/cloudhost-icon_2.jpg);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 6px
}

.icon-64 {
    background-position: 1px -676px
}

.icon-32 {
    background-position: 1px -610px
}

.selected .icon-64, .wjf-ui-select-item-hover .icon-64 {
    background-position: -112px -676px
}

.selected .icon-32, .wjf-ui-select-item-hover .icon-32 {
    background-position: -112px -610px
}

.room-tip {
    background-color: #FFC;
    clear: both;
    border: 1px solid #FC3;
    text-align: center;
    margin-left: 100px;
    overflow: hidden;
    margin-right: 100px;
    position: absolute;
    z-index: 1;
    left: 42px;
    top: 10px;
    display: none
}

#J_roomsContainerDom {
    padding-left: 100px
}

.config-box .link-btn .btn-desc {
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: -26px;
    display: block;
    color: #fff;
    background-color: #fe7a00;
    border-radius: 2px;
    padding-left: 5px;
    left: -50%;
    margin-left: -10px;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    font-size: 12px;
    font-family: '宋体';
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap;
    display: none \9
}

.config-box .link-btn .turn-back-btn-desc {
    left: auto;
    right: -36px
}

.config-box .link-btn .btn-desc-arrow {
    position: absolute;
    width: 100%;
    height: 6px;
    left: 50%;
    top: -6px;
    margin-left: -5px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -1159px;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    overflow: hidden;
    display: none \9
}

.config-box .btn-desc a {
    color: #fe962e;
    background-color: #fff;
    border: 1px solid #ff8e38;
    border-radius: 2px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-left: 5px;
    margin-bottom: 0;
    position: relative;
    display: none \9
}

.config-box .btn-desc a:hover {
    text-decoration: underline
}

.config-box .config-room .active .btn-desc-arrow, .config-box .config-room .active .btn-desc {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    display: inline-block \9
}

.config-box .config-room .active .btn-desc a {
    display: inline-block \9;
    *display: inline;
    *zoom: 1;
    z-index: 10
}

.host-config .tx-host .count-info {
    padding-bottom: 70px
}

.host-config .tx-host .count-info .title {
    margin: 30px 40px 0 20px;
    padding-left: 16px;
    height: 30px;
    line-height: 30px;
    border-left: 4px solid #bfe0fc;
    background: #f0f8fe;
    font-size: 16px;
    color: #303030
}

.host-config .tx-host .count-info .count a {
    width: 24px;
    height: 24px;
    font-weight: 700;
    background: #fff;
    font-size: 16px;
    text-align: center;
    color: #bbb;
    line-height: 24px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    vertical-align: middle
}

.host-config .tx-host .count-info .count input {
    width: 48px;
    text-align: center;
    color: #ff9600;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e1e1e1;
    padding: 0;
    margin: 0 -5px
}

.config-box .config-time {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    margin-bottom: 2px
}

.config-box .config-time dt {
    padding: 0 25px;
    float: left;
    border-right: 1px solid #eaeaea;
    font-size: 14px;
    color: #8b8b8b;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    height: 26px;
    line-height: 26px
}

.config-box .config-time dt.active {
    background-color: #489deb;
    color: #fff
}

.config-box .config-time dt.gift {
    background: url(../images/cloudhost-icon_2.jpg) no-repeat center center;
    background-position: 16px -1090px;
    padding-left: 34px;
    padding-right: 16px
}

.config-box .config-time dt.active-gift {
    background-position: 16px -1028px;
    background-color: #489deb
}

.config-box .config-time .btn-desc {
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 31px;
    display: block;
    color: #fff;
    background-color: #fe7a00;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    left: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    text-align: center;
    font-size: 12px;
    font-family: '宋体';
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.config-box .config-time .btn-desc-arrow {
    position: absolute;
    width: 100%;
    height: 5px;
    left: 50%;
    top: 26px;
    margin-left: -5px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat 0 -1215px;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    overflow: hidden
}

.config-box .config-time .active .btn-desc-arrow, .config-box .config-time .active .btn-desc {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.config-box .config-service {
    padding: 10px 0;
    display: inline-block;
    border: 1px solid #e4e4e4;
    background: #eee;
    border-radius: 2px;
    vertical-align: middle
}

.config-box .config-service dt {
    width: 157px;
    height: 48px;
    float: left;
    border-right: 1px solid #e4e4e4;
    font-size: 14px;
    color: #8b8b8b;
    cursor: pointer;
    position: relative
}

.config-service dt .service-content {
    text-align: center;
    width: 100%
}

.config-service .config-service-txt {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: center
}

.config-service .config-service-desc {
    display: none;
    font-size: 12px;
    height: 16px;
    color: #797979;
    line-height: 16px;
    margin-bottom: 10px
}

.config-service dt.active {
    width: 157px
}

.config-service dt.active .service-content {
    position: absolute;
    left: -1px;
    top: -25px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 2px 10px -1px #eee
}

.config-service dt.active .service-content p {
    background-color: #4a9ced;
    color: #fff;
    height: 26px;
    line-height: 26px;
    border-radius: 4px 4px 0 0
}

.config-service dt.active .service-content .config-service-txt {
    color: #fe7a00;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.config-service dt.active .config-service-desc {
    display: block
}

#agreement_container {
    color: #adadad;
    font-size: 14px;
    padding-bottom: 5px
}

#agreement_container label {
    width: 24px;
    height: 20px;
    background: url(../images/icon.jpg) no-repeat #fff 0 -336px;
    display: inline-block;
    vertical-align: top;
    float: left
}

#agreement_container label.checked {
    background: url(../images/icon.jpg) no-repeat #fff 0 -299px
}

#agreement_container a {
    color: #0085d9
}

#agreement_container a:hover {
    color: #fd741b
}

.try-tip-warn {
    color: #FF9D2B
}

.count-info .tip-warn {
    margin-top: 30px
}

.count-info .tip-inner {
    height: 50px;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
    margin: 16px 18px;
    position: relative
}

.count-info .tip-inner-expand {
    height: auto
}

.tip-inner .expand {
    text-indent: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fbfeff;
    text-align: left;
    padding: 0 11px 0 6px;
    z-index: 1;
    color: #2086EE
}

.tip-inner .expanded {
    display: none
}

.tip-inner-expand .expand {
    display: none
}

.tip-inner-expand .expanded {
    position: static;
    display: inline-block
}

.tip-warn {
    margin: 16px 18px;
    background: #fbfeff;
    border: 1px solid #caecff;
    text-indent: 26px;
    color: #313131
}

.tip-warn .tw-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    background: url(../images/reg-icon.jpg) no-repeat 0 -939px;
    vertical-align: middle;
    margin-right: 10px
}

.tc-host {
    background: #fff
}

.tc-host .taocan-list li {
    float: left
}

.tc-host .taocan-list li.taocan-item {
    width: 396px;
    height: 363px;
    padding: 40px 0;
    margin: 0
}

.tc-host .taocan-list li.taocan-item-hover {
    box-shadow: 0 5px 18px #D0CDCD;
    margin-top: -1px;
    margin-bottom: 1px;
    margin-top: 0 \9;
    margin-bottom: 0 \9
}

.tc-host .taocan-list .border-bottom {
    border-bottom: 1px solid #ddd
}

.tc-host .taocan-list .border-right {
    border-right: 1px solid #ddd
}

.tc-host .taocan-list .column {
    width: 318px;
    margin: 0 auto
}

.tc-host .taocan-list .column .column-top {
    padding: 0 0 16px 92px;
    border-bottom: 1px solid #ddd;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat top center;
    background-position: 28px -746px
}

.tc-host .taocan-list .column .column-top p {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.tc-host .taocan-list .column .column-top .icon {
    margin-left: 8px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: 400
}

.tc-host .taocan-list .column .column-top .hot {
    background: #ff3244
}

.tc-host .taocan-list .column .column-top .recommend {
    background: #26bafd
}

.tc-host .taocan-list .column .column-top span {
    color: #666
}

.tc-host .taocan-list .column .column-config {
    padding: 4px 0 0 16px;
    line-height: 1;
    text-align: left
}

.tc-host .taocan-list .column .column-config dt {
    float: left;
    padding-top: 16px;
    width: 54px;
    color: #484848;
    font-weight: 700
}

.tc-host .taocan-list .column .column-config dd {
    padding-top: 16px;
    color: #707070
}

.tc-host .taocan-list .column .column-config dd span {
    color: #a3a3a3
}

.tc-host .taocan-list .column .column-txt {
    padding: 15px 0 0 16px;
    color: #b58e3c;
    line-height: 1;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat right center;
    background-position: 200px -832px
}

.tc-host .taocan-list .column .server-room {
    position: relative;
    margin-top: 8px;
    padding-left: 16px
}

.server-room .wjf-ui-select {
    background-color: #f7fbff
}

.server-room .wjf-ui-select-container {
    width: 300px;
    left: 16px;
    top: 0;
    _left: 0
}

.server-room .wjf-ui-select-container .item {
    float: none
}

.server-room .wjf-ui-select-container .first-item {
    background-image: url(../images/cloudhost-icon_05.png);
    background-repeat: no-repeat;
    background-position: 281px 11px
}

.server-room .wjf-ui-select span, .server-room .wjf-ui-select-container span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 14px;
    float: right;
    color: #d9d9d9;
    font-family: '宋体'
}

.server-room .wjf-ui-select span {
    margin-right: 2px
}

.server-room .wjf-ui-select span a, .server-room .wjf-ui-select-container span a {
    color: #2b85d9;
    padding-left: 5px
}

.server-room .wjf-ui-select span a:hover, .server-room .wjf-ui-select-container span a:hover {
    color: #fd741b
}

.tc-host .taocan-list .column .column-price {
    padding: 13px 0 0 16px;
    line-height: 1;
    color: #787878
}

.tc-host .taocan-list .column .column-price .price {
    font-size: 14px;
    font-weight: 700;
    color: #fe6733
}

.tc-host .taocan-list .column .column-bottom {
    padding: 14px 0 0 16px
}

.tc-host .taocan-list .column .column-btn {
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #2086ee;
    font-size: 14px;
    color: #2086ee;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.tc-host .taocan-list li.taocan-item-hover .column-btn {
    background-color: #2086ee;
    border-color: #2086ee;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.cloud-introduce .cloud-introduce-top {
    padding-bottom: 86px;
    margin: 46px 0 0 15px;
    background: url(../images/introduce.jpg) no-repeat left top;
    border-bottom: 1px dashed #ddd
}

.cloud-introduce .cloud-introduce-top p {
    padding-top: 32px;
    padding-left: 290px;
    line-height: 24px;
    text-indent: 28px;
    font-size: 14px
}

.cloud-introduce .cloud-introduce-middle {
    margin-top: 44px
}

.cloud-introduce .cloud-introduce-middle img {
    max-width: 100%;
    _width: 100%
}

.cloud-introduce .honor {
    margin-top: 36px
}

.cloud-introduce .honor-title {
    padding-bottom: 12px;
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #333
}

.cloud-introduce .honor-list {
    margin-top: 22px;
    margin-bottom: 64px
}

.cloud-introduce .honor-list li {
    float: left;
    padding-right: 18px;
    *padding-right: 16px
}

.cloud-introduce .honor-list li img {
    border: 1px solid #e5e5e5
}

.cloud-introduce .honor-list li p {
    padding-top: 18px;
    line-height: 1;
    color: #085da9;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cloud-introduce .honor-list li p a {
    color: #016296
}

.cloud-introduce .honor-list li p a:hover {
    color: #fd741b
}

.cp-choose {
    padding-bottom: 46px;
    background: url(../images/cloud-performance-bj.jpg) no-repeat right 80px
}

.cp-title {
    padding-top: 30px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eaeaea
}

.cp-title span {
    padding: 0 20px 10px;
    font-size: 20px;
    color: #3b3b3b;
    background: url(../images/cp-title-line.jpg) repeat-x left bottom
}

.cp-choose .cc-list {
    padding-top: 50px
}

.cc-list li {
    float: left;
    padding-right: 40px
}

.cc-list .item {
    width: 280px
}

.cc-list .item .item-icon {
    float: left;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 64px;
    height: 64px;
    background: url(../images/cloudhost-icon_2.jpg) no-repeat
}

.cc-list .item .item-icon1 {
    background-position: 0 -1485px
}

.cc-list .item .item-icon2 {
    background-position: -134px -1485px
}

.cc-list .item .item-icon3 {
    background-position: -269px -1485px
}

.cc-list .item .item-icon4 {
    background-position: -403px -1485px
}

.cc-list .item .item-txt {
    line-height: 18px;
    font-size: 12px;
    color: #868686;
    overflow: hidden
}

.cc-list .item .item-txt h5 {
    padding-bottom: 6px;
    font-size: 16px;
    color: #3b3b3b
}

.cp-contrast .cc-table {
    margin-top: 30px;
    border: 1px solid #e8e8e8
}

.cp-contrast table tr {
    height: 50px
}

.cp-contrast table tr th {
    height: 52px;
    font-size: 16px;
    color: #0a3e8d;
    border-bottom: 1px solid #e9e9e9;
    position: relative
}

.cp-contrast table tr .left {
    padding-left: 10px;
    width: 140px;
    background: #f9f9f9;
    border-right-color: #e9e9e9;
    font-size: 14px;
    font-weight: 700;
    color: #232323
}

.cp-contrast table tr td {
    padding: 10px 20px;
    line-height: 18px;
    border-right: 1px solid #e6e6e6;
    font-size: 12px;
    color: #525252;
    border-bottom: 1px solid #e9e9e9;
    word-break: break-all
}

.cp-contrast table tr td:nth-child(2) {
    background-color: #f3fdff
}

.cp-contrast table tr td:nth-child(3), .cp-contrast table tr td:nth-child(5) {
    background-color: #f9fcff
}

.cp-contrast table tr .row-tx {
    background: #7dbeff;
    border-bottom: 3px solid #3885d3
}

.cp-contrast table tr .row-tc {
    background: #a6d3ff;
    border-bottom: 3px solid #84b7e9
}

.cp-contrast table tr .row-qt {
    background: #d9e8ff;
    border-bottom: 3px solid #bdd3f4
}

.cp-contrast table tr .row-vps {
    background: #d7f7ff;
    border-bottom: 3px solid #9cddee
}

.cp-contrast table tr .row-ct {
    background: #f2f2f2;
    border-bottom: 3px solid #e0dfdf
}

.row-tx .triangle-arrow, .row-tc .triangle-arrow, .row-qt .triangle-arrow, .row-vps .triangle-arrow, .row-ct .triangle-arrow {
    width: 0;
    height: 0;
    border-top: 10px solid #3885d3;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -12px;
    left: 45%
}

.row-tc .triangle-arrow {
    border-top-color: #84b7e9
}

.row-qt .triangle-arrow {
    border-top-color: #bdd3f4
}

.row-vps .triangle-arrow {
    border-top-color: #9cddee
}

.row-ct .triangle-arrow {
    border-top-color: #e0dfdf
}

.cp-contrast table tr .active {
    font-size: 18px;
    position: relative
}

.cp-contrast table tr .active.row-tx {
    border-top: 16px solid #7dbeff
}

.cp-contrast table tr .active.row-tc {
    border-top: 16px solid #a6d3ff
}

.cp-contrast table tr .active.row-qt {
    border-top: 16px solid #d9e8ff
}

.cp-contrast table tr .active.row-vps {
    border-top: 16px solid #d7f7ff
}

.cp-contrast table tr .active.row-ct {
    border-top: 16px solid #f2f2f2
}

.cp-contrast table tr .active i {
    padding-left: 14px;
    position: absolute;
    top: -16px;
    right: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 28px;
    height: 34px;
    background: url(../images/cloudhost-icon_1.png) no-repeat 0 -661px;
    font-size: 12px;
    font-style: normal;
    color: #fff
}

.info-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 12px;
    background: url(../images/cloudhost-icon_1.png) no-repeat
}

.no {
    background-position: 0 -781px
}

.right {
    width: 14px;
    background-position: 0 -728px
}

.wjf-kf {
    padding-top: 10px;
    text-align: center
}

.wjf-kf .kf-qq {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 36px;
    background: url(../images/server-icon.jpg) no-repeat 0 -1388px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    vertical-align: bottom
}

.wjf-kf .kf-qq span {
    color: #0072fe
}

.cc-explain {
    padding-top: 10px
}

.cc-explain p {
    padding-bottom: 3px;
    border-bottom: 1px solid #ebebeb
}

.cc-explain p span {
    padding: 0 10px 4px;
    border-bottom: 2px solid #00a0e9;
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d
}

.cp-pk {
    padding-top: 20px
}

.cp-pk .cp-info {
    padding: 20px 100px 0
}

.cp-info .section {
    position: relative
}

.cp-info .section h4 {
    padding-top: 30px;
    font-size: 20px;
    color: #0d72d9;
    text-align: center
}

.cp-info .section h4 span {
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 30px;
    background: #2086ee;
    font-size: 28px;
    color: #fff
}

.cp-info .section .vs {
    font-size: 50px;
    color: #ff9c1c;
    position: absolute;
    top: 180px;
    left: 48%
}

.cp-info .section .pk-list {
    padding-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ddd
}

.cp-info .section .pk-list li {
    width: 40%;
    text-align: center
}

.cp-info .section .pk-list li .small {
    width: 264px
}

.cp-info .section .pk-list li .big {
    width: 302px
}

.cp-info .section .pk-list li .pk-icon {
    margin: 0 auto;
    height: 300px;
    background: url(../images/cloud-performance-icon.jpg) no-repeat
}

.cp-info .section .pk-list li .pk-icon1 {
    background-position: 0 0
}

.cp-info .section .pk-list li .pk-icon2 {
    background-position: -401px 0
}

.cp-info .section .pk-list li .pk-icon3 {
    background-position: 0 -400px
}

.cp-info .section .pk-list li .pk-icon4 {
    background-position: -401px -400px
}

.cp-info .section .pk-list li .pk-icon5 {
    background-position: 0 -800px
}

.cp-info .section .pk-list li .pk-icon6 {
    background-position: -401px -800px
}

.cp-info .section .pk-list li .pk-icon7 {
    background-position: 0 -1200px
}

.cp-info .section .pk-list li .pk-icon8 {
    background-position: -401px -1200px
}

.cp-info .section .pk-list li .pk-icon9 {
    background-position: 0 -1600px
}

.cp-info .section .pk-list li .pk-icon10 {
    background-position: -401px -1600px
}

.cp-info .section .pk-list li p {
    padding-top: 10px;
    line-height: 26px;
    font-size: 16px;
    color: #666
}

.cloud-advantage .cloud-advantage-list {
    margin-bottom: 70px
}

.cloud-advantage .cloud-advantage-list li {
    padding: 86px 66px 0 0;
    float: left;
    width: 352px
}

.cloud-advantage .cloud-advantage-list .cloud_img {
    float: left;
    margin-right: 10px;
    width: 98px;
    height: 98px;
    background: url(../images/advantage-icon.jpg) no-repeat center center
}

.cloud-advantage .cloud-advantage-list .cloud_img_1 {
    background-position: 0 0
}

.cloud-advantage .cloud-advantage-list .cloud_img_2 {
    background-position: 0 -198px
}

.cloud-advantage .cloud-advantage-list .cloud_img_3 {
    background-position: 0 -396px
}

.cloud-advantage .cloud-advantage-list .cloud_img_4 {
    background-position: 0 -594px
}

.cloud-advantage .cloud-advantage-list .cloud_img_5 {
    background-position: 0 -792px
}

.cloud-advantage .cloud-advantage-list .cloud_img_6 {
    background-position: 0 -990px
}

.cloud-advantage .cloud-advantage-list p {
    font-size: 14px;
    overflow: hidden
}

.cloud-advantage .cloud-advantage-list .cloud-title {
    padding: 6px 0 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700
}

.cloud-case .case-box {
    margin-top: 22px;
    border: 1px solid #e0e0e0;
    color: #474747
}

.cloud-case .case-box .case-top {
    position: relative
}

.cloud-case .case-box .case-img {
    width: 220px;
    text-align: center;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    zoom: 1
}

.cloud-case .case-box .case-txt {
    padding: 8px 0 3px 220px;
    font-size: 14px;
    line-height: 2
}

.cloud-case .case-box .case-txt p {
    line-height: 1.8
}

.cloud-case .case-box .case-txt-bottom {
    border-top: 1px solid #e0e0e0;
    background: #eef6fc;
    height: 38px;
    line-height: 38px;
    position: relative;
    font-size: 14px
}

.cloud-case .case-box .case-txt-bottom p {
    float: left;
    width: 98px;
    padding-right: 5px;
    background: #fff;
    text-align: right;
    font-size: 14px
}

.cloud-case .case-box .case-ganyan {
    overflow: hidden;
    padding-left: 10px;
    border-left: 1px solid #e0e0e0
}

.cloud-case .case-box .right-icon {
    position: absolute;
    top: 9px;
    left: 99px;
    display: block;
    width: 10px;
    height: 16px;
    background: url(../images/cloudhost-icon_1.png) no-repeat;
    background-position: 4px -484px
}

.cloud-faq {
    margin-top: 26px
}

.cloud-faq .faq-list {
    line-height: 1
}

.cloud-faq .faq-list dt {
    padding: 30px 0 8px;
    font-size: 16px;
    color: #277cdf
}

.cloud-faq .faq-list dd {
    padding: 10px 0 14px;
    line-height: 1.7;
    font-size: 14px;
    color: #7d7d7d;
    border-bottom: 1px dashed #d3d3d3
}

.cloud-faq .faq-list dt span, .cloud-faq .faq-list dd span {
    float: left;
    padding-right: 10px;
    font-weight: 700
}

.cloud-faq .faq-list dt span, .cloud-faq .faq-list dd p {
    overflow: hidden
}

.cloud-faq .faq-btn {
    display: block;
    margin: 38px auto 30px;
    width: 280px;
    height: 50px;
    line-height: 50px;
    background: #eee;
    font-size: 14px;
    color: #7b7b7b;
    text-align: center
}

.cloud-faq .faq-btn:hover {
    background: #e4e4e4
}

@media screen and (max-width: 1206px) {
    .banner-bottom li {
        *width: 247px
    }

    .host-config .tx-host .tuijian-config a {
        width: 96px
    }

    .config-box .slider {
        /*width: 413px*/
    }

    #J_cpuRangeDesc li {
        width: 46px
    }

    #J_ramRangeDesc li {
        width: 19px
    }

    #J_dataRangeDesc {
        /*width: 474px*/
    }

    #J_dataRangeDesc li.last {
        padding-right: 60px
    }

    #J_fluxRangeDesc {
        /*width: 474px*/
    }

    #J_fluxRangeDesc li.last {
        padding-right: 60px
    }

    .config-box .wjf-ui-select-wrapper {
        margin-right: 8px
    }

    .config-box .config-service dt {
        width: 138px
    }

    .host-config .tx-host .tuijian-config a.active {
        background-position: 67px -1270px
    }

    .config-box .config-time .turn-back .btn-desc {
        right: 0;
        left: auto
    }

    .tc-host .taocan-list li.taocan-item {
        width: 329px
    }

    .cloud-introduce .honor-list li {
        padding-right: 10px
    }

    .cloud-introduce .honor-list .none {
        display: none
    }

    .cc-list .item {
        width: 250px
    }

    .cp-pk .cp-info {
        padding: 20px 20px 0
    }

    .cloud-advantage .cloud-advantage-list li {
        width: 318px;
        padding: 86px 16px 0 0
    }

    .cloud-case .case-box .case-ganyan {
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.desktop {
}

.desktop .banner-bottom li {
    *width: 247px
}

.desktop .host-config .tx-host .tuijian-config a {
    width: 96px
}

.desktop .config-box .slider {
    width: 413px
}

.desktop #J_cpuRangeDesc li {
    width: 46px
}

.desktop #J_ramRangeDesc li {
    width: 19px
}

.desktop #J_dataRangeDesc {
    width: 474px
}

.desktop #J_dataRangeDesc li.last {
    padding-right: 60px
}

.desktop #J_fluxRangeDesc {
    width: 474px
}

.desktop #J_fluxRangeDesc li.last {
    padding-right: 60px
}

.desktop .config-box .wjf-ui-select-wrapper {
    margin-right: 8px
}

.desktop .config-box .config-service dt {
    width: 138px
}

.desktop .host-config .tx-host .tuijian-config a.active {
    background-position: 67px -1270px
}

.desktop .config-box .config-time .turn-back .btn-desc {
    right: 0;
    left: auto
}

.desktop .tc-host .taocan-list li.taocan-item {
    width: 329px
}

.desktop .cloud-introduce .honor-list li {
    padding-right: 10px
}

.desktop .cloud-introduce .honor-list .none {
    display: none
}

.desktop .cc-list .item {
    width: 250px
}

.desktop .cp-pk .cp-info {
    padding: 20px 20px 0
}

.desktop .cloud-advantage .cloud-advantage-list li {
    width: 318px;
    padding: 86px 16px 0 0
}

.desktop .cloud-case .case-box .case-ganyan {
    text-overflow: ellipsis;
    white-space: nowrap
}

div.tb-void {
    margin: 0 auto;
    border-top: 1px solid #E6E6E6;
    overflow: hidden
}

div.tb-void table {
    border-collapse: collapse;
    border: solid #E6E6E6;
    border-width: 0 1px 1px;
    width: 100%;
    margin: 0
}

div.tb-void th {
    background: #f7f7f7 url(../images/tb-th_2011.gif) 0 bottom repeat-x;
    height: 31px;
    color: #666;
    font-weight: 400;
    padding: 0
}

div.tb-void td {
    border: solid #E6E6E6;
    border-width: 1px 0 0 1px;
    padding: 5px 4px;
    text-align: center
}

input.textstyle {
    padding: 0 5px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #999;
    color: #000;
    height: 28px;
    letter-spacing: 1px
}

input.btnstyle {
    background: #1b75b8;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 30px;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    height: 30px;
    text-indent: 0
}

input.btnstyle_up {
    background: #1b75b8;
    padding: 0 15px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    height: 20px
}

input.textbtn {
    background: #F30;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 30px;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    height: 30px;
    text-indent: 0
}

input.textbtn:hover {
    background: red
}

input.btnstyle:hover {
    background-color: #06c
}

#setebsidbox {
    margin: 5px 10px
}