*,html,body{padding:0;margin:0;font-size:0.6rem;outline: none;font-family:"微软雅黑",arial; max-width:640px; margin-left:auto; margin-right:auto; }
.clearfix { clear:both; }
.hidden { display:none; }
*,:after, :before { margin: 0; padding: 0; box-sizing: border-box; }
*{ margin: 0; padding: 0; }
div,p,a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { margin:0; margin:0 }
.light { color:#d41004; }
.app-mask_transparent {position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background:#fff; }
.app-mask_transparent2 {position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }
.app-toast { position: fixed; z-index: 5000; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top:-50px; background: rgba(17, 17, 17, 0.7); text-align: center; border-radius: 5px; color: #FFFFFF;}
.app-icon_toast.app-loading {width: 40px; height: 40px; vertical-align: baseline; margin-top:16px}
.app-toast__content {font-size: 13px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: absolute; top:60px;width: 100%;text-align: center;}
.app-success { width:35px; height:35px; display:block; margin:20px auto 0 auto; background:url(/page/public/img/success.png) 0 0 no-repeat; background-size:100% 100%; }
.app-loading {display: inline-block; vertical-align: middle; animation: appLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%;}
@-webkit-keyframes appLoading {0% {transform: rotate3d(0, 0, 1, 0deg);} 100% {transform: rotate3d(0, 0, 1, 360deg);} } @keyframes appLoading {0% {transform: rotate3d(0, 0, 1, 0deg);} 100% {transform: rotate3d(0, 0, 1, 360deg);} }

.bgrey { background: #F6F6F6; }

/*登录页*/
.login-wrapper { width:16rem; margin:0 auto; padding-bottom:1rem; background: url(/page/public/img/login_bg.png) 0 0 no-repeat; background-size: 100% auto; background-position: center top; }
.login-wrapper .login { width:14rem; margin: 0 auto; padding:1.5rem 0 0 0; }
.login-wrapper .login .welcome { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic;}
.login-wrapper .login .welcome span { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic; display: block; }
.login-wrapper .login .main { background:#FFF; width:14rem; padding:1.4rem 0 1.8rem 0; border-radius: 0.25rem; box-shadow: #dbd9d9 5px 5px 15px 5px; margin: 1rem auto 0 auto; }
.login-wrapper .login .main .title { width:12rem; height:2rem; display: flex; margin: 0 auto; }
.login-wrapper .login .main .title .item { position: relative; width:6rem; height:2rem; line-height: 1.6rem; text-align: center; color:#2a2f49; font-size:0.65rem; }
.login-wrapper .login .main .title .active { color:#0056c3; font-weight: bold; font-size: 0.75rem; }
.login-wrapper .login .main .title .item:nth-child(1) { width:5rem; }
.login-wrapper .login .main .title .item:nth-child(2) { width:7rem; }
.login-wrapper .login .main .title .active span { width:1.2rem; height:0.3rem; border-radius: 0.3rem; background: #0056c3; position:absolute; left:50%; margin-left: -0.6rem; bottom: 0.1rem; }
.login-wrapper .login .main .form { width:12rem; margin:1rem auto 0 auto; }
.login-wrapper .login .main .form .tip { width: 12rem; text-align: center; height:1rem; color:#999; }
.login-wrapper .login .main .form .tip span { font-weight: bold; font-size:0.6rem; }
.login-wrapper .login .main .form .input { position: relative; width:12rem; height:2rem; border-radius: 2rem; background: #F6F6F6; margin-top:0.5rem; font-size:0.75rem; }
.login-wrapper .login .main .form .input .icon { width:1rem; height:1rem; position: absolute; left:1rem; top:0.5rem; }
.login-wrapper .login .main .form .input input { position: absolute; left:2.4rem; top:0rem; width:9rem; height: 2rem; border: 0; background: none; }
.login-wrapper .login .main .form .button { width:12rem; height:2rem; background: #0056c3; border-radius: 2rem; color:#fff; font-size:0.7rem; text-align: center; line-height: 2rem; margin:1rem auto 0 auto; }
.login-wrapper .login .main .other { width:12rem; margin:1rem auto 0 auto; }
.login-wrapper .login .main .other .name { text-align: center; color:#999; font-size:0.6rem; }
.login-wrapper .login .main .other .type { display: flex; margin:1rem auto 0 auto; }
.login-wrapper .login .main  .other .type .item { width:6rem; height:2rem;  text-align: center; }
.login-wrapper .login .main .other .type .item .icon { width:1rem; height: 1rem;  border-radius: 1rem; }
.login-wrapper .login .main .other .type .item text { display: block; font-size:0.55rem;  color:#333; }

.loginforgetaccount-dialog .mask { position:fixed; left:0; top:0; right:0; bottom:0; margin:0 auto; z-index:1999; background:#000; opacity:0.6; }
.loginforgetaccount-dialog .loginforgetaccount { position: fixed; padding:0.5rem 0 0 0; overflow: hidden; left:1rem; top:50%; height:13rem; border-radius: 0.3rem; right: 1rem; margin:-6.5rem auto 0 auto; z-index: 2000; background: #FFF; }
.loginforgetaccount-dialog .loginforgetaccount .title { width:12rem; margin: 0 auto; line-height: 2rem; font-size:0.8rem; color:#333; font-weight: bold; text-align: center; }
.loginforgetaccount-dialog .loginforgetaccount .list { width:12rem; margin: 1rem auto 0 auto; padding:0rem 0 1rem 0; }
.loginforgetaccount-dialog .loginforgetaccount .list .item { width:12rem; height:2rem; line-height: 2rem; text-align: center; font-size:0.7rem; color:#333; border-radius: 0.3rem; border:solid 1px #e5e5e5; margin-bottom:0.8rem; }
.loginforgetaccount-dialog .loginforgetaccount .list .active { background:#F90; color:#FFF; border:solid 1px #F90; }
.loginforgetaccount-dialog .loginforgetaccount .bottom { width:14rem; background: #0056c3; height:3rem; color:#FFF; text-align: center; line-height: 3rem; font-size:0.6rem; }
.loginforgetaccount-dialog .close { width:1.4rem; height: 1.4rem; background: url(/page/public/img/close.png) 0 0 no-repeat; background-size: 100% 100%; position: fixed;  z-index: 2001; right:50%; top:50%; right:1rem; margin-top:-8.5rem; }

.loginregfinish-dialog .mask { position:fixed; left:0; top:0; right:0; bottom:0; margin:0 auto; z-index:1999; background:#000; opacity:0.6; }
.loginregfinish-dialog .loginregfinish { position: fixed; padding:0.5rem 0 0 0; overflow: hidden; left:1rem; top:50%; height:13rem; border-radius: 0.3rem; right: 1rem; margin:-6.5rem auto 0 auto; z-index: 2000; background: #FFF; }
.loginregfinish-dialog .loginregfinish .title { width:12rem; margin: 0 auto; line-height: 2rem; font-size:0.8rem; color:#333; font-weight: bold; text-align: center; }
.loginregfinish-dialog .loginregfinish .list { width:12rem; margin: 1rem auto 0 auto; height:6.6rem; padding:0rem 0 1rem 0; }

.loginregfinish-dialog .loginregfinish .bottom { width:14rem; background: #0056c3; height:3rem; color:#FFF; text-align: center; line-height: 3rem; font-size:0.6rem; }
.loginregfinish-dialog .close { width:1.4rem; height: 1.4rem; background: url(/page/public/img/close.png) 0 0 no-repeat; background-size: 100% 100%; position: fixed;  z-index: 2001; right:50%; top:50%; right:1rem; margin-top:-8.5rem; }


.loginregaccount-dialog .mask { position:fixed; left:0; top:0; right:0; bottom:0; margin:0 auto; z-index:1999; background:#000; opacity:0.6; }
.loginregaccount-dialog .loginregaccount { position: fixed; padding:0.5rem 0 0 0; overflow: hidden; left:1rem; top:50%; height:13rem; border-radius: 0.3rem; right: 1rem; margin:-6.5rem auto 0 auto; z-index: 2000; background: #FFF; }
.loginregaccount-dialog .loginregaccount .title { width:12rem; margin: 0 auto; line-height: 2rem; font-size:0.8rem; color:#333; font-weight: bold; text-align: center; }
.loginregaccount-dialog .loginregaccount .list { width:12rem; margin: 1rem auto 0 auto; padding:0rem 0 1rem 0; }
.loginregaccount-dialog .loginregaccount .list .item { width:12rem; height:2rem; line-height: 2rem; text-align: center; font-size:0.7rem; color:#333; border-radius: 0.3rem; border:solid 1px #e5e5e5; margin-bottom:0.8rem; }
.loginregaccount-dialog .loginregaccount .list .active { background:#F90; color:#FFF; border:solid 1px #F90; }
.loginregaccount-dialog .loginregaccount .bottom { width:14rem; background: #0056c3; height:3rem; color:#FFF; text-align: center; line-height: 3rem; font-size:0.6rem; }
.loginregaccount-dialog .close { width:1.4rem; height: 1.4rem; background: url(/page/public/img/close.png) 0 0 no-repeat; background-size: 100% 100%; position: fixed;  z-index: 2001; right:50%; top:50%; right:1rem; margin-top:-8.5rem; }

/*注册页*/
.reg-wrapper { width:16rem; margin:0 auto; padding-bottom:1rem; background: url(/page/public/img/login_bg.png) 0 0 no-repeat; background-size: 100% auto; background-position: center top; }
.reg-wrapper .reg { width:14rem; margin: 0 auto; padding:1.5rem 0 0 0; }
.reg-wrapper .reg .welcome { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic;}
.reg-wrapper .reg .welcome span { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic; display: block; }
.reg-wrapper .reg .main { background:#FFF; width:14rem; padding:1.4rem 0 1.8rem 0; border-radius: 0.25rem; box-shadow: #dbd9d9 5px 5px 15px 5px; margin: 1rem auto 0 auto; }
.reg-wrapper .reg .main .title { width:12rem; height:2rem; text-align: center; margin: 0 auto; color:#2a2f49; font-size:0.85rem;  font-weight: bold; }
.reg-wrapper .reg .main .form { width:12rem; margin:0rem auto 0 auto; }
.reg-wrapper .reg .main .form .tip { width: 12rem; text-align: center; height:1rem; color:#999; }
.reg-wrapper .reg .main .form .tip span { font-weight: bold; }
.reg-wrapper .reg .main .form .input { position: relative; width:12rem; height:2rem; border-radius: 2rem; background: #F6F6F6; margin-top:0.5rem; font-size:0.75rem; }
.reg-wrapper .reg .main .form .input .icon { width:1rem; height:1rem; position: absolute; left:0.8rem; top:0.5rem; }
.reg-wrapper .reg .main .form .input input { position: absolute; left:2rem; top:0rem; width:9.6rem; height: 2rem; border: 0; background: none; }
.reg-wrapper .reg .main .form .input .getname { width:3.2rem; height:1.6rem; color:#FFF; text-align: center; line-height: 1.6rem; background:#0056c3; border-radius: 1.6rem; color:#FFF; position: absolute; right:0.3rem; top:0.2rem; }
.reg-wrapper .reg .main .form .input .getcode { width:4rem; height:1.6rem; color:#FFF; text-align: center; line-height: 1.6rem; background:#0056c3; border-radius: 1.6rem; color:#FFF; position: absolute; right:0.3rem; top:0.2rem; }
.reg-wrapper .reg .main .form .input .disabled { background:#e5e5e5; }
.reg-wrapper .reg .main .form .button { width:12rem; height:2rem; background: #0056c3; border-radius: 2rem; color:#fff; font-size:0.7rem; text-align: center; line-height: 2rem; margin:1rem auto 0 auto; }
.reg-wrapper .reg .main .form .backs { width:12rem; height:1rem; line-height: 1rem; margin-top:0.8rem; text-align: center; color:#666; }


/*重置密码页*/
.forget-wrapper { width:16rem; margin:0 auto; padding-bottom:1rem; background: url(/page/public/img/login_bg.png) 0 0 no-repeat; background-size: 100% auto; background-position: center top; }
.forget-wrapper .forget { width:14rem; margin: 0 auto; padding:1.5rem 0 0 0; }
.forget-wrapper .forget .welcome { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic;}
.forget-wrapper .forget .welcome span { font-size:1.2rem; text-align: left; color:#2a2f49; font-style: italic; display: block; }
.forget-wrapper .forget .main { background:#FFF; width:14rem; padding:1.4rem 0 1.8rem 0; border-radius: 0.25rem; box-shadow: #dbd9d9 5px 5px 15px 5px; margin: 1rem auto 0 auto; }
.forget-wrapper .forget .main .title { width:12rem; height:2rem; text-align: center; margin: 0 auto; color:#2a2f49; font-size:0.85rem;  font-weight: bold; }
.forget-wrapper .forget .main .form { width:12rem; margin:0rem auto 0 auto; }
.forget-wrapper .forget .main .form .tip { width: 12rem; text-align: center; height:1rem; color:#999; }
.forget-wrapper .forget .main .form .input { position: relative; width:12rem; height:2rem; border-radius: 2rem; background: #F6F6F6; margin-top:0.5rem; font-size:0.75rem; }
.forget-wrapper .forget .main .form .input .icon { width:1rem; height:1rem; position: absolute; left:0.8rem; top:0.5rem; }
.forget-wrapper .forget .main .form .input input { position: absolute; left:2rem; top:0rem; width:9.6rem; height: 2rem; border: 0; background: none; }
.forget-wrapper .forget .main .form .input .getname { width:3.2rem; height:1.6rem; color:#FFF; text-align: center; line-height: 1.6rem; background:#0056c3; border-radius: 1.6rem; color:#FFF; position: absolute; right:0.3rem; top:0.2rem; }
.forget-wrapper .forget .main .form .input .getcode { width:4rem; height:1.6rem; color:#FFF; text-align: center; line-height: 1.6rem; background:#0056c3; border-radius: 1.6rem; color:#FFF; position: absolute; right:0.3rem; top:0.2rem; }
.forget-wrapper .forget .main .form .input .disabled { background:#e5e5e5; }
.forget-wrapper .forget .main .form .button { width:12rem; height:2rem; background: #0056c3; border-radius: 2rem; color:#fff; font-size:0.7rem; text-align: center; line-height: 2rem; margin:1rem auto 0 auto; }
.forget-wrapper .forget .main .form .backs { width:12rem; height:1rem; line-height: 1rem; margin-top:0.8rem; text-align: center; color:#666; }

/*alert*/
.alert-dialog .mask { position:fixed; left:0; top:0; right:0; bottom:0; margin:0 auto; z-index:9999; background:#000; opacity:0.6; }
.alert-dialog .alert { position:fixed; left:2rem; right:2rem; top:50%; width:12rem; height:7rem; margin:-3.5rem auto 0 auto; background:#fff; border-radius:0.3rem; z-index:10000; }
.alert-dialog .alert .title { width:8rem; height:2rem; text-align:center; margin:0 auto; line-height:2rem; color:#999; }
.alert-dialog .alert .message { width:10rem; height:2.5rem; margin:0 auto; text-align:center; display: table; }
.alert-dialog .alert .message span { display: table-cell;vertical-align: middle; }
.alert-dialog .alert .bottom { width:12rem; height:2rem; margin:0.5rem auto 0 auto; border-top:solid 1px #d1d1d1; text-align:center; line-height:2rem; color:#02061f; }

/*toast*/
.toast-dialog { position:fixed; left:0rem; top:50%; width:16rem; height:1.6rem; margin-top: -0.8rem; text-align:center;  z-index:100;  }
.toast-dialog .msg { display: inline-block; background:#292929; width:auto; padding:0 0.6rem; height:1.6rem; border-radius:0.2rem; color:#fff; line-height:1.6rem;  font-size:0.5rem; }