body{color:#333;font-family:"Microsoft Yahei",微软雅黑,黑体;font-size:13px}
body,ul,li,ol,p,h1,h2,h3,h4,h5,h6,dd,dl,dt,div,form,input,select,a{padding:0;margin:0}
select,input,img,botton{vertical-align:middle}
dl{overflow:hidden}
ul,li,ol{list-style:none}
img{border:none}
a{color:#333;text-decoration:none}
a:hover{color:#B30000;text-decoration:none}
em{font-style:normal}
h1,h2,h3,h4,h5,h6,h7{font-size:12px}
.italic{font-style:italic}
.clear{height:0px;width:100%;overflow:hidden;clear:both}
.l{float:left}
.r{float:right}
.auth-page{min-height:100vh;background:url('../img/auth_bg.jpg') no-repeat center center;background-size:cover;position:relative;overflow:hidden}
.auth-logo{position:absolute;top:30px;left:40px;display:flex;align-items:center;z-index:10}
.auth-logo img{width:60px;height:60px;margin-right:20px}
.logo-divider{display:inline-block;width:1px;height:36px;margin-right:20px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 50%,transparent 100%);font-style:normal}
.auth-logo span{font-size:24px;color:#333;font-weight:600;letter-spacing:2px}
.auth-container{position:relative;z-index:5;min-height:100vh;display:flex;justify-content:flex-end;align-items:center;padding-right:10%}
.auth-box{width:480px;background:#fff;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,0.1);overflow:hidden}
.login-tabs{display:flex;border-bottom:1px solid #eee}
.login-tab{flex:1;padding:14px 0;text-align:center;font-size:16px;cursor:pointer;color:#555;background:#f8f9fa;transition:all 0.3s;letter-spacing:2px}
.login-tab.active{background:#d70c19;color:#fff;font-weight:bold}
.login-tab:first-child{border-right:1px solid #ddd}
.login-tab:last-child{border-left:1px solid #ddd}
.auth-body{padding:30px 35px}
.auth-title{font-size:20px;color:#333;text-align:center;margin-bottom:25px;font-weight:500;letter-spacing:2px;font-weight:bold}
.auth-subtitle{font-size:18px;color:#d70c19;font-weight:600;text-align:center;margin-bottom:22px;margin-top:0px;letter-spacing:2px}
.reg-header{background:#d70c19;color:#fff;padding:16px 20px;font-size:18px;font-weight:bold;text-align:center}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:14px;color:#333;margin-bottom:8px}
.form-group label .required{color:#dc143c;margin-right:3px}
.login-input-group{position:relative}
.login-input-group .iconfont{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}
.login-input-group input{width:100%;height:40px;padding:0 15px 0 38px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;box-sizing:border-box;outline:none;transition:border-color 0.3s}
.login-input-group input:focus{border-color:#dc143c}
.form-row .login-input-group input{padding-left:15px}
.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}
.form-options label{display:flex;align-items:center;cursor:pointer;color:#666}
.form-options input[type="checkbox"]{margin-right:5px}
.form-options .forgot{color:#999}
.form-options .forgot:hover{color:#dc143c}
.btn-primary02{width:100%;height:42px;background:#d70c19;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;transition:opacity 0.3s}
.btn-primary02:hover{opacity:0.9;background:#d70c19;border-color:#d70c19}
.auth-footer-link{text-align:center;margin-top:15px;font-size:13px;color:#666}
.auth-footer-link a{color:#dc143c;margin-left:5px}
.auth-divider{margin:20px 0;border-top:1px dashed #ccc;position:relative}
.auth-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:0 10px;font-size:12px;color:#999}
.auth-notice{font-size:12px;color:#666;line-height:1.8}
.auth-notice li{padding-left:15px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px}
.auth-notice li::before{content:'▶';position:absolute;left:0;top:0;color:#dc143c;font-size:10px}
.auth-notice li a{color:#333}
.auth-notice li a:hover{color:#dc143c}
.auth-icp{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:#999;z-index:10;text-align: center;}
.icon-shield:before{content:"\e6a1"}
.icon-dingdan:before{content:"\e6d6"}
.icon-xiangmu:before{content:"\e6a5"}
.icon-zhanghu:before{content:"\e966"}
.user-page{background:#f5f7fa;min-height:100vh;width:100%}
.top-header{background:#fff;height:80px;box-shadow:0 2px 8px rgba(0,0,0,0.06);position:sticky;top:0;z-index:100;width:100%}
.header-inner{width:100%;height:80px;display:flex;align-items:center;padding:0 20px;box-sizing:border-box}
.header-logo{display:flex;align-items:center;margin-right:40px}
.header-logo img{height:60px;margin-right:20px}
.header-logo .logo-divider{height:38px;margin-right:20px}
.header-logo .logo-text{font-size:18px;color:#333;line-height:1.3}
.header-logo .logo-text .main{font-weight:600;font-size:18px;letter-spacing:2px}
.header-logo .logo-text .sub{font-size:11px;color:#999}
.header-nav{flex:1;display:flex;justify-content:center}
.header-menu-toggle{display:none;cursor:pointer;width:28px;height:20px;position:relative;margin:0 10px;flex-shrink:0}
.header-menu-toggle span{display:block;width:24px;height:2px;background:#333;position:absolute;left:2px;transition:all 0.3s;border-radius:1px}
.header-menu-toggle span:nth-child(1){top:2px}
.header-menu-toggle span:nth-child(2){top:9px}
.header-menu-toggle span:nth-child(3){top:16px}
.header-menu-toggle.open span:nth-child(1){top:9px;transform:rotate(45deg)}
.header-menu-toggle.open span:nth-child(2){opacity:0}
.header-menu-toggle.open span:nth-child(3){top:9px;transform:rotate(-45deg)}
.header-nav a{padding:0 20px;font-size:1.0625rem;color:#333;line-height:60px;transition:color 0.3s}
.header-nav a:hover,.header-nav a.active{color:#dc143c}
.header-user{display:flex;align-items:center;cursor:pointer;position:relative}
.header-user .avatar{width:28px;height:28px;border-radius:50%;background:#ddd;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666}
.header-user .phone{font-size:14px;color:#333}
.header-user .arrow{margin-left:5px;font-size:12px;color:#999;transition:transform 0.3s}
.header-user.open .arrow{transform:rotate(180deg)}
.header-login{display:flex;align-items:center}
.header-login .login-link{font-size:16px;color:#dc143c;padding:8px 24px;border:1px solid #e2e8f0;background-color: #f5f7fa; border-radius:4px;transition:all 0.2s;text-decoration:none}
.header-login .login-link:hover{color:#dc143c;border-color:#dc143c}
.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:160px;background:#fff;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:8px 0;display:none;z-index:1000}
.user-dropdown.show{display:block}
.user-dropdown a{display:block;padding:10px 16px;font-size:14px;color:#333;transition:all 0.3s}
.user-dropdown a i{margin-right: 8px;}
.user-dropdown a:hover{background:#f5f7fa;color:#dc143c}
.user-dropdown .dropdown-line{height:1px;background:#f0f0f0;margin:6px 0}
.user-main{width:100%;padding:20px;display:flex;gap:38px;box-sizing:border-box;min-height:calc(100vh - 60px)}
.sidebar{width:19rem;background:#fff;border-radius:4px;padding:15px 0;flex-shrink:0;align-self:stretch}
.sidebar-title{padding:0 24px 15px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #f0f0f0;margin-bottom:10px}
.sidebar-menu li{margin-top:20px}
.sidebar-menu li a{display:flex;align-items:center;padding:14px 24px;font-size:1.125rem;color:#666;transition:all 0.3s;border-left:3px solid transparent}
.sidebar-menu li a:hover{background:#fafafa;color:#dc143c}
.sidebar-menu li a.active{background:linear-gradient(90deg,rgba(220,20,60,0.08) 0%,transparent 100%);color:#dc143c;border-left-color:#dc143c;font-weight:500}
.sidebar-menu li a .iconfont{margin-right:10px;font-size:18px}
.content-area{width:calc(100% - 22.5rem - 10px);min-width:0}
.breadcrumb{background:#fff;padding:14px 24px;border-radius:4px;margin-bottom:20px;font-size:14px;color:#999}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#dc143c}
.breadcrumb .separator{margin:0 8px}
.breadcrumb .current{color:#333}
.content-card{background:#fff;border-radius:4px;padding:24px 32px;min-height:500px}
.card-header{display:flex;border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:12px}
.card-tab{padding:8px 0;margin-right:30px;font-size:1.125rem;color:#333;cursor:pointer;position:relative;font-weight:500}
.card-tab::after{content:'';position:absolute;left:0;bottom:-13px;width:100%;height:2px;background:#dc143c}
.data-table{width:100%;border-collapse:collapse;margin-bottom:30px}
.data-table th{background:#fafafa;padding:14px 15px;text-align:center;font-size:1rem;color:#666;font-weight:normal;border-bottom:1px solid #eee}
.data-table td{padding:18px 15px;text-align:center;font-size:0.9375rem;color:#666;border-bottom:1px solid #f5f5f5}
.data-table .award-link{color:#1890ff}
.data-table .award-link:hover{text-decoration:underline}
.btn-gray{padding:5px 16px;background:#ccc;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:not-allowed}
.btn-red{padding:10px 30px;background:linear-gradient(135deg,#bf0015 0%,#f7441a 100%);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:opacity 0.3s}
.btn-red:hover{opacity:0.9}
.table-footer{text-align:center;padding:20px 0}
.page-footer{text-align:center;padding:20px;font-size:14px;color:#999}
.welcome-two-col{display:flex;gap:20px;margin-bottom:20px}
.welcome-col-left{flex:1.2;min-width:0}
.welcome-col-right{flex:1;min-width:0}
.welcome-col-right .content-card{height:100%;box-sizing:border-box}
.pues-main{padding: 30px 0px;}
.card-header{display:flex;justify-content:space-between;align-items:center}
.card-more{font-size:13px;color:#999;text-decoration:none;margin-right:16px}
.card-more:hover{color:#dc143c}
.notice-list{padding:12px 24px 24px 24px}
.notice-list ul{list-style:none;padding:0;margin:0}
.notice-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}
.notice-list li:last-child{border-bottom:none}
.notice-title{flex:1;font-size:14px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}
.notice-title:hover{color:#dc143c}
.notice-date{flex-shrink:0;font-size:13px;color:#999}
.item-from-row{margin-bottom:24px;clear:both;overflow:hidden}
.from-row-l{width:150px;text-align:right;padding-right:15px;float:left;line-height:40px;color:#333;font-size:14px}
.from-row-l span{color: #B30000;}
.from-row-r{float:left;margin-left:15px;line-height:40px;color:#333;font-size:14px}
.from-row-r .err a{color:#B30000;}
.menu-section-title{padding:16px 24px 8px 24px;font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:1px}
.menu-section-title:hover{background:transparent !important;color:#999 !important;cursor:default}
.header-user .avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}
body.user-page{background:#f5f7fa;min-height:100vh;width:100%}
.portal-data{display:flex;gap:24px;flex-wrap:wrap}
.portal-data-item{flex:1;min-width:140px;text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}
.portal-data-item span:first-child{display:block;font-size:28px;font-weight:600;color:#dc143c;margin-bottom:8px}
.portal-data-item span:last-child{font-size:14px;color:#666}
.portal-data-item span:first-child a{color:#dc143c;text-decoration:none}
.user-card{float:left;position:relative;padding-right:0;width:100%;text-align:center}
.user-card .avatar{width:70px;height:70px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin:0 auto 10px;display:block}
.user-card .username{font-size:18px;font-weight:500;color:#333;margin-bottom:4px}
.user-card .tip{font-size:14px;color:#666;margin-bottom:8px}
.user-card .signin-link a{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#bf0015 0%,#f7441a 100%);color:#fff;border-radius:4px;font-size:14px;text-decoration:none}
.user-card .link{display:block;margin:15px 0;color:#dc143c;font-size:14px;text-decoration:none}
.user-actions{float:right;width:calc(100% - 240px)}
.action-list{list-style:none;padding:0;margin:0}
.action-list li{padding:10px 0;font-size:14px;color:#666;}
.action-list li:last-child{border-bottom:none}
.action-list .grade{color:#dc143c;font-weight:500;text-decoration:none}
.action-list .tel a,.action-list .email a{color:#dc143c;text-decoration:none}
.info-list{list-style:none;padding:0;margin:0}
.info-list li{float:left;width:50%;padding:20px;box-sizing:border-box;border-bottom:1px solid #f0f0f0}
.info-list li:nth-child(odd){border-right:1px solid #f0f0f0}
.info-list .pic{float:left;margin-right:16px}
.info-list .pic img{width:48px;height:48px}
.info-list .info{overflow:hidden}
.info-list .info h3{font-size:14px;color:#333;margin:0 0 8px 0;font-weight:normal}
.info-list .info h3 .num{color:#dc143c;font-weight:600}
.info-list .info a{color:#999;font-size:13px;text-decoration:none}
.index-plugs{display:flex;flex-wrap:wrap;gap:16px}
.plugs-item{display:flex;align-items:center;width:calc(25% - 12px);min-width:180px;padding:16px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#333;transition:all 0.3s}
.plugs-item:hover{background:#fff0f0;transform:translateY(-2px)}
.plugs-item-l img{width:40px;height:40px;margin-right:12px}
.plugs-item-r span{font-size:14px}
@media (max-width:992px){.auth-container{justify-content:center;padding-right:0;padding:0 20px}
.auth-logo{left:20px;top:20px}
.auth-logo span{font-size:14px;letter-spacing:2px}
.auth-box{width:100%;max-width:380px}
}@media (max-width:480px){.auth-body{padding:20px}
.auth-title{font-size:16px;margin-bottom:20px}
.login-tab{padding:12px 0;font-size:14px}
.btn-primary{height:40px;font-size:14px}
}@media (max-width:1400px){.sidebar{width:17rem}
.content-area{width:calc(100% - 18rem - 20px)}
.sidebar-title{padding:0 20px 12px;font-size:0.9375rem}
.sidebar-menu li{margin-top:15px}
.sidebar-menu li a{padding:12px 20px;font-size:1rem}
.sidebar-menu li a .iconfont{margin-right:8px;font-size:1rem}
.header-nav a{font-size:1rem}
.card-tab{font-size:1rem}
.content-card{padding:20px 30px;min-height:450px}
.breadcrumb{padding:12px 20px;font-size:0.8125rem}
.data-table th{padding:12px 10px;font-size:0.875rem}
.data-table td{padding:14px 10px;font-size:0.8125rem}
}@media (max-width:1100px){.header-nav a{padding:0 12px;font-size:0.9375rem}
.header-logo{margin-right:20px}
.header-logo .logo-text .main{font-size:18px}
.header-logo .logo-text .sub{display:none}
}@media (max-width:900px){.top-header{height:80px;padding:0}
.header-inner{flex-wrap:nowrap;height:80px;padding:0 15px;gap:0}
.header-logo{margin-right:auto}
.header-menu-toggle{display:flex;align-items:center;justify-content:center;order:2}
.header-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:999;flex-direction:column;padding:10px 0}
.header-nav.show{display:flex}
.header-nav a{padding:12px 20px;line-height:1.4;font-size:14px;text-align:left}
.header-user{margin-left:10px;order:3}
.user-main{padding:15px;gap:15px;min-height:calc(100vh - 60px)}
.sidebar{width:14rem}
.content-area{width:calc(100% - 15rem - 15px)}
.sidebar-title{padding:0 16px 10px;font-size:14px}
.sidebar-menu li{margin-top:10px}
.sidebar-menu li a{padding:10px 16px;font-size:0.9375rem}
.sidebar-menu li a .iconfont{font-size:15px}
.content-card{min-height:400px}
}@media (max-width:768px){.header-nav a{padding:10px 20px;font-size:14px}
.user-main{flex-direction:column;padding:10px;gap:10px;min-height:calc(100vh - 60px)}
.sidebar{width:100%;padding:10px 0;align-self:auto}
.content-area{width:100%}
.sidebar-title{display:none}
.sidebar-menu{display:flex;flex-wrap:wrap}
.sidebar-menu li{width:50%}
.sidebar-menu li a{border-left:none;border-bottom:2px solid transparent;padding:10px 12px;justify-content:center;font-size:0.875rem}
.sidebar-menu li a.active{border-left:none;border-bottom-color:#dc143c;background:#fafafa}
.content-card{padding:15px 20px;min-height:300px}
.card-tab{font-size:1rem}
.data-table{display:block;overflow-x:auto}
}.user-info-pic{padding:40px 0px 20px}
.user-info-pic .el-upload{display:inline-block;cursor:pointer}
.user-page{background:#f2f6fa}
.user-page .top-header{height:100px;box-shadow:0 0 10px rgba(0,0,0,0.05);position:fixed;top:0;left:0;width:100%;z-index:99;background:#fff}
.user-page .header-inner{height:100px;padding:0 60px;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between}
.user-page .header-logo{display:flex;align-items:center;flex-shrink:0}
.user-page .header-logo img{height:60px;margin-right:30px;display:block}
.user-page .header-logo .logo-divider{height:40px;width:1px;background-color:#c2c5c8;margin:0 30px 0 0}
.user-page .header-logo .logo-text{font-size:24px;color:#000;line-height:1.3}
.user-page .header-logo .logo-text .main{font-weight:600;font-size:24px;letter-spacing:2px}
.user-page .left-box{display:flex;align-items:center}
.user-page .header-nav{flex:1;display:flex;justify-content:flex-end;align-items:center}
.user-page .header-nav a{line-height:100px;font-size:20px;padding:0 30px;color:#000}
.user-page .header-user{display:flex;align-items:center;cursor:pointer;position:relative;flex-shrink:0;margin-left:30px;padding-left:30px;border-left:1px solid #e6e6e6}
.user-page .header-user .avatar img{width:24px;height:24px;border-radius:50%;display:block;margin-right:10px}
.user-page .header-user .phone{font-size:14px;color:#333}
.user-page .header-user .arrow{margin-left:10px;font-size:12px;color:#999}
.user-topbar{position:fixed;top:100px;left:0;width:100%;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fff;z-index:98}
.user-topbar .flex{display:flex}
.user-topbar .bar-title{width:360px;border-right:1px solid #e6e6e6;padding:0 60px;color:#333;line-height:60px;font-size:16px;box-sizing:border-box}
.user-topbar .c-crumbs{width:calc(100% - 360px);padding:0 60px;line-height:60px;font-size:16px;box-sizing:border-box}
.user-topbar .c-crumbs a{color:#888}
.user-topbar .c-crumbs a:hover{color:#d70c19}
.user-topbar .c-crumbs .current{color:#888}
.user-topbar .c-crumbs .separator{margin:0 8px;color:#999}
.user-page .user-main{padding-top:162px;padding-left:0;padding-right:0;padding-bottom:0;gap:0;min-height:100vh}
.user-page .sidebar{position:fixed;top:162px;bottom:0;left:0;width:360px;padding:40px 20px;background-color:#fff;border-right:1px solid #e6e6e6;border-radius:0;z-index:97;overflow-y:auto;box-sizing:border-box}
.user-page .sidebar::-webkit-scrollbar{width:4px}
.user-page .sidebar::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}
.user-page .sidebar-title{display:none}
.user-page .sidebar-menu li{margin-top:16px}
.user-page .sidebar-menu li:first-child{margin-top:0}
.user-page .sidebar-menu li a{display:block;line-height:48px;padding:0 40px;border-radius:5px;font-size:18px;color:#333;border-left:none;transition:all .3s ease}
.user-page .sidebar-menu li a:hover{color:#d70c19;background:transparent}
.user-page .sidebar-menu li a.active{color:#fff;background-color:#d70c19;border-left:none;font-weight:normal}
.user-page .sidebar-menu li a .iconfont{margin-right:20px;font-size:18px}
.user-page .sidebar-menu li .title{padding:20px 40px 10px;font-size:13px;color:#999;font-weight:500}
.user-page .sidebar-menu li .title:hover{background:transparent;color:#999;cursor:default}
.user-page .content-area{width:calc(100% - 360px);margin-left:360px;padding:60px 60px 0;min-height:calc(100vh - 162px);box-sizing:border-box;background:#f5f7fa}
.user-page .breadcrumb{display:none}
.user-page .content-card{background:#fff;border-radius:0;padding:0;margin-bottom:20px;min-height:400px;}
.user-page .welcome-col-right .content-card{height:100%;}
.user-page .card-header{border-bottom:1px solid #e6e6e6;padding:0 40px;margin-bottom:10px;background-color: #fff;}
.user-page .card-tab{display:inline-block;line-height:80px;padding:0;margin-right:30px;font-size:24px;color:#333;cursor:pointer;position:relative;font-weight:normal}
.user-page .card-tab::after{content:'';width:100%;height:4px;background-color:#d70c19;position:absolute;bottom:-1px;left:0}
@media (max-width:1440px){.user-page .header-inner{padding:0 40px}
.user-page .header-logo img{height:48px}
.user-page .header-nav a{font-size:18px;padding:0 24px;line-height:100px}
.user-topbar .bar-title{width:300px;padding:0 40px}
.user-topbar .c-crumbs{width:calc(100% - 300px);padding:0 40px}
.user-page .sidebar{width:300px;padding:30px 16px}
.user-page .sidebar-menu li a{padding:0 32px;font-size:16px;line-height:44px}
.user-page .sidebar-menu li a .iconfont{font-size:16px;margin-right:16px}
.user-page .content-area{width:calc(100% - 300px);margin-left:300px;padding:40px 40px 0;background:#f5f7fa}
.user-page .card-tab{font-size:20px;line-height:64px}
.user-page .card-header{padding:0 30px}
}@media (max-width:1200px){.user-page .top-header{height:80px}
.user-page .header-inner{height:80px;padding:0 24px}
.user-page .header-logo img{height:44px}
.user-page .header-logo .logo-text .main{font-size:20px}
.user-page .header-nav a{font-size:16px;padding:0 16px;line-height:80px}
.user-page .header-user{margin-left:20px;padding-left:20px}
.user-topbar{top:80px}
.user-topbar .bar-title{width:240px;padding:0 24px;line-height:50px;font-size:15px}
.user-topbar .c-crumbs{width:calc(100% - 240px);padding:0 24px;line-height:50px;font-size:14px}
.user-page .user-main{padding-top:132px}
.user-page .sidebar{top:132px;width:240px;padding:24px 12px}
.user-page .sidebar-menu li{margin-top:12px}
.user-page .sidebar-menu li a{padding:0 24px;font-size:15px;line-height:40px}
.user-page .sidebar-menu li a .iconfont{font-size:15px;margin-right:12px}
.user-page .content-area{width:calc(100% - 240px);margin-left:240px;padding:24px 24px 0;min-height:calc(100vh - 132px);background:#f5f7fa}
.user-page .card-header{padding:0 24px}
.user-page .card-tab{font-size:18px;line-height:60px}
.welcome-two-col{flex-direction:column}
.welcome-col-left,.welcome-col-right{flex:none;width:100%}
}@media (max-width:900px){.user-page .top-header{height:60px}
.user-page .header-inner{height:60px;padding:0 15px}
.user-page .header-logo img{height:36px}
.user-page .header-logo .logo-text .main{font-size:16px}
.user-page .header-logo .logo-divider{display:none}
.user-page .header-menu-toggle{display:flex;align-items:center;justify-content:center;order:2}
.user-page .header-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:999;flex-direction:column;padding:10px 0}
.user-page .header-nav.show{display:flex}
.user-page .header-nav a{line-height:1.4;font-size:14px;padding:12px 20px;text-align:left}
.user-page .header-user{margin-left:10px;padding-left:10px;order:3}
.user-page .header-user .phone{display:none}
.user-topbar{top:60px}
.user-topbar .bar-title{width:180px;padding:0 20px;line-height:48px;font-size:14px}
.user-topbar .c-crumbs{width:calc(100% - 180px);padding:0 20px;line-height:48px;font-size:13px}
.user-page .user-main{padding-top:108px}
.user-page .sidebar{top:108px;width:180px;padding:20px 10px}
.user-page .sidebar-menu li{margin-top:8px}
.user-page .sidebar-menu li a{padding:0 20px;font-size:14px;line-height:36px;border-radius:4px}
.user-page .sidebar-menu li a .iconfont{font-size:14px;margin-right:8px}
.user-page .content-area{width:calc(100% - 180px);margin-left:180px;padding:20px 20px 0;min-height:calc(100vh - 108px);background:#f5f7fa}
.user-page .card-header{padding:0 20px}
.user-page .card-tab{font-size:18px;line-height:56px}
}@media (max-width:768px){.user-topbar{position:static}
.user-topbar .flex{flex-direction:column}
.user-topbar .bar-title{width:100%;border-right:none;border-bottom:1px solid #e6e6e6;padding:0 15px;line-height:44px}
.user-topbar .c-crumbs{width:100%;padding:0 15px;line-height:40px;display:none}
.user-page .user-main{padding-top:30px}
.user-page .sidebar{position:static;width:100%;height:auto;top:auto;bottom:auto;padding:10px 0;border-right:none;border-bottom:1px solid #e6e6e6;overflow:visible}
.user-page .sidebar-menu{display:flex;flex-wrap:wrap}
.user-page .sidebar-menu li{width:50%;margin-top:0}
.user-page .sidebar-menu li a{border-radius:0;border-bottom:2px solid transparent;padding:10px 12px;line-height:1.4;text-align:center;font-size:13px}
.user-page .sidebar-menu li a.active{background:#fafafa;color:#d70c19;border-bottom-color:#d70c19}
.user-page .content-area{width:100%;margin-left:0;padding:15px;min-height:auto;background:#f5f7fa}

}

/* ===== 前台内容页通用样式 ===== */
.portal-page{background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column;}
.portal-main{padding-top: 120px;padding-left: 0;padding-right: 0;padding-bottom: 0;gap: 0;min-height: calc(100vh - 220px);}
.portal-container{max-width:1440px;margin:0 auto;padding:0 24px;}
.portal-breadcrumb{padding:12px 0px;margin-bottom:20px;font-size:16px;color:#666;}
.portal-breadcrumb a{color:#666;text-decoration:none;}
.portal-breadcrumb a:hover{color:#dc143c;}
.portal-breadcrumb .separator{margin:0 8px;}
.portal-breadcrumb .current{color:#666;}

/* 两栏布局 */
.portal-two-col{display:flex;gap:32px;}
.portal-content{flex:1;min-width:0;margin-bottom: 50px;}
.portal-sidebar{width:320px;flex-shrink:0;}

/* 内容卡片 */
.portal-card{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:20px;}
.portal-card-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
.portal-card-title{font-size:16px;font-weight:500;color:#333;position:relative;padding-left:12px;}
.portal-card-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#dc143c;border-radius:2px;}
.portal-card-body{padding:20px 24px;}

/* 新闻列表 */
.news-list-item{display:flex;gap:20px;padding:50px 0;border-bottom:1px solid #f0f0f0;transition:all 0.2s;}
.news-list-item:last-child{border-bottom:none;}
.news-list-thumb{width:200px;height:140px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#f5f5f5;}
.news-list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.news-list-item:hover .news-list-thumb img{transform:scale(1.05);}
.news-list-content{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-list-title{font-size:24px;font-weight:500;color:#333;margin-bottom:15px;line-height:1.4;}
.news-list-title a{color:#333;text-decoration:none;transition:color 0.2s;}
.news-list-title a:hover{color:#dc143c;}
.news-list-desc{font-size:15px;color:#999;line-height:2;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list-meta{display:flex;align-items:center;gap:20px;margin-top:auto;font-size:12px;color:#bbb;}
.news-list-meta .meta-item{display:flex;align-items:center;gap:4px;}
.news-list-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;flex-shrink:0;background:#f5f7fa;border-radius:4px;padding:10px;}
.news-list-date .day{font-size:38px;font-weight:600;color:#dc143c;line-height:1;font-family:Arial,sans-serif;}
.news-list-date .month-year{font-size:20px;color:#999;margin-top:4px;}
.ask-list{padding:30px 0}
.ask-list-item{border-bottom:1px solid #f0f0f0}
.ask-list-item:last-child{border-bottom:none}
.ask-list-item a{display:flex;align-items:center;padding:14px 10px;text-decoration:none;color:#333;transition:background-color 0.2s}
.ask-list-item a:hover{background-color:#f8f9fa;color:#dc143c}
.ask-list-item a:hover .ask-icon{background-color:#dc143c}
.ask-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#dc143c;color:#fff;font-size:16px;font-weight:bold;margin-right:12px;flex-shrink:0;transition:background-color 0.2s}
.ask-title{font-size:24px;line-height:1.6;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 侧边栏模块 */
.sidebar-widget{background:#fff;border-radius:4px;margin-bottom:20px;overflow:hidden;}
.sidebar-widget-title{padding:16px 20px;border-bottom:1px solid #f0f0f0;font-size:18px;font-weight:500;color:#333;position:relative;}
.sidebar-widget-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#dc143c;border-radius:2px;}
.sidebar-widget-body{padding:16px 20px;}
.sidebar-news-list{list-style:none;padding:0;margin:0;}
.sidebar-news-list li{padding:10px 0;border-bottom:1px dashed #f0f0f0;}
.sidebar-news-list li:last-child{border-bottom:none;}
.sidebar-news-list li a{display:block;font-size:15px;color:#666;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.2s;}
.sidebar-news-list li a:hover{color:#dc143c;}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px;}
.sidebar-tag{display:inline-block;padding:4px 12px;background:#f5f7fa;border-radius:20px;font-size:12px;color:#666;text-decoration:none;transition:all 0.2s;}
.sidebar-tag:hover{background:#dc143c;color:#fff;}

.sidebar-project-list{}
.sidebar-project-item{margin-bottom: 24px;}
.sidebar-project-item .project-img{width:100%;height:160px;flex-shrink:0;border-radius:3px;overflow:hidden;display:block;}
.sidebar-project-item .project-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.sidebar-project-item .project-img:hover img{transform:scale(1.05);}
.sidebar-project-item .project-name{font-size:16px;color:#333;margin:0 0 6px 0;font-weight:600;line-height:2;margin-top: 10px;text-align: center;}
.sidebar-project-item .project-name a{color:#333;text-decoration:none;transition:color 0.2s;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-project-item .project-name a:hover{color:#dc143c;}
.sidebar-project-item .project-desc{font-size:13px;color:#999;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 文章详情 */
.article-detail{background:#fff;border-radius:4px;padding:40px;}
.article-title{font-size:34px;color:#333;margin-bottom:25px;line-height:1.4;}
.article-meta{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:30px;font-size:15px;color:#999;}
.article-meta span{display:flex;align-items:center;gap:4px;}
.article-content{font-size:22px;color:#333;line-height:2;}
.article-content p{margin-bottom:16px;}
.article-content img{max-width:100%;height:auto;border-radius:4px;}
.article-footer{margin-top:40px;padding-top:20px;border-top:1px solid #f0f0f0;}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.article-tag{display:inline-block;padding:4px 12px;background:#fef3c7;border-radius:20px;font-size:12px;color:#d97706;text-decoration:none;transition:all 0.2s;}
.article-tag:hover{background:#dc143c;color:#fff;}
.article-prev-next{display:flex;justify-content:space-between;gap:20px;}
.article-prev-next .pn-item{flex:1;padding:12px 16px;background:#f8f9fa;border-radius:4px;font-size:13px;color:#666;text-decoration:none;transition:all 0.2s;}
.article-prev-next .pn-item:hover{background:#fff0f0;color:#dc143c;}
.article-prev-next .pn-label{font-size:12px;color:#999;margin-bottom:4px;}
.article-prev-next .pn-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 单页内容（关于我们等） */
.single-page{background:#fff;border-radius:4px;padding:40px;min-height:500px;margin-bottom: 50px;}
.single-page-title{font-size:28px;font-weight:600;color:#333;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;}
.single-page-content{font-size:22px;color:#333;line-height:2;}
.single-page-content p{margin-bottom:16px;}
.single-page-content img{max-width:100%;height:auto;border-radius:4px;}

/* 简化底部 */
.portal-footer{background:#fff;border-top:1px solid #f0f0f0;padding:24px 0;margin-top:auto;}
.portal-footer-content{max-width:1440px;margin:0 auto;padding:0 24px;text-align:center;font-size:15px;color:#999;line-height:1.8;}
.portal-footer-content a{color:#999;text-decoration:none;}
.portal-footer-content a:hover{color:#dc143c;}

/* 分页 */
.portal-pagination{text-align:center;padding:20px 0;}
.portal-pagination ul{list-style:none;padding:0;margin:0;display:inline-flex;gap:6px;}
.portal-pagination li{display:inline-block;}
.portal-pagination li a,
.portal-pagination li span{display:inline-block;padding:6px 14px;border:1px solid #e2e8f0;border-radius:4px;color:#666;text-decoration:none;font-size:13px;background:#fff;transition:all 0.2s;}
.portal-pagination li a:hover{border-color:#dc143c;color:#dc143c;}
.portal-pagination li.active span{background:#dc143c;color:#fff;border-color:#dc143c;}

/* 侧边客服在线 */
.sidebar-contact{position:fixed;bottom:20px;left:20px;z-index:999}
.contact-icon{position:relative;width:38px;height:38px;border-radius:50%;background:#d70c19;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(102,126,234,0.4)}
.contact-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(102,126,234,0.5)}
.contact-icon .iconfont{color:#fff;font-size:24px}
.contact-tip{position:absolute;left:48px;bottom:4px;opacity:0;visibility:hidden;transform:translateX(-10px);transition:all 0.3s ease;z-index:1000}
.contact-icon:hover .contact-tip{opacity:1;visibility:visible;transform:translateX(0)}
.tip-arrow{position:absolute;left:-6px;bottom:18px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff;z-index:1}
.tip-content{background:#fff;border-radius:8px;padding:14px 18px;box-shadow:0 6px 20px rgba(0,0,0,0.15);white-space:nowrap}
.tip-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}
.tip-phone{font-size:16px;color:#d70c19;font-weight:600;margin-bottom:8px;display:flex;align-items:center;}
.tip-phone .iconfont{font-size:16px;color:#d70c19}
.tip-time{font-size:12px;color:#999}


/* 响应式 */
@media (max-width:1440px){
.portal-container{padding:0 20px;}
.portal-sidebar{width:300px;}
.article-detail,
.single-page{padding:36px;}
}
@media (max-width:1200px){
.portal-container{padding:0 16px;}
.portal-sidebar{width:260px;}
.article-detail,
.single-page{padding:30px;}
.portal-main{padding:100px 0 0;}
}
@media (max-width:900px){
.portal-two-col{flex-direction:column;}
.portal-sidebar{width:100%;}
.portal-main{padding:80px 0 0;}
.portal-content{margin-bottom: 0px;}
.article-detail,
.single-page{padding:20px;margin-bottom: 30px;}
.article-title{font-size:24px;}
.single-page-title{font-size:22px;}
.news-list-item{flex-direction:column;gap:12px;}
.news-list-thumb{width:100%;height:200px;}
.article-content{font-size: 18px;}
.article-prev-next{flex-direction:column;}
.single-page-content{font-size:18px;}
.sidebar-contact{left:10px;}
}
@media (max-width:480px){
.portal-container{padding:0 12px;}
.portal-breadcrumb{padding:10px 14px;font-size:14px;}
.portal-card-body{padding:14px 16px;}
.portal-card-header{padding:12px 16px;}
.article-detail,
.single-page{padding:16px;}
.article-title{font-size:18px;}
.article-content{font-size: 15px;}
.article-content p{margin-bottom: 10px;}
.article-meta{flex-wrap:wrap;gap:12px;font-size:12px;}
.news-list-title{font-size:18px;}
.portal-footer-content{font-size: 13px;}
.single-page-content{font-size:16px;}
}

/* 附表折叠功能 */
.card-title{position:relative;}
.step-toggle-all{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;}
.step-toggle-all .toggle-all-btn{color:#64748b;text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:color 0.2s;}
.step-toggle-all .toggle-all-btn:hover{color:#bf0015;}
.step-toggle-all .toggle-all-btn i{font-size:12px;}
.step-toggle-all .toggle-sep{color:#e2e8f0;}
.step-group{position:relative;}
.step-group .step-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;cursor:pointer;color:#94a3b8;transition:color 0.2s;flex-shrink:0;}
.step-group .step-toggle-btn:hover{color:#bf0015;}
.step-group .step-toggle-btn .toggle-icon{font-size:14px;transition:transform 0.2s;display:inline-block;}
.step-item{transition:opacity 0.2s;}
.step-list-wrap{position:relative;}
.step-content{overflow:hidden;}
.step-group .step-group-title{display:flex;align-items:center;}

/* ========== 复审员登录页 ========== */
.login-container{display:flex;align-items:center;position:relative;width:100%;height:100%;min-height:100vh;margin:0 auto;background-image:url('../img/login_bg_1.png');background-size:100% 100%;background-repeat:no-repeat}
.login-weaper-bg{margin:0 auto;width:450px;border-radius:10px;background-color:#fff}
.login-border{position:relative;align-items:center;display:flex;border-left:none;border-radius:5px;color:#fff;background-color:#fff;width:100%;box-sizing:border-box}
.login-main-bg{margin:0 auto;width:68%;box-sizing:border-box;text-align:center;position:relative;padding:30px 0}
.login-main-bg .el-button{background:linear-gradient(270deg,#FF9900 0%,#E50012 84%);color:#fff;border:none}
.login-title{color:#333;margin:0!important;font-weight:500;font-size:22px;text-align:center;letter-spacing:4px}
.login-title img{width:120px;margin-bottom:12px;}
.login-menu{margin-top:40px;width:100%;text-align:center}
.login-menu a{color:#999;font-size:12px;margin:0 8px;text-decoration:none}
.login-submit{width:100%;height:45px;border:none;background:linear-gradient(270deg,#FF9900 0%,#E50012 84%);font-size:18px;letter-spacing:2px;font-weight:300;color:#fff;cursor:pointer;margin-top:30px;font-family:neo;transition:.25s;border-radius:4px}
.login-submit:hover{opacity:.92}
.login-form{margin:10px 0}
.login-form i{color:#333}
.login-form .el-form-item__content{width:100%}
.login-form .el-form-item{margin-bottom:12px}
.login-form .el-input .el-input__wrapper{padding-bottom:10px;text-indent:5px;background:transparent;box-shadow:none;border-radius:0;color:#333;border-bottom:1px solid rgb(235,237,242)}
.login-form .el-input .el-input__prefix i{padding:0 5px;font-size:16px!important}
.login-code{display:flex;align-items:center;justify-content:space-around;margin:0 0 0 10px}
.login-code-img{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:700;letter-spacing:5px;line-height:38px;text-indent:5px;text-align:center;cursor:pointer!important}
.login-form-item{margin-bottom:12px}
.login-input-wrap{display:flex;align-items:center;text-indent:5px;background:transparent;border-radius:0;color:#333;border-bottom:1px solid rgb(235,237,242)}
.login-input-wrap .input-prefix{display:inline-flex;align-items:center;padding:0 5px;color:#333}
.login-input-wrap .input-prefix i{font-size:16px}
.login-input-wrap input{flex:1;height:45px;border:none;background:transparent;outline:none;font-size:14px;color:#333;text-indent:5px;box-sizing:border-box}
.login-input-wrap input::placeholder{color:#bbb}
.login-code-row{display:flex;align-items:flex-end}
.login-code-row .login-input-wrap{flex:1}
.login-icp{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:rgba(255,255,255,0.8);z-index:10;text-align:center;width:100%}
.login-icp a{color:rgba(255,255,255,0.8);text-decoration:none}
@media (max-width:480px){.login-weaper-bg{width:92%;max-width:350px}
.login-main-bg{width:85%}
.login-title{font-size:18px}
.login-submit{font-size:16px}
.login-input-wrap input{height:40px}
.login-code-img{width:80px;height:34px;line-height:34px}
.login-menu{margin-top:30px}
.page-footer{font-size: 12px;}
}

/* ========== 用户中心消息未读角标 ========== */
.sidebar-menu .notice-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;background:#bf0015;color:#fff;border-radius:9px;font-size:11px;font-weight:600;text-align:center;margin-left:4px;vertical-align:middle}
