.receiveCoupon__wrapper .receiveCoupon__text {
    padding: 0px;
}

.cloudOrder-config-content .tpm-btn {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #191919;
    padding: 0 24px;
    min-width: auto;
    border: 1px solid #DFDFDF;
    margin-right: -1px;
}

.cloudOrder-config-content .button-wrapper:not(.timeButton-wrapper) .tpm-btn:first-child {
    border-radius: 4px 0px 0px 4px;
}

.cloudOrder-config-content .button-wrapper:not(.timeButton-wrapper) .tpm-btn:last-child {
    border-radius: 0px 4px 4px 0px;
}

.cloudOrder-config-content .button-wrapper:not(.timeButton-wrapper) .tpm-btn.tpm-btn_single {
    border-radius: 0px !important;
}


.cloudOrder-config-content .tpm-btn.tpm-btn--primary {
    color: #FFFFFF;
    border: none;
}


.cloudOrder-config-content .tpm-btn.tpm-btn--lightTodeep {
    background: none;
    color: #006eff;
    display: inline-flex;
    align-items: center;
}

.form-item-content-desc {
    font-size: 12px;
    font-weight: 400;
    color: #3D485D;
    line-height: 17px;
    margin-top: 8px;
}

.form-wrapper .el-form-item__label {
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #293957;
    margin: 0px;
}

.form-wrapper  .el-form-item__content {
    line-height: 32px;
}

.form-wrapper .el-form-item {
    margin-bottom: 24px;
}

.cloudOrder-config-content {
    margin-bottom: -24px;
}

.receiveCoupon__wrapper .tpm-btn__key, .receiveCoupon__wrapper .tpm-btn__key:hover {
    width: 133px;
    background: url(../../images/new-common/cloud_ac_img01.png) no-repeat center !important;
    background-size: cover;
}

.form-item-content .productConfig-item{
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 16px;
}

.form-item-content .productConfig-item.is-active {
    position: relative;
    box-shadow: 0px 2px 6px 0px rgba(41,57,87,0.08);
    border-color: #006EFF;
}

.form-item-content .productConfig-item.is-active::before {
    content: '';
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: #006EFF #006EFF transparent transparent;
}  

.form-item-content .productConfig-item.is-active::after {
    content: '';
    width: 14px;
    height: 12px;
    background: url(../../images/new-icon/xg_DDoS_icon03.png) no-repeat center;
    background-size: cover;
    position: absolute;
    display: block;
    right: 4px;
    top: 6px;
    z-index: 1;
}

.productConfig-item .productConfig-item-title {
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    line-height: 22px;
}

.productConfig-item.is-active .productConfig-item-title {
    color: #006eff;
}

.productConfig-item-content-info{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.productConfig-item .productConfig-item-content {
    margin-bottom: -16px;
    margin-top: 24px;
}

.productConfig-item .productConfig-item-content-info {
    margin-bottom: 16px;
}

.productConfig-item-content.productConfig-item-content__config {
    padding-bottom: 16px;
    border-bottom: 1px dashed #DFDFDF;
}

.productConfig-item-content.productConfig-item-content__config .productConfig-item-content-info {
    margin-bottom: 14px;
}

.productConfig-item-content.productConfig-item-content__config.productConfig-item-content__buyconfig .productConfig-item-content-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productConfig-item-content.productConfig-item-content__config .productConfig-item-content-info:last-child {
    margin-bottom: 0px;
}

.productConfig-item-content-info .productConfig-info-key  {
    color: #293957;
}

.productConfig-item-content__config .productConfig-item-content-info .productConfig-info-key {
    display: inline-block;
    width: 60px;
    margin-right: 32px;
}

.productConfig-item-content-info .productConfig-info-val {
    color: #191919;
}

.productConfig-item-content-info .productConfig-info-val.productConfig-info-val__price {
    color: #FF3B20;
    position: relative;
} 

.productConfig-item-content-info .productConfig-info-val.productConfig-info-val__price .price-unit {
    font-weight: 500;
    font-size: 14px;
    position: relative;
    top: -2px;
    margin-left: 2px;
}

.productConfig-item-content-info .productConfig-info-val.productConfig-info-val__price .price-num {
    font-size: 24px;
    font-weight: 500;
}

.el-input-number .el-input__inner {
    line-height: 32px;
    border-radius: 0px;
    height: 34px;
}

.el-input-number .el-input-number__decrease, .el-input-number .el-input-number__increase {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    line-height: 32px;
}

.el-input-number {
    width: 102px;
    line-height: 32px;
}

.el-input__inner {
    background: linear-gradient(0deg, #FFFFFF 0%, #EFF8FF 100%);
    box-shadow: inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%), 8px 8px 20px 0 rgb(55 99 170 / 10%);
}

.el-input-number .el-input__inner {
    padding: 0  32px;
}

.form-item-content .button-wrapper.timeButton-wrapper .activeTimeOn {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0px;
    height: 38px;
    transform: translate(0, -50%);
    background: #006efc;
    color: #fff;
    font-size: 14px;
    z-index: 10;
    cursor: pointer;
    transition: left 0.3s ease-in-out;
}

.skeletontDom {
    display: inline-block;
}

.documents-pendant-content.documents-pendant-content__otherContent.documents-pendant-content__networkSpecification  {
    padding-bottom: 48px;
}

.documents-pendant-content_wrap   {
    position: sticky;
    top: 20px;
}

.form-item-content .button-wrapper.fboxRow  {
    flex-wrap: wrap;
}


@media screen and (max-width: 768px) {
    .documents-container__inner .documents-pendant {
        display: none;
        width: 100%;
        flex: 0 0 100%;
        position: fixed;
        top: 50px;
        left: 0;
        bottom: 0;
        z-index: 10;
        bottom: 0;
        margin: 0;
    }


    .documents-container__inner .documents-pendant.is-show {
        display: flex;
        flex-direction: column;
    }

    .productConfig-item .productConfig-item-content-info {
        width: 50%;
    }

    .productConfig-item .productConfig-item-content-info:nth-child(2n) {
        padding-left: 20px;
    }

    .productConfig-item .productConfig-item-content {
        display: flex;
        flex-wrap: wrap;
    }

    .form-item-content .productConfig-item {
        margin-bottom: 16px;
    }

    .documents-container__inner .documents-pendant-content {
        padding: 16px;
    }

    .receiveCoupon__wrapper {
        width: 100%;
        flex-direction: column;
        background: none;
        align-items: flex-start;
    }

    .receiveCoupon__wrapper .tpm-btn__key {
        flex: 0 0 auto;
        margin-left: 4px;
        width: 110px;
        background: url(../../images/new-common/cloud_ac_img01@2x.png) no-repeat center !important;
        background-size: contain !important;
    }

    .receiveCoupon__wrapper .receiveCoupon__text {
        padding: 4px 0;
    }

    /* 手机端底部 - 购买栏 */
    .tea-purchase-cost-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 88px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 4px #182c6c1a;
        z-index: 201; /* 因为 qq dom z-index 为 200 */
    }

    .tea-purchase-cost-footer.is-hidden {
        display: none;
    }

    .tea-purchase-cost-footer__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .tea-purchase-cost-footer__inner-content {
        flex: 1;
    }

    .tea-purchase-cost-footer__inner-item {
        display: flex;
        align-items: center;
        line-height: 20px;
        font-size: 14px;
        color: #191919;
    }

    .tea-purchase-cost-footer__inner-item-title {
        color: #293957;
        margin-right: 16px;
    }

    .tea-purchase-cost-footer__inner-item-price .price-num {
        font-size: 18px;
        font-weight: 500;
        color: #FF3B20;
    }


    .tea-popup .documents-pendant-content {
        border: none;
        box-shadow: none;
        background: #fff;
    }

     .documents-pendant-title .el-icon {
        position: absolute;
        right: 0px;
        top: 4px;
        font-size: 18px;
        font-weight: 520;
    }

    .documents-container {
        padding-bottom: 100px;
    }

    footer.Last {
        display: none !important;
    }

    .service-side {
        top: inherit !important;
        bottom: 100px !important;
        left: 10px;
    }

    .form-wrapper .el-form-item__label  {
        float: none;
    }


    .form-item-content .button-wrapper  {
        margin-bottom: -8px;
    }

    .form-item-content .button-wrapper .tpm-btn {
        margin-bottom: 8px;
        width: 33.33%;
        padding: 0px;
        text-align: center;
    }

    .form-wrapper .el-form-item__content  {
        margin-left: 0px !important;
    }

    .form-item__mobile  {
        display: flex;
        justify-content: space-between;
        height: 50px;
        align-items: center;
        border-bottom: 1px solid #DFDFDF;
    }

    .form-item__mobile.form-item__mobile__timeInfo  {
        border-bottom: 0px;
    }

    .form-wrapper .form-item__mobile:nth-last-child(1)  { 
        border-bottom: none;
    } 

    .form-item__mobile .mobileform-item-content {
        color: #281618 ;
    }

    .cvm-purchase-config  {
        position: fixed;
        left: 0;
        top: 50px;
        width: 100%;
        bottom: 60px;
        background: #fff;
        height: calc(100vh - 60px);
        z-index: 20;
        display: flex;
        flex-direction: column;
    }

    .cvm-purchase-config__content  {
        overflow-y: auto;
        padding: 16px;
    }

    .tea-purchase-message-header {
        position: relative;
        flex: 0 0 44px;
        height: 44px;
    }

    .tea-purchase-message-header__inner  {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        border-bottom: 1px solid #DFDFDF;
        box-sizing: border-box;
        background: #fff;
    }

    .tea-purchase-message-header__inner-content  {
        font-size: 16px;
        color: #281618;
    }

    .tea-purchase-message-header__inner-btn {
        position: absolute;
        left: 12px;
    }

    .tea-purchase-message-header__inner-btn .el-icon {
        font-weight: bold;
    }

    .tea-purchase-cost-footer  {
        position: fixed;
        bottom: 0;
        height: 60px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 4px #182c6c1a;
    }

    .tea-purchase-cost-footer .tea-purchase-cost-footer__inner    {
        padding-right: 0px;
    }

    .tea-purchase-cost-footer__inner-content  {
        flex:1
    }

    .tea-purchase-cost-footer__inner-price  {
        vertical-align: baseline;
    }

    .tea-purchase-cost-footer__inner-price .inner-price-unit {
        font-size: 12px;
        color: #686869;
    }

    .tea-purchase-cost-footer__inner-price .inner-price-unit.inner-price-priceunit {
        color: #FF3B20;
    }

    .tea-purchase-cost-footer__inner-price .inner-price-num {
        color: #FF3B20;
        font-size: 24px;
    }

    .tea-purchase-cost-footer__inner-desc {
        color: #5B6786;
        font-size: 12px;
    }

    .tea-purchase-cost-footer__inner-btn  {
        height: 100%;
    }


    .tea-purchase-cost-footer__inner-btn .tpm-btn {
        height: 100%;
        line-height: 60px;
    }

    .cvm-purchase-config  .tea-card .button-wrapper  {
        flex-wrap: wrap;
        margin-bottom: -8px;
    }

    .cvm-purchase-config  .tea-card .button-wrapper  .tpm-btn  {
        margin-bottom: 8px;
        height: 40px;
        line-height: 40px;
        width: 33.33%;
        min-width: auto;
        margin-right: -1px;
        padding: 0px;
    }


    .cvm-purchase-config .tea-card .button-wrapper.button-wrapper__gcard .tpm-btn {
        width: auto;
        padding: 0 24px;
    }

    .cvm-purchase-config  .tea-card .button-wrapper  .tpm-btn.tpm-prod-hero__btn--white  {
        border: 1px solid #DFDFDF;
    }

    .cvm-purchase-config  .tea-card .button-wrapper .shop-bubble_wrap:hover  {
        color: #fff;
    }

    .cvm-purchase-config  .tea-card .tpm-prod-hero__btn+.tpm-prod-hero__btn  {
        margin-left: 0px;
    }

    .documents-container__inner .documents-pendant .documents-container__inner .documents-pendant-content {
        position: relative;
        top: 0px;
    }


    .documents-pendant-content .pendant-content-inner >  .tpm-prod-hero__btn   {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .documents-pendant-content_wrap  {
        padding: 16px;
        padding-bottom: 76px;
        background: #F3F5F8;
        flex: 1;
        overflow-y: auto;
    }

    .documents-pendant-content.documents-pendant-content__otherContent  {
        background: none;
        padding: 0px;
        box-shadow: none;
        border: none;
    }


    .documents-pendant-content.documents-pendant-content__otherContent .cloudOrder-config-content  {
        background: #fff;
        padding: 16px;
    }

    .documents-pendant-title {
        border: none;
        margin-bottom: 0px;
        font-size: 16px;
    }

    .documents-pendant-title::before  {
        top: 6px;
        height: 16px;
    }

    .form-wrapper .el-form-item  {
        margin-bottom: 8px;
    }

    .form-wrapper .el-form-item.form-item__mobileFormItem {
        display: flex;
        padding-top: 8px;
    }

    .form-wrapper .el-form-item.form-item__mobileFormItem  .el-form-item__content {
        flex: 1;
        text-align: right;
    }

    .form-wrapper .el-form-item:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .cloudOrder-config-content  {
        margin-bottom: 0px;
    }


    .documents-pendant-content.documents-pendant-content__otherContent.documents-pendant-content__networkSpecification  {
        padding-bottom: 0px;
    }



    

}