/* 购买页 */
.banner-info {margin-top: 0;}
.banner-info h2 {font-weight: normal;}
.banner-info .f16 {width: auto;margin-top: 14px;}
.mobile-data {display: none;}

.select-box .el-select{margin-right: 6px;}
.el-select:hover .el-input__inner{border-color: #2981ff;}
.el-select .el-input .el-select__caret{ transform: rotateZ(0); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); -o-transform: rotateZ(0); }
.el-select .el-input .el-select__caret.is-reverse{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.btn-linear:hover{box-shadow: none;}
.el-input-number__decrease:hover,.el-input-number__increase:hover{color: #2981ff;}
.n-btn-default{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.el-input__inner{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.el-select .el-input.is-focus .el-input__inner{border-color: #2981ff;}
.el-icon-arrow-up:before{
  content:'';
  display: inline-block;
  position: relative;
  top: 3px;
  height: 0px;
  width: 0px;
  border: 5px solid transparent;
  border-top: 5px solid #a3aab5;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.content-r{padding: 15.2px 30px;}
.price-footer-box {
    display: flex;
    align-items: center;
}

.price-footer-box .phone-discounts {
    display: flex;
    align-items: center;
    margin: 0 20px;
    line-height: 1;
}
.fw700 {
    font-weight: 700;
}
.fz14 {
    font-size: 14px;
}
.preferential-details {
    width: 74px;
    height: 22px;
    border: 1px solid #ff8d1d;
    /* background: #f8fbff; */
    display: inline-block;
    line-height: 22px;
    /* color: #93939a; */
    margin-left: 10px;
    line-height: 22px;
    cursor: pointer;
     /* border-color: #ff8d1d; */
  color: #ff8d1d;
  background-color: #ffefe4;
}
.preferential-box {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0px;
    width: 0px;
    display: inline-block;
    position: relative;
}
.preferential-top {
    margin-left: 2px;
    border-top: 5px solid #ff8d1d;
    border-bottom: 5px solid transparent;
    top: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

/* .preferential-details.open-now{
  border-color: #ff8d1d;
  color: #ff8d1d;
  background-color: #ffefe4;
}
.preferential-details.open-now .preferential-top{
  border-top: 5px solid #ff8d1d;
} */

.preferential-open {
  box-sizing: border-box;
  position: absolute;
  bottom: 36px;
  left: 50%;
  background: #ffffff;
  width: 295px;
  /* height: 206px;  */
  box-shadow: -1px 0 8px rgba(216, 221, 228, .3),
              1px 0 8px rgba(216, 221, 228, .3),
              -2px 2px 8px rgba(216, 221, 228, .3),
              2px 2px 8px rgba(216, 221, 228, .3);
  padding: 20px 20px 0;
}

.preferential-open p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
}
.preferential-arrow {
  position: absolute; /* 设置为绝对定位 */
  bottom: -5px; /* 调整箭头在底部的位置 */
  left: 58px; /* 将箭头水平居中 */
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg); /* 旋转角度为-45度 */
  background-color: #ffffff; /* 设置箭头背景色与弹窗背景色保持一致 */
  z-index: 999; /* 提高箭头显示优先级 */
}
.preferential-title {
  margin-bottom: 18px;
}
.preferential-title span {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #2981ff;
  margin-right: 5px;
}
.preferential-content {
  margin-bottom: 15px;
}
.preferential-content span {
  font-size: 14px;
}
.preferential-content span:nth-child(1) {
  float: left;
}
.preferential-content span:nth-child(2) {
  float: right;
}
.price-footer-box{
  display: flex;
    align-items: baseline;
}

.price-footer-box .phone-discounts{
  display: flex;
  align-items: center;
  margin: 0 20px;
  line-height: 1;
}

.price-footer-box .price-unit{font-size: 12px; margin-top: 2px;}
.price-footer-box .tip-price-unit{font-size: 10px; margin-top: 2px;}
.tip-footer{border-top: 1px solid #ebedf0; padding: 16px 0 0;margin-bottom: 16px;}
.ecs-tobuy .content-r{padding: 15.2px 30px;}

@media screen and (min-width: 1024px){
.price.price-footer-box{ margin-left: 15px;}
}
@media screen and (max-width: 1024px) {
  .banner.h600, .banner.h560, .banner.h531, .banner.h440, .banner.h480 {height: 480px;}
}

@media screen and (max-width: 1023px) {
  .mobile-data {display: block;}
  .banner.h600, .banner.h560, .banner.h531, .banner.h440, .banner.h480 {height:  220px;}
  .banner-single .banner-info h2, .banner-info>p {text-align: center;}
  .banner-single .banner-info h2 {font-size:  19px;}
  .banner-info .f16 {font-size:  12px !important;margin-top:  13px;}
  .content-box {background: #f6f7fb;}
  .buy-box .tab-box {width: 100%; position: relative;margin: auto;height:  44px;overflow-x: auto;overflow-y: hidden; white-space: nowrap; box-shadow:  0px 0px 3px 0px #dfe2e5;}
  .all_tab {text-align: center;margin-left: 0 !important;}
  .all_tab div {display: inline-block;width: auto;font-size:  13px;color: #323235;line-height:  44px; border: none;margin: 0 20px;}
  .all_tab div:last-child {border: none;}
  .all_tab div.tabactive {position: relative; background-color: transparent !important;color: #2983ff !important;border: none !important;}
  .all_tab div.tabactive::after {content: ''; position: absolute;left: 0;right: 0; bottom: 0;width: 100%;height:  2px;background-color: #2981ff;}
  .all_tab div:hover {border: none;color: inherit;}
  .all_tab .name {display: none;}
  /* .content-left .content1, .content-left .content2, .content-left .content3 {box-shadow: none;padding: 0 15px 10px;margin-top:  8px;} */
  .contents { padding: 0; width: 100%;padding-top:58px !important;}
  .contents .detail-box {padding: 0;width: 100%;font-size:  14px;padding-top:  13px;}
  #content-kk,.content-left .content1 {margin-top: 0 !important;}
  .buy-box .contents .name {font-size:  15px;color: #1c1d1f;height: auto;line-height: 1;margin-top:  7px; margin-bottom:  15px;}
  .buy-box .choose-box span {width:  108px; margin: 0 10px 8px 0;height:  40px;line-height:  40px;font-size:  14px;box-sizing: border-box;padding: 0 10px;}
  .buy-box .choose-box span:nth-child(3n) {margin-right: 0;}
  .buy-box .content2 .sect2-part, .buy-box .content1 .sect1-part {margin-top: 0;}
  .specification {font-size:  14px;margin-top:  -8px;}
  .specification p {line-height:  27px;}
  .specification span {color: #323235 !important;}
  .specification .color-gray {color: #626266 !important;}
  .buy-box .choose-box .tabactive {background: #e5f0ff !important;color: #2981ff !important;border: solid 0px #2981ff !important;}
  .description {line-height:  20px;font-size:  13px;}
  .sect3-part .input-box .des {line-height:  19px !important;}

  .el-input-number {width:  160px !important;margin-bottom:  0;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;}
  .progress-box .progress-detail,#domain .des {line-height:  20px;margin-top: 10px;font-size: 13px;}
  /* .dragger {margin-left: 0;width: 100% !important;}
  .dragger li {width: 30%;margin-right:  10px;line-height:  40px;font-size:  14px;border: 1px solid #eaebef;}
  .dragger li:nth-child(2n) {margin-right:  10px;}
  .dragger li:last-child {border: 1px solid #eaebef;} */
  .img_show {width:  18px;}
  /* .content-r {box-shadow: none;} */
  #myCheck+label {width:  18px;height:  18px;line-height:  20px;border-radius:  2px;vertical-align:  -5px;}
  #myCheck:checked+label .icon-gouxuan {font-size:  12px !important;}
  #myCheck:checked+label:after, #myCheck1:checked+label:after, #myCheck2:checked+label:after {top:  4px;left:  4px;width:  9px;height:  5px;border-width: 0 0 2px 2px;}
  .content3 .renew .buy-warning {font-size:  13px;margin-top:  5px;}
  /* .gf-box .total .btn-linear {width:  120px !important;height:  65px !important;line-height:  65px; font-size:  16px;} */
  #footCard .w1180 {width: 100%;max-width: 100%;box-sizing: border-box;height:  65px;}
  .btn-list {margin-top: 0;}
  /* .total { position: relative;z-index: 9999; box-shadow: 0px -2px 7px 0px rgb(60 88 125 / 9%); } */
  .buy-box .overview {position: absolute;bottom:  61px;left: 0;width: 100% !important; z-index: 999;box-sizing: border-box; background: #ffffff;box-sizing: border-box;padding-bottom:  10px;box-shadow: 0px -2px 7px 0px rgb(60 88 125 / 3%);}
  .setting-view {	font-size:  15px;color: #1c1d1f;line-height:  45px;border-bottom: solid 0px #eaebef;padding: 0 15px;margin-bottom:  10px;}
  .overview li {    width: 50%;
    padding-right: 10px;
    font-size: 12px;}
  .total .price {padding-top: 0;font-size:  14px;color: #1c1d1f;padding-top:  8px;padding-left:  15px; line-height:  24px;}
  .phone-discounts {font-size:  11px;margin-top: 0;}
  .phone-discounts .number,.phone-discounts .money {padding:  6px 10px;}
  .f24 {font-size:  18px;}
  .content-left .content3:hover {border: none !important;}

  /* .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 {z-index: 100;}
  .show-detail-reverse i {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}


    .content-left {
        padding: 0;
        margin-top: 0;
    }
    .contents .m-content {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .module-name {
        background-color: #f5f7fa;
        padding: 15px;
        line-height: 1;
        margin-bottom: 0;
    }
    .module-name::before {
        display: inline-block;
        content: "";
        width: 4px;
        height: 14px;
        position: relative;
        top: -1px;
        background-color: #2981ff;
        margin-right: 15px;
        /* vertical-align: text-top; */
    }
    .detail-box,.contents .detail-box {
        width: calc(100% - 30px);
        padding: 0 15px 20px;
    }
    /* .contents .detail-box {
        padding: 0;
        width: 100%;
        font-size: 14px;
        padding-top: 13px;
    } */
    .waf-title span {
        font-size: 17px;
    }
    .m-form-name {
        width: 30%;
        margin: 19px 0 14px;
        text-align: left;
        line-height: 1;
        height: auto;
    }
    .choose-box span{width: 146px;}
    .choose-boxs{margin-top: 15px;}
    .diyconfig-rights{width: 100% !important;}
    .sect2-part .choose-m span {
      width: 70px !important;
    min-width: 70px;
    }
    .choose-box select{width: 50% !important;margin-top: 10px;}
    .dragger {margin-left: 0;width: 100% !important;font-size: 0;background-color: transparent;border-radius: 0;}
    .dragger li {width: calc(25% - 10px);margin: 0 10px 10px 0;line-height:  40px;height: 40px; font-size:  14px;border: 1px solid #eaebef;}
    /* .dragger li:nth-child(2n) {margin-right:  10px;} */
    .dragger li:last-child {border: 1px solid #eaebef;}
    .dragger li .scale-box{
        position: relative;
        top: auto;
        right: auto;
        line-height: 40px;
    }
    .elastic{flex-direction: column;}
    .elastic input{margin-left: 20px;}
    .dragger li .scale-box .img_show{
        background-image: url(/images/new_kkidc/cloud_ecs/youhui.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 20px;
        border: none;
        position: absolute;
        left: -4px;
        top: -3px;
    }
    /* .dragger li .scale-box img:not([src]){
    opacity:0;
    } */
    .dragger ul{
        margin: 0 -10px -10px 0;
    }
    .textarea-remark{
        display: flex;
        flex-direction: column;
    }




     /* 当前配置 */
  .bottom-price{padding: 0;box-shadow: 0px 3px 4px 4px rgba(60, 88, 125, 0.1);}
  /* 梯形 */
  .detail-icon-box{
    position: absolute;
    left: 50%;
    top: -20px;
    width: 48px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #494a4c;
    background-color: #fff;
    box-shadow: 0px 3px 4px 1px rgba(60, 88, 125, 0.1);
    transform:translateX(-50%)  perspective(0.1em) rotateX(181deg);
    -webkit-transform:translateX(-50%)  perspective(0.1em) rotateX(181deg);
    -moz-transform:translateX(-50%)  perspective(0.1em) rotateX(181deg);
    -ms-transform:translateX(-50%)  perspective(0.1em) rotateX(181deg);
    -o-transform:translateX(-50%)  perspective(0.1em) rotateX(181deg);
    cursor: pointer;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 99;
  }
  /* 梯形箭头 */
  .detail-icon-box i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
  .detail-icon-box .show-detail-reverse{ transform: translate(-50%, -50%) rotate(-180deg); -webkit-transform: translate(-50%, -50%) rotate(-180deg); -moz-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); -o-transform: translate(-50%, -50%) rotate(-180deg); top: 6px;}

  .content-r{bottom: -5px;}
  .configuration{ padding: 22px 15px; margin-bottom: 0; }

  .card-title{display: block;}
  .card-title h3{margin-bottom: 14px;}
  .overview{display: flex;}

  .bottom-price .detail-box{position: relative;width: 100%;padding: 0;}
  .detail-box .purchase-menu{box-sizing: border-box;width: 100%!important;margin: 0;}
  .detail-box .purchase-menu li{height: auto;line-height: 24px;margin: 0;color: #93939a;}

  /* 优惠明细 */
  .preferential-details{height: 20px;}
  /* 优惠明细tip */
  .m-preferential-open {
    left: 90px;
    bottom: 34px;
    width: auto;
    z-index: 2000;
    padding: 15px;
  }
  .m-preferential-arrow{
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
  }
  .preferential-title{margin-bottom: 9px;}
  .preferential-content{margin-bottom: 9px;}
  .tip-footer{padding-top: 12px;margin-bottom: 0;}

  /* 当前配置底部价格栏 */
  .price-footer-box{padding: 0 0 8px 15px;flex-direction: column;align-items: flex-start;}
  .price-footer-box .phone-discounts{margin: 0;}
  .price-footer-box .actual-price{font-size: 16px;line-height: 38px;}
  .price-footer-box .phone-discounts{line-height: 20px}
  .total{position: relative;z-index: 2001;background-color: #fff;}
  .total>.btn.btn-linear{    height:40px; width: 34% !important; max-width: 120px; display: flex; align-items: center; justify-content: center;    margin-right: 15px;
}
  /* .choose-m span:nth-child(2n) { margin-right: 0; } */
  .content3 .renew .buy-warning{
        position: relative;
    padding: 10px;
    background-color: #f5f7fa;
    color: #93939a;
    font-size: 12px;
  }
  .choose-m{
    font-size: 0;
  }
  .choose-m span{
    margin: 5px;
  }
  .product-list>li{
    width: 100%;
  }
  .pc-show{display: block !important;}
  .content4{
    flex-direction: column;
    align-items: flex-start;
  }
  .content2,.module-name{width: 100% !important;}
  .sect2-part{width: 100%;align-items: flex-start;}
  .item-content-desc{
    text-indent: 2em;
    padding-bottom: 0px;
    padding-top: 5px;
  }
  .choose-m.value-added{
    margin-bottom: 10px;
  }
  .el-dialog__header{
    padding: 0;
  }
}

@media screen and (max-width: 540px) {
  .waf-title span {font-size: 17px}

  .module-name{ padding: 15px; font-size: 15px; display: flex; align-items: center;}
  .detail-box{width:calc(100% - 30px);padding:0 15px 20px}
  /* .m-form-name{margin: 20px 0 15px;} */

  /* 存储 */
  .ecs-tobuy .content3 .quantity-unit.m-tip{font-size: 12px;margin-top: 10px;}
  .ecs-tobuy .content3 .m-text-btn{margin-bottom:10px}
  .m-tip2{font-size: 12px;line-height: 20px;}
  .ecs-tobuy .content3 .add-datadisk{margin-top: 12px}
  /* 购买时间 */
  .renew .buy-warning{padding: 10px;font-size: 12px;}
  .renew .buy-warning::before{
    left: 33px;
    top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #f5f7fa;
  }

  /* 当前配置 */
  /* 梯形 */
  .detail-icon-box{
    top: -20px;
    width: 48px;
    height: 20px;
    line-height: 20px;
    box-shadow: 0px 3px 4px 1px rgba(60, 88, 125, 0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .detail-icon-box .show-detail-reverse{ top: 6px; }

  .content-r{bottom: -5px;}
  .configuration{ padding: 22px 15px; }
  .card-title h3{margin-bottom: 14px;}
  .detail-box .purchase-menu li{line-height: 24px}

  /* 优惠明细 */
  .preferential-details{height: 20px;line-height: 20px;margin-right: 10px;}
  .preferential-top{border-bottom: 5px solid transparent; }
  /* 优惠明细tip */
  .m-preferential-open {
    left: 90px;
    bottom: 34px;
    width: 180px;
    padding: 15px;
  }
  .tip-footer{padding-top: 12px}

  /* 当前配置底部价格栏 */
  .price-footer-box{padding: 0 0 8px 15px}
  .price-footer-box .actual-price{font-size: 16px;line-height: 38px;}
  .price-footer-box .phone-discounts{line-height: 20px;align-items: end;}
  .phone-discounts .fz14{text-align: left;}
}
@media screen and (max-width: 320px) {
  .mianfei{display: block;}
}