body {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    background-color: #f9f0f4;
    margin: 0;
    padding: 0;
}
.bluebg{
    background-color: #f7f8f8;
}
.signup-box{
    max-width:750px;
    margin:0 auto;
}
.tab-list{
    width: 7.5rem;
    height: 0.86rem;
    margin:0 auto;
}
.tab-item1{
    width: 7.5rem;
    height: 0.86rem;
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/tab1.png?v=1');
    background-size: 100%;
    background-repeat: no-repeat;
}
.tab-item2{
    width: 7.5rem;
    height: 0.86rem;
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/tab2.png?v=1');
    background-size: 100%;
    background-repeat: no-repeat;
}
.tab-list .tab-item{
    width:50%;
    height: 0.86rem;
}
.signup-banner{
    width: 7.5rem;
    height: 13.53rem;
    margin-top: -1px;
}
.signup-banner.blue_banner{
    height: 18.27rem;
}
.signup-container {
    width:7rem;
    border-radius:.4rem .4rem 0 0;
    padding:.3rem 0 0 0;
    box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.1);
    margin: 0.15rem auto 0;
    background: linear-gradient(to bottom, #fff7fb, #fccee2);
}
.tab_content2 .signup-container{
    background: linear-gradient(to bottom, #f4fbff, #b4e7fc);
}

.red-bottom,.blue-bottom{
    width: 7rem;
    height: 0.62rem;
    margin: 0 auto;
}
.signup-title {
    width: 3.03rem;
    height: 0.79rem;
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_tit.png');
    background-size: 100%;
    margin:0 auto .46rem;
}
.tab_content2 .signup-title {
    width: 3.03rem;
    height: 0.79rem;
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_tit.png');
    background-size: 100%;
}
.form-group {
    margin-bottom: 0.38rem;
}

.group-title {
    font-size: .28rem;
    color: #ab1a4c;
    margin-bottom: 0.46rem;
    font-weight: bold;
    margin-left: 0.2rem;
}
.tab_content2 .group-title{
    color: #057daf;  
}
.group-desc {
    font-size: .26rem;
    color: #ab1a4c;
    margin-bottom: 0.46rem;
    margin-left: 1.26rem;
    line-height: .26rem;
}

.radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.43rem;
    margin-left: 1.26rem;
}

.radio-group label.custom-radio {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.26rem;
    color: #ab1a4c;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab_content2 .radio-group label.custom-radio {
    color: #057daf;
}


.radio-group label.custom-radio2{
    width:1.9rem;
    gap:0.15rem;
    margin:0;
    justify-content:flex-start;
    margin-bottom:0.2rem;
}
.radio-group label.custom-radio:hover {
    /* background-color: #ffecef; */
}

.radio-group label.custom-radio span {
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_radio.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}
.tab_content2 .radio-group label.custom-radio span {
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_radio.png);
}

.radio-group label.custom-radio input[type="radio"]:checked + span {
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_radio_chk.png');
}
.tab_content2 .radio-group label.custom-radio input[type="radio"]:checked + span {
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_radio_chk.png');
}

.radio-group label.custom-radio input[type="radio"] {
    display: none;
}

.checkbox-group {
    margin-top: 0.625rem;       
    display: flex;
    flex-wrap: wrap;
    gap: 0.43rem;
    margin-left: 1.26rem;
}

.checkbox-group label.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.26rem;
    color: #ab1a4c;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab_content2 .checkbox-group label.custom-checkbox {
    color: #057daf;
}

.checkbox-group label.custom-checkbox2 {
    width: 1.72rem;
    gap: 0.15rem;
    margin: 0;
    justify-content: flex-start;
    margin-bottom: 0.2rem;
}

.checkbox-group label.custom-checkbox span {
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_check.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

.tab_content2 .checkbox-group label.custom-checkbox span {
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_check.png);
}

.checkbox-group label.custom-checkbox input[type="checkbox"]:checked + span {
    background-image: url('https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_checked.png');
}

.checkbox-group label.custom-checkbox input[type="checkbox"] {
    display: none;
}
.tab_content2 .classify_other {
    display: inline-block;
    width: 1.5rem;
    height: .4rem;
    outline: none;
    border: 0;
    background: transparent;
    color: #057daf;
    border-bottom: .5px solid #057daf;
}
.agreement-box{
    width: 5.58rem;
    margin: 0.46rem auto 0;
    cursor: pointer;
}
.agreement-box i{
    display: block;
    width: 0.28rem;
    height: 0.28rem;
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_agreemennt.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 0.06rem;
    margin-right: 0.1rem;
}
.agreement-box.active i{
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_agreemennt_chk.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.tab_content2 .agreement-box.active i{
    background-image: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_agreemennt_chk.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.agreement-box p{
     font-size: .2rem;
    color: #000;
    line-height: .28rem;
}
.agreement-wrap{
    padding: 0.43rem 0;
    background: linear-gradient(to bottom, #fff7fb, #fccee2);
    border-radius: 0.2rem 0.2rem 0 0;
    margin-top: .36rem;
}
.tab_content2 .agreement-wrap{
    padding: 0.43rem 0;
    background:linear-gradient(to bottom, #fbfeff, #a3e1fb);
    border-radius: 0.2rem 0.2rem 0 0;
}
.submit-btn {
    width: 7rem;
    height: 0.76rem;
    line-height: .76rem;
    background-color: #e85298;
    color: #fff;
    border: none;
    border-radius: 0.15rem;
    font-size: .4rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.tab_content2 .submit-btn{
    background-color: #54c3f1;
}
.submit-btn2,.tab_content2 .submit-btn2{
    background-color: #cfc3c8;
}

.submit-btn:hover {
    color: #fff;
    /* background-color: #ff4757;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.3125rem 0.9375rem rgba(255, 107, 129, 0.4); */
}

.submit-btn:active {
    transform: translateY(0);
    color: #fff;
}

.footer-text {
    text-align: center;
    margin-top: 1.25rem;
    font-size: 0.75rem;
    color: #999;
}

/* 选中状态 */
.radio-group input[type="radio"]:checked + span {
    font-weight: bold;
    color: #ff6b81;
}

/* 表单验证错误提示 */
.error {
    color: #ff4757;
    font-size: 0.75rem;
    margin-top: 0.3125rem;
}

/* 加载状态 */
.loading {
    position: relative;
    pointer-events: none;
}

.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin: -0.625rem 0 0 -0.625rem;
    border: 0.125rem solid #fff;
    border-top: 0.125rem solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.at-layer {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.at-layer .at-layer-bak {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, .3);
}

.at-layer-content {
    position: absolute;
    z-index: 10000;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 7rem;
    max-height: 6.94rem;
    margin-top: -3.5rem;
    margin-left: -3.5rem;
    border-radius: 0.1rem;
    background: linear-gradient(to bottom, #fdf2f7, #fffefe);
}
.bluebg .at-layer-content{
    background: linear-gradient(to bottom, #f0f9fe, #fdfeff);
    /* max-height: 4.6rem; */
}

.at-layer .close-at-layer{
    position: absolute;
    top: 0.25rem;
    right: 0.15rem;
    width: 0.25rem;
    height: 0.27rem;
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_close.png) no-repeat;
    background-size: 0.25rem 0.27rem;
}
.bluebg .at-layer .close-at-layer{
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/blue_close.png) no-repeat;
    background-size: 0.25rem 0.27rem;
}
.bargain_layer_m{
    padding: 0.5rem 0.38rem 0;
}
.bargain_layer_m .bargain_layer_tit {
    font-size: .36rem;
    line-height: .36rem;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ab1a4c;
    text-align: center;
    font-weight: bold;
}
.bluebg .bargain_layer_m .bargain_layer_tit {
    color: #057daf;
}
.bargain_layer_m .bargain_layer_desc {
    font-size: .22rem;
    line-height: .22rem;
    margin: 0.4rem auto;
    color: #ab1a4c;
    text-align: center;
}
.bluebg .bargain_layer_m .bargain_layer_desc {
    color: #057daf;
}
.bargain_layer_m .input_wrap{
    width: 6rem;
    height: 0.7rem;
    border: 1px solid #e85298;
    border-radius: 0.1rem;
    outline: none;
    display: flex;
    align-items: center;
    margin-bottom: 0.38rem;
}
.bluebg .bargain_layer_m .input_wrap{
    border: 1px solid #057daf;
}
.bargain_layer_m .input_wrap.yzm-input{
    position: relative;
    color: #e85298;
    width: 6rem;
    height: 0.7rem;
    border: 1px solid #e85298;
    border-radius: 0.1rem;
    outline: none;
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem;
}
.bluebg .bargain_layer_m .input_wrap.yzm-input{
    color: #057daf;
    border: 1px solid #057daf;
}
.bargain_layer_m .input_wrap .name-input{
   height: .6rem;
    outline: none;
    border: 0;
    width: 5.4rem;
    padding: 0 .1rem;
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/red_name_icon.png) .2rem center no-repeat;
    background-size: 0.33rem 0.35rem;
    padding-left: 0.62rem;
    color: #e85298;
}
.bluebg .bargain_layer_m .input_wrap .name-input{
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/name_icon.png) .2rem center no-repeat;
    background-size: 0.33rem 0.35rem;
    color: #057daf;
}
.bargain_layer_m .input_wrap .phone-input{
    height: .6rem;
    outline: none;
    border: 0;
    width: 5.4rem;
    padding: 0 .1rem;
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/phone_icon_red.png) .2rem center no-repeat;
    background-size: 0.29rem 0.43rem;
    padding-left: 0.62rem;
    color: #e85298;
}
.bluebg .bargain_layer_m .input_wrap .phone-input{
    background: url(https://cdn.file0.antuan.com/ATStatic/antuan/module/m/index/images/act/phone_icon.png) .2rem center no-repeat;
    background-size: 0.29rem 0.43rem;
    color: #057daf;
}
.bargain_layer_m .input_wrap .pic_code{
    padding: 0 0 0 0.24rem;
    height: 0.6rem;
    outline: none;
    border: 0;
    background: transparent;
    color: #e85298;
}
.bluebg .bargain_layer_m .input_wrap .pic_code{
    color: #057daf;
}
.bargain_layer_m .input_wrap .pic_code::placeholder {
    color:#e85298;
}
.bluebg .bargain_layer_m .input_wrap .pic_code::placeholder {
    color:#057daf;
}
.at_layer_m .input_wrap input::placeholder {
    color:#e85298;
}
.bluebg .at_layer_m .input_wrap input::placeholder {
    color:#057daf;
}
.bargain_layer_m .red-name-icon{
    margin-left: 0.1rem;
    width: .33rem;
    height: 0.35rem;
}
.bargain_layer_m .red-phone-icon{
    margin-left: 0.1rem;
    width: .29rem;
    height: 0.43rem;
}
.at_layer_m .button_wrap button{
    line-height: .76rem;
    text-align: center;
    color: #fff;
    border-radius: 0.15rem;
    background: #e85298;
    width: 2.9rem;
    height: 0.76rem;
    margin: 0 auto;
    font-size: .4rem;
}
.bluebg .at_layer_m .button_wrap button{
    background: #54c3f1;
}
.at_layer_m .input_wrap button.get-code{
    font-size: .26rem;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    width: 2rem;
    height: 100%;
    color: #fff;
    background: #e85298!important;
    padding: 0;
}
.bluebg .at_layer_m .input_wrap button.get-code{
    background: #54c3f1!important;
}
.at_layer_m .btn-wrap{
    padding: 0.4rem 0 0;
    width: 2.9rem;
    margin: 0 auto;
    text-align: center;
}
.at_layer_m .btn-wrap button{
    font-size: .4rem;
    line-height: .76rem;
    height: 0.76rem;
    text-align: center;
    color: #fff;
    border-radius: 0.15rem;
    background: #e85298;
    padding: 0;
    width: 2.9rem;
}
.bluebg .at_layer_m .btn-wrap button{
    background: #54c3f1;
}
.bluebg .at_layer_m .button_wrap button{
    background: #54c3f1;
}
.bargain_layer_m .success_wrap,.bargain_layer_m .layer_error_wrap{
    flex-direction: column;
    align-items: center;
}
.bargain_layer_m .success_wrap .red_ok,.bargain_layer_m .layer_error_wrap .red_no,.bargain_layer_m .layer_error_wrap .blue_no,.bargain_layer_m .success_wrap .blue_ok{
    width: 1.47rem;
    height: 1.47rem;
    margin-top: 0.7rem;
}
.bargain_layer_m .success_wrap .bm_success{
    font-size: .4rem;
    color: #e85298;
    line-height: .4rem;
    margin-top: 0.2rem;
}
.bargain_layer_m .success_wrap .bm_success_tip{
    color: #ab1a4c;
    font-size: .4rem;
    margin-top: 0.9rem;
    margin-bottom: 0.7rem;
}
.bargain_layer_m .layer_error_wrap .bm_error_tip{
    color: #ab1a4c;
    font-size: .32rem;
    margin-top: 0.4rem;
    margin-bottom: 0.7rem;
    text-align: center;
}
.bluebg .bargain_layer_m .success_wrap .bm_success{
    color: #54c3f1;
}
.bluebg .bargain_layer_m .layer_error_wrap .bm_error_tip{
    color: #057daf;
}
.bluebg .bargain_layer_m .layer_error_wrap .bm_error_tip{
    color: #057daf;
}
.bluebg .bargain_layer_m .success_wrap .bm_success_tip{
    color: #057daf;
}