@charset "utf-8";
/*
 * Project: zztAPP login
 * Description: Private CSS;
 * Author: LinShan
 * Version: 2019-08-13;
 */

/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; outline: none; }
a:link, a:visited, a:hover, a:focus, a:active { color: #000; }
input { margin: 0; padding: 0; border: 0; border-radius: 0; outline: none; }
p { margin: 0; padding: 0; }
strong { font-weight: bold; }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
*html .clearfix { height: 1% }
body { -webkit-tap-highlight-color: transparent; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; word-break: break-word; }
.mobileWrapper { -webkit-text-size-adjust: none; -webkit-user-select: none; user-select: none; position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
/*float margin padding*/
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-top: 0.2rem; }
.ml5 { margin-left: 0.1rem; }
.ml10 { margin-left: 0.2rem; }
/*Color*/
.colmain, a.colmain { color: #0188fb; }
.colred { color: #f65858; }
.col3 { color: #333; }
.col6 { color: #666; }
.col9 { color: #999; }
/*Font*/
.fs12 { font-size: 0.24rem; }
.fs15 { font-size: 0.3rem; }
.fs18 { font-size: 0.36rem; }
.fs20 { font-size: 0.4rem; }
.fs24 { font-size: 0.48rem; }
.lh20 { line-height: 0.4rem; }
.tc { text-align: center; }
.tr { text-align: right; }
/*Btn*/
.smallBtn { padding: 0.2rem 0.5rem; font-size: 0.36rem; text-align: center; }
.smallBtn.bgmainBtn { background: #0188fb; color: #fff; }
.bigBtn { display: block; box-sizing: border-box; width: 100%; height: 0.72rem; line-height: 0.72rem; text-align: center; }
.bigBtn.bgmainBtn { background: #016eff; -moz-border-radius: 0.36rem; -webkit-border-radius: 0.36rem; -o-border-radius: 0.36rem; border-radius: 0.36rem; font-size: 0.28rem; color: #fff; }
.bigBtn.loadingBtn { background: #fff; border: 1px solid #ddd; font-size: 0.3rem; color: #666; }
.getCodeBtn { padding: 0.14rem 0.24rem; background: #0188fb; font-size: 0.24rem; color: #fff; }
.bigBtn.bgmainBtn.disabled, .smallBtn.bgmainBtn.disabled { background: #ddd; color: #aaa; cursor: default; }
.btnPadding, .smallLoading { padding: 0.4rem 0.28rem; }
/*Toast*/
.toast { display: none; position: fixed; top: 40%; left: 10%; max-width: 70%; padding: 0.3rem; background: rgba(0,0,0,0.80); -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -o-border-radius: 0.1rem; border-radius: 0.1rem; font-size: 0.3rem; color: #fff; text-align: center; line-height: 0.44rem; z-index: 99999; }
/*-----Page Structure-----*/
/*内容*/
section { position: relative; }
/*-----登录页-----*/
.loginPage { background: #fff; }
.loginPage .top { position: relative; height: 4.2rem; background: url("../images/topBg@3x.png") no-repeat 0 0 #fff; -webkit-background-size: contain; background-size: contain; }
.loginPage .top .text { padding: 0.7rem 0.28rem 0 0.28rem; color: #fff; line-height: 1.2; }
.loginPage .top .text h3 { font-size: 0.32rem; font-weight: bold; }
.loginPage .top .text p { margin-top: 0.28rem; font-size: 0.24rem; }
.loginPage .top .appLogo { position: absolute; left: 50%; bottom: 0; margin-left: -0.66rem; text-align: center; }
.loginPage .top .appLogo .logoImg { width: 1.32rem; height: 1.32rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; -moz-box-shadow: 0 0 0.2rem #fff; -webkit-box-shadow: 0 0 0.2rem #fff; box-shadow: 0 0 0.2rem #fff; overflow: hidden; }
.loginPage .top .appLogo .logoImg img { width: 100%; height: 100%; vertical-align: middle; }
.loginPage .top .appLogo .appName { margin-top: 0.2rem; font-size: 0.36rem; font-weight: bold; color: #333; text-align: center; line-height: 1.2; }
.loginPage .inputWrap { margin: 0.4rem 0.28rem 0 0.28rem; }
.loginPage .inputWrap li { margin-top: 0.24rem; border-bottom: 0.02rem solid #e1e1e1; overflow: hidden; }
.loginPage .inputWrap li:first-child { margin-top: 0; }
.loginPage .inputWrap .inputIcon { float: left; width: 0.6rem; height: 0.6rem; margin-right: 0.1rem; background: url("../images/inputIcon.png") no-repeat center 0.14rem; -webkit-background-size: 0.32rem; background-size: 0.32rem; }
.loginPage .inputWrap .inputIcon.psw { background-position: center -0.94rem; }
.loginPage .inputWrap .inputIcon.yzm { background-position: center -2rem; }
.loginPage .inputWrap .getCode { float: right; width: 1.88rem; height: 0.36rem; margin: 0.12rem 0; border-left: 0.02rem solid #9f9f9f; font-size: 0.24rem; color: #016eff; text-align: center; line-height: 0.36rem; }
.loginPage .inputWrap .getCode.disabled { color: #999; }
.loginPage .inputWrap .input { overflow: hidden; }
.loginPage .inputWrap input[type="text"], .loginPage .inputWrap input[type="password"] { display: block; width: 100%; height: 0.6rem; font-size: 0.24rem; }
.loginPage .loginLinks { margin: 0.3rem 0.28rem 0 0.28rem; overflow: hidden; }
.loginPage .loginLinks .link { float: left; font-size: 0.24rem; color: #000; line-height: 0.28rem; }
.loginPage .loginLinks .link.forget { float: right; padding-left: 0.36rem; background: url("../images/i_forgetPsw.png") no-repeat; -webkit-background-size: 0.28rem; background-size: 0.28rem; }
.loginPage .goSignup { display: block; font-size: 0.28rem; color: #016eff; text-align: center; line-height: 1.2; }