.none{display:none}a.godl{text-decoration:underline}.font12{font-size:12px!important}.forreg{margin-top:6px}.forreg a{font-size:12px!important;text-align:center;color:#f60!important}.partinput{margin-top:20px}
/*.pw_check{width:150px;background:url(../images/login/pw_check.gif) no-repeat;height:22px;font-size:12px}*/
.pw_check span{width:49px;height:24px;line-height:16px;margin-bottom:6px;text-align:center;display:block;float:left}#pw_check_1{background-position:0 bottom}#pw_check_2{background-position:-150px bottom}#pw_check_3{background-position:-300px bottom}span.no,span.yes{background-image:url(../images/yesno.gif);background-repeat:no-repeat;height:29px;line-height:29px;margin-top:5px;margin-left:5px;float:left;font-size:12px}span.yes{background-position:0 -29px;display:block;width:80px}span.no{background-position:0 0;color:#000;display:block;padding-left:40px;width:440px}#reg_box{width:630px;float:left;text-align:left;margin:10px 0 15px 10px;height:auto;overflow:auto;text-align:left}.regtab{text-align:left;width:590px}.regtab .tdright{height:30px}.regtab .tdr{height:40px}.tdright{text-align:right;width:100px;vertical-align:top;line-height:25px;height:40px;line-height:40px!important}.tdr{text-align:right;width:160px;vertical-align:top;line-height:35px}.error_tip{line-height:20px;height:20px;background:url(../images/n.gif) 8px 6px no-repeat;padding:5px 0 5px 30px;float:left}.acc_tip{height:20px;background:url(../images/y.gif) 8px 6px no-repeat;padding:5px 0 5px 30px;float:left}.regtab .gray{line-height:18px;float:left;clear:both}input.go_reg{border:none;width:181px;height:34px;background:url(../images/login/orange_submit.gif) 0 0 no-repeat;cursor:pointer;color:#fff;font-weight:700}.forminfo{margin-top:10px;margin-bottom:10px;margin-left:10px}.formlogin{margin:30px 20px}.forminfo td,.formlogin td{font-size:14px;padding-bottom:10px;clear:both}.formlogin font{margin-right:5px}.forminfo .text,.forminfo .txt,.formlogin .text,.formlogin .txt{display:block;float:left}/* 新的登录页面样式 - 现代化设计 */
.inner{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    overflow:auto;
    border-top:1px #ddd solid;
    background: #f8f9fa;
    position: relative;
    min-height: 100vh;
}

/* 纯色背景，不使用渐变 */
body {
    background: #f0f2f5;
    min-height: 100vh;
    position: relative;
}

/* 添加装饰性几何图形 */
body::before {
    content: '';
    position: fixed;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: #ff6b35;
    border-radius: 50%;
    opacity: 0.05;
    z-index: 0;
}

body::after {
    content: '';
    position: fixed;
    bottom: -30%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: #f7931e;
    border-radius: 50%;
    opacity: 0.05;
    z-index: 0;
}.mheader{
    background-color: white;
    width:100%;
    text-align:center;
   
}.mhead{width:900px;margin-left:auto;margin-right:auto;height:auto;margin-top:10px;text-align:left}.mhead .logo{float:left;text-align:left}.mhead .tit{width:425px;margin-top:25px;font-size:14px;float:right;text-align:right;overflow:hidden}.mhead .tit span{font-size:14px}.mhead .tit span a{ font-weight:bold; color:#f60;}.navigation a{float:left;text-align:left;margin-left:10px;background:url(../images/login/bg.gif) no-repeat;width:102px;height:52px;overflow:hidden;display:block;text-align:center;line-height:51px;color:#000}.navigation a.current{text-decoration:none;background:url(../images/login/currentbg.gif) no-repeat!important;font-weight:700}/* 新的登录容器布局 */
.body{
    height:auto;
    overflow:auto;
    padding:60px 20px;
    text-align:left;
    width:1200px;
    max-width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    position: relative;
    z-index: 1;
}

/* 登录容器 - 左右分栏布局 */
.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-height: 600px;
    position: relative;
}

/* 左侧欢迎面板 */
.login-left-panel {
    flex: 1;
    max-width: 500px;
    padding: 60px 40px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.login-left-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f7931e);
}

.welcome-content {
    position: relative;
    z-index: 1;
}

.welcome-title {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
}

.welcome-desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
    line-height: 1.6;
}

.feature-list {
    margin-bottom: 50px;
}

.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
    color: #333;
}

.feature-icon {
    width: 28px;
    height: 28px;
    background: #ff6b35;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 14px;
    font-weight: bold;
    flex-shrink: 0;
}

.reg-promo {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.register-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.register-link:hover {
    color: #ff6b35;
}

.register-link strong {
    color: #ff6b35;
    font-weight: 600;
}

/* 右侧登录卡片 */
.login-right-panel {
    flex: 1;
    max-width: 480px;
}

.login-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 50px 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    position: relative;
}

.login-header {
    text-align: center;
    margin-bottom: 40px;
}

.login-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.login-header p {
    font-size: 14px;
    color: #999;
}

/* 表单样式 */
.login-form {
    width: 100%;
}

.form-group {
    margin-bottom: 25px;
}

.form-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.label-icon {
    font-size: 16px;
    margin-right: 8px;
}

.label-text {
    flex: 1;
}

.input-wrapper {
    position: relative;
}

.form-input {
    width: 100%;
    height: 50px;
    padding: 0 18px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 15px;
    color: #333;
    background: #fafafa;
    transition: all 0.3s;
    box-sizing: border-box;
}

.form-input:focus {
    outline: none;
    border-color: #ff6b35;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

.form-input::placeholder {
    color: #bbb;
}

/* 验证码样式 */
.captcha-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.captcha-input {
    flex: 1;
}

.captcha-image-wrapper {
    position: relative;
    flex-shrink: 0;
}

.captcha-image {
    height: 50px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
}

.captcha-image:hover {
    border-color: #ff6b35;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

.captcha-hint {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}

/* 表单选项 */
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.remember-me {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.checkbox-input {
    display: none;
}

.checkbox-custom {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    transition: all 0.3s;
    flex-shrink: 0;
}

.checkbox-input:checked + .checkbox-custom {
    background: #ff6b35;
    border-color: #ff6b35;
}

.checkbox-input:checked + .checkbox-custom::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.checkbox-label {
    user-select: none;
}

.forgot-password {
    color: #ff6b35;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.forgot-password:hover {
    color: #f7931e;
    text-decoration: underline;
}

/* 登录按钮 */
.login-button {
    width: 100%;
    height: 54px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
    margin-bottom: 25px;
}

.login-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

.login-button:active {
    transform: translateY(0);
}

.button-text {
    font-size: 16px;
}

.button-arrow {
    font-size: 18px;
    transition: transform 0.3s;
}

.login-button:hover .button-arrow {
    transform: translateX(4px);
}

/* 第三方登录 */
.social-login {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.social-divider {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.divider-line {
    flex: 1;
    height: 1px;
    background: #e8e8e8;
}

.divider-text {
    padding: 0 15px;
    font-size: 13px;
    color: #999;
}

.social-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.social-button {
    flex: 1;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: all 0.3s;
    background: #fafafa;
}

.social-button:hover {
    border-color: #ff6b35;
    background: #fff;
    color: #ff6b35;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15);
}

.social-icon {
    font-size: 20px;
}

.social-text {
    font-weight: 500;
}

/* 保留原有的其他样式 */
.body .forpass{
    width:360px;
    float:right;
    border:1px rgba(255, 107, 53, 0.3) solid;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}a.registerbutton{background:url(../images/login/register_submit.gif) 0 0 no-repeat;width:163px;height:44px;line-height:44px;display:block;text-align:center;color:#0192CD;font-size:18px;font-family:"microsoft yahei"}a.registerbutton:hover{background:url(../images/login/register_submit.gif) 0 -44px no-repeat;text-decoration:none}.body .log .formlogin .loginsubmit:hover{background:url(../images/login/login.gif) 0 -44px no-repeat}/* 保留原有的表格样式（用于其他页面） */
.body .log .formlogin td{clear:both;height:44px}.body .log .formlogin .tdright{color:#000;text-align:right;padding-right:20px}.body .log .qqlogin{border-top:1px #d4d4d4 solid;color:#000}

/* 兼容旧版登录表单（如果存在） */
.body .log {
    display: none; /* 隐藏旧版表单，使用新设计 */
}

/* 确保输入框样式统一 */
.form-input.input,
.form-input.input-large,
.form-input.input-small {
    width: 100%;
    height: 50px;
    padding: 0 18px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 15px;
    color: #333;
    background: #fafafa;
    transition: all 0.3s;
    box-sizing: border-box;
    float: none;
    margin: 0;
}

/* 确保验证码图片样式 */
.captcha-image.authcode {
    height: 50px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    float: none;
    margin: 0;
}/* 响应式设计 */
@media (max-width: 1024px) {
    .login-container {
        flex-direction: column;
        gap: 30px;
    }
    
    .login-left-panel,
    .login-right-panel {
        max-width: 100%;
        width: 100%;
    }
    
    .body {
        width: 95%;
        padding: 40px 15px;
    }
}

@media (max-width: 768px) {
    .welcome-title {
        font-size: 32px;
    }
    
    .login-card,
    .login-left-panel {
        padding: 40px 30px;
    }
    
    .login-header h2 {
        font-size: 28px;
    }
    
    .social-buttons {
        flex-direction: column;
    }
    
    .social-button {
        width: 100%;
    }
}

/* 保留原有的注册相关样式 */
.body .reg{
    width:530px;
    height:350px;
    float:left;
    overflow:hidden;
    background: #ffffff;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
}.body .reg .cont{margin-left:50px;line-height:30px}.body .reg .cont .register_submit{margin-top:15px;margin-bottom:15px}.body .reg .font{color:#000;font-size:18px;margin-top:90px}.body .registerpart{width:746px;height:auto;margin-left:auto;margin-right:auto;text-align:left}.body .registerpart .selecter span,.body .registerpart .step1 span,.body .registerpart .step2 span,.body .registerpart .step3 span{width:246px;height:30px;font-size:14px;line-height:30px;text-align:center;display:block;float:left}.body .registerpart .selecter span.cur,.body .registerpart .step1 span.cur,.body .registerpart .step2 span.cur,.body .registerpart .step3 span.cur{font-weight:700;color:#fff}.body .registerpart .step1,.body .registerpart .step2,.body .registerpart .step3{margin-bottom:30px;margin-top:10px}.body .registerpart .step1{background:url(../images/login/step.gif) top center no-repeat;height:30px}.body .registerpart .step2{background:url(../images/login/step.gif) 0 -30px no-repeat;height:30px}.body .registerpart .step3{background:url(../images/login/step.gif) bottom center no-repeat;height:30px}.body .registerpart .step2 span a:hover{text-decoration:none}.body .registerpart .selecter{margin-top:20px;margin-bottom:20px;width:360px;height:130px;border:1px #d4d4d4 solid;float:left;margin-right:5px;margin-left:5px;border-radius:2px}.body .registerpart .selecter:hover{border:1px #f78015 solid;cursor:pointer}.body .registerpart .selecter .ico{width:110px;float:left;display:block}.body .registerpart .selecter .ico span.ico1{background:url(../images/login/ico.gif) top center no-repeat;width:94px;height:93px;margin-top:15px;margin-left:15px;float:left}.body .registerpart .selecter .ico span.ico2{background:url(../images/login/ico.gif) 0 -93px no-repeat;width:94px;height:93px;margin-top:15px;margin-left:15px;float:left}.body .registerpart .selecter .ico span.ico3{background:url(../images/login/ico.gif) bottom center no-repeat;width:94px;height:93px;margin-top:15px;margin-left:15px;float:left}.body .registerpart .selecter .des .tit{font-size:16px;font-weight:700;margin-top:55px;margin-bottom:15px;float:left;margin-left:30px}.body .registerpart .selecter .des .tit a{font-weight:700;text-decoration:underline}.body .registerpart .selecter .des .intro{font-size:12px}.body .registerpart .selecter .go{width:130px;float:left}.body .registerpart .selecter .go span{background:url(../images/login/arrow.gif) left top no-repeat;width:46px;height:45px;margin-top:40px}.body .registerpart .regdetail .partname{color:#000;border-bottom:1px #d4d4d4 solid;height:35px;line-height:35px}.body .registerpart .regdetail .partname .li1{font-size:14px;font-weight:700;float:left;margin-right:20px}.body .registerpart .regdetail .partname .li1 .current{border-bottom:2px #EB753B solid;display:block;display:block}.body .registerpart .regdetail .partname .li2{float:right;font-size:12px}.xiyi{width:440px;border:1px solid #ccc;background:#fafafa;padding:10px;margin:10px 10px 10px 30px}#xieyi{width:720px;height:100px;overflow:hidden;overflow-y:scroll;font-size:12px;border:none;text-align:left;line-height:20px;color:#666}#xieyi p{text-indent:2em}#xieyi p strong{line-height:22px}.footer{font-size:12px;color:#585858;margin-top:10px;padding-bottom:20px;padding-top:20px;width:100%;margin-left:auto;margin-right:auto;text-align: center;}.footer a{color:#585858!important;margin-left:5px}.input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;margin-right:3px;float:left}.input{border:1px solid #d0d0d0;background:#fff;padding:7px 7px;border-radius:2px}.input-big{height:28px;padding:0 10px;line-height:28px}.input-50,.input-smallest{width:50px}.input-60{width:400px}.input-600,.input-largest{width:600px}.input-90,.input-smaller{width:90px}.input-110,.input-small{width:110px}.input-150,.input-6,.input-medium{width:150px}.input-230,.input-large{width:230px}.input-400,.input-60,.input-larger{width:400px}select.sub-area{display:none}select.active{display:inline}select.input{margin-left:0!important}textarea{resize:none;min-height:200px}.authcode{float:left;border:1px #ddd solid;cursor:pointer}.qfont{float:left;display:block;height:28px;line-height:28px;padding-left:10px;padding-right:10px;line-height:32px;font-size:14px;margin-left:5px;border:2px #ddd solid;background-color:#eee;color:#000;min-width:50px;text-align:center;font-weight:700;font-family:"microsoft yahei"}/* 保留原有的typebtn样式（用于其他页面） */
.typebtn{border-radius:2px;width:230px;height:34px;color:#fff;font-family:microsoft yahei;font-size:18px;text-align:center;border:none;cursor:pointer;line-height:34px}.blue .typebtn{background-color:#3592e2}.green .typebtn{background-color:#42b712}.orange .typebtn{background-color:#f60}.red .typebtn{background-color:#C40000}

/* 确保登录按钮使用新样式 */
.login-form .typebtn {
    display: none; /* 隐藏旧的typebtn，使用新的login-button */
}#mr{height:200px;padding-top:25px;text-align:center}#mr .h{height:75px;line-height:75px;text-align:center;margin:30px 0;font-size:24px}#mr h1{background:url(../images/post/info_icons.png) no-repeat 90px 12px;color:#4EBB24;font-family:"microsoft yahei";font-size:34px}#mr h2{background:url(../images/post/info_icons.png) no-repeat 90px -120px;color:red;font-family:"microsoft yahei";font-size:34px}#mr h3{background:url(../images/post/info_icons.png) no-repeat 90px -55px;color:red;font-family:"microsoft yahei";font-size:34px}#mr p{height:35px;line-height:35px;color:#666;margin:0 auto}#infobox{text-align:center}#infobox ul{text-align:left;margin-left:auto;margin-right:auto}#infobox .title{padding:7px 15px;height:30px;font-size:10pt;margin:1px;background:#e0f0f9;border-bottom:1px solid #a6cbe7}.findpwdpart{text-align:center}.findpwdpart .stepp{margin:20px auto 140px auto;width:746px;text-align:left}.findpwdpart .steppp{text-align:left;width:516px;margin-left:auto;margin-right:auto}.findpwdpart .stepp div{margin-bottom:20px}.findpwdpart .stepp h1{font-size:24px;font-family:microsoft yahei;color:green;background:url(../images/right.gif) 0 0 no-repeat;text-indent:50px;line-height:35px;margin-top:80px;margin-bottom:10px;margin-left:65px}.findpwdpart .stepp h2{font-size:18px;font-family:microsoft yahei;color:#C40000;background:url(../images/err.gif) 0 0 no-repeat;text-indent:75px;line-height:48px;margin-top:80px;margin-bottom:10px;margin-left:155px}.findpwdpart .stepp .detail{font-size:14px;line-height:30px;margin-left:65px}.findpwdpart .stepp div{font-size:14px}.findpwdpart .stepp span.cl{float:left;display:block;width:100px;line-height:30px}.findpwdpart .stepp span.cr{float:left;display:block;width:620px}.findpwdpart .stepp .font{font-size:14px;font-weight:700;line-height:30px}.findpwdpart span.no,.findpwdpart span.yes{background-image:url(../images/yesno.gif);background-repeat:no-repeat;height:29px;width:287px;line-height:29px;margin-top:2px;margin-left:5px;float:left}.findpwdpart .step1 span,.findpwdpart .step2 span,.findpwdpart .step3 span{width:228px;height:30px;font-size:14px;line-height:30px;text-align:center;display:block;float:left;color:#000}.findpwdpart .step1 span.cur,.findpwdpart .step2 span.cur,.findpwdpart .step3 span.cur{font-weight:700;color:#fff}.findpwdpart .step1,.findpwdpart .step2,.findpwdpart .step3{margin-bottom:20px;margin-top:10px}.findpwdpart .step1{background:url(../images/login/step.gif) top center no-repeat;height:30px;padding-left:100px}.findpwdpart .step2{background:url(../images/login/step.gif) 0 -30px no-repeat;height:30px;margin-left:80px}.findpwdpart .step3{background:url(../images/login/step.gif) bottom center no-repeat;height:30px;padding-left:100px}.findpwdpart .step2 span a:hover{text-decoration:none}.findpwdpart .typeinput{border:1px #D9D9D9 solid;width:330px;height:22px;line-height:22px;background:url(../images/mail.gif) 10px 10px no-repeat;padding:6px 10px 6px 40px;float:left}.findpwdpart .typeinput2{border:1px #D9D9D9 solid;width:330px;height:22px;line-height:22px;background:url(../images/mobile.gif) 5px 4px no-repeat;padding:6px 10px 6px 40px;float:left}.findpwdpart .typeinputimg{border:1px #D9D9D9 solid;width:150px;height:22px;line-height:22px;padding:6px 10px 4px 10px;float:left}.findpwdpart .typebtn{background:url(../images/schbtn.gif) 0 0 no-repeat;width:110px;height:34px;color:#fff;font-family:microsoft yahei;font-size:20px;text-align:center;border:none;cursor:pointer;line-height:34px}.findpwdpart .authcode{border:1px #ddd solid;cursor:pointer;float:left}.checkboxinner{display:block;width:270px;float:left;margin-bottom:10px}.checkboxinner label{font-size:12px;display:block;cursor:pointer;float:left;margin-top:10px;width:90px}.disable{float:left;border:1px #d6d6d6 solid;border-radius:2px;padding:0 10px;height:36px;line-height:36px;text-align:center;color:#585858;margin-left:10px;font-size:12px;cursor:pointer;background-color:#EEE}.disabled{float:left;border:1px #d6d6d6 solid;border-radius:2px;padding:0 10px;height:36px;line-height:36px;text-align:center;color:#585858;margin-left:10px;font-size:12px;cursor:pointer;background-color:#F7F7F7}.disabled:hover{background-color:#EEE}
/* ========== 注册页面新样式 ========== */
.register-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 20px;
    position: relative;
    z-index: 1;
}

.register-header {
    text-align: center;
    margin-bottom: 50px;
}

.register-title {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
}

.register-subtitle {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

/* 步骤指示器 */
.register-steps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 60px;
    position: relative;
    padding: 0 20px;
}

.step-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-width: 280px;
}

.step-item:last-child .step-line {
    display: none;
}

.step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e8e8e8;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}

.step-item.active .step-number {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.step-content {
    text-align: center;
}

.step-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.step-item.active .step-title {
    color: #ff6b35;
}

.step-desc {
    font-size: 13px;
    color: #999;
}

.step-line {
    position: absolute;
    top: 25px;
    left: calc(50% + 25px);
    right: calc(-50% + 25px);
    height: 2px;
    background: #e8e8e8;
    z-index: 1;
}

.step-item.active .step-line {
    background: linear-gradient(90deg, #ff6b35 0%, #e8e8e8 100%);
}

.step-item.active ~ .step-item .step-line {
    background: #e8e8e8;
}

/* 注册卡片容器 */
.register-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

/* 注册卡片 */
.register-card {
    background: #ffffff;
    border: 2px solid #e8e8e8;
    border-radius: 20px;
    padding: 40px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.register-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f7931e);
    transform: scaleX(0);
    transition: transform 0.3s;
}

.register-card:hover {
    border-color: #ff6b35;
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(255, 107, 53, 0.15);
}

.register-card:hover::before {
    transform: scaleX(1);
}

.person-card:hover .person-icon {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    transform: scale(1.1) rotate(5deg);
}

.store-card:hover .store-icon {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    transform: scale(1.1) rotate(-5deg);
}

.card-icon {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
}

.icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    transition: all 0.3s;
    border: 3px solid #e8e8e8;
}

.person-icon {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.1) 100%);
    border-color: rgba(255, 107, 53, 0.2);
}

.store-icon {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.1) 100%);
    border-color: rgba(255, 107, 53, 0.2);
}

.card-content {
    flex: 1;
    text-align: center;
}

.card-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.card-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.feature-tag {
    padding: 6px 14px;
    background: #f8f9fa;
    border-radius: 20px;
    font-size: 12px;
    color: #666;
    border: 1px solid #e8e8e8;
    transition: all 0.3s;
}

.register-card:hover .feature-tag {
    background: rgba(255, 107, 53, 0.1);
    border-color: rgba(255, 107, 53, 0.3);
    color: #ff6b35;
}

.card-arrow {
    margin-top: 25px;
    text-align: center;
}

.arrow-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #f8f9fa;
    color: #999;
    font-size: 20px;
    transition: all 0.3s;
}

.register-card:hover .arrow-icon {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

/* 注册页脚 */
.register-footer {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.footer-text {
    font-size: 14px;
    color: #666;
    margin-right: 8px;
}

.footer-link {
    color: #ff6b35;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s;
}

.footer-link:hover {
    color: #f7931e;
    text-decoration: underline;
}

/* 注册页面响应式 */
@media (max-width: 768px) {
    .register-container {
        padding: 40px 15px;
    }
    
    .register-title {
        font-size: 32px;
    }
    
    .register-subtitle {
        font-size: 14px;
    }
    
    .register-steps {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 40px;
        padding: 0;
    }
    
    .step-item {
        max-width: 100%;
        width: 100%;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }
    
    .step-number {
        margin-bottom: 0;
        margin-right: 20px;
        flex-shrink: 0;
    }
    
    .step-content {
        text-align: left;
        flex: 1;
    }
    
    .step-line {
        display: none;
    }
    
    .register-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .register-card {
        padding: 30px 25px;
    }
    
    .card-icon {
        margin-bottom: 20px;
    }
    
    .icon-circle {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
}

/* ========== 注册表单页面新样式 ========== */
.register-form-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* 注册表单步骤指示器 */
.register-form-steps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
    padding: 0 20px;
    gap: 20px;
}

.form-step-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-width: 250px;
}

.form-step-item:last-child .form-step-line {
    display: none;
}

.form-step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8e8e8;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}

.form-step-item.active .form-step-number {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.form-step-content {
    text-align: center;
}

.form-step-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.form-step-item.active .form-step-title {
    color: #ff6b35;
}

.form-step-desc {
    font-size: 12px;
    color: #999;
}

.form-step-link {
    font-size: 12px;
    color: #ff6b35;
    text-decoration: none;
    transition: color 0.3s;
}

.form-step-link:hover {
    color: #f7931e;
    text-decoration: underline;
}

.form-step-line {
    position: absolute;
    top: 20px;
    left: calc(50% + 20px);
    right: calc(-50% + 20px);
    height: 2px;
    background: #e8e8e8;
    z-index: 1;
}

.form-step-item.active .form-step-line {
    background: linear-gradient(90deg, #ff6b35 0%, #e8e8e8 100%);
}

/* 注册表单卡片 */
.register-form-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.register-form-header {
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.form-card-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.form-card-subtitle {
    font-size: 14px;
    color: #999;
}

/* 表单部分 */
.modern-register-form {
    width: 100%;
}

.form-section {
    width: 100%;
}

.form-field-group {
    margin-bottom: 25px;
}

.form-field-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.label-text {
    flex: 1;
}

.label-required {
    color: #ff6b35;
    margin-left: 4px;
}

.form-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon {
    position: absolute;
    left: 18px;
    font-size: 18px;
    z-index: 1;
    pointer-events: none;
}

.modern-form-input {
    width: 100%;
    height: 50px;
    padding: 0 18px 0 50px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 15px;
    color: #333;
    background: #fafafa;
    transition: all 0.3s;
    box-sizing: border-box;
}

.modern-form-input:focus {
    outline: none;
    border-color: #ff6b35;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

.modern-form-input::placeholder {
    color: #bbb;
}

/* 密码强度指示器 */
.password-strength {
    margin-top: 10px;
}

.pw_check {
    display: flex;
    gap: 10px;
}

.pw_check span {
    padding: 4px 12px;
    background: #f0f0f0;
    border-radius: 4px;
    font-size: 12px;
    color: #999;
}

.pw_check span strong.c_orange {
    color: #ff6b35;
    font-weight: 700;
}

/* 验证码样式 */
.captcha-field-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.captcha-input-wrapper {
    flex: 1;
}

.captcha-image-container {
    position: relative;
    flex-shrink: 0;
}

.modern-captcha-image {
    height: 50px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
}

.modern-captcha-image:hover {
    border-color: #ff6b35;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

.captcha-refresh-hint {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}

/* 短信验证码 */
.sms-code-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sms-input-wrapper {
    flex: 1;
}

.sms-send-button {
    height: 50px;
    padding: 0 24px;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    flex-shrink: 0;
}

.sms-send-button:hover:not(.disabled) {
    background: #ff6b35;
    border-color: #ff6b35;
    color: #fff;
}

.sms-send-button.disabled {
    background: #f0f0f0;
    color: #999;
    cursor: not-allowed;
}

/* 问题显示 */
.question-display {
    margin-top: 10px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    font-size: 14px;
    color: #666;
    border-left: 3px solid #ff6b35;
}

/* 文本域 */
.form-textarea-wrapper {
    position: relative;
}

.modern-form-textarea {
    width: 100%;
    min-height: 200px;
    padding: 15px 18px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 15px;
    color: #333;
    background: #fafafa;
    transition: all 0.3s;
    box-sizing: border-box;
    resize: vertical;
    font-family: inherit;
}

.modern-form-textarea:focus {
    outline: none;
    border-color: #ff6b35;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

.modern-form-textarea::placeholder {
    color: #bbb;
}

/* 选择框包装器 */
.select-wrapper {
    width: 100%;
}

.select-wrapper select {
    width: 66%;
    height: 50px;
    padding: 0 0px 0 30px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 15px;
    color: #333;
    background: #fafafa;
    transition: all 0.3s;
    box-sizing: border-box;
}

.select-wrapper select:focus {
    outline: none;
    border-color: #ff6b35;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
}

/* 提交按钮 */
.form-submit-wrapper {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.modern-register-button {
    width: 100%;
    height: 54px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.modern-register-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

.modern-register-button:active {
    transform: translateY(0);
}

.modern-register-button .button-text {
    font-size: 16px;
}

.modern-register-button .button-arrow {
    font-size: 18px;
    transition: transform 0.3s;
}

.modern-register-button:hover .button-arrow {
    transform: translateX(4px);
}

/* 协议样式 */
.register-agreement {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    margin-top: 30px;
}

.agreement-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.agreement-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.agreement-content {
    max-height: 300px;
    overflow-y: auto;
    font-size: 13px;
    line-height: 1.8;
    color: #666;
    padding: 15px;
    background: #fafafa;
    border-radius: 8px;
}

.agreement-content p {
    margin-bottom: 15px;
    text-indent: 2em;
}

/* 注册表单响应式 */
@media (max-width: 768px) {
    .register-form-container {
        padding: 30px 15px;
    }
    
    .register-form-steps {
        flex-direction: column;
        gap: 25px;
        margin-bottom: 30px;
    }
    
    .form-step-item {
        max-width: 100%;
        width: 100%;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }
    
    .form-step-number {
        margin-bottom: 0;
        margin-right: 15px;
        flex-shrink: 0;
    }
    
    .form-step-content {
        text-align: left;
        flex: 1;
    }
    
    .form-step-line {
        display: none;
    }
    
    .register-form-card {
        padding: 30px 20px;
    }
    
    .form-card-title {
        font-size: 24px;
    }
    
    .captcha-field-wrapper,
    .sms-code-wrapper {
        flex-direction: column;
    }
    
    .sms-send-button {
        width: 100%;
    }
    
    .modern-form-textarea {
        min-height: 150px;
    }
}#mr{height:200px;padding-top:25px;text-align:center}#mr .h{height:75px;line-height:75px;text-align:center;margin:30px 0;font-size:24px}#mr h1{background:url(../images/post/info_icons.png) no-repeat 90px 12px;color:#4EBB24;font-family:"microsoft yahei";font-size:34px}#mr h2{background:url(../images/post/info_icons.png) no-repeat 90px -120px;color:red;font-family:"microsoft yahei";font-size:34px}#mr h3{background:url(../images/post/info_icons.png) no-repeat 90px -55px;color:red;font-family:"microsoft yahei";font-size:34px}#mr p{height:35px;line-height:35px;color:#666;margin:0 auto}#infobox{text-align:center}#infobox ul{text-align:left;margin-left:auto;margin-right:auto}#infobox .title{padding:7px 15px;height:30px;font-size:10pt;margin:1px;background:#e0f0f9;border-bottom:1px solid #a6cbe7}.findpwdpart{text-align:center}.findpwdpart .stepp{margin:20px auto 140px auto;width:746px;text-align:left}.findpwdpart .steppp{text-align:left;width:516px;margin-left:auto;margin-right:auto}.findpwdpart .stepp div{margin-bottom:20px}.findpwdpart .stepp h1{font-size:24px;font-family:microsoft yahei;color:green;background:url(../images/right.gif) 0 0 no-repeat;text-indent:50px;line-height:35px;margin-top:80px;margin-bottom:10px;margin-left:65px}.findpwdpart .stepp h2{font-size:18px;font-family:microsoft yahei;color:#C40000;background:url(../images/err.gif) 0 0 no-repeat;text-indent:75px;line-height:48px;margin-top:80px;margin-bottom:10px;margin-left:155px}.findpwdpart .stepp .detail{font-size:14px;line-height:30px;margin-left:65px}.findpwdpart .stepp div{font-size:14px}.findpwdpart .stepp span.cl{float:left;display:block;width:100px;line-height:30px}.findpwdpart .stepp span.cr{float:left;display:block;width:620px}.findpwdpart .stepp .font{font-size:14px;font-weight:700;line-height:30px}.findpwdpart span.no,.findpwdpart span.yes{background-image:url(../images/yesno.gif);background-repeat:no-repeat;height:29px;width:287px;line-height:29px;margin-top:2px;margin-left:5px;float:left}.findpwdpart .step1 span,.findpwdpart .step2 span,.findpwdpart .step3 span{width:228px;height:30px;font-size:14px;line-height:30px;text-align:center;display:block;float:left;color:#000}.findpwdpart .step1 span.cur,.findpwdpart .step2 span.cur,.findpwdpart .step3 span.cur{font-weight:700;color:#fff}.findpwdpart .step1,.findpwdpart .step2,.findpwdpart .step3{margin-bottom:20px;margin-top:10px}.findpwdpart .step1{background:url(../images/login/step.gif) top center no-repeat;height:30px;padding-left:100px}.findpwdpart .step2{background:url(../images/login/step.gif) 0 -30px no-repeat;height:30px;margin-left:80px}.findpwdpart .step3{background:url(../images/login/step.gif) bottom center no-repeat;height:30px;padding-left:100px}.findpwdpart .step2 span a:hover{text-decoration:none}.findpwdpart .typeinput{border:1px #D9D9D9 solid;width:330px;height:22px;line-height:22px;background:url(../images/mail.gif) 10px 10px no-repeat;padding:6px 10px 6px 40px;float:left}.findpwdpart .typeinput2{border:1px #D9D9D9 solid;width:330px;height:22px;line-height:22px;background:url(../images/mobile.gif) 5px 4px no-repeat;padding:6px 10px 6px 40px;float:left}.findpwdpart .typeinputimg{border:1px #D9D9D9 solid;width:150px;height:22px;line-height:22px;padding:6px 10px 4px 10px;float:left}.findpwdpart .typebtn{background:url(../images/schbtn.gif) 0 0 no-repeat;width:110px;height:34px;color:#fff;font-family:microsoft yahei;font-size:20px;text-align:center;border:none;cursor:pointer;line-height:34px}.findpwdpart .authcode{border:1px #ddd solid;cursor:pointer;float:left}.checkboxinner{display:block;width:270px;float:left;margin-bottom:10px}.checkboxinner label{font-size:12px;display:block;cursor:pointer;float:left;margin-top:10px;width:90px}.disable{float:left;border:1px #d6d6d6 solid;border-radius:2px;padding:0 10px;height:36px;line-height:36px;text-align:center;color:#585858;margin-left:10px;font-size:12px;cursor:pointer;background-color:#EEE}.disabled{float:left;border:1px #d6d6d6 solid;border-radius:2px;padding:0 10px;height:36px;line-height:36px;text-align:center;color:#585858;margin-left:10px;font-size:12px;cursor:pointer;background-color:#F7F7F7}.disabled:hover{background-color:#EEE}