/* 重置标签样式 */
* {
    padding: 0;
    margin: 0;
}

body {
    color: #0d1c28;
    font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI",
        "Microsoft YaHei", "SimSun", sans-serif;
    line-height: 1.5;
    font-size: 14px;
    min-width: 1264px;
}

button {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

img {
    border: 0;
    vertical-align: middle;
}

ul,
li,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.iconfont {
    line-height: 1;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.primary_color {
    color: #0082ee;
}

/* 主颜色 */

.mt_16 {
    margin-top: 16px;
}

/* 表单公共样式包含input、select、textarea */
input::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
    display: none;
}

input,
textarea,
select {
    border: 1px solid #c9cdd4;
    background: #fff;
    color: #0d1c28;
    outline: none;
    box-sizing: border-box;
    filter: none !important;
    /* cursor: pointer; */
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    transition: all 0.3s;
}

input,
select {
    padding: 8px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

textarea {
    resize: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC,
        Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica,
        Arial, sans-serif;
    padding: 8px;
    display: block;
    line-height: 1.5;
}

/* 鼠标移入 */
input:hover,
textarea:hover,
select:hover {
    border-color: #0082ee;
}

/* 聚焦 */
input:focus,
textarea:focus,
select:focus {
    border-color: #0082ee;
}

/* 修改placeholder颜色 */
input::input-placeholder,
textarea::input-placeholder {
    color: #c9cdd4;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c9cdd4;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c9cdd4;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19  */
    color: #c9cdd4;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c9cdd4;
}

/* 获取焦点 placeholder消失-开始 */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* 按钮 */
.btn {
    height: 36px;
    min-width: 88px;
    padding: 0 16px;
    border: 1px solid #c9cdd4;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;
    background-color: #fff;
    font-size: 14px;
    color: #4b5667;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    box-shadow: 0px 2px 2px rgba(75, 86, 103, 0.1);
}

.btn:hover {
    border-color: #2386ee;
    color: #2386ee;
}

.btn_primary {
    /* 主要按钮 */
    background-color: #2386ee;
    border-color: #2386ee;
    color: #fff;
}

.btn_primary:hover {
    background-color: #0068dd;
    border-color: #0068dd;
    color: #ffffff;
}

.btn_outline {
    /* 线型按钮 */
    color: #0082ee;
    border-color: #0082ee;
}

.btn.btn_outline:hover {
    /* 线型按钮 */
    border-color: #0082ee;
    background-color: #0082ee;
    color: #fff;
}

/* 按钮圆角 */
.btn.border_radius36 {
    border-radius: 36px;
}

a:hover {
    color: #0082ee;
    cursor: pointer;
}

/* 下拉选择 */
.select_wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.select_wrapper .select_down_box {
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: 2px;
    padding: 5px 0;
    background: #ffffff;
    border: 1px solid #e5e6eb;
    box-shadow: 0px 4px 12px rgb(75, 86, 103, 15%);
    border-radius: 4px;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    display: none;
}

.select_down_box.floatTop {
    top: 100%;
}

.select_down_box.floatBottom {
    bottom: 100%;
}

.select_wrapper .select_down_box li {
    padding: 10px 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4b5667;
    box-sizing: border-box;
    cursor: pointer;
}

/* .select_wrapper.active .input_inner svg.icon{transform: translateY(-50%) rotate(180deg);} */
.select_wrapper .select_down_box li:hover {
    background-color: #f2f3f5;
}

.input_inner {
    width: auto;
}

.input_suffix {
    position: relative;
}

.input_suffix input {
    width: 100%;
    padding-right: 32px;
}

.input_suffix .icon_suffix {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    fill: #86909c;
    cursor: pointer;
    color: #86909c;
}

.input_suffix .icon_suffix .icon_down {
    font-size: 16px;
    fill: #86909c;
}

.input_suffix .icon_suffix .eliminate_btn {
    display: none;
}

.input_suffix .icon_suffix:hover .icon_down {
    display: none;
}

.input_suffix .icon_suffix:hover .eliminate_btn {
    display: flex;
}

/* 下拉选择------------------------------------end */

.select_wrapper.loginSelect {
    width: 88px;
}

.loginBody .select_wrapper.loginSelect input {
    padding: 0 20px 0 0;
    text-align: right;
    background-color: transparent;
    border: none !important;
}

.loginBody .select_wrapper.loginSelect input:focus {
    background: transparent;
}

.select_wrapper.loginSelect .input_suffix .icon_suffix {
    right: 0;
}

.select_wrapper.loginSelect .select_down_box li {
    padding: 5px 6px;
}

.select_wrapper.mobileSelect {
    width: 64px;
    position: absolute;
    top: 0;
    left: 16px;
}

.select_wrapper.headerSelect {
    margin-right: 24px;
}

.select_wrapper.mobileSelect .select_down_box {
    width: 140px;
    left: -4px;
}

/* 复选框 -----------------------------start */
.checkbox_default {
    position: relative;
    cursor: pointer;
    display: inline-block;
    display: flex;
    align-items: center;
}

.checkbox_default label.checkBox {
    width: 16px;
    height: 16px;
    border: 2px solid #c9cdd4;
    background: #fff;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    cursor: pointer;
}

.checkbox_default label.checkBox svg.icon {
    fill: #fff;
    font-size: 12px;
}

.checkbox_default:hover label.checkBox {
    border-color: #0082ee;
}

.checkbox_default input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    border: none;
    opacity: 0;
}

.checkbox_default span {
    margin-left: 4px;
}

.checkbox_default.is_checked .checkBox {
    background-color: #0082ee;
    border-color: #0082ee;
}

.checkbox_default.is_checked span {
    color: #0082ee;
}

.checkbox_default .checkBox {
    position: relative;
}

.checkbox_default .checkBox .icon-check-crude {
    position: absolute;
    font-size: 16px;
    top: -2px;
    left: -2px;
}

/* 复选框 ---------------------------end */

.loginBody {
    width: 100%;
    background: url(./img/scm-enter-bg.jpg) no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.loginBody ._header {
    width: 100%;
    padding: 16px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.loginBody ._header .header_logo {
    height: 20px;
}

.loginBody ._header .header_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginBody ._header .header_right .line {
    width: 1px;
    height: 20px;
    background: #c9cdd4;
    margin: 0 16px;
}

.loginBody ._mainBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    /* padding: 10vh 0; */
    box-sizing: border-box;
    height: calc(100vh - 150px);
    min-height: 720px;
}

.loginBody ._mainBox .__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    top: -3vh;
}

.loginBody ._mainBox .loginBox_left {
    margin-right: 40px;
    flex: 1;
    flex-shrink: 0;
}

.loginBody ._mainBox .loginBox_left .title {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 64px;
}

.loginBody ._mainBox .loginBox_left .txts .item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    font-size: 28px;
}

.loginBody ._mainBox .loginBox_left .txts .item:last-child {
    margin-bottom: 0;
}

.loginBody ._mainBox .loginBox_left .txts .item img {
    width: 96px;
    height: 96px;
    margin-right: 48px;
}

.loginBody ._mainBox .loginBox_left .txts .item .desc {
    color: #86909c;
    font-size: 18px;
    margin-top: 12px;
}

.loginBox_right {
    position: relative;
    width: 480px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(13, 28, 40, 0.1);
    padding: 64px 64px 40px 64px;
    flex-shrink: 0;
    overflow: hidden;
}

/* 重置密码页面专用样式 - 四周都是64px内边距 */
.reset-page .loginBox_right {
    padding: 64px;
}

/* 重置密码页面表单状态 - 底部100px，其他64px */
.reset-page .loginBox_right.form-active {
    padding: 64px 64px 100px 64px;
}

/* 重置密码链接失效状态 - 底部160px，其他64px */
.reset-page .loginBox_right.expired-active {
    padding: 64px 64px 160px 64px;
}

/* 重置密码成功状态 - 底部300px，其他64px */
.reset-page .loginBox_right.success-active {
    padding: 64px 64px 300px 64px;
}

.loginBox_right .register {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
    padding-left: 34px;
    padding-right: 20px;
    box-sizing: border-box;
    background: url(./img/Vector.svg) top left no-repeat;
    background-size: auto 36px;
    cursor: pointer;
    color: #0082ee;
}

.loginBox_right .register:hover {
    color: rgba(0, 130, 238, 0.8);
}

/*切换登录方式图标*/
.tab-parents {
    position: relative;
}

/*标题部分*/
.form_inner .tab-parents.title {
    margin-bottom: 64px;
}

.form_inner .title.tab-parents {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-parents.title a {
    padding-bottom: 12px;
    margin-right: 48px;
    font-size: 24px;
    display: inline-block;
    font-weight: bold;
    position: relative;
}

.tab-parents.title a:last-child {
    margin-right: 0;
}

.tab-parents.title a.active {
    color: #2386ee;
}

.tab-parents.title a.active::after {
    content: "";
    width: 48px;
    height: 4px;
    background: #2386ee;
    position: absolute;
    left: calc(50% - 24px);
    bottom: 0px;
    border-radius: 4px;
}

/*输入部分*/
.form_inner .input_box {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.form_inner .input_box:last-child {
    margin-bottom: 0;
}

.form_inner .input_box .textMessage {
    flex: 2;
}

/*输入框左侧图标*/
.form_inner i.pwd {
    display: block;
    position: absolute;
    right: 14px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}

.form_inner i.see-password {
    background: url(./img/browse.svg) no-repeat;
    background-size: cover;
}

.form_inner i.hide-password {
    background: url(./img/eye-close.svg) no-repeat;
    background-size: cover;
}

.form_inner .input_box input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    border-radius: 6px;
    font-size: 14px;
    /* color: #C9CDD4; */
}

.form_inner .input_box input:focus {
    outline: 0;
    border: 1px solid #2386ee;
    background: #fff;
}

.form_inner .input_box input:hover {
    outline: 0;
    border: 1px solid #2386ee;
}

.form_inner .input_box input.field_mobile {
    padding-left: 95px;
}

.form_inner .input_box input.field_mobileCode {
    padding-right: 102px;
}

.form_inner .input_box .field_mobileCodeBtn {
    position: absolute;
    top: calc(50% - 10px);
    right: 16px;
    color: #0082ee;
    cursor: pointer;
    white-space: nowrap;
}

.form_inner .input_box .field_mobileCodeBtn:hover {
    color: #0068dd;
}

/*错误提示文字*/
.form_inner .error-tips {
    display: block;
    width: 100%;
    color: #ff4d4d;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: -32px;
}

/*登录按钮*/
.form_inner .enter_btn {
    position: relative;
    margin: 40px 0 64px 0;
}

.form_inner .enter_btn .btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
}

.form_inner .enter_btn .btn_primary {
    border-radius: 6px;
}

.other-type-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #4b5667;
    margin-top: 16px;
}

.other-type-list a:hover {
    color: #2386ee;
}

/*二维码*/
.form_inner .enter_code_img {
    margin: 0 auto;
    text-align: center;
    padding: 4px 0 28px 0;
    position: relative;
}

/*错误提示文字*/
.form_inner .enter_code_img label {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #df2426;
    font-size: 13px;
}

.form_inner .enter_code_img img {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
}

/* 获取验证码按钮 */
.get-code-btn {
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    flex-shrink: 0;
    border: 1px solid #4b79d6;
    background-color: #f1f6fe;
    border-radius: 4px;
    margin-left: 10px;
    color: #4b79d6;
    font-size: 16px;
    box-sizing: border-box;
}

/* 二维码登陆 */
.er-code-login {
    text-align: center;
}

.er-code-login .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #4b79d6;
}

.er-code-login .code-img {
    position: relative;
    margin: 64px auto 0;
}

.er-code-login .boldTxt {
    font-size: 24px;
    font-weight: bold;
}

.open-scm-app-txt {
    margin: 16px auto 48px;
    font-size: 14px;
    text-align: center;
    color: #4b5667;
}

.er-code-login .line {
    height: 16px;
    width: 1px;
    background-color: #383a40;
    margin: 0 8px;
}

/* 二维码失效之后出现白色蒙版 */
.er-code-invalid {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
}

.er-code-invalid .reload {
    margin-top: 15px;
    font-weight: normal;
}

.er-code-invalid .reload:hover {
    color: #2386ee;
}

/* 底部 */
.login_form_footer {
    width: 100%;
    color: #86909c;
}

.login_form_footer .otherType {
    text-align: center;
    position: relative;
    margin-bottom: 24px;
}

.login_form_footer .otherType::after {
    content: "";
    display: block;
    width: 118px;
    border-bottom: 1px dashed #c9cdd4;
    position: absolute;
    top: 50%;
    left: 0;
}

.login_form_footer .otherType::before {
    content: "";
    display: block;
    width: 118px;
    border-bottom: 1px dashed #c9cdd4;
    position: absolute;
    top: 50%;
    right: 0;
}

.login_form_footer .otherTypeIcon {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

.login_form_footer .otherTypeIcon .link {
    margin-left: 32px;
    padding-left: 22px;
    position: relative;
    cursor: pointer;
}

.login_form_footer .otherTypeIcon .link:hover {
    color: #0082ee;
}

.login_form_footer .otherTypeIcon .link:first-child {
    margin-left: 0;
}

.login_form_footer .otherTypeIcon .link.qq {
    background: url(./img/qq.svg) no-repeat left center;
    background-size: 18px;
}

.login_form_footer .otherTypeIcon .link.qq:hover {
    background: url(./img/qq1.svg) no-repeat left center;
}

.login_form_footer .otherTypeIcon .link.wx {
    background: url(./img/wx.svg) no-repeat left center;
    background-size: 18px;
}

.login_form_footer .otherTypeIcon .link.wx:hover {
    background: url(./img/wx1.svg) no-repeat left center;
}

.login_form_footer .otherTypeIcon .link.scm {
    background: url(./img/scm.svg) no-repeat left center;
    background-size: 18px;
}

.login_form_footer .otherTypeIcon .link.scm:hover {
    background: url(./img/scm1.svg) no-repeat left center;
}

.login_form_footer .isTip {
    text-align: center;
}

.login_form_footer .isTip .primary_color:hover {
    color: #0068dd;
}

/* 页脚 */
.loginFooter {
    text-align: center;
    font-size: 14px;
    color: #4b5667;
    background: #fff;
    padding: 16px 0;
}

.loginFooter .container a {
    margin-right: 24px;
}

.loginFooter .container a:last-child {
    margin-right: 0;
}

.loginFooter .copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    color: #86909c;
}

.loginFooter .copyright .line {
    width: 1px;
    height: 16px;
    background: #e5e6eb;
    margin: 0 16px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.register-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
}

.register-name-box {
    display: flex;
    gap: 16px;
}

.register-name-box .field_lastName {
    width: 120px;
}

.forget-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4px;
}

.forget-desc {
    color: #86909C;
    text-align: center;
    font-size: 16px;
    margin-bottom: 64px;
}

.forget-box {
    display: flex;
    gap: 16px;
}

.forget-box .code-img {
    width: 112px;
    border-radius: 6px;
    border: 1px solid #E5E6EB;
    flex-shrink: 0;
    object-fit: contain;
}

.enter_btn.forget_action {
    display: flex;
    gap: 16px;
    margin: 64px auto 121px;
}

.forget-message-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.error-message-box {
    gap: 0;
    justify-content: space-between;
    height: 395px;
}

.forget-message-box .success-box {
    text-align: center;
}

.forget-message-box .success-box .success-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.forget-message-box .success-box .success-message {
    font-size: 20px;
    font-weight: 600;
}

.forget-message-box .success-box .email-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 4px 0;
}

.forget-message-box .success-box .email-info .email-icon {
    width: 16px;
    height: 16px;
}

.forget-message-box .success-box .email-info .email-address {
    color: #0082EE;
}

.forget-message-box .success-box .reset-link-info {
    color: #86909C;
}

.forget-message-box .tips-box .tips-title {
    color: #4B5667;
}

.forget-message-box .tips-box .tips-content {
    border-radius: 6px;
    background: #EDF5FF;
    margin-top: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.forget-message-box .forget_return_login {
    height: 48px;
}

/* 邮件发送失败提示框样式 */
.forget-message-box.error-message-box .error-box {
    text-align: center;
}

.forget-message-box.error-message-box .error-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.forget-message-box.error-message-box .error-message {
    font-size: 20px;
    font-weight: 600;
    color: #0d1c28;
    margin-bottom: 4px;
}

.forget-message-box.error-message-box .error-desc {
    color: #86909C;
    font-size: 14px;
}

.forget-message-box.error-message-box .suggestions-title {
    color: #4B5667;
    font-size: 14px;
    margin-bottom: 8px;
}

.forget-message-box.error-message-box .suggestions-content {
    border-radius: 6px;
    background: #EDF5FF;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.forget-message-box.error-message-box .suggestion-item {
    color: #0d1c28;
    font-size: 14px;
    line-height: 1.5;
}

.forget-message-box.error-message-box .suggestion-item a {
    color: #0082EE;
    text-decoration: none;
}

.forget-message-box.error-message-box .suggestion-item a:hover {
    text-decoration: underline;
}

.forget-message-box.error-message-box .error_return_btn {
    height: 48px;
    background: transparent;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    color: #0d1c28;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    display: block;
}

.forget-message-box.error-message-box .error_return_btn:hover {
    border-color: #0082EE;
    color: #0082EE;
}

/* 重置密码页面样式 */
.reset-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.reset-desc {
    color: #86909C;
    text-align: center;
    font-size: 16px;
    margin-bottom: 64px;
    line-height: 1.5;
}

.reset-desc .number {
    color: #86909C;
    font-weight: normal;
}

.reset-form-fields {
    margin-bottom: 64px;
}

.reset-form-fields .email-readonly {
    background: #f0f2f5 !important;
    color: #0d1c28 !important;
    cursor: not-allowed;
    border: 1px solid #f0f2f5 !important;
}

.reset-form-fields .email-readonly:hover,
.reset-form-fields .email-readonly:focus {
    border: 1px solid #f0f2f5 !important;
    background: #f0f2f5 !important;
}

.enter_btn.reset_action {
    display: flex;
    gap: 16px;
    margin: 0;
}

.reset-message-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reset-message-box.success-message-box {
    text-align: center;
    gap: 40px;
    justify-content: space-between;
    height: 200px;
}

.reset-message-box.success-message-box .success-box {
    text-align: center;
}

.reset-message-box.success-message-box .success-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.reset-message-box.success-message-box .success-message {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}

.reset-message-box.success-message-box .success-desc {
    color: #86909C;
    font-size: 16px;
}

.reset-message-box.success-message-box .reset_to_login {
    height: 48px;
    border-radius: 6px;
    font-size: 16px;
    flex-shrink: 0;
}

/* 重置密码链接已失效提示框样式 */
.reset-message-box.expired-message-box {
    gap: 40px;
    justify-content: space-between;
}

.reset-message-box.expired-message-box .expired-box {
    text-align: center;
}

.reset-message-box.expired-message-box .expired-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.reset-message-box.expired-message-box .expired-message {
    font-size: 20px;
    font-weight: 600;
    color: #0d1c28;
}

.reset-message-box.expired-message-box .expired-suggestions {
    margin-top: 0;
}

.reset-message-box.expired-message-box .suggestions-title {
    color: #4B5667;
    font-size: 14px;
    margin-bottom: 8px;
}

.reset-message-box.expired-message-box .suggestions-content {
    border-radius: 6px;
    background: #EDF5FF;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reset-message-box.expired-message-box .suggestion-item {
    color: #0d1c28;
    font-size: 14px;
    line-height: 1.5;
}

.reset-message-box.expired-message-box .suggestion-item a {
    color: #0082EE;
    text-decoration: none;
}

.reset-message-box.expired-message-box .suggestion-item a:hover {
    text-decoration: underline;
}

.reset-message-box.expired-message-box .expired_return_btn {
    height: 48px;
    background: transparent;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    color: #0d1c28;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    display: block;
}

.reset-message-box.expired-message-box .expired_return_btn:hover {
    border-color: #0082EE;
    color: #0082EE;
}