/*
* 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;}
.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: -webkit-flex;display: -moz-box;display: flex;-ms-flex-wrap: wrap;-webkit-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 { 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; -moz-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: -webkit-linear-gradient(bottom, #eceff8 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #eceff8 0%, #ffffff 100%); background-image: linear-gradient(0deg, #eceff8 0%, #ffffff 100%); }
.section-a2 .section-body li .p-detail {width: -webkit-calc(100% - 514px);width: -moz-calc(100% - 514px);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 {width: 21%; 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: 100%;height: 44px;line-height: 44px;padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;}
.section-a2 .section-body li .p-price .n-btn-default:hover {background-color: #FFB926;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: 49%;margin-left: 10px;}
.section-a3 .waf-right {width: -webkit-calc(100% - 55%);width: -moz-calc(100% - 55%);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;}
.section-a3 .waf-right .waf-title h4::after {position: absolute;top: 4px;left: 0;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #FFB926;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: #FFB926;}
.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 {opacity: .9; background-image: -o-linear-gradient(144deg, #004cff 0%, #0774ff 100%), -o-linear-gradient(#2a2b34, #2a2b34);background-image: -webkit-linear-gradient(144deg, #004cff 0%, #0774ff 100%), -webkit-linear-gradient(#2a2b34, #2a2b34);background-image: -moz-linear-gradient(144deg, #004cff 0%, #0774ff 100%), -moz-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-a2 .section-body li .p-detail {width: calc(100% - 463px);}
    .section-a2 .section-body li .p-price {width: 20%;}
    .section-a3 .section-body .waf object.banner-waf-progress {margin-left: 0;height: 396px;}
    .section-a3 .waf-right .waf-right-context {width: auto;}

    /* 购买页 */
    .buy-box .contents .name, .choose-box, .specification {width: 87%;}
    .content3 .long-time {padding-left: 120px;}
}

@media screen and (max-width: 1023px) {
    .show-more {font-size: .373rem;}
    .show-more:after, .show-more1::after {top: .213rem;margin-left:.187rem;border-width: 0.107rem;}
    .section-a1 {padding-bottom: .987rem;}
    .section-a1 li>div {padding: 0;padding-left: .427rem;}
    .section-a1 .section-body li {padding: .533rem .4rem;}
    .section-a1 .section-body span {text-align: left;line-height: .587rem;font-size: .373rem;}

    .section-a2 {background-color: #f6f7fb;}
    .section-a2 li>div span {font-size: .373rem;}
    .section-a2 .section-header {margin-bottom: .533rem;}
    .section-a2 .section-body li {margin-bottom: .2667rem; -ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: .533rem .4rem .4rem;/* 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: -webkit-linear-gradient(top, #eceff8 0%, #ffffff 30%);background-image: -moz-linear-gradient(top, #eceff8 0%, #ffffff 30%);background-image: linear-gradient(180deg, #eceff8 0%, #ffffff 30%);}
    .section-a2 .section-body li:hover {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: .32rem; background-image: none;font-size: .427rem;}
    .section-a2 .section-body li .p-detail {padding-bottom: .293rem;border-bottom: dashed 1px #d4d4d4;}
    .section-a2 .section-body li .p-detail p {line-height: 2;width: 50%;}
    .section-a2 .section-body li .p-detail p:nth-child(2n) {padding-left: .267rem;}
    .section-a2 .section-body li .p-price {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;margin-top: .4rem;}
    .section-a2 .section-body li .p-price .n-btn-default {width: 3.2rem;height: 1.173rem;line-height: 1.173rem;}
    .section-a2 .section-body li .p-price span {font-size: .347rem;}
    .section-a2 .section-body li .p-price .price {font-size: .533rem;}

    .section-a3 {padding-bottom: 0 !important;}
    .section-a3 .section-header {margin-bottom: .64rem;}
    .section-a3 .waf object {width: 100% !important;}
    .section-a3 .section-body .waf object.banner-waf-progress {height: 5.44rem;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: -webkit-flex;display: -moz-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-moz-box-sizing: border-box;box-sizing: border-box;padding: .4rem;margin-bottom: .533rem;}
    .section-a3 .waf-right {width: 100%;}
    .section-a3 .waf-right .waf-right-item > div {padding-top: .4rem;}
    .section-a3 .waf-right .waf-title > * {font-size: .373rem;}
    .section-a3 .waf-right .waf-title {margin-bottom: .133rem;}
    .section-a3 .waf-right .waf-right-item {margin-top: .347rem;}
    .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: .64rem;font-size: .373rem;}
    .section-a3 .waf-right .waf-title h4 {font-size: .4rem;padding-left: .64rem;margin-bottom: .133rem;}
    .section-a3 .waf-right .waf-title h4::before {top: .213rem;left: .107rem;width: .16rem;height: .16rem;}
    .section-a3 .waf-right .waf-title h4::after {top: .107rem;width: .373rem;height: .373rem;}
    .section-a3 .waf .advantage-list object {width: 0.3rem !important;}
    .advantage-list p > * {line-height: 2.5;font-size: .347rem;}

    .section-a4 {padding-bottom: 1.87rem;}
    .section-a4 .w1380 {width: 100%;}
    .section-a4 .section-title h2 {font-size: .533rem;margin-bottom: .48rem;}
    .section-a4  .section-title p {font-size: .32rem;line-height: .533rem;}
    .section-a4 .section-title {margin-bottom: .8rem;}
    .section-a4 .swiper-button{display: none;}
    .prizes-slides {padding: 0;}
    .prize-title {font-size: .32rem;padding: .267rem 0;}
    .prizes-slides .swiper-container {min-height: 6rem;}
    .prizes-slides .swiper-slide-active{width: 4.533rem !important; -webkit-transform: scale(1.1) translate(0, .267rem);-ms-transform: scale(1.1) translate(0, .267rem);-moz-transform: scale(1.1) translate(0, .267rem);-o-transform: scale(1.1) translate(0, .267rem);transform: scale(1.1) translate(0, .267rem);}
    .prizes-slides .swiper-slide-prev{margin-left: -.667rem; -webkit-transform: scale(1) translate(0, 0);-ms-transform: scale(1) translate(0, 0);-moz-transform: scale(1) translate(0, 0);-o-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);-moz-transform: scale(1) translate(0, 0);-o-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}
}

@media screen and (max-width: 992px) {
    .prizes-slides .swiper-container {padding-bottom: 1.413rem;}
}

@media screen and (max-width: 480px) {
    .prizes-slides .swiper-container {padding-bottom: 3.413rem;}
}


/* 购买页 */
.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: #FFB926;}
.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: #FFB926;}
.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:1023px) {
    .content3 .long-time {padding-left: 0;}
    #container {padding-top: .4rem /* 15/37.5 */;padding-bottom: 1.867rem /* 70/37.5 */; border: none;background-color: #ffffff;}
    .mobile-line {height: .267rem /* 10/37.5 */;background-color: #f6f7fb;}
    .sect1-part,.sect2-part {margin-top: .16rem /* 6/37.5 */;}
    .content-box {width: auto;}
    .cdn-header {padding-bottom: .4rem /* 15/37.5 */;margin: 0 .4rem /* 15/37.5 */;width: 93%;}
    .cdn-header .icon-xingzhuang10 {padding: 1px;vertical-align: baseline;border-radius: .1067rem;font-size: .4rem;}
    .cdn-header span {font-size: .4rem /* 15/37.5 */;margin-left: .053rem /* 2/37.5 */;}
    .content-left .content1, .content-left .content2, .content-left .content3 {box-shadow: none;margin-top: .213rem /* 8/37.5 */;padding: 0 .4rem /* 15/37.5 */;}
    .content-box .detail-box {width: 100%; padding: 0;padding-bottom: .533rem /* 20/37.5 */;}
    .choose-box span {margin: 0;width: 30%;height: 1.0667rem;line-height: 1.0667rem;padding: 0 .1333rem;font-size: .3733rem; 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: #FFB926 !important;border-color: #FFB926 !important; }
    .name {width: auto;font-size: .4rem /* 15/37.5 */;height: initial;text-align: left; line-height: 1.5;margin-bottom: .213rem /* 8/37.5 */;color: #1c1d1f;}
    .specification p {line-height: .533rem /* 20/37.5 */;}
    .specification p:not(:last-child) {margin-bottom: .213rem /* 8/37.5 */;}
    .specification span {color: #323235 !important;}
    .specification span.color-gray {color: #626262 !important;}
    .btn-list {margin-top: 0;}
    .progress-box {margin-bottom: 0;}
    .description {width: 100%; line-height: .64rem;font-size: .3733rem;}
    .specification {margin-top: .08rem;font-size: .3733rem;}
    .el-input-number {width: 4.2667rem !important;margin-bottom: .2667rem;line-height: 1.0133rem;}
    .el-input__inner {height: 1.0667rem;line-height: 1.0667rem;font-size: .3733rem; padding-left: 1.3333rem;padding-right: 50px;padding: 0 .4rem;}
    .el-input-number__decrease, .el-input-number__increase {font-size: .3467rem;width: 1.0667rem !important;}

    .sect2-part {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .detail-box .top20 {margin-top: .4rem /* 15/37.5 */;}
    .content2 .description {width: 100%;margin: 0;}
    .content2 .description,
    .progress-detail,.des {font-size: .3467rem;}
    .content2 .detail-box {padding-bottom: .2667rem;}

    .dragger {margin-left: 0;width: 100% !important;}
    .dragger li {width: 30%;margin-right: .2667rem;line-height: 1.0667rem;font-size: .3733rem;border: 1px solid #eaebef;}
    .dragger li:nth-child(2n) {margin-right: .2667rem;}
    .dragger li:last-child {border: 1px solid #eaebef;}

    #myCheck+label {width: .48rem;height: .48rem;line-height: .5333rem;margin-left: .1333rem;border-radius: .0533rem;vertical-align: -0.1333rem;}
    #myCheck:checked+label .icon-gouxuan {font-size: .32rem !important;}
    .content3 .renew span {margin-top: .08rem;font-size: .3733rem;}
    .content3 .renew .buy-warning {font-size: .3467rem;}

    .content3 .renew .buy-warning {color: #FFB926;margin-top: .1867rem;}
    .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: .9333rem;font-size: .4rem;margin-bottom: 0;}
    .content3 .renew {margin-top: .24rem;}

    .total {position: relative; width: 100%;height: 1.733rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
    .total .price {text-align: left;padding-left: .4rem;padding-top: .23rem;font-size: .3733rem;}
    .total-unit {font-size: .3467rem;color: #FFB926;margin-right: -0.1067rem;margin-left: -0.2667rem;}
    .footCard > div {width: 100%;}
    .gf-box .total .btn-linear {width: 3.2rem !important;height: 1.7333rem !important; line-height: 1.7333rem;font-size: .4267rem;margin-right: 0;}
    .phone-discounts {margin-top: .08rem;font-size: .32rem;}

    .content-r {padding: 0;}

    .show-detail {position: absolute;width: 1.6rem;height: .72rem;line-height: 1.0133rem;z-index: 2; color: #999999; top: -0.72rem;left: -webkit-calc(50% - .8rem);left: -moz-calc(50% - .8rem);left: calc(50% - .8rem);background-image: url(../images/buy-expand-btn.png);background-repeat: no-repeat; -o-background-size: 1.6rem auto; background-size: 1.6rem auto;text-align: center;}
    .show-detail i {display: inline-block;font-size: .4267rem; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}

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

    .purchase-menu {position: absolute;top: -5.95rem; width: 100% !important;padding: 0 .4rem;padding-bottom: .2933rem;border-bottom: 1px solid #eaebef;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s; background-color: #ffffff; box-shadow: 0px -0.0533rem .1867rem 0px rgb(60 88 125 / 3%);z-index: 999;}
    .purchase-menu li {width: 50%;font-size: .3467rem;margin: .1333rem 0; word-break: break-all;}
    .purchase-menu li span {color: #323235;}
    .purchase-menu .title-des {font-size: .4rem;color: #1c1d1f;margin: 0 -0.4rem;margin-bottom: .2933rem; padding: .2667rem .4rem;border-bottom: solid 1px #eaebef;}


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

    .img_show {width: .48rem;}
}