.op0{opacity: 0;}
.top24{margin-top: 24px}
.top10{margin-top: 10px}
.top12{margin-top: 12px}
.top16{margin-top: 16px}
.top20{margin-top: 17px}
.bottom10{margin-bottom: 10px}
.mbottom15{margin-bottom: 15px;}
.fz18{font-size: 18px;}
.fz14{font-size: 14px;}
.fw700{font-weight:700;}
.font2-width{width: calc(100% - 43px)}
.font3-width{width: calc(100% - 58px)}
.font4-width{width: calc(100% - 75px)}
.font6-width{width: calc(100% - 110px)}
.ml4{margin-left: 4px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mt5{margin-top: 5px;}
.mt10_ib{margin-top: 10px!important;display: inline-block;}
.mb5{margin-bottom: 5px;}
.mr10{margin-right: 10px!important;}
.mb10{margin-bottom: 10px!important;}
.mt16{margin-top: 16px;}
.lh40{line-height: 40px;}
.btn_noradius{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.dragger{margin-left: 0;}
.ecs-tobuy .choose-box{margin-bottom: 14px;}
.hide{display: none!important;}
.w100{width: 100%!important;}

.column-center{display: flex;align-items: center;}

.ecs-tobuy .n-btn-default{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.ecs-tobuy .name{text-align: left;width: 106px;}
.ecs-tobuy .choose-box,.ecs-tobuy .progress,.ecs-tobuy  .input-box{margin-left: 0;}
.ecs-tobuy .select-box{width: calc(100% - 106px);}
.ecs-tobuy .sect2-part .select-box{text-align: left;}
.ecs-tobuy .select-box .choose-box span{margin-bottom: 0;}
.ecs-tobuy .content1,
.ecs-tobuy .content2,
.ecs-tobuy .content3{border-bottom: 1px solid #ebedf0;;padding-bottom: 30px;margin-bottom: 27px}
.ecs-tobuy .content1{padding-bottom: 20px;}
.disk-box{padding-bottom: 20px!important;}
.net-box{padding-bottom: 16px!important;}
.content1 .choose-box span ,
.content2 .choose-box span ,
.content3 .choose-box span{ margin-bottom: 0; }
.ecs-tobuy .content3:last-child{border-bottom: none;}
#container { padding-top: 0px; }
.select-box .el-select{margin-right: 10px;}
.sect1-part:not(:last-child) p{margin-bottom: 16px;}
.content3:not(:last-child){margin-bottom: 27px;}
.content3:last-child{margin-bottom: 0;padding-bottom: 0;}
.ecs-tobuy .el-select:hover .el-input__inner{border-color: #2981ff;}
.ecs-tobuy .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); }
.ecs-tobuy .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); }
.ecs-tobuy .btn-linear:hover{box-shadow: none;}
.el-input-number__decrease:hover:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled){border-color: #2981ff; color: #2981ff;}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
  border-color: #2981ff;
}
.line-tip{width: calc(100% - 106px);margin-left: 106px;overflow: hidden;}

/* 实例配置 */
.instance-box{overflow: initial!important;}
.detail-box .instance{margin-bottom: 24px;}
.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;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  background: #e5e9ee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

/* 实例列表 */
.kk-table{overflow-x: auto;border: 1px solid #e1e5eb;}
.kk-table-header,.kk-table-body{min-width: 692px;}
.kk-table .kk-table-header {background-color: #edf0f5;border-bottom: 1px solid #ebedf0;}
.kk-table .kk-table-body .kk-table-tr:hover {color: #2981ff;background-color: #f4f9ff;}
.kk-table-body{max-height: 365px;overflow: hidden auto;}
.kk-table .kk-table-header .kk-table-th, .kk-table .kk-table-body .kk-table-td { padding: 0; padding-left: 29px}
.kk-table .kk-table-header .kk-table-th { width: 100%; height: 48px; line-height: 48px;  font-size: 14px; color: #323235; }
.kk-table .kk-table-body .kk-table-td { color: #626266; }
.kk-table .kk-table-body .kk-table-tr{ border-bottom: solid 1px #ebedf0; }
.kk-table .kk-table-body .kk-table-tr:last-child{ border-bottom: none }
.kk-table-td-hidden-text {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.el-radio__inner{width: 16px;height: 16px;}
.el-radio__input.is-checked .el-radio__inner{background: #2981ff;border-color: #2981ff;}
.el-radio__inner::after{width: 8px;height: 8px;}

/* 存储 */
.ecs-tobuy .content3 .quantity-unit.del-btn{color: #2981ff;margin-left: 20px;}
.ecs-tobuy .content3 .text-btn{position: relative;display:inline-block;margin: 0 40px 0 0;color: #2981ff;line-height: 40px}
.ecs-tobuy .content3 .text-btn::before{
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/web/zuiyun/assets/images/cae8aac9-icon-add.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.ecs-tobuy .content3 .add-datadisk{margin-bottom: 5px;}
.ecs-tobuy .content3 .add-datadisk:last-child{margin-bottom:0;}

.quantity-unit{ line-height: 40px; margin-left: 10px;color: #999999;margin-bottom: 14px;font-size: 12px; }
.quantity-unit .mianfei{margin-left: 10px;}
.new-tabactive span{ display: flex; justify-content: center; align-items: center; float: left; line-height: 1; }
.protect-box .choose-box span{margin-bottom: 10px;}
.sect2-part .progress span{font-size: 12px;}

/* 网络带宽 */
/* .bandwidth-box{margin-top: 24px;} */
.renew .buy-tips span::after{right: 229px!important;}
.ecs-tobuy .content3 .choose-box.buff{width: auto;}
.ecs-tobuy .content3 .bandw_method .choose-box{width: auto;}
/* .ecs-tobuy .content3 .progress-box{padding-bottom: 40px;} */

/* 购买量 */
.renew .buy-tips { width: auto; height: 38px; line-height: 38px; font-size: 12px; color: #ffffff; position: absolute; margin: -63px 0 0 -118px; display: none; z-index: 99; background: #2981ff; padding: 0 10px; }
.renew .buy-tips span{position: relative;}
.renew .buy-tips span::after{ position: absolute; content: ""; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2981ff; top: 26px; right: 111px; }
.renew>img{
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
}

/* 当前配置 */
.purchase-menu li{display: flex;}

/* 优惠明细 */
.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-secs {
  min-width: 300px;
  display: inline-table;
}

.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: center;
}

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

.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:23.5px 20px 15.2px;}
.card-title h3{margin-bottom: 6px;}
.configuration{padding-bottom: 16px;}

/* 费用明细表格样式 */
.cost-breakdown-table {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}

.cost-breakdown-table thead {
  background-color: #f5f7fa;
}

.cost-breakdown-table thead tr {
  border: 1px solid #ebedf0;
}

.cost-breakdown-table th {
  padding: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: left;
  height: 35px;
  min-width: 50px;
}

.cost-breakdown-table tbody tr {
  border: 1px solid #f0f0f0;
}

.cost-breakdown-table td {
  padding: 6px 10px;
  font-size: 14px;
  color: #333;
  height: 35px;
  vertical-align: middle;
  text-align: left;
}

.cost-breakdown-table .current-price {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-right: 6px;
}

.cost-breakdown-table .discount-badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #ff6a00;
  border: 1px solid #ff6a00;
  border-radius: 10px;
  margin: 0 6px;
  font-weight: 500;
}

.cost-breakdown-table .original-price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  margin-left: 4px;
}

/* 数据盘查看悬浮框 */
.inline-block{position: relative;display: inline-block;}
.link{color: #2981ff;cursor: pointer;}
.data_disk_list{position: absolute;bottom: 25px;right:-30px;background-color: #fff;padding: 5px 15px;box-shadow: -2px 6px 21px 2px rgba(18, 51, 100, 0.1);z-index:99}
.data_disk_list p{line-height: 28px;font-size: 14px;display: flex;justify-content: center;max-width: 200px;}

.empty {text-align: center;margin: 32px 0;}
.empty img{width: 31px;height: 31px;}
.m-tip2{font-size: 12px;}
@media screen and (max-width: 1024px) {
  .form-item{padding-left: 0;overflow: hidden;}
  .form-item .name{width: 98px;}
  .content3 .long-time .choose-box span{position: relative;width: 22.8%;margin-bottom: 2.8%; margin-right: 2.8%;padding: 0 1.4%;overflow: inherit;}
  /* .youhui-bg{position: absolute;top: -2px;
  left: -3px;width: 22px;height: 18px;} */
  .long-time .choose-box span:nth-child(4n){margin-right: 0;}
  .kk-table-header,.kk-table-body{min-width:1100px;}
  .kk-table .kk-table-header .kk-table-th, .kk-table .kk-table-body .kk-table-td{
    padding-left: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .sect2-part.protect-box{width: 100%;}
  .waf-title span {
    font-size: 17px;
  }

  .contents {padding:0;width: 100%;}
  .content-left{padding: 0}
  .ecs-tobuy .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: 0px;
    background-color: #2981ff;
    margin-right: 15px;
  }
  .detail-box{
    width:calc(100% - 30px);
    padding:0 15px 20px;
  }
  .ecs-tobuy .m-form-name{
    width: 100%;
    margin: 19px 0 14px;
    text-align: left;
    line-height: 1;
    height: auto;
  }
  .choose-box{margin-left: 0}
  .ecs-tobuy .select-box{width: 100%;}
  .content-left { margin-top: 0px; z-index: 3; }
  .content2 .choose-box { width: 100%; }
  .select-box .el-select{ width: 49%;margin: auto; }
  .disk .select-box .el-select{ width: 35%; }
  .choose-m{width: 100%;}
  .choose-m-half span{width: 48%!important;}
  .choose-m-half span:nth-child(2n){margin-right: 0!important;}
  .line-tip{margin-left: 0;width: 100%;}

  .ecs-tobuy .content3 .choose-box.buff{width: 100%;}
  .ecs-tobuy .content3 .bandw_method .choose-box{width: 100%;}
  .ecs-tobuy .content3 .bandw_method .choose-box{margin-bottom: 14px!important;}
  .value-added-icon{
    margin-left: 0;
  }
  .value-added-icon span{
    margin-left: 0!important;
  }
  .ecs-tobuy .content3 .choose-box.buff{margin-bottom: 0;}


  /* 存储 */
  .ecs-tobuy .content3 .quantity-unit.m-tip{display: block;font-size: 12px;margin-left: 0;margin-top: 14px;line-height: 1;}
  .ecs-tobuy .content3 .m-text-btn{margin:0 0 10px;line-height: 1;}
  .m-tip2{display: block;font-size: 12px;line-height: 20px;}
  .ecs-tobuy .content3 .add-datadisk{margin-top: 12px;margin-bottom: 0;}
  .el-input-number{margin-bottom: 0;}
  /* 网络带宽 */
  .progress-box{margin-top: 0;}
  .net_type .choose-box{margin-bottom: 0;}  
  .protect-box .choose-box span,
  .net_type .choose-box span{margin-right: 2.8%;margin-bottom: 2.8%;overflow: inherit;}
  .protect-box .choose-box span:nth-child(2n),
  .net_type .choose-box span:nth-child(2n){margin-right: 0;}
  .input-box{margin-left: 0;}
  /* 购买时间 */
  .long-time {    margin: 0;
    padding-left: 0;width: 100%;}
  .long-time .choose-box span{position: relative;width: 22.8%;margin-bottom: 2.8%; margin-right: 2.8%;padding: 0 1.4%;overflow: inherit;}
  .youhui-bg { position: absolute; top: -3px; left: -4px; width: 24px; height: 20px; }
  .sect3-part{width: 100%;}
  .long-time .choose-box span:nth-child(4n){margin-right: 0;}
  .long-time  .choose-box,.protect-box .choose-box,.ecs-tobuy .select-box .choose-box span{margin-bottom: 0;}
  .renew{width: 100%;margin: 0;}
  .renew .buy-warning{
    position: relative;
    padding: 10px;
    background-color: #f5f7fa;
    color:#93939a ;
    font-size: 12px;
  }
  .renew .buy-warning::before{
    content: "";
    position: absolute;
    left: 33px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #f5f7fa;
  }

  /* 当前配置 */
  .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-open-secs {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 34px;
    width: auto;
    max-width: 400px;
    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;}

  /* 费用明细表格移动端样式 */
  .cost-breakdown-table {
    font-size: 13px;
  }

  .cost-breakdown-table th,
  .cost-breakdown-table td {
    padding: 4px;
    font-size: 13px;
  }

  .cost-breakdown-table .current-price {
    font-size: 14px;
  }

  .cost-breakdown-table .discount-badge {
    padding: 1px 6px;
    font-size: 11px;
    margin: 0 4px;
  }

  .cost-breakdown-table .original-price {
    font-size: 12px;
  }

  /* 当前配置底部价格栏 */
  .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-box .btn.btn-linear{height: 40px; width: 17% !important; max-width: 120px; display: flex; align-items: center; justify-content: center;    margin-right: 10px; }
  .total>.btn-box{width: 34%;}


  /* #buy .select-box{margin-bottom: 8px;} */
  .bottom-m{margin-bottom: 0 !important;}
  .long-time .choose-box,.protect-box .choose-box{
    margin-bottom: -5px;
  }
  .phone-discounts .fz14{text-align: left;}
  .ecs-tobuy .content3 .text-btn::before{
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    background: url("/web/zuiyun/assets/images/34351815-icon-add-m.png");
    background-size: 100% 100%;
    vertical-align: sub;
    margin-right: 8px;
    position: relative;
    top: -1px;
    }
}

@media screen and (max-width: 540px) {
  .ecs-disk .el-input-number{ width: 145px !important }
  .disk .select-box .el-select{ width: 30%; }

  .waf-title span {font-size: 17px}

  .module-name{padding: 15px;}
  .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-bottom: 8px;}
  .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;
  }
  .m-preferential-open-secs {
    left: 165px;
    width: 300px;
  }
  .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;}
}

/* 登录密钥 */
.pwd-pass{color:#0096ff}
.pwd-input{width: 25%;}
#confirm_password_tip,#aliyun_confirm_password_tip{margin-left: 106px;}
.show-pwd-icon{
  font-size: 24px;
  line-height: 40px;
  margin-right: 5px;
}

/* 隐藏 Edge 浏览器密码框的默认显示/隐藏按钮 */
.pwd-input input[type="password"]::-ms-reveal,
.pwd-input input[type="password"]::-ms-clear {
  display: none;
}

/* 隐藏 Webkit 内核浏览器的密码自动填充按钮 */
.pwd-input input[type="password"]::-webkit-credentials-auto-fill-button,
.pwd-input input[type="password"]::-webkit-strong-password-auto-fill-button {
  display: none !important;
}
.set-pwd{
  position: relative;
  overflow: visible;
}
.safety-box,
.group-name-check-box {
  opacity: 0;
  position: absolute;
  top: 0;
  left: calc(25% + 120px);
  width: 400px;
  text-align: left;
  padding: 15px;
  margin-top: -13px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 6px;
  z-index: 5;
  box-shadow: 0px 1px 7px 0px rgba(150, 150, 150, 0.26);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  pointer-events: none;
}
.group-name-check-box{
  opacity: 1;
  left: calc(30% + 20px);
}

.safety-box::before,
.group-name-check-box::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 30px;
  width: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(150, 150, 150, 0.16);
  border-left: 10px solid transparent;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.safety-box::after,
.group-name-check-box::after {
  position: absolute;
  content: '';
  left: -13px;
  top: 30px;
  width: 0;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.safety-box p,
.group-name-check-box p {
  line-height: 1.5;
  font-size:12px;
}

.safety-box i,
.group-name-check-box i {
  vertical-align: -1px;
  color: #d1d3d6;
  margin-right: 3px;
}

.psw-policy {
  display: inline-block;
  margin-left: 24px;
  margin-top: 5px;
  font-size: 12px;
}

.psw-policy label {
  margin-right: 8px;
}
.psw-policy span {
  display: inline-block;
  width: 24px;
  height: 4px;
  background-color: rgb(223, 226, 229);
  vertical-align: 2px;
  margin-right: 4px;
}

.bluebgI{background-color:#0096ff!important}
.blueI{color:#0096ff!important}

@media screen and (max-width: 1023px) {
  .pwd-input{width: 100%;}
  #confirm_password_tip{margin-left: 0;}
  .psw-policy{margin-left: 0;}

  .safety-box,
  .group-name-check-box {
    top: calc(100% + 30px);
    left: 0;
    width: 100%;
    font-size: 12px;
    padding: 9px;
  }
  .group-name-check-box{
    width: 94%;
    left: 3%;
  }
  .safety-box::before,
  .group-name-check-box::before {
    position: absolute;
    content: '';
    left: 17px;
    top: -8px;
    transform: translateY(-50%);
    width: 0;
    height: 0px;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(150, 150, 150);
    border-left: 7px solid transparent;
    filter: drop-shadow(0px -4px 4px rgba(150, 150, 150, 0.2));
    -webkit-filter: drop-shadow(0px -4px 4px rgba(150, 150, 150, 0.2));
  }

  .safety-box::after,
  .group-name-check-box::after {
    position: absolute;
    content: '';
    left: 15px;
    top: -4px;
    transform: translateY(-50%);
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffffff;
  }

  .safety-box p,
  .group-name-check-box p{line-height: 1.6;}
  .safety-box i,
  .group-name-check-box i{font-size: 14px!important;}
}

.line{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.line-box{
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 350px;
	height: auto;
  min-height: 80px;
  min-width: 240px;
  padding: 14px 16px;
  line-height: 1;
  background:url("/web/zuiyun/assets/images/167fed0d-line_bg.jpg") no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  border:1px solid #ebedf0;
}

.cpu-model-box:hover,
.line-box:hover{
  border:1px solid #2981ff;
}

.line-title::before{
  content: "";
  display: inline-block;
  width: 26px;
  height: 16px;
  background: url("/web/zuiyun/assets/images/baa5dc6b-icoin_zh_cn.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.line-title{
  font-weight: 700;
  margin-bottom: 12px;
}
.line-desc{
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
}
.line-desc::-webkit-scrollbar {
  display: none;
}
.line-desc-item{
  padding: 3px 10px;
  margin-right: 8px;
  font-size: 12px;
  border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ms-border-radius: 13px;
	-o-border-radius: 13px;
  margin-bottom: 0!important;
}

.line-desc-item:nth-child(n){
  color:#2acffe;
  border:1px solid #2acffe;
  background-color:rgb(42, 207, 254,0.1) ;
}

.line-desc-item:nth-child(2n){
  color:#1fdcc0;
  border:1px solid #1fdcc0;
  background-color:rgb(31, 220, 192,0.1) ;
}

.line-desc-item:nth-child(3n){
  color:#fdb259;
  border:1px solid #fdb259;
  background-color:rgb(253, 178, 89,0.1) ;
}

.line-desc-item:last-child{margin-right: 0;}

.line-desc-item>i{
  font-size: 14px;
  margin-right: 6px;
}

/* 线路售罄样式 */
.line-box.is_sellout{
  background:url("/web/zuiyun/assets/images/2f273b4e-is_sellout.png") no-repeat right -8px;
  background-size: 56px 52px;
  background-color: #f4f6f9;
}
.line-box.is_sellout .line-title{
  color: #626266;
}
.line-box.is_sellout .line-desc-item{
  color: #727272;
  background-color: #ecf0f3;
  border-color:#ecf0f3;
}
.line-box.is_sellout .line-desc>p i{
  color: #afb5c3;
}
/* 选中样式 */
.line-box.active{
  color: #fff;
  background:url("/web/zuiyun/assets/images/8ac4e356-line_bg_active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}
.line-box.active .line-title{
  color: #fff;
}
.line-box.active .line-desc-item{
  background-color: rgb(255, 255, 255,0.15);
  color: #fff;
  border-color: transparent;
}
.line-box.active .line-desc>p i{
  color: #fff;
}

/* 选中且售罄 */
.line-box.active.is_sellout::before{
  content: '';
  position: absolute;
  top: -8px;
  right: 0;
  width: 56px;
  height: 52px;
  background:url("/web/zuiyun/assets/images/07d04bab-is_sellout_active_icon.png") no-repeat center;
  background-size: 56px 52px;
}

.cpu-model{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.cpu-model-box{
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
	height: auto;
  min-height: 70px;
  min-width: 325.5px;
  padding: 14px 16px;
  line-height: 1;
  background:url("/web/zuiyun/assets/images/9f77b0ee-cpu_model_bg.jpg") no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  border:1px solid #ebedf0;
}
.cpu-model-box:last-child{
  margin-right: 0;
}
.cpu-model-title{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px!important;
  color: #323235;
}
.cpu-model-title::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/web/zuiyun/assets/images/58a52333-icon_jx.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.cpu-model-desc{
  font-size: 12px;
  color: #626266;
  margin-bottom: 0!important;
}

/* 机型售罄样式 */
.cpu-model-box.is_sellout{
  background:url("/web/zuiyun/assets/images/2f273b4e-is_sellout.png") no-repeat right -8px;
  background-size: 56px 52px;
  background-color: #f4f6f9;
}
.cpu-model-box.is_sellout .line-title{
  color: #626266;
}
.cpu-model-box.is_sellout .cpu-model-title{
  color: #626266;
}
.cpu-model-box.is_sellout .cpu-model-desc{
  color: #727272;
}


/* 选中样式 */
.cpu-model-box.active{
  background:url("/web/zuiyun/assets/images/850bf5de-is_sellout_active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}

.cpu-model-box.active .cpu-model-title::before{
  background: url("/web/zuiyun/assets/images/4f3c9e45-icon_jx_active.png");
}

.cpu-model-box.active .cpu-model-title,
.cpu-model-box.active .cpu-model-desc{
  color: #fff;
}

/* 选中且售罄 */
.cpu-model-box.active.is_sellout{
  background:url("/web/zuiyun/assets/images/850bf5de-is_sellout_active.png") no-repeat center;
  background-size: 100% 100%;
}
.cpu-model-box.active.is_sellout::before{
  content: '';
  position: absolute;
  top: -8px;
  right: 0;
  width: 56px;
  height: 52px;
  background:url("/web/zuiyun/assets/images/07d04bab-is_sellout_active_icon.png") no-repeat center;
  background-size: 56px 52px;
}

.kk-table-tr{position: relative;}
.kk-table-tr.is_sellout::before{
  content: '';
  position: absolute;
  top: 0;
  left:0;
  width: 51px;
  height: 51px;
  background:url("/web/zuiyun/assets/images/a6425eb2-ins_is_sellout.png") no-repeat left top;
  background-size: 51px 51px;
}
.kk-table-tr.is_sellout .kk-table-td{
  color: #93939a;
}
.disabled{background-color: #848689!important;color: #fff;}

@media screen and (max-width: 1023px) {
  .line-box,.cpu-model-box{width: 100%;margin-right: 0;}

  .show-more{color: #2981ff;cursor: pointer;margin-top: 5px;background-color: #fff;}
  .show-more span{font-size: 14px!important;}
  .show-more i{ position: relative;top: -1px;  font-size: 10px!important;transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ; }
  .show-more .icon-reserve{ top: -2px;transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }
}

.waf-title{display: flex;justify-content: space-between;align-items: center;}
.qq-box{
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 325px;
	height: 34px;
  padding-left: 12px;
  padding-right: 3px;
	background-color: #e9f2ff;
	border-radius: 17px;
	border: solid 1px #bdd8fe;
  line-height: 1;
}
.qq-box>div,
.qq-box>.qq{
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #2981ff;
  vertical-align: middle;
}
.qq-box img{
  width: 14px;
  height: auto;
  margin-right: 6px;
  vertical-align: middle;
}
.qq-box>.qq{
  padding: 6px 10px;
  color: #fff;
	background-image: linear-gradient(180deg,
		#8ab9fd 0%,
		#2981ff 100%);
	box-shadow: 0px 0px 8px 0px
		rgba(25, 109, 229, 0.1),
		inset 0px -2px 0px 0px
		rgba(35, 93, 174, 0.6);
	border-radius: 14px;
  cursor: pointer;
  flex-shrink: 0;
}

.qq-box>.qq:hover{
  background-image: linear-gradient(180deg, #8ab9fd 0%, #3e8dff 100%);
}

@media screen and (max-width: 1023px) {
  .qq-box-row{
    padding: 12px 15px;
    border-top: solid 1px #eaebef;
  }
  .qq-box{
    width:100%;
  }
}

.no-cpu-model{
  width: 180px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background-color: #ebedf0;
  color: #babac2;
}
@media screen and (max-width: 1023px) {
  .sect1-part .cpu-model .no-cpu-model{
    margin-bottom: 0;
  }
  .content3 .no-cpu-model{
    margin-bottom: 0;
  }
}


.bandw_method.sect2-part,
.net_type.sect2-part{position: relative;}
.mb20{margin-bottom: 20px!important;}
.bandw_method_remark{
  position: absolute;
  left: 106px;
  top: 43px;
  width: 800px;
  color: #848689;
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  .bandw_method_remark{
    left: 0px;
    top: 88px;
    width: 100%;
  }
}

.progress-box .el-slider__runway.disabled .el-slider__bar{
  background: #2981ff;
}

.progress-box .el-input-number.is-disabled .el-input-number__decrease,
.progress-box .el-input-number.is-disabled .el-input-number__increase{
    color: #dfe2e5 !important;
    border-radius: 0 !important;
    border: none;
    border-right: 1px solid #eaebef;
    background-color: #f3f4f7;
    top: 1px;
}


.text-btn,
.del-btn{
  user-select: none;
}

.link-type{
  color: #2981ff;
  cursor: pointer;
  user-select: none;
}

.f12{font-size: 12px;}
.f14{font-size: 14px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.top5{margin-top: 5px;}
.mt20{margin-top: 20px;}
.mt14{margin-top: 14px;}
.mt10{margin-top: 10px;}
.ml120{margin-left: 120px;}

.cursor{
  cursor: pointer;
}
.w80 {
    width: 80% !important;
}
.mb0{margin-bottom: 0!important;}
.ecs-tobuy .content3 .temp_box .el-select{width: 275px;}
@media screen and (max-width: 1023px) {
  .ecs-tobuy .content3 .temp_box .el-select{
    width: calc((100% - 10px) / 2);
  }
  .ecs-tobuy .content3 .sect2-part .temp_tab{
    margin: 0!important;
    margin-bottom: 5px!important;
  }
  .ecs-tobuy .content3 .sect2-part .temp_tab span{
    margin: 5px 0!important;
    width: calc((100% - 10px) / 2)!important;
  }
  .ecs-tobuy .content3 .sect2-part .temp_tab span:nth-child(2n-1){
    margin-right: 10px!important;
  }
}

.w370px{width: 370px!important;}


.layui-layer-content .trial_dialog{
  padding: 20px;
}
.layui-layer-btn{
  text-align: center;
}
.layui-layer-btn .layui-layer-btn0{
  border-color:#2981ff;
  background-color: #2981ff
}
.layui-layer-btn a{
  padding: 5px 15px;
}

.spec_table li{
  display: flex;
  align-items: center;
  border: 1px solid #eee;
}


.spec_table li>div{
  padding: 10px;
  text-align: center;
}

.spec_table .spec_label{
  width: 20%;
}
.spec_table .spec_value{
  border-left: 1px solid #eee;
  width: 80%;
}

@media screen and (max-width: 1023px) {
  .layui-layer-page{
    width: 90%!important;
  }
  .spec_table .spec_label{
    border-right: 1px solid #eee;
    width: 25%;
  }
  .spec_table .spec_value{
    border-left:none;
    width: 75%;
  }
  .total>.btn-box{display: flex;justify-content: flex-end;}
  .total>.btn-box .btn.btn-linear.tobuy_btn{
    width: calc((100% - 20px) / 2)!important;
  }
  .trial_btn{
    box-sizing: border-box;
    width: calc((100% - 20px) / 2)!important;
    height: 40px;
    margin: 0;
    margin-right: 10px;
    line-height: 40px;
  }

  .ecs-tobuy .content3 .net_method .choose-box{margin-bottom: 0!important;}
  .ecs-tobuy .content3 .net_method .choose-box>span{margin:0 5px!important;}
  .ecs-tobuy .content3 .net_method .select-box >.el-select{width: calc((100% - 20px) / 2)}
  .ecs-tobuy .content3 .net_method .select-box >.el-select:first-child{margin-right: 7px;}

  .data_disk_list p span{max-width: 120px;}
  .data_disk_list{right:auto;}

}



.hasActive-contents {
  padding-top: 0;
}
.active-box{
  box-sizing: border-box;
  background-color: #fff;
  padding: 0;
  margin: 22px auto 0;
  overflow-x: clip;
  overflow-y: visible;
  box-shadow: 0px 4px 20px 0px 
		rgba(18, 51, 100, 0.04);
}
.ql-editor{
  padding: 0;
}
.ql-editor img,
.ql-editor span {
  vertical-align: middle !important;
}
.ql-editor h1>span>img,
.ql-editor h1>span>span,
.ql-editor h2>span>img,
.ql-editor h2>span>span,
.ql-editor h3>span>img,
.ql-editor h3>span>span,
.ql-editor h4>span>img,
.ql-editor h4>span>span,
.ql-editor h5>span>img,
.ql-editor h5>span>span,
.ql-editor h6>span>img,
.ql-editor h6>span>span {
  vertical-align: sub !important;
}

.acknowledge-btn{
  padding-left: 17px;
  padding-right: 30px;
  font-size: 12px;
  font-weight: 400;
  color: #71a6f2;
  cursor: pointer;
}

.line-icon{
  position: absolute;
  right: -1px;
  top: -4px;
  z-index: 1;
  height: 20px;
}    
.active .line-icon{
  right: 0;
}  
.select-box.cpu-model{
  position: relative;
  top: 4px;
}

.icon-icon_shuaxin:hover{
  color: #2981ff;
}
.rotate-action{
  display: inline-block;
  animation: rotate 1s linear infinite;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-360deg);
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
    }
}

.progress{margin: 2px;}
.red{color: #ff0000;}
.lh24{line-height: 24px;}



/* ------------------------------------------------------ */
/* aws */
.product_type{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
}

.product-box{
  position: relative;
  top: 4px;
  box-sizing: border-box;
  display: inline-block;
  width: 302px;
	height: auto;
  min-height: 80px;
  min-width: 240px;
  padding: 18px 20px;
  line-height: 1;
  background-size: 100% 100%;
  margin-right: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  border:1px solid #ebedf0;
}
.product-box:last-child{
  margin-right: 0;
}
.product-box.ecs_type_class,.product-box.eecs_type_class{
  background:url("/web/zuiyun/assets/images/04beb54a-ecs_type_bg.png") no-repeat center;
  background-size: 100%;
}
.product-box.aws_type_class,.product-box.lightsail_type_class{
  background:url("/web/zuiyun/assets/images/5ec8af9d-aws_type_bg.png") no-repeat center;
  background-size: 100%;
}
.product-box.aliyun_type_class{
  background:url("/web/zuiyun/assets/images/b47a2a1f-aliyun_type_bg.png") no-repeat center;
  background-size: 100%;
}

.product-box:hover{
  border:1px solid #2981ff;
}

.product-title::before{
  content: "";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: sub;
  margin-right: 10px;
}
.ecs_type_class .product-title::before,
.eecs_type_class .product-title::before{
  width: 15px;
  height: 17px;
  background: url("/web/zuiyun/assets/images/74259dc4-ecs_type_icon.png") no-repeat;
}
.aws_type_class .product-title::before,
.lightsail_type_class .product-title::before{
  width: 16px;
  height: 16px;
  background: url("/web/zuiyun/assets/images/a91621a1-aws_type_icon.png") no-repeat;
}
.aliyun_type_class .product-title::before{
  width: 18px;
  height: 11px;
  background: url("/web/zuiyun/assets/images/d3eb729d-aliyun_type_icon.png") no-repeat;
  vertical-align: baseline;
}

.product-title{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px!important;
  color: #323235;
}
.product-desc{
  font-size: 12px;
  color: #666;
  margin-bottom: 0!important;
}

/* 选中样式 */
.ecs_type_class.active,
.eecs_type_class.active{
  background:url("/web/zuiyun/assets/images/3e758732-ecs_type_bg_active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}
.ecs_type_class.active .product-title::before,
.eecs_type_class.active .product-title::before{
  background: url("/web/zuiyun/assets/images/4e9e1b11-ecs_type_icon_active.png") no-repeat;
}
.aws_type_class.active,
.lightsail_type_class.active{
  background:url("/web/zuiyun/assets/images/beb2e978-aws_type_bg_active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}
.aws_type_class.active .product-title::before,
.lightsail_type_class.active .product-title::before{
  background: url("/web/zuiyun/assets/images/85b46df5-aws_type_icon_active.png") no-repeat;
}
.aliyun_type_class.active{
  background:url("/web/zuiyun/assets/images/2c303ea4-aliyun_type_bg_active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}
.aliyun_type_class.active .product-title::before{
  background: url("/web/zuiyun/assets/images/e4f7b5f0-aliyun_type_icon_active.png") no-repeat;
}

.product-box.active .product-title,
.product-box.active .product-desc{
  color: #fff;
}

.region-box>span,
.cpu-model-type-box>span{
  margin-bottom: 10px!important;
}
.region-box{
  width: 950px;
}
.region .el-select{
  width:calc(100% - 960px);
}
.aws-region-select-box.active .el-input--suffix .el-input__inner{
  background-color: #2981ff;
  color: #fff;
}
.aws-region-select-box.active .el-icon-arrow-up:before{
  border-top: 5px solid #fff;
}
.aws-region-select-box .el-input__inner::placeholder{
  color: #323235;
}
.aws-region-select-box .el-input--suffix .el-input__inner{
  text-align: center;
}

.aws-region-select .el-select-group__title{
  font-size: 16px;
  color: #1c1d1f;
  font-weight: 700;
  margin-top: 17px;
  margin-bottom: 13px;
  line-height: 30px;
}
.aws-region-select .el-select-group{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 20px;
}
.aws-region-select .el-select-group .el-select-dropdown__item{
  width: 180px;
	height: 40px;
	border: solid 1px #ebedf0;
  font-size: 14px;
  line-height: 40px;
  margin-right: 0;
}
.aws-region-select .el-select-group .el-select-dropdown__item:nth-child(3n){
  margin-right: 0;
}
.aws-region-select .el-select-group__wrap:not(:last-of-type)::after{
  display: none;
}
.aws-region-select .el-select-group__wrap:not(:last-of-type){
  padding-bottom: 0;
}
.aws-region-select .el-select-group__wrap:last-child{
  margin-bottom: 24px;
}
.aws-region-select .el-select-group .el-select-dropdown__item.selected{
  background-color: #2981ff;
  color: #fff;
}
.aws-region-select{
  right: 0;
  width: 605px;
  left: auto!important;
  min-height: 100px;
  transform: translateZ(0);
}
.aws-region-select .el-select-dropdown__empty{
  line-height: 100px;
}
.aws-region-select .popper__arrow{
  left:auto!important;
  right:50px!important;
}
.cpu-model-type-box{
  width:100%
}
@media screen and (max-width: 1440px) {
  .region-box>span {
    width: 150px;
  }
  .region-box{
    width: 800px;
  }
  .region .el-select{
    width:calc(100% - 810px);
  }
}
.contents {
  z-index: auto;
}
.ins-type-search{
  width: 370px;
}
.aws-select-ins{
  width: 300px!important;
}

.tem_box{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tem_box .tem_item{
  position: relative;
  box-sizing: border-box;
  width:180px;
  height: 65px;
  border: solid 1px #ebedf0;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.extend_box .tem_item{
  width: 370px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px 10px;
}
.extend_box .tem_item>div>p{
  line-height: 1;
}
.extend_box .tem_item>img{
  width: 30px;
  margin-left: 7px;
  margin-right: 12px;
}
.extend_box .tem_item .extend-name{
  font-weight: 700;
  color: #323235;
  font-size: 14px;
  user-select: none;
}
.extend-name-item{
  display: inline-block;
  max-width: 260px;
  vertical-align: middle;
}
.extend_box .tem_item .extend-desc{
  color: #5c5e63;
  font-size: 12px;
  user-select: none;
  max-width: 280px;
}
.tem_box .tem_item:hover{
  border: solid 1px #2981ff;
}

.tem_box .tem_item.active{
  border: solid 1px #2981ff;
  background: url('/web/zuiyun/assets/images/10aa7dca-icon_gou.png') no-repeat right 0;
  background-color: #f4f9ff;
}

/* 镜像限制样式 */
.tem_box .tem_item.is_limit{
  background-color: #f4f6f9;
  cursor: not-allowed;
}
.tem_box .tem_item.is_limit img{
  opacity: 0.5;
  filter: grayscale(100%);
}
.tem_box .tem_item.is_limit .system-name{
  color: #93939a;
}

.tem_box .tem_item .system-icon{
  width: 20px;
  height: 20px;
}
.tem_box .tem_item .system-name{
  color: #5c5e63;
  font-size: 14px;
  max-width: 100%;
  user-select: none;
}
.tem-icon-down{
  margin-left: 8px;
  vertical-align: middle;
  transition:all .3s;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
}
.tem_rotate{
  position: relative;
  transform:rotate(-180deg) ;
  -webkit-transform:rotate(-180deg) ;
  -moz-transform:rotate(-180deg) ;
  -ms-transform:rotate(-180deg) ;
  -o-transform:rotate(-180deg) ;
}
.key_pair_tip{
  color: #848689;
  margin-left:106px;
  font-size: 12px;
}
.new-bottom .new-price-num{
  color: #ff8d1d;
}


.ins-type-search .el-input__inner:hover{
  border-color: #2981ff;
}
.aws_ins_search .system_id{
  margin-right: 10px;
}

@media screen and (max-width: 1023px) {
  .product-box{
    min-height: 70px;
    padding: 12px 16px;
    margin-right: 0;
  }
  span.all_region_box{
    text-align: center;
    padding: 0 12px;
  }
  .all_region_box img{
    float: right;
    margin-top: 18px; 
  }
  .ins-type-search{
    margin-top: 10px;
    width: 100%;
  }
  .ins-type-search .el-input__inner{
    border-color: #ebedf0;
  }
  .aws_ins_search .system_id{
    width: calc((100% - 10px) / 2);
    border-color: #ebedf0;
  }
  .aws_ins_search .system_id:first-child{
    margin-right: 10px;
  }
  .aws_ins_search .system_id:nth-child(2){
    margin-right: 0px;
  }
  .ecs-tobuy .m-form-name.aws_select_ins_name{
    margin-top: 10px;
  }
  .aws-ins-type .no-cpu-model{
    margin-bottom: 10px;
  }
  .new-disk .select-box .el-select,
  .new-disk .select-box .el-input-number{
    width: calc((100% - 10px) / 2)!important;
  }
  .new-disk .select-box .el-select{
    margin-right: 10px;
  }
  .m-del-btn{
    margin-left: 10px;
    color: #2981ff;
    font-size: 14px;
  }
  .w100-fresh{
    width: calc(100% - 45px)!important;
    margin-right: 10px!important;
  }
  .icon-icon_shuaxin:hover{
    color: #323235;
  }
  .key_pair_tip{
    margin-left: 0;
    font-size: 12px;
  }
  .top10{
    margin-top: 10px;
  }
  .ecs-tobuy .content3 .bandw_method .choose-box.aws-bandw-method{
    margin-bottom:0!important;
  }

  .new-bottom{
    box-sizing: border-box;
    flex-direction: column;
    padding: 15px;
  }


  .new-bottom .price-footer-box{
    width: 100%;
    padding: 0;
  }

  .new-bottom-price{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .new-bottom .price-footer-box .actual-price{
    font-size: 15px;
    margin-right: 20px;
    line-height: 1;
  }
  .new-bottom .phone-discounts{
    padding-bottom: 11px;
    font-size: 13px;
  }
  .new-bottom .price-footer-box .actual-price,
  .new-bottom .price-footer-box .bottom-traffic-fee{
    margin-bottom: 11px;
  }

  .new-bottom .bottom-traffic-fee{
    font-size: 13px;
    line-height: 1;
  }
  .new-bottom .new-price-num{
    font-size: 14px;
    color: #ff8d1d;
  }
  .new-bottom .bottom-traffic-fee .new-price-num{
    color: #f33e3e;
  }
  .new-bottom .m-preferential-open{
    bottom: 45px;
  }

  .new-bottom>.btn-box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  .two-btn{
    grid-template-columns: repeat(2, 1fr)!important;
  }
  .new-bottom>.btn-box .btn.btn-linear.tobuy_btn{
    width: 100%!important;
    max-width: none;
    height: 45px;
    background-color: #2981ff;
    margin-right: 0;
  }
  .new-bottom>.btn-box .btn.trial_btn{
    width: 100%!important;
    max-width: none;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
  }
  .all-region-mobile,
  .all-line-mobile{
    box-sizing: border-box;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 65%;
    background-color: #fff;
    z-index: 10001;
    padding: 5px 15px 105px;
    padding-top: 5px;
    overflow: auto;
  }
  .all-line-mobile{
    padding-top: 25px;
  }
  .all-line-mobile::-webkit-scrollbar,
  .all-region-mobile::-webkit-scrollbar{
    width: 0;
  }
  .all-line-mobile>p{
    margin-bottom: 15px;
  }
  .region-mask,
  .line-mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color:rgba(0, 0, 0, 0.5);
    z-index: 9999;
  }
  .all-region-mobile .region-type{ 
    font-size: 14px;
    color:#323235;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .all-region-mobile .region-list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .all-region-mobile .region-list>span{
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: 1px solid #ebedf0;
    text-align: center;
    line-height: 40px;
  }
  .all-region-mobile .region-list>span.active{
    background-color: #2981ff;
    color: #fff;
  }

  .region-bottom{
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    box-shadow: 0px -6px 13px 0px 
      rgba(120, 135, 149, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    z-index: 2;
  }
  .region-bottom>div{
    width: calc((100% - 10px) / 2);
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .region-bottom-cancel{
    margin-right: 10px;
    border: 1px solid #2981ff;
    color: #2981ff;
    background-color: #fff;
  }
  .region-bottom-confirm{
    background-color: #2981ff;
    color: #fff;

  }
  .ecs-tobuy .m-form-name.public_ip_name{
    margin-bottom: 5px;
  }

  .temp_box .aws_tem_select_m{
    margin-right: 10px;
  }
  .aws_vpc_box .select-box>.el-select:first-child{
    margin-right: 10px!important;
  }
  .aws_vpc_box .select-box>.el-select{
    width: calc((100% - 10px) / 2)!important;
  }
  .value-added, .choose-box.cpu-model-type-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin: 0 !important;
  }
  .value-added.new-value-add.choose-box>span{
    width: 100%!important;
  }
  .cpu-model-type-box.choose-m:not(.time-select)>span{
    width:100%!important;
    margin: 0px!important;
  }
}
body.lock-scroll {
  overflow: hidden;
}


/* 复选框样式统一调整 */
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  border-color: #277bf5;
  background-color: #fff;
}
.el-checkbox__inner::after{
  border-color: #277bf5;
  border-width: 2px;
  height: 9px;
  left: 6px;
  top: 2px;
  width: 5px;
}
.el-checkbox__inner{
  width: 20px;
  height: 20px;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color:#323235;
}
.el-checkbox__inner::after{
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.el-checkbox__label{
  color: #323235;
}

.extend-dropdown{
  position: absolute;
  top: 77px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  z-index: 22;
  border: 1px solid #ebedf0;
  border-radius: 4px;
  max-height: 200px;
  overflow:auto
}
.extend-dropdown-icon-before{
  position: absolute;
  content: '';
  left: 20px;
  top: 67px;
  width: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(150, 150, 150, 0.16);
  border-left: 10px solid transparent;
  z-index: 30;
}
.extend-dropdown-icon-after {
  position: absolute;
  content: '';
  left: 21px;
  top: 69px;
  width: 0;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  z-index: 30;
}
.extend-dropdown-item{
  height: 43px;
  font-size: 14px;
  color:#323235;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.extend-dropdown-item.active{
  color:#409EFF;
}
.extend-dropdown-item:hover{
  background-color: #f5f7fa;
}
.extend-dropdown-item>img{
  height: 18px;
  margin: 0 10px;
}
.extend-dropdown-item>span{
  max-width: 280px;
  display: inline-block;
}
.extend-box-m{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.extend-m-item{
  display: flex;
  align-items: center;
  gap: 10px;
}
.extend-m-icon{
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.extend-m-item .el-select{
  flex: 1;
}
.detail-box-loading{
  z-index: 32;
}

.more-line-box-outer{
  position: relative;
}
.more-line-box{
  position: relative;
  box-sizing: border-box;
  width: 350px;
	height: 80px;
  padding:0 16px;
  margin-bottom: 10px;
  border: solid 1px #ebedf0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}
.more-line-box:hover{
  border:1px solid #2981ff;
}
.more-line-box>p{
  font-weight: 700;
  user-select: none;
}
.more-line-box>p>img{
  height: 20px;
  margin-right: 8px;
  vertical-align: bottom;
  user-select: none;
}

.line-title-text{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  user-select: none;
}

.line-dropdown{
  position: absolute;
  top: 90px;
  right: 0;
  width: 720px;
  background-color: #fff;
  box-shadow: 0px 1px 7px 0px 		rgba(150, 150, 150, 0.26);
  z-index: 22;
  border: 1px solid #ebedf0;
  max-height: 300px;
  overflow:auto;
  padding: 15px;
  user-select: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  /* 基础过渡效果 */
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  /* 默认隐藏状态 */
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  pointer-events: none;
}

/* 显示状态 */
.line-dropdown.line-dropdown-show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}
.line-dropdown-icon-before{
  position: absolute;
  content: '';
  left: 20px;
  top: 80px;
  width: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(150, 150, 150, 0.16);
  border-left: 10px solid transparent;
  z-index: 30;
}
.line-dropdown-icon-after {
  position: absolute;
  content: '';
  left: 21px;
  top: 82px;
  width: 0;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  z-index: 30;
}

.line-dropdown .line-box.tip-active{
  border-color: #2981ff;
}
.line-dropdown .line-box.tip-active .line-title{
  color: #2981ff;
}
.line-dropdown .line-box{
  display: block;
  margin: 0;
}

.more-line-box-outer>.line-box{
  margin-right: 0;
}

@media screen and (max-width: 1023px) {
  .more-line-box{
    width: 100%;
    background: url(/web/zuiyun/assets/images/167fed0d-line_bg.jpg) no-repeat center;
    background-size: 100% 100%;
  }
  .more-line-box:hover{
    border:1px solid #ebedf0;
  }
  .more-line-box-outer,
  .product-box{
    width: 100%;
  }
  .product-title{
    font-weight: 400;
    color: #1c1d1f;
    font-family: PingFang-SC-Bold;
  }
  .all-line-mobile .line-box:hover{
    border:1px solid #ebedf0;
  }
  .line-radio .el-radio__label{
    display:none;
  }
  .all-line-mobile .line-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
  }
  .line-title-text{
    width: calc(100% - 54px);
  }
}

.preferential-content-detail{
  box-sizing: border-box;
  float: left;
  width: 100%;
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.preferential-content-detail>p{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.preferential-content-detail>p:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .aws-bottom .m-preferential-open {
    left: 20px;
    width: 250px;
  }
}


/* aws地域模块 */
.aws-region-tabs{
  width: 100%;
}
.aws-region-tabs .el-tabs__active-bar.is-top{
  display: none;
}
/* .aws-region-tabs .el-tabs__item.is-top.is-active{
  border-bottom: 2px solid #277bf5;
  color: #277bf5;
} */
.aws-region-tabs .el-tabs__header{
  width: 100%;
  height: 44px;
}
.aws-region-tabs .el-tabs__item{
  height: 44px;
  line-height: 44px;
  padding: 0 40px;
}
.aws-region-tabs .el-tabs__item.is-top:nth-child(2){
  padding-left: 40px;
}

.aws-region-tabs .el-tabs__item.is-top:last-child{
  padding-right: 40px;
}
.aws-region-tabs .el-tabs__nav-wrap::after{
  display: none;
}
.aws-region-tabs .region-box{
  width: 100%;
}
.aws-region-tabs .region-box>span{
  position: relative;
  top: 4px;
  overflow: visible;
}
.aws-region-tabs .region-box>span .line-icon{
  right: -1px;
}

@media screen and (max-width: 1023px) {
  /* ecs移动端 */
  .ecs-region-tabs-m{
    width: 100%;
    height: 40px;
    display: flex;
    overflow-x: auto;
    padding: 0 15px;
    margin: 0 -15px;
  }
  .ecs-region-tabs-m::-webkit-scrollbar{
    display: none;
  }
  .ecs-region-tabs-m .ecs-tab-item{
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    flex-shrink: 0;
    background-color: #f4f9ff;
    max-width: 250px;
    overflow: visible;
  }
  .ecs-region-tabs-m .ecs-tab-item > span{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* aws移动端 */
  .aws-region-tabs-m{
    width: 100%;
    height: 40px;
    display: flex;
    overflow-x: auto;
    padding: 0 15px;
    margin: 0 -15px;
  }
  .aws-region-tabs-m::-webkit-scrollbar{
    display: none;
  }
  .aws-region-tabs-m .aws-tab-item{
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    flex-shrink: 0;
    background-color: #f8f9fa;
  }
  .kk-table{margin: 0 -15px;padding: 0 15px;border: none;}
  .kk-table::-webkit-scrollbar{
    display: none;
  }
  .aws-region-tabs-m .aws-tab-item.is-active{
    box-sizing: border-box;
    border-bottom: 2px solid #2981ff;
  }
  .region-box-m{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .region-box-m.choose-m:not(.time-select) span{
    width: 100%!important;
    position: relative
  }
  .aws-tab-content-m .region-box-m>span .line-icon{
    right: -1px;
  }
  .aws-tab-content-m .region-box-m>span,
  .all-region-mobile .region-list>span{
      position: relative;
      top: 4px;
      overflow: visible;
  }
  .aws-show-more{
    display: inline-block;
    background-color:transparent;
    margin-top:20px
  }
}




/* //lightsail */
.lightsail-region{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.lightsail-region .lightsail-region-box{
  display: block;
  box-sizing: border-box;
  width: 218px;
  height: 65px;
  padding: 14px 24px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: solid 1px #ebedf0;
  cursor: pointer;
  background:url("/web/zuiyun/assets/images/271592b2-lightsail-region-bg.png") no-repeat center;
  background-size: 100% 100%;
}
.lightsail-region-title{
  font-size: 14px;
  color: #323235;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1;
}
.lightsail-region-desc{
  font-size: 12px;
  color: #626266;
	font-family: MicrosoftYaHei;
  line-height: 1;
  overflow: visible;
}

.lightsail-region-box.active{
  background:url("/web/zuiyun/assets/images/63a4ca1d-lightsail-region-bg-active.png") no-repeat center;
  background-size: 100% 100%;
  border:1px solid transparent;
}
.lightsail-region-box.active .lightsail-region-title,
.lightsail-region-box.active .lightsail-region-desc{
  color: #fff;
}

/* 实例规格 */
.lightsail_package_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-height: 246px;
  overflow: hidden;
  transition: max-height 0.5s ease;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
}
/* 展开状态 - 使用一个足够大的值来容纳所有实例 */
.lightsail_package_box.expanded{
  max-height: 5000px;
  transition: max-height 0.5s ease;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
}
.lightsail_package_item{
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 218px;
	height: 238px;
  padding: 24px;
  padding-top: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #ebedf0;
  cursor: pointer;
  background:url("/web/zuiyun/assets/images/d29bdc3f-lightsail-package-bg.jpg") no-repeat center;
  background-size: 100% 100%;
}
.lightsail_package_item .active_icon{
  display: none;
}
.lightsail_package_item .top_price{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #ebedf0;
  display: flex;
  align-items: flex-end;
}
.lightsail_package_item .top_price_unit,
.lightsail_package_item .top_price_main{
  font-size: 16px;
  font-weight: 700;
  color: #ff8d14;
  line-height: 1;
}
.lightsail_package_item .top_price_main{
  font-size: 28px;
  margin-right: 6px;
}
.lightsail_package_item .top_price_month{
  font-size: 14px;
  color: #626266;
}

.lightsail_package_item .bottom_ins>div{
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1;
}
.lightsail_package_item .bottom_ins>div::before{
  content: '';
  display: inline-block;
  width: 5px;
	height: 5px;
  background-color: #dfe3e8;
  border-radius: 50%;
  margin-right: 13px;
  vertical-align: middle;
}
.lightsail_package_item .bottom_ins>div:last-child{
  margin-bottom: 0;
}
.lightsail_package_item .bottom_ins>div .spec_label{
  color: #626266;
}
.lightsail_package_item .bottom_ins>div .spec_value{
  color: #323235;
}

/* 悬浮样式 */
.lightsail_package_item:hover{
  border-color: #2981ff;
}
/* 选中样式 */
.lightsail_package_item.active{
  border-color: #2981ff;
  background:url("/web/zuiyun/assets/images/31ab1851-lightsail-package-active.jpg") no-repeat center;
  background-size: 100% 100%;
  
}
.lightsail_package_item.active .top_price_month,
.lightsail_package_item.active .bottom_ins>div .spec_label,
.lightsail_package_item.active .bottom_ins>div .spec_value{
  color: #1989fa;
}
.lightsail_package_item.active .top_price{
  border-color: #1989fa;
}
.lightsail_package_item.active .active_icon{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.show-more-lightsail-ins{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #626266;
  margin-top: 10px;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.show-more-lightsail-ins:hover{
  color: #2981ff;
}
.show-more-lightsail-ins.expanded .tem-icon-down{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* 移动端 */
@media screen and (max-width: 1023px) {
  .lightsail-region{
    position: relative;
  }
  .lightsail-region .lightsail-region-box{
    width: calc((100% - 10px) / 2);
    height: 60px;
    padding: 12px;
  }
  .lightsail-region .lightsail-region-box:nth-child(2n){
    margin-right:0;
  }
  .lightsail-region .lightsail-region-box:nth-last-child(-n+2){
    margin-bottom: 0;
  }
  .lightsail-region-title{
    margin-bottom: 10px;
  }
  .lightsail-bottom .m-preferential-open {
    left: 10px;
    width: 260px;
  }

  .lightsail_package_box{
    max-height: 510px;
  }
  .lightsail_package_item{
    width: 100%;
    height: 145px;
    padding: 15px;
    margin-right:0;
  }
  .lightsail_package_item:last-child{
    margin-bottom: 0;
  }

  .show-more-lightsail-ins{
    margin-top: 15px;
    margin-bottom: 20px;
    color: #2981ff;
    font-size: 13px;
  }
  .lightsail_package_box_out{
    padding-bottom: 0;
  }
  .lightsail_package_item .active_icon{
    height: 26px;
    width: auto;
  }
  .lightsail_package_item .top_price_unit,
  .lightsail_package_item .top_price_unit{
    font-size: 12px;
  }
  .lightsail_package_item .top_price_main{
    font-size: 22px;
  }
  .lightsail_package_item .top_price {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .lightsail_package_item .bottom_ins>div::before{
    width: 4px;
    height: 4px;
    margin-right: 10px;
  }
  .lightsail_package_item .bottom_ins{
    display: flex;
    flex-wrap: wrap;
  }
  .lightsail_package_item .bottom_ins>div{
    width: 50%;
    margin-bottom: 12px;
    line-height: 1;
  }
  .lightsail_package_item{
    background:url("/web/zuiyun/assets/images/61ea5c80-lightsail-package-bg-m.jpg") no-repeat center;
    background-size: 100% 100%;
  }
  .lightsail_package_item.active{
    background:url("/web/zuiyun/assets/images/c4bf42c7-lightsail-package-active-m.jpg") no-repeat bottom right;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 360px) {
  .lightsail_package_item{
    padding: 15px 12px;
  }
  .lightsail_package_item .bottom_ins>div{
    font-size: 12px;
  }
}

.red_lightsail{
  color: #ff4d4d;
}




/* //弹性云地区改版 */
.region_classfy{
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  height: 52px;
  overflow-x: auto;
}
.region_classfy::-webkit-scrollbar {
  display: none;
}
.ecs-region-tabs{
  width: 100%;
}
.ecs-region-tabs .el-tabs__header{
  width: 100%;
  height: 44px;
  margin: 0;
}
.ecs-region-tabs .el-tabs__nav-wrap::after{
  display: none;
}
.ecs-region-tabs .el-tabs__active-bar.is-top{
  display: none;
}
.ecs-region-tabs .el-tabs__item{
  position: relative;
  height: 44px;
  padding: 0 40px!important;
  line-height: 44px;
  text-align: center;
  background-color: #f4f9ff;
  margin-right: 2px;
  font-size: 14px;
  color: #626266;
  cursor: pointer;
  border: none;
  max-width: 300px;
  overflow: visible;
}
.ecs-region-tabs .el-tabs__item > span{
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ecs-region-tabs .el-tabs__item.is-top.is-active{
  background-color: #277bf5;
  color: #fff;
}
.ecs-region-tabs .el-tabs__item.is-top.is-active::after{
  display: block;
  position: absolute;
  content: '';
  left: 50%;
  bottom: -6px;
  width: 0;
  margin-left: -6px;
  border-top: 6px solid #277bf5;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

/* aws */
.aws-region-tabs .el-tabs__item{
  margin-right: 2px;
  background-color: #f4f9ff;
  font-size: 14px;
  color: #626266;
}
.el-tabs__nav-scroll {
  height: 52px;
}
.aws-region-tabs .el-tabs__item.is-top.is-active{
  background-color: #277bf5;
  color: #fff;
}
.aws-region-tabs .el-tabs__item.is-top.is-active::after{
  position: absolute;
  content: '';
  left: 50%;
  bottom: -6px;
  width: 0;
  margin-left: -6px;
  border-top: 6px solid #277bf5;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

@media screen and (max-width: 1023px) {
  .top-content .sect1-part .select-box{
    padding:0 15px;
    box-sizing: border-box;
  }
  .region_classfy{
    height: 48px;
  }
  .top-content .no-cpu-model{
    margin-bottom: 0;
  }

  /* ecs */
  .ecs-region-tabs-m .ecs-tab-item{
    position: relative;
    margin-right: 2px;
    overflow: visible;
  }

  .ecs-region-tabs-m .ecs-tab-item.is-active{
    background-color: #277bf5;
    color: #fff;
    border-bottom: none;
    padding: 0 34px;
  }

  .ecs-region-tabs-m .ecs-tab-item.is-active::after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -6px;
    width: 0;
    margin-left: -6px;
    border-top: 6px solid #277bf5;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }
  .ecs-region-tabs-m{
    height: 46px;
  }

  /* aws */
  .aws-region-tabs-m .aws-tab-item{
    position: relative;
    margin-right: 2px;
  }

  .aws-region-tabs-m .aws-tab-item.is-active{
    background-color: #277bf5;
    color: #fff;
    border-bottom: none;
    padding: 0 34px;
  }

  .aws-region-tabs-m .aws-tab-item.is-active::after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -6px;
    width: 0;
    margin-left: -6px;
    border-top: 6px solid #277bf5;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }
  .aws-region-tabs-m{
    height: 46px;
  }
}

.mianfei-icon,
.sect2-part .progress span.mianfei-icon{
  font-size: 16px;
}

body::-webkit-scrollbar{
  width:0
}

.net_type_item.is_sellout,
.zone_item.is_sellout{
  background:url("/web/zuiyun/assets/images/2f273b4e-is_sellout.png") no-repeat right -2px;
  background-size: 34px;
  background-color: #f4f6f9;
  color: #626266;
}
/* 售罄hover */
.show-hover span.net_type_item.is_sellout:hover,
.show-hover span.zone_item.is_sellout:hover{
  background:url("/web/zuiyun/assets/images/2f273b4e-is_sellout.png") no-repeat right -2px;
  background-size: 34px;
  background-color: #f4f6f9;
  color: #626266;
}
/* 选中且售罄 */
.net_type_item.is_sellout.tabactive,
.zone_item.is_sellout.tabactive{
  background: url("/web/zuiyun/assets/images/07d04bab-is_sellout_active_icon.png") no-repeat right -2px !important;
  background-size: 34px !important;
  background-color: #2981ff !important;
}

.custom-pwd-box{
  height: 40px;
  width: 180px;
  background-color: #2981ff;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  .product-box.ecs_type_class,
  .product-box.eecs_type_class{
    background:url("/web/zuiyun/assets/images/e47e67a0-ecs_type_bg.png") no-repeat center;
    background-size: 100%;
  }
  .ecs_type_class.active,
  .eecs_type_class.active{
    background:url("/web/zuiyun/assets/images/25c943ef-ecs_type_bg_active.png") no-repeat center;
    background-size: 100%;
  }

  .product-box.aws_type_class,.product-box.lightsail_type_class{
    background:url("/web/zuiyun/assets/images/4b3d6115-aws_type_bg.png") no-repeat center;
    background-size: 100%;
  }
  .aws_type_class.active,
  .lightsail_type_class.active{
    background:url("/web/zuiyun/assets/images/bcf4931b-aws_type_bg_active.png") no-repeat center;
    background-size: 100%;
  }

  .product-box.aliyun_type_class{
    background:url("/web/zuiyun/assets/images/1170eb5a-aliyun_type_bg.jpg") no-repeat center;
    background-size: 100%;
  }
  .aliyun_type_class.active{
    background:url("/web/zuiyun/assets/images/987a5349-aliyun_type_bg_active.jpg") no-repeat center;
    background-size: 100%;
  }
}

.top-content .choose-box{
  width: 100%;
}

.aliyun-region-box span{
  width: 225px;
}
.icon-icon_wenhao{
  margin-right: 5px;
}
.tabactive .icon-icon_wenhao{
  color: #fff;
}
.help-expain{
  max-width: 250px;
  line-height: 1.5;
}
.help-expain hr{
  margin: 10px 0;
}
.help-expain p{
  line-height: 1.5;
}

.aliyun-select-ins{
  width: auto!important;
  padding: 0 10px!important;
}
.aliyun_bandw_method_remark{
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .new-disk .select-box .el-select.w100{
    width: 100%!important;
  }
  .ecs-tobuy .aliyun-new-disk div.add-datadisk:not(:last-child){
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
  }
  .ecs-tobuy .aliyun-new-disk div.add-datadisk{
    margin-top: 20px;
  }
}

.new-disk-conf-box>p{
  display: flex;margin-bottom: 5px;
}
.new-disk-conf-box>p:last-child{
  margin-bottom: 0;
}
.face_ident_dialog{
  padding: 20px;
}


.my-active-swiper .swiper-slide{
  display: flex;
  align-items: center;
  height: 90px;
  border: 1px solid #fff;
  background-image: linear-gradient(90deg, 
		#f1f7ff 0%, 
		#ffffff 100%);
  box-sizing: border-box;
}
.my-active-swiper .swiper-slide .active-title{
  width: 156px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -3px;
  margin-right: 38px;
  margin-left: 13px;
  box-sizing: border-box;
}
.my-active-swiper .swiper-slide .active-title>img{
  width: 24px;
  margin-right: 12px;

}
.my-active-swiper .swiper-slide .active-title span{
  font-size: 18px;
  font-weight: 700;
}
.my-active-swiper .active-title-bg{
  position: absolute;
  top: -7px;
  left: -1px;
  height: 96px;
  width: 201px;
  filter: drop-shadow(9px 0px 7px rgba(18, 51, 100, 0.09))drop-shadow(0px 2px 30px rgba(18, 51, 100, 0.03));
  -webkit-filter: drop-shadow(9px 0px 7px rgba(18, 51, 100, 0.09))drop-shadow(0px 2px 30px rgba(18, 51, 100, 0.03));
}
.my-active-swiper .ql-editor{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  box-sizing: border-box;
}
.my-active-swiper .content-right{
  flex-shrink: 0;
}
.my-active-swiper .content-right .update-time{
  padding-right: 17px;
  margin-left: 10px;
  color: #93939a;
  border-right: 1px solid #ebedf0;
}

.my-active-swiper .active-content{
  max-height: 100%;
  overflow: auto;
}

@media screen and (max-width: 1023px) {
  .my-active-swiper {
      padding: 8px 15px 1px;
      height: auto;
      background: #fff;
      width: 100% !important;
      margin: 0 !important;
      box-sizing: border-box;
      box-shadow: none;
  }
  .my-active-swiper .swiper-slide {
    height: auto;
    min-height: 120px;
    padding: 40px 15px 15px;
    position: relative;
    background-image: linear-gradient(-90deg, 
		#f4f9ff 0%, 
		#ffffff 100%);
    border-radius: 8px;
    border: solid 1px #ebedf0;
  }
  .my-active-swiper .active-title-bg {
    content: url("/web/zuiyun/assets/images/fc1933aa-market_title_bg_m.png");
    width: auto;
    height: 32px;
    top: -6px;
    left: -1px;
  }
  .my-active-swiper .swiper-slide .active-title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-left: 7px;
    justify-content: flex-start;
    width: 110px;
    overflow: hidden;
  }
  .my-active-swiper .swiper-slide .active-title > img {
    width: 16px;
    margin-right: 8px;
    position: relative;
    z-index: 2;
  }
  .my-active-swiper .swiper-slide .active-title .title-text-box {
    flex: 1;
    overflow: hidden;
  }
  .my-active-swiper .swiper-slide .active-title span {
    font-size: 15px;
    color: #1c1d1f;
    font-weight: bold;
    font-family: PingFang-SC-Bold;
    white-space: nowrap;
    display: inline-block;
  }
  .my-active-swiper .swiper-slide .active-title span.marquee-anim {
    animation: mobile-marquee 5s linear infinite;
    -webkit-animation: mobile-marquee 5s linear infinite;
}
  .my-active-swiper .ql-editor {
    display: block;
    padding: 0;
    height: auto !important;
    overflow: visible !important;
  }
  .my-active-swiper .active-content {
    margin-bottom: 0;
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 10px;
  }
  .my-active-swiper .content-right {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    height: 0;
  }
  .my-active-swiper .content-right .update-time {
    position: absolute;
    bottom: 18px;
    left: 15px;
    border: none;
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
  .my-active-swiper .acknowledge-btn {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 13px;
    padding: 0;
  }
}

@keyframes mobile-marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); }
}
.img-icon{
  max-height: 20px;
}

.line-box .line-title{
  margin-bottom: 12px!important;
}