/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/
@import "../fonts/iconfont.css";
[v-clock]{
    display: none;
}
.fz15 {font-size: 15px;}
.fz18 {font-size: 18px;}
.fz13 {font-size: 13px;}

.btn[disabled]{background-color: #bfc3cf !important;color: #fff !important;cursor: no-drop;background-image: none !important;}

.show-more {padding: 0 !important;font-size: 14px;}

/* .section-a1 {padding-bottom: 78px;}
.section-a1 ul {padding-top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-space-80>* {padding: 37px 56px;}

.section-a2 .section-header {margin-bottom: 40px;}
.section-a2 li>div span {height: auto;display: inline-block;font-weight: normal;}
.section-a2 .section-body li { min-height: 190px;margin-bottom: 10px;background-color: #ffffff;border: none; }
.section-a2 .section-body li:hover { -webkit-box-shadow: 0px 2px 18px 0px rgba(29, 108, 221, 0.17); box-shadow: 0px 2px 18px 0px rgba(29, 108, 221, 0.17); }
.section-a2 .section-body li:last-child {margin-bottom: 0;}
.section-a2 .section-body li .items {display: inline-block;vertical-align: middle;}
.section-a2 .section-body li .p-name { width: 270px;padding: 85px 30px;border-radius: 0; font-size: 20px;color: #1c1d1f; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left bottom, left top, from(#eceff8), to(#ffffff)); background-image: -o-linear-gradient(bottom, #eceff8 0%, #ffffff 100%); background-image: linear-gradient(0deg, #eceff8 0%, #ffffff 100%); }
.section-a2 .section-body li .p-detail {width: calc(100% - 514px);border-right: dashed 1px #eaebef; margin: 12px 0;padding: 0 0 0 52px;font-size: 14px;}
.section-a2 .section-body li .p-detail p {display: inline-block;font-weight: normal;line-height: 40px;}
.section-a2 .section-body li .p-detail span {color: #1c1d1f;}
.section-a2 .section-body li .p-detail .d-name {color: #626266;}
.section-a2 .section-body li .p-price {padding: 0 27px; text-align: center;font-size: 14px;}
.section-a2 .section-body li .p-price span {color: #323235;}
.section-a2 .section-body li .p-price .price {font-size: 30px;color: #fc830e;}
.section-a2 .section-body li .p-price .n-btn-default {width: 182px;height: 44px;line-height: 44px;padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.section-a2 .section-body li .p-price .n-btn-default:hover {background-color: #2981ff;color: #ffffff;}

.section-a3 .section-header {margin-bottom: 50px;}
.section-a3 .section-body .waf div {display: inline-block;}
.section-a3 .section-body .waf object.banner-waf-progress {width: 47%;margin-left: 70px;}
.section-a3 .waf-right {width: calc(100% - 55%);}
.section-a3 .waf-right .waf-right-context {width: 500px;}
.section-a3 .waf-right .waf-title {margin-bottom: 20px;margin-left: -4px;}
.section-a3 .waf-right .waf-title h4 {position: relative; font-size: 16px;padding-left: 28px;font-weight: normal;}
.section-a3 .waf-right .waf-title h4::after {position: absolute;top: 4px;left: 0;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #2981ff;opacity: .2;}
.section-a3 .waf-right .waf-title h4::before {position: absolute;top: 8px;left: 4px;content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #2981ff;}
.section-a3 .waf-right .waf-right-item {margin-top: 36px;}
.section-a3 .waf-right .waf-right-item > div:last-child {margin-top: 40px;}
.section-a3 .waf-right .waf-right-item p {color: #626266;line-height: 24px;font-size: 14px;font-weight: normal;}
.section-a3 .waf-left {width: 63%;text-align: center;}
.advantage-list {margin-top: 13px;}
.advantage-list p > * {display: inline-block;vertical-align: middle;line-height: 3;}
.advantage-list p > span {margin-left: 5px;color: #323235;}

.section-a4 {background-image: -o-linear-gradient(144deg, #004cff 0%, #0774ff 100%), -o-linear-gradient(#2a2b34, #2a2b34);background-image: linear-gradient(-54deg, #004cff 0%, #0774ff 100%), linear-gradient(#2a2b34, #2a2b34);}
.section-a4 .section-title h2 {line-height: 1;margin-bottom: 18px;}
.content-box .detail-box {padding-top: 20px;padding-bottom: 0;}
.banner-info >*:last-child {display: inline-block;}

@media screen and (max-width: 1024px) {
    .section-a1 {padding-bottom: 37px;}
    .section-a1 li>div {padding: 0;padding-left: 16px;}
    .section-a1 .section-body li {padding: 20px 15px;}
    .section-a1 .section-body span {text-align: left;}

    .section-a2 {background-color: #f6f7fb;}
    .section-a2 .section-header {margin-bottom: 20px;}
    .section-a2 .section-body li {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px 15px 15px;box-shadow: 0px 2px 5px 0px rgb(29 108 221 / 17%);background-image: -webkit-gradient(linear, left top, left bottom, from(#eceff8), color-stop(30%, #ffffff));background-image: -o-linear-gradient(top, #eceff8 0%, #ffffff 30%);background-image: linear-gradient(180deg, #eceff8 0%, #ffffff 30%);}
    .section-a2 .section-body li:hover {-webkit-box-shadow: none;box-shadow: none;}
    .section-a2 .section-body li .items {display: block;width: 100%;padding: 0;margin: 0;background-color: transparent;border: none;}
    .section-a2 .section-body li .p-name {margin-bottom: 12px; background-image: none;font-size: 16px;}
    .section-a2 .section-body li .p-detail {padding-bottom: 11px;border-bottom: dashed 1px #d4d4d4;}
    .section-a2 .section-body li .p-detail p {line-height: 2;}
    .section-a2 .section-body li .p-detail p:nth-child(2n) {padding-left: 10px;}
    .section-a2 .section-body li .p-price {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 15px;}
    .section-a2 .section-body li .p-price .n-btn-default {width: 120px;}
    .section-a2 .section-body li .p-price span {font-size: 13px;}
    .section-a2 .section-body li .p-price .price {font-size: 20px;}

    .section-a3 {padding-bottom: 0 !important;}
    .section-a3 .section-header {margin-bottom: 24px;}
    .section-a3 .waf object {width: 100% !important;}
    .section-a3 .section-body .waf object.banner-waf-progress {height: 204px;margin-left: 0;}
    .section-a3 .waf-right .waf-right-context {width: 100%;}
    .section-a3 .waf {background-color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px;margin-bottom: 20px;}
    .section-a3 .waf-right {width: 100%;}
    .section-a3 .waf-right .waf-right-item > div {padding-top: 15px;}
    .section-a3 .waf-right .waf-title > * {font-size: 14px;}
    .section-a3 .waf-right .waf-title {margin-bottom: 5px;}
    .section-a3 .waf-right .waf-right-item {margin-top: 13px;}
    .section-a3 .waf-left{width: 100%;}
    .section-a3 .waf-right .waf-right-item div:last-child {margin-top: 0px;}
    .section-a3 .waf-right .waf-right-item p {margin-bottom: 0;line-height: 24px;}
    .section-a3 .waf-right .waf-title h4 {font-size: 15px;padding-left: 24px;margin-bottom: 5px;}
    .section-a3 .waf .advantage-list object {width:  11px !important;}
    .advantage-list p > * {line-height: 2.5;font-size: 13px;}

    .section-a4 {padding-bottom: 70px;}
    .section-a4 .w1380 {width: 100%;}
    .section-a4 .section-title {margin-bottom: 30px;}
    .section-a4 .swiper-button{display: none;}
    .prizes-slides {padding: 0;}
    .prizes-slides .swiper-container {padding-bottom: 128px;min-height: 210px;}
    .prizes-slides .swiper-slide-active{width: 170px !important; -webkit-transform: scale(1.1) translate(0, 10px);-ms-transform: scale(1.1) translate(0, 10px);transform: scale(1.1) translate(0, 10px);}
    .prizes-slides .swiper-slide-prev{margin-left: -25px; -webkit-transform: scale(1) translate(0, 0);-ms-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}
    .prizes-slides .swiper-slide-next{-webkit-transform: scale(1) translate(0, 0);-ms-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .section-a3 .waf object {width: 60% !important;margin: auto;}
} */

/* 购买页 */
.content-box {background-color: transparent;}
.header-bg {height: 123px;background-color: #1e2021;}
#container {padding-top: 32px;padding-bottom: 198px;position: relative; border: solid 1px #eaebef; background-color: #f6f7fb;}
.cdn-header {width: 100%;padding-bottom: 34px;border-bottom: 1px solid #ebebec;}
.cdn-header span {font-size: 30px;color: #1c1d1f;margin-left: 16px;}
.cdn-header .icon-xingzhuang10 {padding: 8px;color: #bcbcbc; border-radius: 4px;border: solid 1px #e0e0e0;vertical-align: super;}
.cdn-header .icon-xingzhuang10:hover {cursor: pointer;border-color: #3888fc;color: #3888fc;}
.content-r {position: absolute;}
.choose-box span {margin-bottom: 16px;}
.defense-node.choose-box span,
.choose-spe.choose-box span {margin-bottom: 11px;}
.progress-box {margin-bottom: 30px;}
.content-left .content3:hover { border: solid 1px #5590e9 !important; }
.card-title h3 {font-size: 14px;font-weight: normal;color: #323235;}
.overview {width: 80%;}
.overview li {width: 25%;padding-right: 0;color: #626266;}
.gf-box .total .btn-linear {width: 200px !important;height: 40px;line-height: 40px;background-color: #2981ff;}
.total .price{text-align: center;}
.phone-discounts {font-size: 12px;text-align: center;padding: 0;margin-top: 5px;}
.phone-discounts .number {padding: 6px 10px;background: rgb(244, 161, 26,.1);color: #f27904;line-height: 1;}
.phone-discounts .money {color: #26ad5c;background-color: #e9f7ee;padding: 5px 10px;line-height: 1;}
.icon-problem:hover {color: #2981ff;}
.renew .buy-tips {margin: -67px 0 0 -74px;}
.total .price {line-height: 1;}
.btn-list {margin-top: 5px;}

/* .fortress-buy .fortress-box span{margin-bottom: 0;} */
.fortress-buy .specification p { margin-bottom: 16px; }
.fortress-buy .name {width: 155px;}
.fortress-buy .content3 .form-item {padding-left: 154px;}
.choose-box, .progress {width: 80%;}
.fortress-buy .selsect-app{padding-left: 138px;}
.fortress-buy .app-select{ border: 1px solid #eaebef; width: 100%; padding: 0 15px; box-sizing: border-box; outline: none; cursor: pointer; -webkit-user-select: none; height: 50px; margin: 10px 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; }
.fortress-buy .type-select{width: 280px;position: relative;}
.fortress-buy .type-select::after{ content: ''; position: absolute; right: 15px; top: 34px; width: 0rpx; height: 0rpx; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ccc; }
.fortress-buy .progress-detail{position: relative;bottom: 0;margin-top: 7px;color: #2981ff;}
.selsect-app .divInput{ width: 450px; position: relative; }
.selsect-app .divInput ul{ max-height: 220px; overflow-y: auto; }
.selsect-app ul li{ list-style: none; }
.selsect-app .input{ height: 40px; line-height: 40px; padding-left: 10px; border: 1px solid #eaebef; position: relative; }
.selsect-app .input::after{ content: ''; position: absolute; right: 15px; top: 20px; width: 0rpx; height: 0rpx; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ccc; }
.selsect-app .input input{ border: none; outline: none; width: 100%;color: #32363f;background-color: transparent;}
.selsect-app .input img{ position: absolute; right: 34px; top: 48%; }
.selsect-app .list{ border: 1px solid #eaebef; overflow: hidden; }
.selsect-app .list ul li{ height: 37px; line-height: 37px; cursor: pointer; line-height: 37px; padding-left: 10px; width: 100%; max-width: none; margin: 0; border-bottom: 1px solid #dbe0ec; }
.selsect-app .list ul li:hover{ background-color: #3888fc; }
.selsect-app .name{ line-height: 40px; }

#myCheck+label {
    background-color: white;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
#myCheck:checked+label {
    border: solid 1px #3888fc;
}
#myCheck:checked+label .icon-gouxuan {
    display: block !important;
    position: absolute;
    top: 0;
    left: 1px;
    content: '';
    font-size: 12px !important;
    color: #3888fc !important;
}

#myCheck:checked+label::after {display: none;}

.specification {margin-top: 3px;}

@media screen and (max-width:1024px) {
    .cdn-header {padding-left: 20px;}
    .content-left {padding: 20px;}
}

@media screen and (max-width:1023px) {
    #container {padding-top:  15px;padding-bottom:  70px; border: none;background-color: #ffffff;}
    .mobile-line {height:  10px;background-color: #f6f7fb;}
    .sect1-part,.sect2-part {margin-top:  6px;}
    .content-box {width: auto;}
    .cdn-header {padding-bottom:  15px;margin: 0 15px;width: 93%;padding-left: 0;}
    .cdn-header .icon-xingzhuang10 {padding:  1px;vertical-align: baseline;font-size:  16px;}
    .cdn-header span {font-size:  15px;margin-left:  2px;}
    .content-left {padding: 0;}
    .content-left .content1, .content-left .content2, .content-left .content3 {-webkit-box-shadow: none;box-shadow: none;margin-top:  8px;padding: 0 15px;}
    .content-box .detail-box {width: 100%; padding: 0;padding-bottom:  20px;}
    .choose-box span {margin: 0;width: 30%;height:  40px;line-height:  40px;padding: 0 5px;font-size:  14px; margin:  0px 12px 9px 0px; background-color: #ffffff !important;border-color: #eaebef !important; color: #323235 !important;}
    .choose-box span:nth-child(3n) {margin-right: 0;}
    .choose-box span.tabactive {background-color: #e5f0ff !important;color: #2981ff !important;border-color: #2981ff !important; }
    .fortress-buy .name {width: auto;font-size:  15px;height: initial;text-align: left; line-height: 1.5;margin-bottom:  8px;color: #1c1d1f;}
    .fortress-buy .content3 .form-item {padding-left: 0;}
    .specification p {line-height:  20px;}
    .specification p:not(:last-child) {margin-bottom:  8px;}
    .specification span {color: #323235 !important;}
    .specification span.color-gray {color: #626262 !important;}
    .btn-list {margin-top: 0;}
    .progress-box {margin-bottom: 0;}

    .dragger li {line-height:  40px;font-size:  14px;}
    .el-input-number {width:  160px !important;margin-bottom:  10px;line-height:  38px;}
    .el-input__inner {height:  40px;line-height:  40px;font-size:  14px; padding-left:  50px;padding-right: 50px;padding: 0 15px;}
    .el-input-number__decrease, .el-input-number__increase {font-size:  13px;width:  40px !important;}

    .sect2-part {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .detail-box .top20 {margin-top:  15px;}
    .content2 .description {width: 100%;margin: 0;}
    .content2 .description,
    .progress-detail,.des {font-size:  13px;}
    .content2 .detail-box {padding-bottom:  10px;}

    .dragger {margin-left: 0;width: 100% !important;}
    .dragger li {width: 30%;margin-right:  10px;border:  1px solid #eaebef;}
    .dragger li:nth-child(2n) {margin-right:  10px;}
    .dragger li:last-child {border:  1px solid #eaebef;}

    .content3 .renew .buy-warning {color: #2981ff;margin-top:  7px;}
    .content-left .content3:hover {border: none !important;}

    .form-item {padding: 0;}
    .fortress-buy .selsect-app {padding-left:  0px;}
    .fortress-buy .app-select {margin: 0;}
    .fortress-buy .type-select::after{top:  57px;}
    .form-item .name {width: 100%;display: block;position: static;text-align: left; line-height:  35px;font-size:  15px;margin-bottom: 0;}
    .content3 .renew {margin-top:  9px;}

    .total {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .total .price {text-align: left;padding-left:  15px;margin:  5px 0;font-size:  14px;line-height:  50px !important;}
    .total-unit {font-size:  13px;color: #2981ff;margin-right:  -4px;margin-left:  -10px;}
    .footCard > div {width: 100%;}
    .gf-box .total .btn-linear {width:  120px !important;height:  65px !important; line-height:  65px;font-size:  16px;margin-right: 0;}
    .fz18 {font-size:  14px !important;}
    .phone-discounts {margin-top:  3px;}

    .content-r {padding: 0;box-shadow: 0px -2px 7px 0px rgb(60 88 125 / 9%);}

    .show-detail {position: absolute;width:  60px;height:  27px;line-height:  38px;z-index: 2; color: #999999; top:  -27px;left: calc(50% -30px);background-image: url(../../images/new_website/gaofangcdn/buy-expand-btn.png);background-repeat: no-repeat; background-size:  60px auto;text-align: center;}
    .show-detail i {display: inline-block;font-size:  16px; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

    .show-detail-reverse {top:  -241px;z-index: 1000;}
    .show-detail-reverse i {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

    .purchase-menu {position: absolute;top:  -214px; width: 100% !important;padding: 0 15px;padding-bottom:  11px;border-bottom:  1px solid #eaebef;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; background-color: #ffffff; -webkit-box-shadow:  0px -2px 7px 0px rgb(60 88 125 / 3%); box-shadow:  0px -2px 7px 0px rgb(60 88 125 / 3%);z-index: 999;}
    .purchase-menu li {width: 50%;font-size:  13px;margin:  5px 0;}
    .purchase-menu li span {color: #323235;}
    .purchase-menu .title-des {font-size:  15px;color: #1c1d1f;margin: 0 -15px;margin-bottom:  11px; padding:  10px 15px;border-bottom: solid 1px #eaebef;}


    .el-dialog__body {color: #323235 !important;}
    .el-dialog .charge-description {width: 123%;}
    .el-dialog .float-left {font-size:  15px;}

    .selsect-app .violationsList{ display: inline-flex; width: 100%; }
    .selsect-app .divInput{width: 100%;}
}