.content {
    width: 100%;
    height: 879px;
    background: linear-gradient(180deg,
            #0A79EC 0%,
            /* 起始点（0%）为 #0A79EC */
            #EDF3FF 30%,
            /* 前20%保持纯色 #0A79EC */
            #EDF3FF 100%
            /* 从20%到100%逐渐过渡到 #EDF3FF */
        );
}

.internal {
    width: 1440px;
    overflow: hidden;
    margin: 0 auto;
}

.container {
    width: 100%;


}

.containerOne {
    width: 1042px;
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(22, 119, 255, 0.16);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    /* 图片区与标题区横向排列 */
}

.containerOne_img {
    width: 531px;
    height: 360px;
    position: relative;
    /* 用于定位徽章 */
}

/* 轮播图片样式 */
.carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持图片比例填充容器 */
    display: none;
    /* 默认隐藏所有图片 */
}

/* 激活状态的图片显示 */
.carousel-image.active {
    display: block;
}

.title-text {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge {
    width: 36px;
    height: 20px;
    margin-right: 8px;
}

.badge.new {
    background: url('../images/index/new.png') no-repeat center center;
    background-size: 100% 100%;
}

.badge.hot {
    width: 46px;
    height: 30px;
    background: url('../images/index/hot.png') no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 10px;
}

.containerOne_right {
    width: 511px;
    height: 360px;
    display: flex;
    flex-direction: column;
    /* 更多按钮与标题区纵向排列 */
}

.containerOne_all {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #999;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    text-align: right;
    padding-right: 16px;

}

.containerOne_li {
    width: 100%;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    flex: 1;
    /* 占满剩余高度 */

}

.title-item {
    height: 64px;
    line-height: 64px;
    padding-left: 23px;
    cursor: pointer;
    transition: background-color 0.3s;
    /* 背景色过渡 */
    white-space: nowrap;
    /* 禁止标题换行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
}

/* 标题激活状态（高亮） */
.title-item.active {
    background: url('../images/index/bg.png') no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    margin-left: -14px;
    width: 500px;
    padding-left: 34px;

}

/* 标题 hover 效果 */
.title-item:hover:not(.active) {
    background-color: #F5F5F5;
}

.containerThree {
    width: 511px;
    height: 340px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(22, 119, 255, 0.16);
    border-radius: 6px;
    overflow: hidden;
}

.containerThree_top {
    padding: 0 24px 0 28px;
    height: 74px;

}

.containerThree_top_title {
    font-family: 'Source Han Sans CN';
    font-weight: bold;
    font-size: 22px;
    color: #1677FF;


}

.containerThree_top_title div {
    font-weight: bold;
}

.columnMiddleAlias {
    font-weight: bold;
}

.columnLeftAlias {
    font-weight: bold;
}

.columnRightAlias {
    font-weight: bold;
}

.containerThree_top_img {
    width: 88px;
    height: 6px;
    position: absolute;
}

.containerThree_top_all {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

.containerThree_co {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    margin-bottom: 22px;
    cursor: pointer;
}

.containerThree_co_cr {

    margin-right: 28px;
}

.containerThree_co_new {
    width: 36px;
    height: 20px;
    margin-right: 8px;
    margin-left: 28px;
}

.containerThree_co_hot {
    width: 46px;
    height: 30px;
    margin-right: 2px;
    margin-left: 24px;
}

.containerThree_co_title {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containerThree_co_title1 {
    max-width: 448px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containerTwoNew {
    width: 378px;
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(22, 119, 255, 0.16);
    border-radius: 6px;
    overflow: hidden;
}

.containerTwoNew_bg {
    width: 366px;
    height: 348px;
    margin: 6px auto;
    background: url('../images/index/login.png') no-repeat center center;
    background-size: 100% 100%;

}

.containerTwoNew_in {
    padding: 48px 27px 17px;
    overflow: hidden;
}

.containerTwoNew_in_one {
    width: 101px;
    height: 30px;
    background: #007AFF;
    border-radius: 26px;
    text-align: center;
    line-height: 30px;
    position: relative;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin-left: 16px;
}

.containerTwoNew_in_name {
    font-size: 16px;
    padding-left: 30px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.containerTwoNew_in_img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -12px;
    top: -4px;
}

.containerTwoNew_in_two {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 32px;
    color: #0054A7;
    text-shadow: 0px 4px 4px #FFFFFF;
    margin-top: 12px;
}

.containerTwoNew_in_three {
    margin-top: 10px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 24px;
    color: #0054A7;
}

.containerTwoNew_in_btn {
    width: 100%;
    height: 44px;
    background: #007AFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 122, 255, 0.25);
    border-radius: 4px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    margin-top: 92px;
    cursor: pointer;
}

.containerTwo {
    width: 378px;
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(22, 119, 255, 0.16);
    border-radius: 6px;

}

.containerTwo_form {
    padding: 0 33px;

}

.containerTwo_form_img {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    margin-top: 6px;

}

.containerTwo_form_year {

    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 9;
    top: 0;
}

.containerTwo_form_look {

    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 9;
    top: 0;
}

.containerTwo_form_tips {
    margin-top: 11px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;

}

.containerTwo_tips_one {
    color: #007AFF;
    cursor: pointer;
}

.containerTwo_tips_two {
    color: #1677FF;
    cursor: pointer;
}

.containerTwo_form_title {
    margin-top: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.containerTwo_title_checkbox {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #999999;
    margin-right: 8px;
}

.containerTwo_title_color {
    color: #1677FF;
    cursor: pointer;
}

.containerTwo_form_btn {
    width: 100%;
    height: 44px;
    background: #007AFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 122, 255, 0.25);
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 6px;
    cursor: pointer;
}

.containerFour {
    width: 378px;
    height: 340px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(22, 119, 255, 0.16);
    border-radius: 6px;
    overflow: hidden;
}

.containerFour_li {
    width: 318px;
    height: 112px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;


}

.containerFour_li_text {
    padding: 0 7px;
    width: 304px;
    height: 20px;
    background: rgba(0, 0, 0, 0.6);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Source Han Sans CN, Source Han Sans CN;

    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    z-index: 2;
    bottom: 0;
}

.containerFour_li_img {
    width: 318px;
    height: 112px;
    position: absolute;
    z-index: 1;
}

.containerFour_li_last {
    margin-top: 18px;
}

/* 1. 基础样式：仅保留下边框，隐藏上、左、右三边 */
.containerTwo .layui-input-wrap .layui-input {
    border: none;
    /* 清除默认四边边框 */
    border-bottom: 1px solid #D3D8E2;
    /* 仅保留下边框（默认灰色，与 Layui 基调一致） */
    border-radius: 0;
    /* 取消默认圆角（可选，根据设计需求） */
    box-shadow: none;
    /* 清除默认阴影（避免干扰下边框视觉） */
    outline: none;
    /* 清除聚焦时默认外边框（避免多重边框） */
    height: 46px;
    font-size: 16px;
}

/* 2. 交互样式：光标移入（hover）时，下边框变为 #007AFF */
.containerTwo .layui-input-wrap .layui-input:hover {
    border-bottom-color: #007AFF !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    /* 强制移除hover状态的阴影 */
}

/* 可选增强：聚焦（focus）时保持 #007AFF 边框，提升交互一致性 */
.containerTwo .layui-input-wrap .layui-input:focus {
    border-bottom-color: #007AFF !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    /* 强制移除hover状态的阴影 */
}

.containerTwo .layui-input-wrap .layui-select {
    border: none;
    /* 清除默认四边边框 */
    border-bottom: 1px solid #D3D8E2;
    /* 仅保留下边框（默认灰色，与 Layui 基调一致） */
    border-radius: 0;
    /* 取消默认圆角（可选，根据设计需求） */
    box-shadow: none;
    /* 清除默认阴影（避免干扰下边框视觉） */
    outline: none;
    /* 清除聚焦时默认外边框（避免多重边框） */
    height: 46px;
    width: 100%;
    padding-left: 36px;
}

.containerTwo .layui-input-wrap .layui-form-select dl dd.layui-this {
    color: #007AFF !important;
}

.disclaimer-modal {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 720px;
    /* 加宽弹窗 */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    /* 增强阴影 */
    z-index: 1000;
    padding: 16px;
    /* 增加内边距 */
}

.disclaimer-title {
    font-size: 16px;
    /* 缩小字体 */
    font-weight: 600;
    /* 中等加粗 */
    color: #333;
    margin-bottom: 20px;
    /* 增加底部间距 */
    border-bottom: 1px solid #e5e7eb;
    /* 浅灰色边框 */
    padding-bottom: 12px;
}

.disclaimer-title div {
    font-weight: 600;
}

.disclaimer-close {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.disclaimer-content {
    padding: 0 12px;
    max-height: 400px;
    overflow-y: auto;
    line-height: 1.6;
    color: #475569;
}

.disclaimer-item {
    margin-bottom: 16px;
    text-align: justify;
}

.disclaimer-number {
    display: inline-block;
    min-width: 24px;
    color: #666;
    font-weight: 600;
}

.forget-modal {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;

    /* 加宽弹窗 */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    /* 增强阴影 */
    z-index: 1000;
    padding: 18px 0 20px 0;
    /* 增加内边距 */
}

.forget-title {
    font-size: 16px;
    /* 缩小字体 */
    font-weight: 600;
    /* 中等加粗 */
    color: #333;
    margin-bottom: 20px;
    /* 增加底部间距 */
    border-bottom: 1px solid #e5e7eb;
    /* 浅灰色边框 */
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;

}

.forget-title div {
    font-weight: 600;
}

.forget-close {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.forget-content {
    padding: 0 120px;
}

.forget_fotter {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    text-align: center;
}

.forget_btn {
    width: 220px !important;
}

.register-modal {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1080px;

    /* 加宽弹窗 */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    /* 增强阴影 */
    z-index: 1000;
    padding: 18px 0 20px 0;
    /* 增加内边距 */
}

.register_in {
    width: 720px;
    margin: 0 auto;
}

.register_in .layui-form-select {
    width: 130px !important;
}

.register_in .layui-form-label {
    width: 140px !important;
    /* 加宽标签宽度（默认约100px，可按需调整） */
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 溢出显示省略号 */
    padding-right: 15px;
    /* 右侧预留空间，避免内容贴边 */
}

/* 同步调整输入框区域宽度，避免整体布局失衡 */
.register_in .layui-input-block {
    margin-left: 170px !important;
    /* 比 label 宽度大 30px 左右，保持间距 */
}

/* 注册步骤导航 */
.register-steps {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}

.register-steps .layui-form-label {
    width: 160px !important;

}

.register-steps .step {
    background: url('../images/index/ac2.png') no-repeat center center;
    background-size: 100% 100%;
    width: 300px;
    height: 44px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
   
    color: #333333;
}

.register-steps .stepT {
    background: url('../images/index/ac3.png') no-repeat center center;
    background-size: 100% 100%;
   
    color: #333333;

}
.register-steps .active{
    background: url('../images/index/ac1.png') no-repeat center center;
    background-size: 100% 100%;
    color: #FFFFFF;
}
.step.stepT.active {
    background: url('../images/index/ac4.png') no-repeat center center !important; 
    background-size: 100% 100% !important;
   
    color: #FFFFFF !important;

}

/* 兼容旧版浏览器（如 Safari） */
.layui-input:-webkit-input-placeholder {
    color: #848D98 !important;
}

.layui-input:-moz-placeholder {
    color: #848D98 !important;
}

.layui-input::-moz-placeholder {
    color: #848D98 !important;
}

.layui-input:-ms-input-placeholder {
    color: #848D98 !important;
}

/* 机构搜索框样式 */
.containerTwo_orgSearch {
    margin-bottom: 8px;
    /* 与下拉框保持间距 */
}

/* 隐藏被筛选掉的选项（通过 JS 动态添加） */
.containerTwo_orgId option.hidden-option {
    display: none;
}

/* 去掉所有输入容器和元素的圆角 */
.containerTwo_form .layui-input-wrap,
.containerTwo_form .layui-input,
.containerTwo_form .containerTwo_orgId {
    border-radius: 0 !important;
    /* 使用!important确保覆盖layui默认样式 */
}

/* 错误输入框样式 */
.error-input {
    border-color: #ff4d4f !important;
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2) !important;
}

/* 输入框获取焦点时的错误样式 */
.error-input:focus {
    border-color: #ff4d4f !important;
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2) !important;
}

/* 验证码区域布局优化 */
.layui-col-xs8 {
    box-sizing: border-box;
    /* 确保内边距不影响宽度计算 */
}

/* 按钮与输入框对齐 */
.layui-col-xs4 button {
    height: 38px;
    /* 与输入框高度一致 */
    line-height: 38px;
    margin: 0;
}