*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;} html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;} body,html{margin:0;padding:0;width:100%;color:#232323;font-size:13px;font-family:"思源黑体";} dd,dl,dt,form,h1,h2,h3,h4,h5,h6,img,input,label,li,ol,p,ul{margin:0;padding:0;} a{color:#232323;text-decoration:none;cursor:pointer;} li,ol,ul{list-style:none;} button,input,select,textarea{padding:0;color:#232323;font-size:14px;font-family:"思源黑体";} input[type=checkbox],input[type=number],input[type=password],input[type=text],select,textarea{border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;} input[type=checkbox],input[type=radio]{position:relative;top:2px;margin-right:5px;} input[type=checkbox]{width:16px;height:16px;border:1px solid #999;border-radius:2px;} textarea{resize:none;} input::-ms-clear,input::-ms-reveal{display:none;} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;} input::-moz-placeholder,textarea::-moz-placeholder{color:#999;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;} input:-moz-placeholder,textarea:-moz-placeholder{color:#999;} img{max-width:100%;max-height:100%;border:none;} table{width:100%;max-width:100%;border:none;border-collapse:collapse;} footer,header{display:block;} sub,sup{display:inline-block;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);} em,i{font-style:normal;} .float-L{float:left;} .float-R{float:right;} .align-R{text-align:right;} .align-C{text-align:center;} .align-L{text-align:left;} .clear::after,.clearboth::after,.clearfloat::after{clear:both;display:block;visibility:hidden;height:0;content:" ";} .clear,.clearboth,.clearfloat{zoom:1;} .btn{display:inline-block;outline:0;border:none;text-align:center;cursor:pointer;} .btn-blue{background:#007bc4;color:#fff;} .btn-gray{background:#eee;} .hidden{display:none;} .color-red,.error,.errorBox{color:red;} /*common css*/ .login-body{position:relative;padding-bottom:80px;min-width:320px;min-height:100vh;} .title-logo{padding:20px 0;background:#007bc4;text-align:center;font-size:0;} .title-logo img{max-width:38%;} .layout-login{position:relative;height:calc(100vh - 180px);min-height:640px;} .login-register-con{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding:2% 0;width:90%;max-width:420px;max-height:640px;} .login-register-con h2{margin-bottom:10px;color:#14263e;text-align:center;font-size:24px;} .login-register-con label{display:block;padding-top:10px;line-height:16px;} .login-register-con input[type=password],.login-register-con input[type=text],.login-register-con select{margin-top:4px;padding:0 5px;width:100%;height:36px;border:1px solid #aaa;vertical-align:middle;} .login-register-con .error{padding-top:4px;} .login-register-con .btn{width:100%;height:38px;font-weight:700;font-size:16px;line-height:38px;} .login-register-con .btn-blue,.login_container .errorBox,.password_login .align-R{margin-top:4px;} .align-R a,.btn-gray,.register-tips p{color:#777;} .register-tips{margin-bottom:20px;height:20px;border-bottom:1px solid #ddd;text-align:center;} .register-tips p{position:relative;top:8px;display:inline-block;padding:0 20px;background:#fff;} .login-bottom{position:absolute;right:0;bottom:0;left:0;padding:10px;background:#0f2037;color:#2f90c9;text-align:center;line-height:24px;} .checkbox-con label,.login_title span,.span-selt{cursor:pointer;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} /*login.html css*/ .login_title{padding:15px 0;text-align:center;} .login_title span{display:inline-block;padding:6px 12px;border-bottom:2px solid #fff;font-size:15px;} .checkbox-con a,.login_title span:hover{color:#007bc4;} .login_title span.this_title,.register-reason .on{border-color:#007bc4;color:#007bc4;} .code_login,.password_login{min-height:160px;} .set_code label{position:relative;padding-right:110px;} .send-code,.set_code a{position:absolute;right:0;display:inline-block;height:36px;background:#007bc4;color:#fff;text-align:center;line-height:36px;} .set_code a{bottom:0;width:100px;} .checkbox-con{margin-bottom:4px;line-height:20px;} .checkbox-con input[type=checkbox]::before{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;background-color:#fff;content:'';text-align:center;font-size:12px;line-height:14px;cursor:pointer;-ms-box-sizing:border-box;} .checkbox-con input[type=checkbox]:checked::before{background-color:#007bc4;color:#fff;content:'\2713';font-weight:700;} .p_prompt{position:relative;padding-top:22px!important;padding-left:24px!important;} .p_prompt i{position:absolute;top:21px;left:0;display:inline-block;margin-right:3px;width:16px;height:16px;border:1px solid #007bc4;border-radius:50%;color:#007bc4;text-align:center;line-height:16px;} /*register.html css*/ .layout-register{min-height:780px;} .register-con{max-width:650px;max-height:780px;} .float-box,.tel-input{overflow:hidden;} .float-box label{width:48%;} .lab-phone{position:relative;padding-right:90px;white-space:nowrap;} .send-code{top:30px;width:82px;} .span-selt{display:inline-block;margin-top:4px;width:48%;border:1px solid #aaa;vertical-align:middle;text-align:center;line-height:34px;} .span-selt b{display:none;font-size:14px;} .register-reason .on b{display:inline-block;} .selt-msg{margin-top:10px;font-size:16px;line-height:36px;} .checkbox-con label,.checkbox-con a,.tel-input span{display:inline-block;} .tel-input .width60{width:20%;} .tel-input .float-R{width:75%;} .register-con select{padding-right:0;background-color:#fff;background-image:url(/static/img/select-ico.png);background-position:98% center;background-repeat:no-repeat;} /*retrieve-password*/ .retrieve-password-con .retrieve-password-txt{padding:40px 0 20px;line-height:24px;} .retrieve-password-con .errorBox,.new-password-con .errorBox{padding-top:4px;min-height:26px;} .new-password-con h2{padding-bottom:40px;} /**/ .login-tips{padding-top:4%;line-height:26px;font-size:16px;} .login-tips a{color:#007bc4;} label.error{width:100%;} .minH32{display:inline-block;min-height:32px;} @media only screen and (min-width:1025px){ .btn-blue:hover{background:#249beb;} .btn-gray:hover{background:#f5f5f5;} } @media only screen and (max-width:680px){ .layout-login,.login-register-con{height:100%;min-height:100%;max-height:100%;} .login-register-con{padding:20px 0;position:static;} .login-register-con h2{font-size:22px;} .float-box label{width:100%;} .selt-msg{font-size:15px;} .login-tips{line-height:24px;font-size:14px;} .minH32{display:inline;} } @media only screen and (max-width:480px){ .title-logo{padding:16px 0;} .login-register-con h2{font-size:20px;} .selt-msg{font-size:14px;} .checkbox-con label{display:block;} .login-tips{padding-top:6%;line-height:22px;font-size:13px;} }