.price-banner-box{display: flex;align-items: center;}
.banner-info .price-banner-box .n-btn-default{margin-right: 16px;}
.unit-price{font-size: 14px;color: #626266;}
.unit-price span{font-size: 24px;color: #f33e3e;}
.access-steps{background-color: #fff;}
.access-steps ul{ justify-content: space-between; }
.access-steps li{padding: 0;background-color: #fff;align-items: flex-start;background-color: transparent;}
.access-steps li .access-steps-imgbox{padding: 0 45px;background-color: #fff;}
.access-steps li img{left: 8px;margin: 0 auto;margin-bottom: 26px;}
.access-steps li p{margin-bottom: 12px;line-height: 1;padding-left: 40px;}
.access-steps li .access-steps-text{text-align: left;line-height: 24px;font-size: 14px;color: #626266;padding-left: 40px}

.service-module{ display: flex; flex-flow: row wrap; box-sizing: border-box; margin: -10px; justify-content: space-between;margin-top: 10px; }
.service-module li{ height: auto; padding: 10px; display: block; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; width: 33.33333%; -webkit-box-flex: 0; -moz-box-sizing: border-box; max-width: 420px; box-sizing: border-box;}
.service-module li .service-item{ height: 100%; padding: 20px 22px 18px; box-sizing: border-box; display: flex; transition: all .3s; }
.service-module li .service-item:hover{ background-color: #fff; box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06); }
.service-item-icon{ flex-shrink: 0; margin-right: 14px;width: 40px;height: 40px; }
.service-item-data p{font-size: 18px;color: #1c1d1f;margin-bottom: 10px;font-weight: bold;}
.service-item-data span{font-size: 14px;color: #626266;line-height: 24px;}

.certificate-module{ background: url(/images/new_kkidc/cloud_up/certificate_bg.png) no-repeat; background-position: center top; }
.certificate-module .section-header{ margin-bottom: 66px; }
.certificate-item{display: flex;justify-content: space-between;position: relative;z-index: 1;margin-bottom: 20px;}
.certificate-item::after{ content: url(/images/new_kkidc/cloud_up/certificate_bottom.png); position: absolute; bottom: -46px; left: -14%; z-index: -1; }
.certificate-item li>div{display: flex; flex-direction: column; align-items: center;}
.certificate-img{position: relative;z-index: 1;width: 288px;    box-shadow: 6px 0px 15px rgba(218, 219, 219);font-size: 0;}
.certificate-img::after{ content: url(/images/new_kkidc/cloud_up/touying.png); position: absolute; right: -71px; bottom: -12px; z-index: -1; }
.certificate-title{display: flex;align-items: center;font-size: 16px;color: #323235;margin-top: 43px;}
.certificate-title img{margin-right: 8px;}

.m-section-header{display: none;}
.divider{display: none;}
.divider-m{display: none;}
.divider-m-s{display: none;}
.service-item-iconfont{display: none;}
.service-item-div-more{display: contents;}
@media screen and (min-width: 1024px){
    .access-steps li .access-steps-imgbox{
        zoom: .85;
    }
}
@media screen and (min-width: 1024px) and (max-width:1450px){
    .certificate-img{
        zoom: .95;
    }
}
@media screen and (max-width: 1023px) {
  .banner{
    margin-top: 0px;
  }
  .service-item-div-more{
    display: block;
  }
  .banner-single .banner-ani{
    background-image: url(/images/new_kkidc/cloud_up/m-banner.jpg);
  }
  .banner .swiper-slide video{
    top: 0;
  }
  .banner-info>h2{
    font-size: 60px;
    line-height: 33px;
  }
  .unit-price{
    display: none;
  }
  .price-banner-box{
    justify-content: center;
  }
  .m-section-header{
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
  .m-section-header>h3{
    font-size: 49px;
  }
  .ml-section-header{
    display: none;
  }
  .access-steps li{
    flex: 0 0 50%;
  }
  .access-steps ul{
    overflow-x: scroll;
  }
  .access-steps ul::-webkit-scrollbar {
    display: none; /*隐藏滚动条*/
  }
  .access-steps li p{
    font-size: 35px;
    width: 416px;
    padding: 0 20px;
  }
  .access-steps li div{
    font-size: 29px;
    line-height: 46px;
    text-align: left;
    width: 416px;
  }
  .access-steps li::after{
    border-top: 1px solid #dee1e8;
    width: 100px;
  }
  .access-steps ul::before{
    border-top: 0px;
  }
  .section-header h1, .section-header h3{
    font-size: 49px;
  }
  .service-module li{
    width: 107%;
    max-width: 107%;
    min-height: 166px;
  }
  .service-item-iconfont{
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #2981FF;
    text-align: center;
    padding: 0 0 39px;
    margin-top: -7px;
  }
  .iconfont-iconclass{
    transform: rotate(90deg);
    display: inline-block;
  }
  .section-a2 li>div span{
    font-size: 13px;
    color: #626266;
    line-height: 23px;
    position: relative;
    right: 37px;
    max-width: 890px;
  }
  .service-item-icon{
    width: 49px;
    height: 49px;
    margin-right: 20px;
    margin-top: 10px;
  }
  .service-item-div-more{
    display: none;
  }
  .card-bg-top{
    display: inline-block;
  }
  .service-item-more{
    display: block;
  }
  .box-drop {
    display: none;
  }
  .card-bg-bommon{
    display: none;
  }
  .card-bg-bommon-drop{
    display: inline-block;
  }
  .box-top-more .drop{
    transform: rotate(270deg);
  }
  .section-header p{
    text-align: justify;
    line-height: 1.7;
    font-size: 13px;
    margin-top: 11px;
    color: #323235;
  }
  .certificate-item{
    flex-wrap: wrap;
  }
  .certificate-item li{
    flex: 0 0 50%;
  }
  .certificate-item li:last-child>div::after{
    content: '';
  }
  .certificate-item::after{
    bottom: -30px;
  }
  .certificate-module{
    background-size: 100% 139%;
  }
  .service-module{
    margin: 0;
  }
  .banner-info>h2{
    font-size: 25px;
    line-height: 14px;
  }
  .m-section-header>h3{
    font-size: 20px;
  }
  .access-steps li p{
    font-size: 16px;
  }
  .access-steps li div{
    font-size: 14px;
    line-height: 19px;
  }
  .access-steps li p{
    width: 197px;
  }
  .access-steps li div{
    width: 197px;
  }
  .section-a1 li>div{
    height: auto;
  }
  .divider{
    display: block;
    position: absolute;
    height: 1px !important;
    left: 50px !important;
    top: -131px !important;
    width: 111px !important;
    z-index: 10;
  }
  .divider-m{
    display: block;
    position: absolute;
    height: 1px !important;
    left: 50px !important;
    top: -131px !important;
    width: 111px !important;
    z-index: 10;
  }
  .divider-m-s{
    display: block;
    position: absolute;
    height: 1px !important;
    left: 80px !important;
    top: -131px !important;
    width: 111px !important;
    z-index: 10;
  }
  .section-header h1, .section-header h3{
    font-size: 20px;
  }
  .service-item-icon{
    width: 20px;
    height: 20px;
  }
  .service-module li .service-item{
    padding: 0 0 0 24px;
  }
  .service-module li{
    padding: 0;
  }
  .certificate-img{
    width: 170px;
  }
  .certificate-title{
    font-size: 11px;
    margin-top: 21px;
  }
  /* .banner.h434 {
    height: 389px;
  } */
  .banner-info>h2{
    font-size: 22px;
    line-height: 12px;
  }
  .certificate-img {
    width: 145px;
  }
  .certificate-item li:last-child>div::after{
    content: '';
  }
  .certificate-item li>div::after{
    content:'';
  }
  .section{
    padding: 35px 0 0px;
  }
  .section-a2{
    padding: 39px 0 0px;
    background: #F5F7FA;
  }
  .section-a2 .section-header {
    margin-bottom: 23px;
  }
  .service-module li .service-item{
    padding: 0 0 0 7px;
    min-height: auto;
  }
  .service-module li{
    min-height: auto;
    margin-bottom: 31px;
  }
  .service-item-icon{
    margin-right: 20px;
    margin-top: 0;
  }
  .section-header{
    margin-bottom: 27px;
  }
  .certificate-module .section-header{
    margin-bottom: 10px;
  }
  .certificate-item li>div {
    padding: 12px 0 12px 12px;
  }
  .service-module li .service-item:hover{
    background-color: #F5F7FA;
    box-shadow: 0 0 0 0;
  }
  .skip-item > div {
      width: 100%;
  }
  .skip-item ul li{
      width: 33%;
  }
  .section-body .m-data li{
    border: 0px;
    margin: 0 16px 10px 8px;
  }
  .access-steps li div{
    width: 100%;
    padding: 0;
  }
  .access-steps li p{
    padding: 0;
  }
  .n-btn-default{
    width: 150px;
    border-radius: 0;
    line-height: 17px;
  }
  .banner-info .price-banner-box .n-btn-default{
    margin-right: 0;
  }
  .section-a1 .m-data li img{
    margin-bottom: 17px;
    height: 145px;
    width: auto;
  }
  .access-steps li img{
    left: -12px;
  }

  .section-a2 .service-module li{
    border: none;
    margin-bottom: 22px;
  }
  .service-item-icon img{
    max-width: 26px;
    margin-right: 15px;
    margin-top: -2px;
  }
  .service-item-data p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
  }
  .section-body li:not(:last-child){
    margin-bottom: 23px;
  }
  .service-item-iconfont .iconfont{
    font-size: 9px;
  }
  .section-a3 .certificate-item li {
    flex: 0 0 49%;
    border: none;
    justify-content: center;
  }
  .certificate-item::after {
    content: '';
  }
  .section-a3{
    padding: 39px 0 0px;
  }
  .certificate-title img{
    width: 12px;
    margin-right: 4px;
  }
  .m-down-one , .m-down-two{
    width: calc(100% + 30px);
    position: absolute;
    padding: 0 !important;
    left: -15px;
    z-index: -1;
  }
  .m-down-one {
    margin-top: 163px;
  }
  .m-down-two{
    margin-top: 162px;
  }
  .m-down-one img, .m-down-two img{
    height: 110px;
  }

}