.pingjia-top {
    border: 1px solid #e5e5e5;
    position: relative
}

.pingjia-top .rate {
    width: 260px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_1.png) no-repeat center center #f3f7fd;
    background-position: 114px 60px;
    text-align: center;
    position: absolute;
    height: 100%;
    _height: 173px;
    border-right: 1px solid #e5e5e5;
    _zoom: 1
}

.pingjia-top .rate p {
    padding-top: 92px;
    height: 28px;
    overflow: hidden
}

.pingjia-top .rate .rate-icon {
    position: absolute;
    top: 58px;
    left: 256px;
    display: block;
    width: 32px;
    height: 60px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat;
    background-position: 4px -1345px
}

.pingjia-top .percent {
    padding: 6px 0 26px 290px;
    overflow: hidden;
    line-height: 1;
    font-size: 14px;
    color: #646464;
    _zoom: 1
}

.pingjia-top .percent dl {
    padding-top: 24px;
    *padding-top: 12px;
    clear: both
}

.pingjia-top .percent dt {
    float: left;
    width: 122px;
    text-align: right;
    margin-right: 10px
}

.pingjia-top .percent dd {
    margin-top: 2px;
    overflow: hidden;
    width: 430px;
    height: 8px;
    background: #ececec;
    border: 1px solid #4a9ced
}

.pingjia-top .percent dd span {
    margin-top: -12px;
    position: absolute;
    right: 290px
}

.pingjia-top .percent .fill {
    overflow: hidden;
    height: 8px;
    _height: 10px;
    background: #4a9ced;
    position: relative
}

.pingjia-list {
    margin-top: 20px;
    border: 1px solid #e5e5e5
}

.pingjia-list .pj-title {
    padding-left: 16px;
    height: 44px;
    line-height: 44px;
    background: #f9fcfc;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #363637
}

.pingjia-list .pj-title label {
    padding-right: 5px;
    color: #1576e1
}

.pingjia-list .pj-title span {
    color: #7c7c7c
}

.pingjia-list .pj-middle .user-icon {
    float: left;
    margin-bottom: 10px;
    padding: 112px 10px 0 12px;
    width: 100px;
    text-align: center;
    position: relative
}

.pingjia-list .pj-middle .user-icon::before {
    content: "";
    display: inline-block;
    width: 96px;
    height: 96px;
    background: url(/images2016/touxiang.png) no-repeat;
    position: absolute;
    top: 14px;
    left: 14px
}

.pingjia-list .pj-middle .user-icon p {
    line-height: 1.2;
    padding-top: 5px
}

.pingjia-list .pj-middle .user-icon p span {
    color: #adadad
}

.pingjia-list .pj-middle .pj-txt {
    overflow: hidden;
    padding-left: 16px;
    line-height: 2;
    padding-top: 16px;
    margin-right: 280px;
    color: #333
}

.pingjia-list .pj-middle .pj-txt p:first-of-type {
    min-height: 98px
}

.pingjia-list .pj-middle .pj-txt .pj-time {
    color: #b1b1b1
}

.pingjia-list .pj-middle .pj-middle-right {
    float: right;
    margin: 20px 0;
    border-left: 1px solid #e5e5e5
}

.pingjia-list .pj-middle .pj-middle-right dl {
    clear: both
}

.pingjia-list .pj-middle .pj-middle-right dt {
    float: left;
    padding: 8px 0 8px 22px;
    width: 110px;
    line-height: 1;
    text-align: left;
    color: #333
}

.pingjia-list .pj-middle .pj-middle-right dd {
    margin-top: 10px;
    padding-right: 20px;
    display: inline-block;
    width: 92px;
    height: 12px;
    background: url(/images2016/icon.jpg) no-repeat left center;
    background-position: 0 -60px
}

.yellow-star {
    background: url(/images2016/icon.jpg) 0 -40px no-repeat;
    height: 100%
}

.yellow-star-1 {
    width: 13px
}

.yellow-star-2 {
    width: 34px
}

.yellow-star-3 {
    width: 55px
}

.yellow-star-4 {
    width: 76px
}

.yellow-star-5 {
    width: 97px
}

.pagination {
    margin-top: 50px;
    margin-bottom: 60px
}

@media screen and (max-width:1206px) {
    .pingjia-top .percent dd span {
        right: 90px
    }

    .pingjia-list .pj-middle .pj-txt .pj-time {
        margin-top: 16px
    }
}

.desktop .pingjia-top .percent dd span {
    right: 90px
}

.desktop .pingjia-list .pj-middle .pj-txt .pj-time {
    margin-top: 16px
}

.manager-tab li a,
.manager-tab li .tab-item {
    padding: 0 20px;
    min-width: 100px;
    box-sizing: border-box
}

.highlight {
    color: #fe7402 !important
}

[v-cloak] {
    position: relative;
    display: block !important
}

[v-cloak]::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .95);
    z-index: 9999
}

.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(/template/default/zhuantizy/s_yfwq/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: url(/template/default/zhuantizy/s_yfwq/cloudhost-bb-img2.jpg) no-repeat
}

.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
}


.cloudhost-container {
    opacity: 1;
    height: auto;
    overflow: visible;
    position: relative
}

.cloudhost-container .current-config {
    padding-left: 28px;
    float: right;
    width: 252px;
    text-align: left;
    -webkit-transition: top .31s;
    -moz-transition: top .31s;
    transition: top .31s;
    left: 830px;
    right: 0
}

.cloudhost-container .server-config-container {
    margin-right: 280px;
    border-right: 1px solid #eee;
    overflow: hidden
}

.cloudhost-container .recommend-config-container {
    margin-right: 0;
    border: 0;
    overflow: unset
}

.server-config-container {}

.server-config-container .tuijian-type {
    padding: 40px 0 0 50px;
    font-size: 0
}

.server-config-container .tuijian-type a {
    display: inline-block;
    width: 200px;
    height: 84px;
    font-size: 16px;
    color: #8b8b8b;
    text-align: center;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin-right: 10px;
    padding-top: 10px;
    position: relative
}

.server-config-container .tuijian-type a .tuijian-type-active {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon-new.png) no-repeat -80px -67px;
    position: absolute;
    top: -8px;
    right: -8px;
    display: none
}

.server-config-container .tuijian-type a .tuijian-type-icon {
    margin: 0 auto 4px;
    width: 38px;
    height: 38px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon-new.png) no-repeat
}

.server-config-container .tuijian-type a .tuijian-type-icon.tuijian-type-icon1 {
    background-position: 0 -106px
}

.server-config-container .tuijian-type a .tuijian-type-icon.tuijian-type-icon2 {
    background-position: -96px -108px
}

.server-config-container .tuijian-type a .tuijian-type-icon.tuijian-type-icon3 {
    background-position: 0 -152px;
    width: 30px
}

.server-config-container .tuijian-type a.active {
    color: #368ce3;
    border: 1px solid #b2d8ff;
    position: relative
}

.server-config-container .tuijian-type a.active .tuijian-type-active {
    display: block
}

.server-config-container .tuijian-type a.active .tuijian-type-icon1 {
    background-position: -48px -106px
}

.server-config-container .tuijian-type a.active .tuijian-type-icon2 {
    background-position: -144px -108px
}

.server-config-container .tuijian-type a.active .tuijian-type-icon3 {
    background-position: -40px -152px
}

.server-config-container .tuijian-type a.active::before,
.server-config-container .tuijian-type a.active::after {
    content: '';
    display: inline-block;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon-new.png) no-repeat;
    position: absolute
}

.server-config-container .tuijian-type a.active::before {
    width: 50px;
    height: 36px;
    top: 0;
    left: 0;
    background-position: -110px -67px
}

.server-config-container .tuijian-type a.active::after {
    width: 56px;
    height: 40px;
    bottom: 0;
    right: 0;
    background-position: -190px -107px
}

.server-config-container .tao-can-items {
    padding: 22px 0 0 50px
}

.server-config-container .tao-can-items a {
    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
}

.server-config-container .tao-can-items a.active {
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat #eff9ff 100px -1270px;
    border: 1px solid #b2d8ff
}

.server-config-container .low-config-tip {
    color: #fb791c;
    font-size: 14px;
    padding-left: 21px;
    background: url(/template/default/zhuantizy/s_yfwq/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
}

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

.server-config-container .config-box {
    padding: 40px 0 0 40px;
    position: relative
}

.server-config-container .config-box.low-pd {
    padding-top: 10px
}

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

.server-config-container .config-box label:hover {
    z-index: 20
}

.server-config-container .config-box label .manager-tip {
    z-index: 1000
}

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

.server-config-container .config-box .config-modify {
    float: left;
    width: 24px;
    height: 24px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat 0 -1618px;
    cursor: pointer;
    visibility: visible
}

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

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

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

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

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

.server-config-container .room-list .link-btn {
    min-width: 110px;
    box-sizing: border-box
}

.server-config-container .room-list .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
}

.server-config-container .room-list .link-btn .turn-back-btn-desc {
    left: auto;
    right: -36px
}

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

.server-config-container .room-list .link-btn .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;
    padding-right: 5px;
    margin-bottom: 0;
    position: relative;
    display: none
}

.server-config-container .room-list .link-btn .btn-desc a:hover {
    text-decoration: underline
}

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

.server-config-container .room-list .link-btn.active .btn-desc a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 10
}

.server-config-container .range-desc {
    margin-top: 10px;
    padding-left: 30px
}

.server-config-container .range-desc li {
    float: left;
    padding-left: 15px
}

.server-config-container #J_cpuRangeDesc li {
    width: 78px
}

.server-config-container #J_cpuRangeDesc li.last {
    width: 50px
}

.server-config-container #J_ramRangeDesc li {
    width: 32px
}

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

.server-config-container #J_osdataRangeDesc {
    width: 670px;
    position: relative;
    z-index: 2
}

.server-config-container #J_osdataRangeDesc li.last {
    float: right;
    padding-left: 0;
    padding-right: 64px
}

.server-config-container #J_dataRangeDesc {
    width: 670px;
    position: relative;
    z-index: 2
}

.server-config-container #J_dataRangeDesc li.first {
    float: left
}

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

.server-config-container #J_flowRangeDesc {
    width: 670px
}

.server-config-container #J_flowRangeDesc li.first {
    float: left
}

.server-config-container #J_flowRangeDesc li.last {
    float: right;
    padding-left: 0;
    padding-right: 64px
}

.server-config-container #J_fluxRangeDesc {
    width: 670px
}

.server-config-container #J_fluxRangeDesc li.first {
    float: left
}

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

.server-config-container p.system-disk-size-tip {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 32px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    z-index: 1
}

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

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

.server-config-container .count-info {
    padding-bottom: 40px
}

.server-config-container .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
}

.server-config-container .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
}

.server-config-container .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
}

.server-config-container .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
}

.server-config-container .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
}

.server-config-container .config-time dt:last-of-type {
    border-right: 0
}

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

.server-config-container .config-time dt.gift {
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat center center;
    background-position: 16px -1090px;
    padding-left: 34px;
    padding-right: 16px
}

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

.server-config-container .config-time .btn-desc {
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 32px;
    display: none;
    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
}

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

.server-config-container .config-time .active .btn-desc-arrow,
.server-config-container .config-time .active .btn-desc {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    display: inline-block
}

.server-config-container .config-time .active .btn-desc-arrow.turn-back,
.server-config-container .config-time .active .btn-desc.turn-back {
    right: 0;
    left: auto
}

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

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

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

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

.server-config-container .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
}

.server-config-container .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
}

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

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

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

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

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

.server-config-container .tip-warn .tip-inner {
    height: 75px;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
    position: relative
}

.server-config-container .tip-warn .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
}

.server-config-container .tip-warn.expanded .tip-inner {
    position: static;
    height: auto
}

.server-config-container .tip-warn.expanded .expand {
    position: static
}

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

.server-config-container .is-new::before {
    content: '';
    position: absolute;
    background: #a0a0a0;
    color: #fff;
    padding: 1px 2px;
    background: url(/template/default/zhuantizy/s_yfwq/new-ddos-label.png) no-repeat;
    font-size: 0;
    width: 40px;
    height: 20px;
    top: -8px;
    right: -10px;
    z-index: 9
}

.server-config-container .link-btn.disabled {
    background: #c8c9cc;
    color: #fff;
    cursor: not-allowed
}

body .os-choose-row .el-select {
    width: 200px
}

body .os-choose-row .os-list-select {
    width: 300px
}

body .os-list {
    max-width: 500px
}

body .os-list .el-select-dropdown__item.hover {
    background-color: #fff5eb
}

body .os-list .el-select-dropdown__wrap {
    max-height: 500px
}

body .os-list .icon-ver {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 28px;
    background-image: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg);
    background-repeat: no-repeat;
    vertical-align: middle
}

body .os-list .icon-ver.icon-64 {
    background-position: 1px -676px
}

body .os-list .icon-ver.icon-32 {
    background-position: 1px -610px
}

body .os-list .hover .icon-64,
body .os-list .selected .icon-64 {
    background-position: -112px -676px
}

body .os-list .hover .icon-32,
body .os-list .selected .icon-32 {
    background-position: -112px -610px
}

body .os-list .icon-type {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 28px;
    background-image: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg);
    background-repeat: no-repeat;
    vertical-align: middle
}

body .os-list .icon-type.windows {
    background-position: 2px -181px
}

body .os-list .icon-type.linux {
    background-position: 2px -109px
}

body .os-list .icon-type.ubuntu,
body .os-list .icon-type.debian,
body .os-list .icon-type.centos {
    background-image: url(/template/default/zhuantizy/s_yfwq/server-icon.png)
}

body .os-list .icon-type.ubuntu {
    background-position: -34px 0
}

body .os-list .icon-type.debian {
    background-position: -68px 0
}

body .os-list .icon-type.centos {
    background-position: 0 0
}

body .os-list .icon-type.slb {
    background: url(/newimages/CloudHost/slb/mainicon.gif) no-repeat 0 center;
    background-size: contain
}

body .os-list .hover .windows,
body .os-list .selected .windows {
    background-position: -118px -181px
}

body .os-list .hover .linux,
body .os-list .selected .linux {
    background-position: -118px -109px
}

.host-config {
    background: #fff
}

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

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

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

.current-config {}

.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: 10px;
    margin-right: 20px
}

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

.current-config .config-list li label {
    float: left;
    display: inline-block;
    width: 70px;
    color: #484848;
    font-weight: 700;
    text-align: right
}

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

.current-config .config-list-price .origin-price {
    font-size: 16px;
    color: #9d9d9d;
    text-decoration: line-through;
    margin-left: 9px
}

.current-config .config-list-price.disabled {
    color: #CCC8C8
}

.current-config .config-list-price.disabled * {
    color: #CCC8C8
}

.current-config .buy-btn-area {}

.current-config .buy-btn-area .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 .buy-btn-area .btn_buy {
    background: #2086ee;
    color: #fff
}

.current-config .buy-btn-area .btn_buy:hover {
    background-color: #0eb7fd;
    color: #fff
}

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

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

.current-config .buy-btn-area.disabled .btn_buy {
    background-color: #adadad
}

.current-config .buy-btn-area.disabled .btn_try {
    background-color: #dfdfdf;
    color: #fff
}

.current-config .yh-desc {
    color: #9e9e9e;
    font-size: 16px
}

.current-config .yh-desc .ori-price {
    color: #2c94b6;
    text-decoration: line-through
}

.current-config .yh-desc .yh-rate {
    color: #42db4d
}

.current-config .contact-link {
    margin-right: 20px;
    margin-bottom: 14px;
    border-bottom: 1px dashed #ddd;
    margin-top: 8px;
    padding-bottom: 4px
}

.current-config .contact-link a {
    color: #c4c379;
    vertical-align: middle;
    font-size: 14px
}

.current-config .contact-link a:hover {
    color: #a7a652
}

.current-config .contact-link a img {
    margin-top: -8px;
    margin-right: 6px
}

.current-config .agreement-wrapper {
    color: #adadad;
    font-size: 14px;
    padding-bottom: 5px
}

.current-config .agreement-wrapper label {
    width: 24px;
    height: 20px;
    background: url(/images2016/icon.jpg) no-repeat #fff 0 -336px;
    display: inline-block;
    vertical-align: middle
}

.current-config .agreement-wrapper label.checked {
    background: url(/images2016/icon.jpg) no-repeat #fff 0 -299px
}

.current-config .agreement-wrapper a {
    color: #0085d9
}

.current-config .agreement-wrapper a:hover {
    color: #fd741b
}

.el-message-box.metertype-confirm-window {
    width: 600px
}

#J_ebsChooser {
    margin-top: -20px
}

body {}

body .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
}

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

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

body .range {
    width: 43px;
    height: 30px;
    line-height: 30px;
    background: url(/template/default/zhuantizy/s_yfwq/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
}

.recommend-config-container {}

.recommend-config-container .tao-can-items {
    padding: 0
}

.recommend-config-container .config-list li {
    float: left;
    width: 310px;
    padding: 10px 0;
    margin-right: 30px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px
}

.recommend-config-container .config-list li:last-child {
    margin-right: 0
}

.recommend-config-container .config-list li::before,
.recommend-config-container .config-list li::after {
    content: "";
    display: inline-block;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon-new.png) no-repeat;
    position: absolute;
    z-index: 0
}

.recommend-config-container .config-list li::before {
    width: 56px;
    height: 50px;
    background-position: -134px 0;
    top: 0;
    left: 0
}

.recommend-config-container .config-list li::after {
    width: 84px;
    height: 95px;
    background-position: -201px 0;
    bottom: 0;
    right: 0
}

.recommend-config-container .config-list li i {
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon-new.png) no-repeat 0 -67px #fff;
    position: absolute;
    top: -14px;
    right: -11px;
    border-radius: 16px;
    display: none
}

.recommend-config-container .config-list li .cl-title {
    font-size: 24px;
    color: #333
}

.recommend-config-container .config-list li .cl-txt {
    font-size: 14px;
    color: #999
}

.recommend-config-container .config-list li .cl-txt .description {
    width: 240px;
    display: inline-block;
    margin: 8px 0
}

.recommend-config-container .config-list li .cl-line {
    margin: 6px 30px 0;
    border-bottom: 1px dashed #e1e1e1
}

.recommend-config-container .config-list li dl {
    padding: 10px 0;
    font-size: 12px;
    line-height: 24px
}

.recommend-config-container .config-list li dl dt {
    float: left;
    width: 50%;
    text-align: right;
    color: #343434;
    font-weight: 700;
    margin: 3px 0
}

.recommend-config-container .config-list li dl dd {
    float: left;
    width: 50%;
    text-align: left;
    color: #707070;
    margin: 3px 0
}

.recommend-config-container .config-list li .cl-price {
    padding-top: 10px;
    font-size: 24px;
    color: #ffce87;
    z-index: 9;
    position: relative
}

.recommend-config-container .config-list li .cl-price span {
    vertical-align: middle
}

.recommend-config-container .config-list li .cl-price span.font16 {
    padding-left: 2px;
    color: #666
}

.recommend-config-container .config-list li .cl-price span.font12 {
    padding-left: 2px;
    color: #999;
    vertical-align: text-bottom
}

.recommend-config-container .config-list li .cl-price .discount {
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #05b1c1;
    background: #fff;
    font-size: 12px;
    color: #39c9ff;
    padding: 0 2px;
    border-radius: 6px 0;
    line-height: normal
}

.recommend-config-container .config-list li.active {
    border: 1px solid #4a9bed;
    -webkit-box-shadow: 0 0 10px rgba(17, 128, 191, .35);
    -moz-box-shadow: 0 0 10px rgba(17, 128, 191, .35);
    box-shadow: 0 0 10px rgba(17, 128, 191, .35)
}

.recommend-config-container .config-list li.active i {
    display: block
}

.recommend-config-container .right-side-more {
    border: 1px solid #efefef;
    padding: 10px 20px;
    margin-right: 50px
}

.recommend-config-container .right-side-more .more-price {
    width: 320px;
    position: absolute;
    right: 62px;
    margin: 10px 0;
    padding-bottom: 20px;
    border-left: 1px dashed #e6e6e6;
    text-align: center
}

.recommend-config-container .right-side-more .more-price .real-price {
    font-size: 32px
}

.recommend-config-container .right-side-more .more-price .price {
    padding-top: 20px;
    color: #f60
}

.recommend-config-container .right-side-more .more-price .price span {
    font-size: 16px;
    color: #666
}

.recommend-config-container .right-side-more .more-price .price b {
    font-weight: 400
}

.recommend-config-container .right-side-more .more-price .cut-price {
    font-size: 16px;
    color: #b6b6b6
}

.recommend-config-container .right-side-more .more-price .price-line {
    margin: 0 20px 20px 30px;
    padding-top: 20px;
    border-bottom: 1px dashed #dcdcdc
}

.recommend-config-container .right-side-more .more-price #agreement_container {
    padding-left: 30px
}

.recommend-config-container .right-side-more .more-price #J_agreement_label {
    padding-right: 0;
    width: 18px
}

.recommend-config-container .right-side-more .more-price .buy-btn-area {}

.recommend-config-container .right-side-more .more-price .buy-btn-area .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
}

.recommend-config-container .right-side-more .more-price .buy-btn-area .btn_buy {
    background: #2086ee;
    color: #fff
}

.recommend-config-container .right-side-more .more-price .buy-btn-area .btn_buy:hover {
    background-color: #0eb7fd;
    color: #fff
}

.recommend-config-container .right-side-more .more-price .buy-btn-area .btn_try {
    margin-left: 4px;
    background: #efefef;
    color: #9e9e9e
}

.recommend-config-container .right-side-more .more-price .buy-btn-area .btn_try:hover {
    color: #7C7C7C;
    background-color: #e2e2e2
}

.recommend-config-container .right-side-more .more-price .buy-btn-area.disabled .btn_buy {
    background-color: #adadad
}

.recommend-config-container .right-side-more .more-price .buy-btn-area.disabled .btn_try {
    background-color: #dfdfdf;
    color: #fff
}

.recommend-config-container .right-side-more .more-config {
    overflow: visible;
    margin-right: 320px
}

.recommend-config-container .right-side-more .more-config .right-side {
    font-size: 0;
    padding-left: 84px
}

.recommend-config-container .right-side-more .config-box {
    padding: 10px 0 0
}

.recommend-config-container .right-side-more .config-box label {
    color: #6a6a6a;
    line-height: 30px;
    vertical-align: middle;
    width: 70px
}

.recommend-config-container .right-side-more .config-box .count input {
    width: 60px;
    text-align: center;
    color: #ff9600;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e1e1e1;
    padding: 0;
    margin: 0 -5px
}

.recommend-config-container .right-side-more .config-box .count a {
    width: 39px;
    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;
    display: inline-block
}

.recommend-config-container .right-side-more .config-box .config-time {
    margin-bottom: 30px
}

.recommend-config-container .right-side-more .config-box .config-time dt {
    padding: 0 18px
}

.recommend-config-container .right-side-more .config-box .config-time dt.gift {
    background-image: none
}

.recommend-config-container .right-side-more .config-box .config-time dt.gift::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat 0 -1096px;
    width: 16px;
    height: 16px
}

.recommend-config-container .right-side-more .config-box .config-time dt.active-gift::before {
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_2.jpg) no-repeat 0 -1034px
}

.recommend-config-container .right-side-more .validate-prompt {
    z-index: 9;
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: initial;
    left: initial;
    vertical-align: middle;
    margin-left: 10px
}

.recommend-config-container .right-side-more .validate-prompt .triangle-arrow {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: -8px;
    width: 10px;
    height: 19px;
    background: url(/images2016/reg-icon.jpg) no-repeat 0 -733px
}

.recommend-config-container .right-side-more .validate-prompt .validate-prompt-txt {
    width: 396px;
    padding: 4px 4px 5px 30px;
    background: url(/images2016/reg-icon.jpg) no-repeat 6px -628px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box
}

.recommend-config-container .right-side-more .validate-prompt .validate-prompt-txt p {
    padding-left: 8px;
    border-left: 1px solid #e7e7e7;
    font-size: 12px;
    color: #717171
}

.recommend-config-container .right-side-more .el-select {
    width: 142px
}

.recommend-config-container .right-side-more .os-list-select,
.recommend-config-container .right-side-more .os-list-select-recommend {
    width: 396px;
    margin-left: 10px
}

.recommend-config-container .config-list-price .yh-desc {
    color: #9e9e9e;
    font-size: 16px
}

.recommend-config-container .config-list-price .yh-desc .ori-price {
    color: #2c94b6;
    text-decoration: line-through
}

.recommend-config-container .config-list-price .yh-desc .yh-rate {
    color: #42db4d
}

.recommend-config-container .config-list-price .coupon-price {
    text-align: center
}

.recommend-config-container .discount {
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #05b1c1;
    background: #fff;
    font-size: 12px !important;
    color: #39c9ff !important;
    padding: 0 2px;
    border-radius: 6px 0;
    line-height: normal
}

.recommend-config-container .agreement-wrapper {
    color: #adadad;
    font-size: 14px;
    padding-bottom: 5px;
    text-align: left
}

.recommend-config-container .agreement-wrapper>span {
    display: inline-block
}

.recommend-config-container .agreement-wrapper label {
    width: 24px;
    height: 20px;
    padding-right: 0;
    background: url(/images2016/icon.jpg) no-repeat #fff 0 -336px;
    display: inline-block;
    vertical-align: middle
}

.recommend-config-container .agreement-wrapper label.checked {
    background: url(/images2016/icon.jpg) no-repeat #fff 0 -299px
}

.recommend-config-container .agreement-wrapper a {
    color: #0085d9
}

.recommend-config-container .agreement-wrapper a:hover {
    color: #fd741b
}

.cloud-introduce-container {
    margin-top: 50px;
    border-bottom: 1px solid #fff
}

.cloud-introduce-container .wjf-page-anchor-nav-container {
    position: relative;
    top: -30px;
    margin-top: 0
}

.cloud-introduce-container .cloud-intro-tab-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    zoom: 1;
    z-index: 1000;
    margin-top: 0;
    background-color: #fff
}

.cloud-introduce-container .product-append-info {
    height: 55px
}

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

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

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

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

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

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

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

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

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

.cloud-introduce-container .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-container .cloud-introduce .honor-list li p a {
    color: #016296
}

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

.cloud-introduce-container .cp-choose {
    padding-bottom: 46px;
    background: url(/template/default/zhuantizy/s_yfwq/cloud-performance-bj.jpg) no-repeat right 80px
}

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

.cloud-introduce-container .cp-title span {
    padding: 0 20px 10px;
    font-size: 20px;
    color: #3b3b3b;
    background: url(/template/default/zhuantizy/s_yfwq/cp-title-line.jpg) repeat-x left bottom
}

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

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

.cloud-introduce-container .cc-list .item {
    width: 280px
}

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

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

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

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

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

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

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

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

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

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

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

.cloud-introduce-container .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
}

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

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

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

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

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

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

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

.cloud-introduce-container .row-tx .triangle-arrow,
.cloud-introduce-container .row-tc .triangle-arrow,
.cloud-introduce-container .row-qt .triangle-arrow,
.cloud-introduce-container .row-vps .triangle-arrow,
.cloud-introduce-container .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%
}

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

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

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

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

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

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

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

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

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

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

.cloud-introduce-container .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(/template/default/zhuantizy/s_yfwq/cloudhost-icon_1.png) no-repeat 0 -661px;
    font-size: 12px;
    font-style: normal;
    color: #fff
}

.cloud-introduce-container .info-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 12px;
    background: url(/template/default/zhuantizy/s_yfwq/cloudhost-icon_1.png) no-repeat
}

.cloud-introduce-container .no {
    background-position: 0 -781px
}

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

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

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

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

.cloud-introduce-container .cc-explain {
    padding-top: 10px
}

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

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

.cloud-introduce-container .cp-pk {
    padding-top: 20px
}

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

.cloud-introduce-container .cp-info .section {
    position: relative
}

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

.cloud-introduce-container .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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cloud-introduce-container .cloud-case {
    margin: 0 -10px
}

.cloud-introduce-container .cloud-case ul li {
    float: left;
    width: 25%;
    margin-bottom: 20px
}

.cloud-introduce-container .cloud-case ul li .imgout {
    border: 1px solid #e4e4e4;
    padding: 20px 10px;
    background-color: #fff;
    margin: 0 10px;
    text-align: center;
    height: 72px
}

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

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

.cloud-introduce-container .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-introduce-container .cloud-case .case-box .case-txt {
    padding: 8px 0 3px 220px;
    font-size: 14px;
    line-height: 2
}

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

.cloud-introduce-container .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-introduce-container .cloud-case .case-box .case-txt-bottom p {
    float: left;
    width: 98px;
    padding-right: 5px;
    background: #fff;
    text-align: right;
    font-size: 14px
}

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

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

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

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

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

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

.cloud-introduce-container .cloud-faq .faq-list dt h1 {
    color: #277cdf
}

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

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

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

.cloud-introduce-container .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-introduce-container .cloud-faq .faq-btn:hover {
    background: #e4e4e4
}

.J_gotoTop {
    position: fixed;
    right: 147px;
    bottom: 32px;
    width: 44px;
    cursor: pointer;
    z-index: 999;
    display: none
}

.J_gotoTop i {
    position: absolute;
    left: 30px;
    top: 22px;
    background: url(/template/default/zhuantizy/s_yfwq/close-back-top.png) no-repeat 0 0;
    width: 18px;
    height: 16px;
    display: none
}

.J_gotoTop.active {
    display: block
}

.J_gotoTop:hover i {
    display: block
}

body {}

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

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

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

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

body 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
}

body 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
}

body 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
}

body 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
}

body input.textbtn:hover {
    background: red
}

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

body #setebsidbox {
    margin: 5px 10px
}

body .coupon-info {
    font-size: 14px;
    border: 1px solid #fe7402;
    text-align: center;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer
}

body .coupon-info i {
    background: url(/images2016/ico_gift.png) no-repeat 0 2px;
    width: 16px;
    height: 20px;
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    position: relative;
    top: -2px
}

body .coupon-price {
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    line-height: 36px;
    padding-left: 18px
}

body .promo.coupon-info {
    line-height: 20px;
    color: #f60;
    padding: 2px 10px;
    margin-top: 8px
}

body .promo.coupon-price {
    padding-top: 0;
    color: #f60;
    margin-bottom: -10px;
    padding-left: 88px
}

@media screen and (max-width:1206px) {
    body {}

    body .server-config-container {}

    body .server-config-container .tao-can-items a {
        width: 96px
    }

    body .server-config-container .tao-can-items a.active {
        background-position: 67px -1270px
    }

    body .server-config-container #J_cpuRangeDesc li {
        width: 46px
    }

    body .server-config-container #J_ramRangeDesc li {
        width: 19px
    }

    body .server-config-container #J_dataRangeDesc {
        width: 474px
    }

    body .server-config-container #J_dataRangeDesc li.last {
        padding-right: 60px
    }

    body .server-config-container #J_osdataRangeDesc {
        width: 474px
    }

    body .server-config-container #J_osdataRangeDesc li.last {
        padding-right: 60px
    }

    body .server-config-container #J_fluxRangeDesc {
        width: 474px
    }

    body .server-config-container #J_fluxRangeDesc li.last {
        padding-right: 60px
    }

    body .server-config-container p.system-disk-size-tip {
        width: 474px;
        padding-left: 84px
    }

    body .server-config-container .config-service dt {
        width: 138px
    }

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

    body .server-config-container .config-time dt {
        padding: 0 4px
    }

    body .slider {
        width: 413px
    }

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

    body #systemSubTypeDomTc {
        width: 329px !important;
        background-position: 335px -42px !important
    }

    .recommend-config-container .config-list li {
        width: 280px;
        margin-right: 10px
    }

    .recommend-config-container .more-config {
        margin-right: 240px
    }

    .recommend-config-container .right-side-more .os-list-select {
        width: 200px;
        margin-left: 10px
    }

    .recommend-config-container .right-side-more .validate-prompt .validate-prompt-txt {
        max-width: 200px
    }

    .recommend-config-container .right-side-more .config-box .count input {
        width: 30px
    }

    .recommend-config-container .right-side-more .config-box .count a {
        width: 19px
    }

    .recommend-config-container .right-side-more .config-box .config-time dt {
        padding: 0 5px
    }
}

.desktop body {}

.desktop body .server-config-container {}

.desktop body .server-config-container .tao-can-items a {
    width: 96px
}

.desktop body .server-config-container .tao-can-items a.active {
    background-position: 67px -1270px
}

.desktop body .server-config-container #J_cpuRangeDesc li {
    width: 46px
}

.desktop body .server-config-container #J_ramRangeDesc li {
    width: 19px
}

.desktop body .server-config-container #J_dataRangeDesc {
    width: 474px
}

.desktop body .server-config-container #J_dataRangeDesc li.last {
    padding-right: 60px
}

.desktop body .server-config-container #J_osdataRangeDesc {
    width: 474px
}

.desktop body .server-config-container #J_osdataRangeDesc li.last {
    padding-right: 60px
}

.desktop body .server-config-container #J_fluxRangeDesc {
    width: 474px
}

.desktop body .server-config-container #J_fluxRangeDesc li.last {
    padding-right: 60px
}

.desktop body .server-config-container p.system-disk-size-tip {
    width: 474px;
    padding-left: 84px
}

.desktop body .server-config-container .config-service dt {
    width: 138px
}

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

.desktop body .server-config-container .config-time dt {
    padding: 0 4px
}

.desktop body .slider {
    width: 413px
}

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

.desktop body #systemSubTypeDomTc {
    width: 329px !important;
    background-position: 335px -42px !important
}

.desktop .recommend-config-container .config-list li {
    width: 280px;
    margin-right: 10px
}

.desktop .recommend-config-container .more-config {
    margin-right: 240px
}

.desktop .recommend-config-container .right-side-more .os-list-select {
    width: 200px;
    margin-left: 10px
}

.desktop .recommend-config-container .right-side-more .validate-prompt .validate-prompt-txt {
    max-width: 200px
}

.desktop .recommend-config-container .right-side-more .config-box .count input {
    width: 30px
}

.desktop .recommend-config-container .right-side-more .config-box .count a {
    width: 19px
}

.desktop .recommend-config-container .right-side-more .config-box .config-time dt {
    padding: 0 5px
}