/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/
[v-clock]{
    display: none;
}
.fz15 {font-size: 15px;}
.fz18 {font-size: 18px;}
.fz13 {font-size: 13px;}
.banner.h480{
    height: 480px !important;
}
.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;}
.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: 0.3rem !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: #32394a;}
#container {padding-top: 32px;padding-bottom: 215px;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;}

#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) {
    #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%;}
    .cdn-header .icon-xingzhuang10 {padding: 1px;vertical-align: baseline;}
    .cdn-header span {font-size: 15px;margin-left: 2px;}
    .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%;margin:0rem 0.32rem 0.25rem 0rem; 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; }
    .name {width: auto;font-size: 15px;height: initial;text-align: left; line-height: 1.5;margin-bottom: 8px;color: #1c1d1f;}
    .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;}

    .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;}
    .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;}
    .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: 100%; line-height: 65px;font-size: 16px;margin-right: 0;}
    .phone-discounts {margin-top: 3px;}

    .content-r {padding: 0;}

    .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(../image/buy-expand-btn.png);background-repeat: no-repeat; background-size: 60px auto;text-align: center;}
    .show-detail i {display: inline-block;-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;}
    .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;}
}