body {

    margin: 0;

}



/*header {

    display: block;

    height: 50px;

    line-height: 50px;

    box-shadow: 0px 0px 8px #89bff5;

    position: relative;

}



header .go-back {

    position: absolute;

    width: 50px;

    text-align: center;

    line-height: 50px;

    display: block;

}



header .go-back i {

    display: inline-block;

    width: 12px;

    height: 12px;

    content: "";

    border-top: #333 1px solid;

    border-right: #333 1px solid;

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    transform: rotate(-135deg);

}



header span {

    display: block;

    text-align: center;

}*/



.login-box {

    margin-top: 10px;

}



.login-box p {

    margin: 0;

    line-height: 50px;

    border-bottom: 1px solid #eee;

    display: flex;

    padding: 0 20px;

    background: #fff;

}



.login-box p input {

    width: 100%;

   /* -webkit-flex: 1;*/

    border: none;

    padding-left: 20px;

    outline: none;

}

.login-box p .Remember{
	width:20px; margin-top:18px
	}

.login-box p span{

    display: inline-block;

    float: right;

    width: 85px;

    color: #8e8e8e;

    cursor: pointer;

    font-size: 12px;

    -webkit-tap-highlight-color: rgba(255,0,0,0);

    border-left: 1px solid #eee;

    text-align: right;



}

.login-box p span img{

    max-height: 50px;

    max-width: 100%;

    display: inline-block;

}

.login-box button {

    display: block;

    background: #2692ff;

    width: 86%;

    margin: 30px auto 10px;

    border: 0;

    border-radius: 30px;

    line-height: 40px;

    color: #fff;

    font-size: 16px;

    outline: none;

}



.login-box .forget {

    display: block;

    width: 80%;

    margin: auto;

    font-size: 12px;

    color: #888;

}



.login-box .forget .register-btn {

    float: right;

}

.login-box .login-Third{

    width: 87%;

    margin: 20px auto;

}

.login-box .login-Third a{

    display: inline-block;

    text-align: center;

    width: 50px;

}

.login-box .login-Third a i{

    display: block;

    font-size: 30px;

    color:#68A5E1;

}

.login-box .login-Third a i.fn-weixin1{

    font-size: 26px;

    color: #50B674;

}












/* ===== DARK_AUTH_FIX (WAP) ===== */
body.theme-dark{background:#0b0b0b!important;color:#eee!important;}
body.theme-dark .login-box,
body.theme-dark .login-box *{color:#eee!important;}

body.theme-dark .login-box p{border-color:rgba(255,255,255,.18)!important;}
body.theme-dark .login-box p input{
  background:transparent!important;
  color:#eee!important;
}
body.theme-dark .login-box p input::placeholder{color:rgba(238,238,238,.55)!important;}

body.theme-dark .login-box button.button{
  background:#e60012!important;
  color:#fff!important;
}

body.theme-dark .forget .register-btn,
body.theme-dark .login-Third a{color:rgba(238,238,238,.9)!important;}


/* ===== AUTH_DARK_FORCE_WHITE (LOGIN+REGISTER ONLY) ===== */
/* login/register 页面主要容器：强制所有文字可见 */
body.theme-dark .login-box,
body.theme-dark .login-box *{
  color:#eee !important;
}

/* 输入框、提示字 */
body.theme-dark .login-box input,
body.theme-dark .login-box textarea{
  color:#eee !important;
  background:transparent !important;
}
body.theme-dark .login-box input::placeholder,
body.theme-dark .login-box textarea::placeholder{
  color:rgba(238,238,238,.55) !important;
}

/* 常见的深色模式“文字被盖掉”的类：全部兜底 */
body.theme-dark .login-box a,
body.theme-dark .login-box p,
body.theme-dark .login-box span,
body.theme-dark .login-box div,
body.theme-dark .login-box label{
  color:#eee !important;
}

/* 按钮保持红底白字 */
body.theme-dark .login-box .button,
body.theme-dark .login-box button{
  background:#e60012 !important;
  color:#fff !important;
  border-color:#e60012 !important;
}


/* ===== AUTH_CARD_DARK_FIX (LOGIN+REGISTER) ===== */
/* 暗黑时：卡片也变深，不要白底白字 */
body.theme-dark body .login-box{
  background:#141414 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.45) !important;
}
body.theme-dark body .login-box,
body.theme-dark body .login-box *{
  color:#eee !important;
}

/* 输入框背景/边框/placeholder */
body.theme-dark body .login-box p{
  border-color: rgba(255,255,255,.18) !important;
}
body.theme-dark body .login-box input,
body.theme-dark body .login-box textarea{
  background:#0b0b0b !important;
  color:#eee !important;
}
body.theme-dark body .login-box input::placeholder,
body.theme-dark body .login-box textarea::placeholder{
  color: rgba(238,238,238,.55) !important;
}

/* 按钮：红底白字 */
body.theme-dark body .login-box .button,
body.theme-dark body .login-box button{
  background:#e60012 !important;
  color:#fff !important;
  border-color:#e60012 !important;
}

/* 亮色模式兜底：防止被你全局 * 的规则误伤 */
html:not(.theme-dark) body .login-box,
html:not(.theme-dark) body .login-box *{
  color:#111 !important;
}
html:not(.theme-dark) body .login-box input::placeholder{
  color:#888 !important;
}


/* ===== AUTH_FORCE_HIDE_NAV_MASK (LOGIN+REGISTER) ===== */
/* 注册页整屏变白基本就是这个遮罩层盖住了 */
.nav-masklayer{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ===== FINAL_FIX: DARK_MODE_WHITE_CARD_BLACK_TEXT ===== */
/* 你现在的问题就是：白底 + 白字。这里强制：白底 + 黑字 */
body.theme-dark .login-box{
  background:#fff !important;
}
body.theme-dark .login-box,
body.theme-dark .login-box *{
  color:#111 !important;
}

/* 输入框：字黑、placeholder 灰、底稍灰 */
body.theme-dark .login-box input,
body.theme-dark .login-box textarea{
  color:#111 !important;
  background:#f5f6f7 !important;
}
body.theme-dark .login-box input::placeholder,
body.theme-dark .login-box textarea::placeholder{
  color:#999 !important;
}

/* 按钮保持红底白字 */
body.theme-dark .login-box .button,
body.theme-dark .login-box button{
  background:#e60012 !important;
  color:#fff !important;
  border-color:#e60012 !important;
}

/* 底部“新用户注册/已有账号登录”等链接也要能看见 */
body.theme-dark .forget,
body.theme-dark .forget a,
body.theme-dark .register-btn{
  color:#666 !important;
}

/* ===== FINAL_FIX2: SUPPORT html.theme-dark (because body may not have class) ===== */
html.theme-dark .login-box{ background:#fff !important; }
html.theme-dark .login-box,
html.theme-dark .login-box *{ color:#111 !important; }

html.theme-dark .login-box input,
html.theme-dark .login-box textarea{
  color:#111 !important;
  background:#f5f6f7 !important;
}
html.theme-dark .login-box input::placeholder,
html.theme-dark .login-box textarea::placeholder{
  color:#999 !important;
}

html.theme-dark .login-box .button,
html.theme-dark .login-box button{
  background:#e60012 !important;
  color:#fff !important;
  border-color:#e60012 !important;
}

html.theme-dark .forget,
html.theme-dark .forget a,
html.theme-dark .register-btn{
  color:#666 !important;
}

/* ===== FINAL_ALWAYS_BLACK_TEXT (LOGIN+REGISTER) ===== */
/* 无论什么主题：登录/注册卡片区域永远白底黑字，彻底杜绝“看不到字” */
.login-box,
.login-box *{
  color:#111 !important;
}

.login-box{
  background:#fff !important;
}

/* 输入框 */
.login-box input,
.login-box textarea{
  color:#111 !important;
  background:#f5f6f7 !important;
}
.login-box input::placeholder,
.login-box textarea::placeholder{
  color:#999 !important;
}

/* 按钮保持红底白字 */
.login-box .button,
.login-box button{
  background:#e60012 !important;
  color:#fff !important;
  border-color:#e60012 !important;
}

/* 底部链接 */
.forget,
.forget a,
.register-btn{
  color:#666 !important;
}

/* ===== AUTH DARK FIX (force readable) ===== */
/* 兼容 theme-dark 在 html 或 body 上；强制白卡片里黑字可见 */
html.theme-dark .login-box, body.theme-dark .login-box{ color:#111 !important; }
html.theme-dark .login-box *, body.theme-dark .login-box *{ color:#111 !important; opacity:1 !important; }

/* placeholder 各浏览器 */
html.theme-dark .login-box input::placeholder,
body.theme-dark .login-box input::placeholder{ color:rgba(0,0,0,.65) !important; opacity:1 !important; }
html.theme-dark .login-box input::-webkit-input-placeholder,
body.theme-dark .login-box input::-webkit-input-placeholder{ color:rgba(0,0,0,.65) !important; opacity:1 !important; }
html.theme-dark .login-box input:-ms-input-placeholder,
body.theme-dark .login-box input:-ms-input-placeholder{ color:rgba(0,0,0,.65) !important; opacity:1 !important; }

/* “新用户注册 / 已有账号, 登录” 这类链接（register-btn 常见） */
html.theme-dark .login-box .register-btn,
body.theme-dark .login-box .register-btn,
html.theme-dark .login-box a,
body.theme-dark .login-box a{ color:#111 !important; opacity:1 !important; }

/* 红色按钮字保持白色 */
html.theme-dark .login-box button,
body.theme-dark .login-box button,
html.theme-dark .login-box .button,
body.theme-dark .login-box .button{ color:#fff !important; }


/* ===== AUTH DARK FIX: subtitle text darker ===== */
html.theme-dark .auth-sub,
body.theme-dark .auth-sub{
  color: rgba(0,0,0,.65) !important;
  opacity: 1 !important;
}