*{margin:0;padding:0;box-sizing:border-box}
.container{max-width:1248px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.header{background:#FFF;box-shadow:0 2px 20px rgba(0,0,0,0.08);position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:1000}
a{text-decoration:none;color:inherit;transition:all .3s ease}
a:hover{color:#00b38a}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:40px}
.logo{font-size:22px;font-weight:800;color:#413f3f;letter-spacing:-0.5px;padding:0 0 0 55px}
.logo a{font-size:15px;color:#413f3f;font-weight:500;position:relative;padding:8px 0}
.user-actions {display:flex;gap:15px;align-items:center; color:#413f3f;}
body{background:linear-gradient(135deg,#e4e7ea 0%,#f5f5f5 100%);;min-height:100vh}
.login-container{max-width:1000px;width:100%;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;margin:80px auto;display:flex;min-height:500px}
.login-left{flex:1;background:linear-gradient(135deg, #7fbfff 0%, #3E9EFE 100%);display:flex;flex-direction:column;align-items:center;padding:3px}
.login-left img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);margin-bottom:1px}
.login-left p{color:#fff;font-size:14px;line-height:1.8;text-align:left;padding:10px 30px;}
.login-right{flex:1;padding:20px 20px 1px 20px}
.login-header{text-align:center;margin-bottom:20px}
.login-header h1{color:#333;font-size:20px;font-weight:600;margin:0}
.login-header h1 a{ font-size:15px;font-weight: normal; padding: 5px 10px;}
.login-header h1 span{border-bottom: 2px solid #00b38a; padding-bottom: 5px ;}
.login-tabs{display:flex;border-bottom:1px solid #e8e8e8}
.login-tab{flex:1;padding:20px;text-align:center;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all 0.3s ease;border-bottom:3px solid transparent}
.login-tab.active{color:#00b38a;border-bottom-color:#00b38a}
.login-content{padding:20px 60px 1px 60px; height:355px}
.login-form{max-width:400px;margin:0 auto}
.login-form p{text-align:center;margin:10px 10px;;font-size:13px;color:#999}
.login-form h1{text-align:center;margin:20px 10px;;font-size:13px;color:#999}
.error-message{background-color:#ff4d4f;color:#fff;padding:10px 15px;border-radius:4px;margin-bottom:15px;text-align:center;font-size:14px}
.success-message{background-color:#52c41a;color:#fff;padding:10px 15px;border-radius:4px;margin-bottom:15px;text-align:center;font-size:14px}
.btn-primary:disabled{opacity:0.6;cursor:not-allowed}
.btn-outline:disabled{opacity:0.6;cursor:not-allowed}
.form-group{margin-bottom:15px}
.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:0px}
.form-input{width:100%;padding:12px 10px;border:1px solid #e8e8e8;border-radius:5px;font-size:14px;transition:all 0.3s ease}
.form-input:focus{outline:none;border-color:#00b38a;box-shadow:0 0 0 2px rgba(0,179,138,0.1)}
.form-row{display:flex;gap:10px}
.form-row .form-group{flex:1}
.btn{width:100%;padding:14px;border:none;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease; margin-top:1px;}
.btn2{width:100%;padding:14px;border:none;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease; margin-top:10px;}
.btn-primary{background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);color:#fff}
.btn-primary:hover{opacity:0.9;transform:translateY(-2px)}
.btn-outline{background:transparent;border:1px solid #00b38a;color:#00b38a;height:43px !important;width:120px;padding:0 10px}
.btn-outline:hover{background:#00b38a;color:#fff}
.social-login{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.login-footer{text-align:center; padding-bottom:1px;font-size:14px;color:#999}
.login-footer a{color:#00b38a}
.login-footer a:hover{text-decoration:underline}
.login-footer p{text-align:center;margin:10px 10px;font-size:13px;color:#999}
.xieyi{text-align:center;font-size:12px;color:#999!important;}
.login-footer span{text-align:center;margin:10px 10px 5px 10px;font-size:13px;color:#999}
.l-icon {display: inline-block;vertical-align: middle;}
.weixin-icon {width: 20px;height:20px;background:url(/inc/img/weiqq.png) no-repeat 0 0px;margin-top:0;}
.weixin-icon:hover {background:url(/inc/img/weiqq.png) no-repeat -20px 0px;}
.qq-icon {width: 20px;height:20px;background:url(/inc/img/weiqq.png) no-repeat 0 -20px;margin:0 10px;}
.qq-icon:hover { background:url(/inc/img/weiqq.png) no-repeat -20px -20px;}
.Guide{border:#ffd697 1px solid;width:1000px;background:#ffeaca;height:38px;color:#000000;margin:50px auto 10px;position:relative;border-radius:5px;display:block;clear:both;z-index:999;text-align:left}
.Guide .contectzi{line-height:28px;text-indent:20px;width:90%;float:left;text-align:left; font-size:13px;}
.Guide .closeit{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}
.Guide .closeit img{width:23px;height:23px;vertical-align:middle}
/**/
.footer {background:#f5f5f5;color:#666;padding:10px 5px;}
.footer-ct {display:flex;gap:30px;margin-bottom:50px;}
.footer-sn {flex:0 0 60%;text-align:center;display:flex;flex-wrap:nowrap;gap:20px;}
.footer-sn:last-child {flex:0 0 40%;display:flex;flex-direction:column;align-items:center;}
.footer-sn > div {flex:1;min-width:0;}
.footer-sn > div > h4 {font-size:15px;font-weight:700;margin:0 0 10px 0;color:#000;position:relative;}
.footer-sn > div > h4::after {content:'';display:block;width:30px;height:3px;background:linear-gradient(90deg, #00b38a, #00d4a4);margin:10px auto;border-radius:2px;}
.footer-sn > div > ul {list-style:none;padding:0;text-align:center;margin:0;}
.footer-sn ul.qrcode-list {display:flex;justify-content:center;gap:30px;flex-wrap:nowrap;}
.footer-sn ul.qrcode-list li {margin-bottom:10px;text-align:center;display:flex;flex-direction:column;align-items:center; color:#03C;}
.footer-sn ul.qrcode-list li img {margin-bottom:5px;}
.footer-sn ul.qrcode-list li p {margin:0;font-size:12px;color:#333;}
.footer-sn li {margin-bottom:15px;}
.footer-sn a {color:#333;font-size:13px;transition:all 0.3s ease;display:inline-block;}
.footer-sn a:hover {color:#3E9EFE;transform:translateX(5px);}
.footer-bottom {text-align:center;padding-top:10px;border-top:1px solid #3a3a3a;color:#666;font-size:14px;}
.footer-b2 {text-align:center;padding-top:10px;color:#666;font-size:14px;}
@media (max-width:798px){
.login-container{flex-direction:column;margin:0px}
.btn2{width:60%; margin-left:60px;margin-top:10px;}
.btn{width:60%; margin-left:60px;margin-top:10px;}
.container{display:none}
.login-left{display:none}
.login-right {padding: 10px;}
.yin{display:none}
.footer{display:none}
.form-label{display:none}
.l-icon{display:none}
.login-content{padding:20px 10px}
.form-row{flex-direction:column}}