.banxin{
	min-width: 1000px;
	max-width: 1567px;
	margin: 0 auto;
}
body{
	background: #F2F2F2;
	margin: 0;
	padding: 0;
}
.bg_green{
	background: #10A28C;
}
.bg_white{
	background: #ffffff;
}
.bg_line{
	border: #B5B5B5 solid 1px;
}
.yuanjiao{
	border-radius: 6px
}
.clo_black{
	color: #1A1A1A;
}
.clo_green{
	color: #10A28C;
}
.clo_white{
	color: #ffffff;
}
.clo_red{
	color: #CE2D28;;
}
.center{
	text-align: center;
}
a{
	text-decoration: none;
	
}
.action{
	background: #137F70;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.action1{
	display: block;
	color: #137F70;
	font-weight: bold;
	cursor: pointer;
}

iframe{
	padding: 0;
	width: 100%;
	border: 0;
}
/* box的样式 */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #9E9E9E;
  border-radius: 3px;
  position: relative;
}
 
input[type="checkbox"]:checked {
  background-color: #10A28C;
  border-color: #10A28C;
}
 
input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}







.top{
	height: ;
}
.top_all{
	display: flex;
	align-items: center;
	justify-content:space-between;
	height: 70px;
}
.t_logo{
	width: 50%;
}
.t_login{
	flex: 1;
	display: flex;
	gap: 10px;
	justify-content: right;
}
.top_title{
	background: #159E8A;
	
}
.top_title_all{
	align-items: center;
	display: flex;
	height: 58px;
}
.top_title_all div{
	width: 141px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.t_login div{
	width: 109px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}



.bom_all{
	background: #ffffff;
	display: flex;
	height: 100%;
	flex: 1;
	min-height: calc(100vh - 179px);
}
.bom_all_l{
	/* width: 300px; */
	flex-shrink: 0;
	border-right: #c3c3c3 solid 1px;
	margin: 20px;
}
.bom_all_l_div{
	display: flex;
	margin: 0 30px 0 30px;
	height: 70px;
	align-items: center;
	gap: 20px;
	
}
.bom_all_l_div img{
	width: 6px;
	height: 12px;
	
}
.bom_all_l_div a{
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	color:#1A1A1A;
	}
.bom_all_r{
	width: 100%;
	margin: 20px;
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: space-between;
}
.bom_all_r_ti{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}
.bom_all_r_div{
	background: #F3F3F3;
	padding: 20px;
}
.bom_all_r_title{
	display: flex;
	align-items: center;
	height: 40px;
}
.bom_all_r_daan{
	display: flex;
	gap: 20px;
	flex-direction: column;
	margin-top: 20px;
	margin-left: 24px;
}
.bom_all_r_daanall{
	display: flex;
	gap: 10px;
}
.bom_all_r_jiexi{
	background: #D9D9D9;
	padding: 20px;
	margin-left: 24px;
	margin-top: 20px;
}
.bom_all_r_sousuo{
	display: flex;
	height: 38px;
	align-items: center;
	gap: 10px;
}
.bom_all_r_sousuo div{  
	width: 95px;
	height: 38px;
	background: #10A28C;
	color: #ffffff;
	border-radius: 6px;
	align-items: center;
	justify-content: center;                                            
	display: flex;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
.bom_all_r_sousuo input{
	height: 36px;
	width: 375px;
	background: none;
	border: #B5B5B5 solid 1px;
	border-radius: 6px;
	padding: 0 10px 0 10px;
}  
.goto-next{
	width: 374px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #10A28C;
	border-radius: 6px;
	margin: 0 auto;
	color: #ffffff;
}
.goto-next button{
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	color: #ffffff;
}


/* 页码导航组件样式 */

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

.pagination-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: white;
}

.pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #e9ecef;
    background: white;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #6c757d;
}

.pagination-arrow:hover:not(:disabled) {
    border-color: #137F70;
    color: #137F70;
    transform: translateY(-1px);
}

.pagination-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-numbers {
    display: flex;
    gap: 0.5rem;
}

.pagination-number {
    width: 40px;
    height: 40px;
    border: 2px solid #e9ecef;
    background: white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    color: #495057;
}
.pagination-number a{
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#1A1A1A;
}

.pagination-number:hover {
    border-color: #137F70;
    color: #ffffff
    transform: translateY(-1px);
}

.pagination-number.active {
    border-color: #137F70;
    color: #ffffff
    transform: translateY(-1px);
}

.pagination-goto {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid #e9ecef;
}

.pagination-goto span {
    font-size: 0.9rem;
    color: #6c757d;
    white-space: nowrap;
}

.goto-input {
    width: 80px;
    height: 40px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 0 0.75rem;
    font-size: 0.9rem;
    text-align: center;
    transition: border-color 0.3s ease;
}

.goto-input:focus {
    outline: none;
    border-color: #137F70;
}

.goto-btn {
    height: 40px;
    padding: 0 1rem;
    background: #137F70;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.goto-btn:hover {
    background: #137F70;
    transform: translateY(-1px);
}


/* 登录页 */
.by_all{
	     background-image: url(../img/bj.png);
		 background-size: 100% 100%;
		 height: calc(100vh - 120px);
		 margin-bottom: 50px;
}
.login-container {
            width: 671px;
            height: 620px;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 40px 78px;
            position: relative;
			box-sizing: border-box;
			background: linear-gradient(
			    to bottom right, /* 对角方向：从左上方到右下方 */
			    white,           /* 起点：纯白 */
			    rgba(255, 255, 255, 0.5) /* 终点：50%透明白 */
			  );
			
        }
.login-container1 {
            width: 671px;
            height: 650px;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 40px 78px;
            position: relative;
			box-sizing: border-box;
			background: linear-gradient(
			    to bottom right, /* 对角方向：从左上方到右下方 */
			    white,           /* 起点：纯白 */
			    rgba(255, 255, 255, 0.5) /* 终点：50%透明白 */
			  );
			
        }       
        .login-header {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .login-title {
            font-size: 32px;
            font-weight: 600;
            color: #333;
            margin-bottom: 12px;
            line-height: 1.2;
			text-align: left;
        }
        
        .login-subtitle {
            font-size: 16px;
            color: #939393;
            font-weight: 400;
            line-height: 1.5;
			text-align: left;
        }
        
        .form-group {
            margin-bottom: 30px;
        }
        
        .form-input {
            width: 514px;
            height: 56px;
            border: 1px solid #939393;
            border-radius: 8px;
            padding: 0 20px;
            font-size: 16px;
            color: #333;
            background: white;
            transition: all 0.3s ease;
			box-sizing: border-box
        }
        
        .form-input:focus {
            outline: none;
            border-color: #10A28C;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
        }
        
        .form-input::placeholder {
            color: #bfbfbf;
        }
        
        .form-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            font-size: 14px;
        }
        
        .remember-me {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #666;
        }
        
        .remember-checkbox {
            width: 16px;
            height: 16px;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            cursor: pointer;
        }
        
        .forgot-password {
            color: #10A28C;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .forgot-password:hover {
            color: #10A28C;
        }
        
        .login-button {
            width: 514px;
            height: 56px;
            background: #10A28C;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 30px;
        }
        
        .login-button:hover {
            background: #10A28C;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
        }
        
        .login-button:active {
            transform: translateY(0);
        }
        
        .register-link {
            text-align: center;
            font-size: 14px;
            color: #666;
        }
        
        .register-link a {
            color: #10A28C;
            text-decoration: none;
            margin-left: 8px;
            transition: color 0.3s ease;
        }
        
        .register-link a:hover {
            color: #10A28C;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .login-container {
                width: 90%;
                height: auto;
                min-height: 500px;
                padding: 40px 30px;
            }
            
            .form-input, .login-button {
                width: 100%;
                max-width: 400px;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .login-container {
            animation: fadeInUp 0.6s ease-out;
        }


/* 列表页 */
.bom_all_r_list{
	height: 140px;
	display: flex;
	justify-content: space-between;
	background: #F3F3F3;
	border-radius: 6px;
	align-items: center;
	padding: 30px;
	box-sizing: border-box;
}
.bom_all_r_all{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.bom_all_r_add a{
	background: #F3F3F3;
	border-radius: 8px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #1A1A1A;
	font-size: 24px;
	font-weight: bold;
}
.list_left{
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.list_right{
	display: flex;
	gap: 30px;
	align-items: center;
	
}
.list_left_qink{
	display: flex;
	gap: 20px; 
}



/* 注册页 */
.yanzheng{
	display: flex;
	gap: 10px;
}
.yanzheng div a{
	width: 180px;
	height: 56px;
	background: #10A28C;
	border-radius: 8px;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

/* 忘记密码 */
.login-form{
	width: 514px;
}
.bom_all_r_ding a{
	color: #10A28C;
}
.huoqu{
	display: flex;
	gap: 10px;
}
.huoqu button{
	width: 180px;
	height: 56px;
	border-radius: 8px;
	border: none;
	background: #10A28C;
	color: #ffffff;
}
.t_login_name{
	width: 100%;
	flex: 1;
	justify-content: right;
}

/* 试卷模拟详情 */
.bom_all_r_da{
	display: flex;
	gap: 20px;
	margin-top: 20px;
	margin-left: 24px;
	background: #D9D9D9;
	padding: 20px;
	margin-left: 24px;
	margin-top: 20px;
}

.gundong{
	height: 500px;
	overflow-y: auto; /* 仅在需要时显示滚动条 */
}
.bom_all_r_shaixuan select{
	/* 基础样式 */
	  width: 200px;
	  padding: 10px 15px;
	  
	  /* 颜色配置 */
	  background-color: white;     /* 白色背景 */
	  border: 1px solid #B5B5B5;   /* 灰色描边 */
	  color: #949494;             /* 灰色字体 */
	  
	  /* 交互优化 */
	  border-radius: 4px;         /* 圆角 */
	  font-size: 14px;
	  cursor: pointer;
	  
	  /* 隐藏原生箭头 */
	  appearance: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  
	  /* 自定义下拉箭头 */
	  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='%23666666'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
	  background-repeat: no-repeat;
	  background-position: right 10px center;
	  background-size: 12px;
}
.btn_sousuo button{
	display: block;
	border: none;
	background: none;
	color: #ffffff;

}



/* 个人资料 */
.bom_all_r_neirong{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.bom_all_r_l{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.zhogjianduan{
	display: flex;
	justify-content: space-between;
}
.title{
	display: flex;
	align-items: center;
	gap: 10px;
}
.title img{
	width: 100%;
	height: 3px;
	object-fit: cover;
	object-position: center;
}
.title span{
	width: auto;
	flex-shrink: 0;
}
/* 个人资料-上传头像 */
.avatar-container {
            width: 124px;
            height: 168px;
            background: white;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }
        
        .avatar-preview {
            width: 100%;
            height: 100%;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            cursor: pointer;
        }
        
        .avatar-placeholder {
            text-align: center;
            color: #bfbfbf;
            font-size: 12px;
            line-height: 1.4;
        }
        
        .avatar-placeholder svg {
            width: 24px;
            height: 24px;
            margin-bottom: 4px;
            color: #bfbfbf;
        }
        
        .avatar-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: none;
        }
        
        .modify-link {
            color: #159E8A;
            font-size: 14px;
            text-decoration: none;
            cursor: pointer;
            transition: color 0.3s ease;
			width: 100%;
			text-align: center;
			margin-top: 10px;
        }
        
        .modify-link:hover {
            color: #159E8A;
        }
        
        .file-input {
            display: none;
        }
.sanduan_all{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.touxiang{
	margin-left: 40px;
}
.biaodan{
	display: flex;
	height: 39px;
	align-items: center;
	gap: 20px;
}
.biaodan input{
	width: 254px;
	height: 39px;
	border: 1px solid #CDCDCD;
	border-radius: 4px;
	flex: 0 0 auto;
	padding: 10px 15px;
	box-sizing: border-box;
	height: auto;
}
.biaodan_name{
	width: 118px;
	text-align: right;
}
.zhogjianduan_list{
	display: flex;
	flex-direction: column;
	gap: 7px;
	width: 100%;
}
.bom_all_r_shaixuan1{
	display: flex;
	flex: 1;
}
.bom_all_r_shaixuan1 select{
	/* 基础样式 */
	  width: 254px;
	  height: 39px;
	  padding: 10px 15px;
	  /* 颜色配置 */
	  background-color: white;     /* 白色背景 */
	  border: 1px solid #B5B5B5;   /* 灰色描边 */
	  color: #949494;             /* 灰色字体 */
	  
	  /* 交互优化 */
	  border-radius: 4px;         /* 圆角 */
	  font-size: 14px;
	  cursor: pointer;
	  
	  /* 隐藏原生箭头 */
	  appearance: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  
	  /* 自定义下拉箭头 */
	  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='%23666666'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
	  background-repeat: no-repeat;
	  background-position: right 10px center;
	  background-size: 12px;
}
.btn_quxiao{
	display: block;
	background: none;
	color: #10A28C;
	width: 95px;
	height: 38px;
	border: 1px solid #10A28C;
	border-radius: 8px;

}
.btn_baocun{
	display: block;
	background: #10A28C;
	color: #ffffff;
	width: 95px;
	height: 38px;
	border-radius: 8px;
	border: none;

}
.dibu{
	display: flex;
	gap: 20px;
	justify-content: center;
}
/* 是与否单选样式 */
.radio-container {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        
        .radio-group {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .radio-label {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            font-size: 14px;
            color: #333;
            transition: color 0.3s ease;
        }
        
        .radio-label:hover {
            color: #1890ff;
        }
        
        .radio-input {
            display: none;
        }
        
        .radio-circle {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 2px solid #d9d9d9;
            position: relative;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .radio-input:checked + .radio-circle {
            border-color: #1890ff;
            background: #1890ff;
        }
        
        .radio-input:checked + .radio-circle::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 6px;
            height: 6px;
            background: white;
            border-radius: 50%;
        }
        
        .radio-label:hover .radio-circle {
            border-color: #1890ff;
        }
        
        .radio-input:focus + .radio-circle {
            box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.1);
        }
        
        /* 选中状态的文字颜色 */
        .radio-input:checked ~ .radio-text {
            color: #1890ff;
            font-weight: 500;
        }
        
        .radio-text {
            transition: color 0.3s ease;
        }
        
        /* 示例样式 */
        .example-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }
        
        .example-desc {
            font-size: 12px;
            color: #666;
            line-height: 1.4;
        }
/* 多选标签样式 */		
.container {
			flex: 1;
			min-width: 0;
			
        }
        
        .select-box {
            position: relative;
            width: 100%;
			
        }
        
        .select-input {
            height: 40px;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            padding: 0 40px 0 12px;
            font-size: 14px;
            cursor: pointer;
            background: white;
            display: flex;
            align-items: center;
            gap: 8px;
            overflow: hidden;
        }
        
        .select-input:focus {
            outline: none;
            border-color: #1890ff;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
        }
        
        .arrow-icon {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            color: #666;
            cursor: pointer;
            transition: transform 0.3s ease;
        }
        
        .select-box.open .arrow-icon {
            transform: translateY(-50%) rotate(180deg);
        }
        
        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: white;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            margin-top: 4px;
            max-height: 200px;
            overflow-y: auto;
            z-index: 1000;
            display: none;
        }
        
        .select-box.open .dropdown {
            display: block;
        }
        
        .dropdown-content {
            padding: 8px;
        }
        
        .tag-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 12px;
            height: 33px;
            margin-bottom: 4px;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        
        .tag-item:hover {
            background: #f0f8ff;
        }
        
        .tag-item.selected {
            background: #e6f7ff;
            color: #1890ff;
        }
        
        .tag-text {
            flex: 1;
            font-size: 14px;
        }
        
        .tag-remove {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #ff4d4f;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .tag-item:hover .tag-remove,
        .tag-item.selected .tag-remove {
            opacity: 1;
        }
        
        .tag-remove:hover {
            background: #ff7875;
        }
        
        .selected-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-height: 20px;
        }
        
        .selected-tag {
            display: flex;
            align-items: center;
            gap: 6px;
            background: #f0f8ff;
            color: #1890ff;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .selected-tag-remove {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #1890ff;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            cursor: pointer;
            flex-shrink: 0;
        }
        
        .selected-tag-remove:hover {
            background: #40a9ff;
        }
        
        .placeholder {
            color: #bfbfbf;
            font-size: 14px;
        }
        
        .example-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 12px;
        }
        
        .example-desc {
            font-size: 12px;
            color: #666;
            margin-bottom: 16px;
            line-height: 1.4;
        }
        
        /* 滚动条样式 */
        .dropdown::-webkit-scrollbar {
            width: 6px;
        }
        
        .dropdown::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }
        
        .dropdown::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }
        
        .dropdown::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }
.jy_all{
	display: flex;
	flex-direction: column;
}
.jy_all_title{
	display: flex;
	justify-content: space-between;
	background: #D9D9D9;
	padding: 10px 20px 10px 20px;
}
.jy_all_neirong{
	display: flex;
	justify-content: space-between;
	padding: 10px 20px 10px 20px;
}
.zhushi{
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
}
.title_add_all{
	display: flex;
	max-width: 400px;
	justify-content: space-between;
	gap:10px;
}
.title_add{
	display: flex;
	width: 60px;
	align-items: center;
	gap: 4px;
	color: #23A392;
}
.title_add img{
	width: 18px;
	height: 18px;
}


/* 遮罩层 */
.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    /* flex 居中方案 */
    align-items: center;
    justify-content: center;
}

/* 弹出框 */
.popup-div {
    width: 600px;
    height: 400px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    flex-direction: column;
    gap: 20px;
}

.popup-btn-group {
    /* 按钮右对齐，可改为 flex-start 左对齐 / center 居中 */
    display: flex;
    justify-content: flex-end;
    gap: 10px; /* 按钮之间的间距 */
    margin-top: 10px;
}
/* 保存按钮样式 */
.save-btn {
    padding: 6px 16px;
    border: 1px solid #1890ff;
    background-color: #1890ff;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.save-btn:hover {
    background-color: #40a9ff;
}

/* 关闭按钮样式 */
.close-btn {
    padding: 6px 16px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}

.close-btn:hover {
    background-color: #f5f5f5;
}

/* 缴费记录 */
.jf_all{
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 15px;
	margin-top: 15px;
}, 
.jf_line{
	display: flex;
	height: 40px;
	align-items: center;
	
}
.jf_l{
	width: 240px;             
	flex-shrink: 0;  
} 
.jf_r{
	flex: 1;      
	min-width: 0; 
} 

/* 无内容页面 */
.no_img{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: calc(100vh - 266px);
}

/* 左侧多级列表 */
.scrollable-area {
            width: 260px;
            height: calc(100vh - 260px);
            max-height: calc(100vh - 40px);
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: auto;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			margin-right: 10px;
        }

        .nav-container {
            min-width: 600px;
            min-height: 800px;
        }

        .nav-item {
            margin-bottom: 4px;
        }

        .nav-title {
            display: flex;
            align-items: center;
            padding: 8px 12px;
            border-radius: 4px;
            transition: background-color 0.2s;
            cursor: pointer;
            min-width: 200px;
        }

        .nav-title:hover {
            background-color: #f0f0f0;
        }

        .arrow {
            width: 16px;
            height: 16px;
            margin-right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s;
            flex-shrink: 0;
        }

        .arrow::before {
            content: "▶";
            font-size: 12px;
            color: #666;
        }

        .nav-title.expanded .arrow {
            transform: rotate(90deg);
        }

        .title-text {
            flex: 1;
            color: #333;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .level-1 {
            font-size: 18px;
            font-weight: bold;
            margin-left: 0;
        }

        .level-2 {
            font-size: 16px;
            margin-left: 20px;
        }

        .level-3 {
            font-size: 14px;
            margin-left: 40px;
        }

        .level-4 {
            font-size: 13px;
            margin-left: 60px;
            color: #666;
        }

        .nav-children {
            display: none;
            margin-left: 20px;
            min-width: 200px;
        }

        .nav-title.expanded + .nav-children {
            display: block;
        }

        .no-children .arrow {
            visibility: hidden;
        }

        /* 滚动条样式 */
        .scrollable-area::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        .scrollable-area::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }

        .scrollable-area::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
        }

        .scrollable-area::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

        .scrollable-area::-webkit-scrollbar-corner {
            background: #f1f1f1;
        }

        @media (max-width: 768px) {
            .scrollable-area {
                width: 280px;
            }
        }

        @media (max-width: 480px) {
            .scrollable-area {
                width: 260px;
            }
        }