@import url('login_register_base.css');
.main-body {
    height: 640px;
}
.nav-bread {
    position: absolute;
    top: 8%;
    left: 20%;
}

.register-forget-form.form {
    position: absolute;
    display: flex;
    box-sizing: border-box;
    width: 700px;
    height: 400px;
    padding: 30px 0 30px 70px;
    top: 60%;
    margin-top: -225px;
    left: 50%;
    margin-left: -350px;
    border-radius: 6px;
    box-shadow: 0 0 50px 0 rgba(177, 80, 68, 0.25);
    backdrop-filter: blur(110px);
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.95;
    z-index: 2024;
}
.register-forget-form .form-left {
    position: relative;
    width: 50%;
}
.register-forget-form .form-right {
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: center;
    width: 50%;
    height: 100%;
}
.register-forget-form .form-right .slogon {
    margin: 0 auto 0 0;
}
.register-forget-form .form-item {
    position: relative;
    margin-bottom: 25px;
}
.register-forget-form .form-item-input {
    width: 270px;
    height: 32px;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #666666;
}
.register-forget-form .form-item-input.short {
    width: 160px;
}
.register-forget-form .form-item-input::placeholder {
    color: #666666;
    opacity: 0.6;
}
.register-forget-form .form-item-input:focus {
    border-bottom-color: var(--Active-Color);
}
.register-forget-form .form-item-input:focus::placeholder {
    color: var(--Active-Color);
}
.verify-btn {
    padding: 10px;
    color: #ffffff;
    outline: none;
    border: none;
    background-color: var(--Active-Color);
    border-radius: 8px;
}
.submit-btn {
    font-size: 16px;
    width: 270px;
    height: 42px;
    border-radius: 8px;
    border: none;
    color: #fff;
    background: var(--Active-Color);
}
.register-protocol {
    display: flex;
}
.form-item a,.register-protocol a {
    color: var(--Active-Color)!important;
}

/*tab*/
.tab-radios {
    position: absolute;
    top: 8%;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    display: flex;
    font-size: 16px;
    justify-content: center;
}
.tab-radios .tab-radio {
    margin-right: 20px;
    height: 32px;
    line-height: 32px;
}
.tab-radios .tab-radio.active {
    color: var(--Active-Color);
    border-bottom: 1px solid var(--Active-Color);
}

/*账号申诉*/
.main-body-block {
    border-radius: 6px;
    box-shadow: 0 0 50px 0 rgba(177, 80, 68, 0.25);
    backdrop-filter: blur(110px);
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.95;
    padding: 40px 0;
    margin-top: 70px;
}
.main-body-block .content-title,.main-body-block .content-text {
    padding-left: 80px;
}
.main-body-block .content-title.content-title-1st {
    margin-top: 40px;
}
.apply-main-body {
    height: auto;
    margin-top: 36px;
}
.nav-bread.nav-bread-apply {
    position: relative;
    top: 45px;
    left: 0;
}
.apply-process {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 0 0 rgba(177, 80, 68, 0.25);
}
.apply-process-title {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    padding: 10px;
    margin-right: 50px;
    border-bottom: 1px solid transparent;
}
.apply-process-title i {
    font-size: 20px;
    display: none;
}
.apply-process-title.active {
    color: var(--Active-Color);
    border-bottom-color: var(--Active-Color);
}
.apply-process-title.active i {
    display: block;
}
/*身份证上传按钮（隐藏）*/
.idcard-upload {
    position: absolute;
    width: 240px;
    height: 100%!important;
    opacity: 0;
    z-index: 1;
}
.primary-btn {
    padding: 12px 70px;
    margin-top: 40px;
}