/*
* 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;}

/* 产品优势 */
.section-a1{padding-bottom: 10px;}
.product-advantage{ display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; justify-content: space-between;padding: 0 56px;box-sizing: border-box; }
.product-strength{padding: 5px 0 10px;}
.product-advantage>li{ display: flex; align-items: center; justify-items: center; flex-direction: column; margin-bottom: 53px; }
.product-advantage>li div{ font-size: 18px; color: #1c1d1f; margin: 18px 0 11px; }
.product-advantage>li p{ font-size: 14px; line-height: 24px; max-width: 262px; text-align: center; color: #626266; }

/* 套餐介绍 */
.section-a2{ background-color: #f4f6fa; }
.section-a2 .product-body{ width: 100%; box-shadow: 3px 3px 12px rgba(231, 233, 236, .5); }
.product-list{ margin: 0; font-size: 0; }
.product-list>li{ width: 25%; height: 480px; background-color: #fff; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; }
.product-list>li:not(:last-child){border-right: 1px solid #ebedf0;}
.product-item{ position: relative;height: 432px; }
.product-item::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: url(/images/new_kkidc/gaofangCDN/hoverbg.png) 0 100% no-repeat; background-size: auto 100%;background-position: top right; opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.price-box{margin: 9px 0 18px;}
.product-item-data{ padding: 22px 34px;position: relative;z-index: 1;}
.tag{ width: 70px; height: 70px; position: absolute; right: 0px; top: 0px; z-index: 1; overflow: hidden; -webkit-font-smoothing: auto; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
.tag span{background: linear-gradient(to right, #3791ff, #67c6ff); width: 104px; height: 28px; color: #fff; right: -27px; top: 12px; font-size: 14px; line-height: 28px; text-align: center; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.product-title{ border-bottom: 1px solid #f2f4f7; }
.product-title h2{ font-size: 18px; line-height: 1; margin: 10px 0 20px; }
.product-price{ font-size: 14px; color: #999; }
.product-price .price{ font-size: 24px; font-weight: bold; color: #f33e3e; }
.price-box .price-item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 14px; height: 32px; }
.price-box .price-item .typesof{ color: #999; }
.details{ color: #323235; }
.ask-btn{position: absolute;bottom: 0;width: 100%;}
.ask-btn a{ display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #2981ff; background-color: #fff; box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); transition: all .3s ease-in-out; }
.product-list>li:hover .product-item::before { opacity: 1; }
.product-list>li:hover .ask-btn a { color: #fff;background-color: #2981ff; }

.section-a3 .section-header {margin-bottom: 48px;}
/* 项目部署 */
.section-a3 .section-body{ padding: 23px; border: 1px solid #f6f7fb;background: #fff; box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); }
.project-arrange{ display: flex; justify-content: space-between; }
.arrange-img{width: 100%; min-width: 560px; display: flex; justify-content: center; align-items: center;}
.arrange-scene{width: 100%; max-width: 556px; min-height: 513px; padding: 32px; margin-left: 23px; box-sizing: border-box; background: url(/images/new_kkidc/gaofangCDN/cdn_r_bg.png) no-repeat; background-position: left bottom;background-color: #fbfbfb; }
.arrange-scene-content{ border-bottom: 1px solid #eaecee; margin-bottom: 21px; }
.content_tip{ font-size: 16px; font-weight: bold; color: #1c1d1f; }
.content_bd{ color: #626266; line-height: 24px; margin: 16px 0; }
.introduce{ display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 10px; }
.introduce>li{ display: flex; align-items: center; width: 50%; font-weight: bold; height: 42px; }
.introduce li i { margin-right: 14px; }

.section-a4 {background-color: #f2f4f7;padding: 80px 0 50px;}
.section-a4 .section-title h2 {line-height: 1;margin-bottom: 18px;}
.section-a4 .section-title{margin-bottom: 48px;}
.section-a4 .honor .swiper-container-free-mode{margin-bottom: 30px;}
.content-box .detail-box {padding-top: 20px;}
.banner-info >*:last-child {display: inline-block;}

/* 购买页 */
.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;}

.show-icon {display: none;}
.price-item-top {display: none;}
.advantage-title{text-align: center;}

.honor{overflow: hidden;}
/* .honor-swiper .swiper-honor-icon{ width: 82px; height: 82px; background-color: #ffffff; border-radius: 50%; border: solid 1px #eef0f5; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; margin-bottom: 14px; } */
.honor .swiper-slide{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start;width: auto !important; }
.swiper-wrapper{
    transition-timing-function:linear !important;
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.honor .swiper-center{text-align: center;line-height: 1;}

@media screen and (max-width: 1023px) {
    .banner{
        margin-top: 0px;
    }
    .banner .swiper-slide video{
        display: none;
    }
    .banner.banner-honour .swiper-slide{
        padding-bottom: 0;
    }
    .banner-single .banner-ani{
        background-image: url(/images/new_kkidc/gaofangCDN/m-cdn-bg.png);
    }
    .banner-info >*:last-child{
        display: flex;
        justify-content: center;
    }
    .section-a2{
        background: #F5F7FA;
    }
    .product-advantage>li{
        margin-bottom: 0;
    }
    .section-body li:not(:last-child){
        margin-bottom: 0;
    }
    .show-icon {
        display: block;
    }
    .box-top{
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        padding: 33px 0;
    }
    .product-advantage>li div .advantage-title{
        margin-left: 150px;
    }
    .product-advantage>li div .iconfont-iconclass{
        transform: rotate(90deg);
        padding: 0 30px;
    }
    .section-body li:not(:last-child){
        margin-bottom: 0;
    }
    .box-top-span {
        display: none !important;
    }
    .box-top-span-drop{
        display:block !important;
        background: url(/images/new_kkidc/gaofangCDN/m-top-banner.png) no-repeat;
        background-size: 100% 100%;
    }
    .product-advantage>li div .drop{
        transform: rotate(270deg);
        color: #2981FF;
    }
    .section-a1 li>div{
        width: -webkit-fill-available;
    }
    .product-advantage>li p{
        margin-bottom: 0;
        max-width: 100%;
        font-size: 35px;
        line-height: 52px;
        padding: 56px 18px 55px 34px;
        text-align: justify;
    }
    .product-advantage>li div{
        margin: 0;
        font-size: 44px;
    }
    .product-advantage>li div .box-top{
        border: 1px solid #E1E5EB;
    }
    .product-advantage{
        padding: 0;
    }
    .section-body ul li .icon-box{
        width: 80px;
        height: 80px;
        position: absolute;
        left: 30px;
        margin-top: 25px;
    }
    .icon-box-drop{
        background: linear-gradient(to bottom, #e7e9ef, #f8f8fa);
    }
    .box-top-drop{
        background: linear-gradient(to bottom, #E1E3EB, #FFFFFF);
        box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25), 0px 3px 0px 0px #FFFFFF, -7px 32px 85px 0px rgba(225,227,235,0.65);
    }
    .product-list>li{
        width: 100%;
        margin: 0;
    }
    .section-a2 li>div{
        padding: 0;
    }
    .ask-btn a{
        color: #FFF;
        box-shadow: 0 0 0 0;
        background-color: #2981ff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ask-btn{
        width: auto;
        display: flex;
        align-items: center;
    }
    .product-item::before{
        background: #FFF;
    }
    .price-item-top{
        display: block;
    }
    .price-box .price-item-top .typesof-top{
        font-size: 44px;
        font-weight: bold;
    }
    .price-box .price-item{
        display: flex;
        justify-content: flex-start;
    }
    .product-price{
        font-size: 35px;
    }
    .product-price .price{
        color: #2981FF;
    }
    .product-title{
        display: none;
    }
    .tag{
        display: none;
    }
    .product-item-data{
        padding: 59px 34px;
    }
    .price-box {
        margin: 0 0 35px;
    }
    .project-arrange{
        flex-wrap: wrap;
    }
    .section-a3 .section-body{
        border: 0;
        box-shadow: 0 0 0;
    }
    .arrange-img{
        padding: 37px;
        border: 1px solid #E1E5EB;
        box-shadow: 0px 5px 27px 0px rgba(18,51,100,0.04);
    }
    .arrange-scene{
        max-width: 100%;
        min-height: 100%;
        margin-left: 0;
        background: #FFF;
    }
    .section-a3 .section-body{
        padding: 23px 23px 0 23px;
    }
    .content_tip{
        font-size: 44px;
    }
    .arrange-scene-item .introduce li{
        font-weight: normal;
        color: #626266;
    }
    .section-header p{
        text-align: center;
        font-size: 35px;
    }
    .section-header{
        margin-bottom: 68px;
    }
    .honor{
        overflow: visible;
    }
    .section-a4{
        padding: 100px 0 40px;
    }

    .product-advantage>li div{
        font-size: 33px;
    }
    .section-body ul li .icon-box{
        width: 69px;
        height: 69px;
    }
    .product-advantage>li p{
        font-size: 27px;
        line-height: 39px;
        padding: 42px 13px 41px 26px;
    }
    .product-item-data{
        padding: 44px 26px;
    }
    .price-box .price-item-top .typesof-top{
        font-size: 33px;
    }
    .product-price{
        font-size: 27px;
    }
    .price-box{
        margin: 0 0 85px;
    }
    .content_tip{
        font-size: 33px;
    }
    .section-header p{
        font-size: 27px;
    }
    .honor{
        overflow: visible;
    }
    .section-header h1, .section-header h3{
        font-size: 20px;
        margin-bottom: 28px;
    }
    .section-body ul li .icon-box{
        width: 38px;
        height: 38px;
        margin-top: 18px;
        padding: 0 0 0 18px;
    }
    .product-advantage>li div .advantage-title{
        font-size: 18px;
        margin-left: 90px;
        margin-top: auto;
        margin-bottom: auto;
    }
    .box-top{
        padding: 14px 0;
    }
    .iconfont{
        font-size: 16px;
    }
    .product-advantage>li p{
        font-size: 15px;
        line-height: 22px;
        padding: 23px 7px 23px 14px;
    }
    .section-a2{
        padding: 39px 0;
    }
    .price-box .price-item-top .typesof-top{
        font-size: 18px;
    }
    .product-price{
        font-size: 13px;
        color: #1C1D1F;
    }
    .section-a2 .ask-btn {
        position: static;
        margin: -59px 0 0 180px;
    }
    .price-box{
        margin: 0 0 52px;
    }
    .section-header {
        margin-bottom: 28px;
    }
    .section-a3{
        padding: 39px 0 39px;
    }
    .arrange-img{
        padding: 29px 15px;
        min-width: 89%;
    }
    .content_tip{
        font-size: 18px;
    }
    .arrange-scene-item .introduce li img{
        width: 18px;
        height: 18px;
        margin-right: 12px;
    }
    .introduce img {
        margin-right: 9px;
    }
    .section-header p{
        font-size: 15px;
    }
    .section-header h1, .section-header h3{
        font-size: 18px;
    }
    .product-advantage>li p{
        font-size: 13px;
        line-height: 19px;
        padding: 21px 7px 20px 13px;
    }
    .product-item-data{
        padding: 22px 13px;
    }
    .price-box .price-item-top .typesof-top{
        font-size: 16px;
    }
    .price-box{
        margin: 0 0 27px;
    }
    .section-a1 {
        padding: 40px 0;
    }
    .section-a1 li>div {
        padding: 0;
    }
    .section-body ul li .icon-box {
        margin-left: -11px;
        padding: 0;
    }
    .product-advantage>li div .advantage-title{
        margin-left: 72px;
    }
    .section-header h1, .section-header h3{
        margin-bottom: 25px;
    }
    .product-advantage>li div .advantage-title{
        font-size: 16px;
    }
    .box-top {
        padding: 12px 0;
    }
    .section-body ul li .icon-box{
        margin-top: 15px;
    }
    .product-strength{
        padding: 0;
    }
    .product-list li:not(:last-child) {
        margin: 0 0 15px;
    }
    .section-a3 .section-body {
        padding: 0;
    }
    .arrange-img {
        padding: 14px 26px;
        min-width: auto;
    }
    .arrange-scene-content{
        border-bottom: 0;
    }
    .introduce{
        margin-top: 0;
    }
    .arrange-scene-item .introduce li{
        padding: 0;
    }
    .section-a4 .section-header h3{
        margin-bottom: 13px;
    }

    .product-feature .box-top div:first-child img{
        width: 35px;
        height: auto;
        margin-right: 13px;
    }
    .section-a1 ul{
        box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25);
    }
    .section-a1 .m-form-item .box-top.open-box {
        box-shadow: 0px 11px 8px -7px rgba(199, 208, 222, 0.2), inset 0px 0px 0px 0px #ffffff, inset -2px 19px 22px 0px rgba(225, 227, 235, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.8);
    }
    .section-a1 .box-top {
        font-size: 10px;
        color: #6d6f74;
        box-sizing: border-box;
        height: 55px;
        line-height: 55px;
    }
    .section-a1 .m-form-item .box-top label {
        font-size: 16px;
        color: #1c1d1f;
    }

    .section-a1 .m-form-item .slide-detail {
        background: url(/images/new_kkidc/gaofangCDN/m-top-banner.png) no-repeat;
        background-size: 100% 100%;
    }
    .section-a1 .m-form-item .box-top {
        box-shadow: none;
        transition: all .3s;
    }
    .section-a1 .m-form-item .box-top .iconfont {
        color: #bdc4cf;
        transition: transform .3s ease;
        display: block;
    }
    .section-a1 .m-form-item .box-top.open-box .iconfont {
        transform: rotate(-180deg);
        color: #2981ff;
    }
    .section-a1 .m-form-item .box-top.open-box label{
        font-weight: bold;
    }
    .section-a1 .product-feature li p {
        font-size: 13px;
        color: #626266;
        line-height: 19px;
        letter-spacing: -0.4px;
    }
    .mobile-data li>div {
        padding: 15px 7px 13px 12px;
        text-align: justify;
    }
    .section-a1 .section-body li{
        box-shadow: 0px 3px 8px 0px rgba(199,208,222,0.25);
    }
    .section-a1 .section-body li:not(:last-child){
        margin-bottom: -1px;
    }
    .section-a2 .section-header h1, .section-header h3{
        margin-bottom: 25px;
    }
    .section-a2 .section-header{
        margin-bottom: 25px;
    }
    .section-a2 .product-item-data{
        padding: 18px 11px;
    }
    .ask-btn a {
        width: 150px;
        height: 38px;
        font-size: 13px;
    }
    .price-box .price-item-top{
        margin-bottom: 4px;
    }
    .price-box .price-item .typesof{
        flex: 0 0 31%;
        font-weight: 500;
        font-size: 13px;
        color: #626266;
        line-height: 28px;
    }
    .price-box .price-item .details{
        font-weight: 500;
        font-size: 13px;
        color: #1C1D1F;
        line-height: 28px;
    }
    .section-a2 .price-box{
        margin: 0 0 14px;
    }
    .product-price .price{
        font-size: 18px;
        font-weight: bold;
        margin-right: 2px;
    }
    .price-box .price-item{
        height: 29px;
    }
    .section-a2 .product-item{
        height: 346px;
    }
    .section-a2 .product-list>li{
        height: 346px;
        margin-left: 1px;
        margin-right: 1px;
    }
    .section-a3 .section-header{
        margin-bottom: 25px;
    }
    .section-a3 .arrange-scene {
        padding: 20px 7px 0;
    }
    .section-a3 .content_tip{
        font-size: 16px;
    }
    .section-a3 .content_bd{
        margin: 9px 0;
        font-weight: normal;
        font-size: 13px;
        color: #626266;
        line-height: 20px;
    }
    .arrange-scene-item{
        padding: 3px 0 0;
    }
    .section-a3 .section-body li{
        height: 19px;
        padding-top: 10px;
        padding-bottom: 3px;
        border: 0;
    }
    .section-a4 .section-header p{
        font-weight: normal;
        font-size: 13px;
        color: #323235;
    }
    .honor-swiper p{
        font-weight: 500;
        font-size: 12px;
        color: #323235;
        width: 106px;
    }
    .honor-swiper .swiper-honor-icon{
        width: 42px;
        height: 42px;
    }
    .section-a4 .section-header{
        margin-bottom: 20px;
    }
    .section-a3 .m-introduce{
        position: relative;
        left: 19px;
    }
    .section-a4 .swiper-center img{
        height: 62px;
    }
    .section-a4 {
        padding: 39px 0 26px;
    }
    .section-a4 .honor .swiper-container-free-mode{
        margin-bottom: 14px;
    }
}