body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body, input, textarea {
    font-size: 12px;
    font-family: "Microsoft Yahei", Arial,Helvetica,sans-serif;
}

body {
    background: #F6F6F6;
}

body.night {
    background: #000 !important;
}

body.night input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #999;
}

body.night input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #999;
}

body.night input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #999;
}

body.night input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #999;
}

body.night .nologin {
    background-color: rgba(255, 255, 255, 0.5);
}

.form_style {
    width: 270px;
    height: 498px;
    margin: 5% auto;
    border: solid 1px #ccc;
    padding: 67px 52px;
    background-color: #fff;
}

body.night .form_style {
    background-color: #000;
    border: solid 1px #000;
}

.form_style_m {
    width: 310px;
    height: 400px;
    margin: 5% auto;
    border: none;
    background-color: #fff;
}

body.night .form_style_m {
    background-color: #000;
}

img {
    border: 0;
}

input {
    outline: none;
}

body.night input {
    background-color: #000;
}

.a_link {
    color: #416EAF;
    text-decoration: none;
}

.a_link:hover {
    color: #5b8bc3;
}

.a_link:active {
    color: #3a639e;
}

body.night .a_link {
    color: #649ef2;
}
/* 错误提示 */
.error_msg, .avater_qq_msg {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.error_mask, .aq_mask {
    width: 100%;
    height: 100%;
    background-color: #7d7d7d;
    opacity: 0.5;
}

.error_content, .aq_content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 290px;
    height: 178px;
    margin-left: -145px;
    margin-top: -89px;
    background-color: #fff;
    border: solid #efefef 1px;
    border-radius: 10px;
    text-align: center;
}

.error_img {
    margin-top: 24px;
}

.error_text {
    font-size: 16px;
    margin: 25px;
}

.error_text_ok {
    color: #51C233;
}

.error_text_error {
    color: #C1362D;
}

.error_text_info {
    color: #416EAF;
}

.aq_img {
    margin-top: 15px;
}

.aq_text {
    font-size: 16px;
    margin: 15px;
    margin-top: 33px;
}

.aq_backbtn, .aq_savebtn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #ccc;
    font-size: 14px;
    text-decoration: none;
    margin: 10px 10px 0px 10px;
    border: solid 1px;
    border-radius: 20px;
    border-color: #ccc;
    float: left;
}

.aq_savebtn {
    color: #51C233;
    border-color: #51C233;
    float: right;
}

/* 用户登录 */

#rm_login, #rm_userinfo, #rm_forgetpassword {
}

.txtAccount {
    font-size: 21px;
    margin-top: 13px;
    color: #666;
    text-align: center;
}

body.night .txtAccount {
    color: #ddd;
}

.product {
    margin-top: 17px;
    text-align: center;
}

body.night .product {
    opacity: 0.8;
}

.qiyuproduct {
    margin: 0px 5px;
}

#login_panel {
    text-align: left;
    z-index: 10000;
    height: 326px;
}

.userinput_parent {
    height: 65px;
    border-bottom: solid 1px;
    border-bottom-color: #ccc;
}

.user_input_text {
    color: #416EAF;
    padding-top: 11px;
    text-align: left;
}

body.night .user_input_text {
    color: #649ef2;
}

.user_input {
    margin: 8px 5px 0px 0px;
    width: 270px;
    outline: none;
    border: none;
    font-size: 14px;
    color: #888;
}

body.night .user_input {
    color: #ffffff;
}

.user_pw {
    width: 200px;
}

.forgotpsw {
    float: right;
    margin-top: 37px;
    color: #416EAF;
    cursor: pointer;
    text-decoration: none;
}

body.night .forgotpsw {
    color: #649ef2;
}

.remember_me_link {
    float: left;
    cursor: pointer;
}

.remember_me {
    float: left;
    color: #416EAF;
    padding-left: 4px;
    text-decoration: none;
    cursor: pointer;
}

body.night .remember_me {
    color: #649ef2;
}

.reg_now_img {
    float: right;
    cursor: pointer;
}

.reg_now {
    float: right;
    color: #416EAF;
    text-decoration: none;
    cursor: pointer;
}

body.night .reg_now {
    color: #649ef2;
}

.one_press_login_img {
    position: relative;
    top: 9px;
}

.one_press_login {
    width: 270px;
    color: #8A8A8A;
    margin-bottom: 15px;
    text-align: center;
}

body.night .one_press_login {
    color: #ddd;
}

#openplat {
    text-align: center;
}

body.night #openplat {
    opacity: 0.8;
}

.openplaticon {
    opacity: 1.0;
}

.openplaticon:hover {
    opacity: 0.8;
}

.openplaticon:active {
    opacity: 1.0;
}

.taobaologin_parent {
    margin-left: 20px;
}

.wxlogin_parent {
    margin: 0px 20px;
}

/*用户注册*/

#reg_panel {
    padding-top: 1px;
    height: 325px;
}

.no_border {
    border: none;
}

.code_parent {
    float: left;
    width: 144px;
    height: 64px;
    border-bottom: solid 1px;
    border-bottom-color: #ccc;
}

.blue_border {
    border-bottom-color: #416EAF;
}

body.night .blue_border {
    border-bottom-color: #649ef2;
}

.validate_input {
    width: 190px;
}

.code_input {
    width: 140px;
}

.sendsms {
    float: right;
    width: 108px;
    height: 43px;
    line-height: 43px;
    margin-top: 17px;
    border-radius: 22px;
    text-decoration: none;
    text-align: center;
}

.sendsms:hover {
    border-color: #5b8bc3;
}

.sendsms:active {
    border-color: #3a639e;
}

.sendsms_disable {
    cursor: default;
    color: #8A8A8A;
    border: solid 1px #CACACA;
    border-radius: 22px;
}

.sendsms_enable {
    cursor: pointer;
    color: #687597;
    border: solid 1px #687597;
    border-radius: 22px;
}

body.night .sendsms_enable {
    color: #649ef2;
    border: solid 1px #649ef2;
    background: #031a3b;
}

.loginbtn, .regbtn, .save_user_info, .fp_nextbtn, .fp_save_psw {
    width: 271px;
    height: 45px;
    line-height: 45px;
    background-color: #416EAF;
    border-radius: 22px;
    border: none;
    font-size: 16px;
    color: #F4FFFF;
    margin-top: 19px;
    margin-bottom: 17px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    display: block;
    text-align: center;
}

.loginbtn:hover, .regbtn:hover, .save_user_info:hover, .fp_nextbtn:hover, .fp_save_psw:hover {
    background-color: #5b8bc3;
}

.loginbtn:active, .regbtn:active, .save_user_info:active, .fp_nextbtn:active, .fp_save_psw:active {
    background-color: #3a639e;
}

.loginbtn:disabled, .regbtn:disabled, .save_user_info:disabled, .fp_nextbtn:disabled, .fp_save_psw:disabled {
    background-color: #ddd;
}

.login_now {
    cursor: pointer;
    margin-top: 17px;
    display: block;
    text-align: center;
}

.show-old-register {
    cursor: pointer;
    display: block;
    text-align: center;
}

.show-old-register:after,
.login_now:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #416EAF;
    border-right: 1px solid #416EAF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

body.night .show-old-register:after,
body.night .login_now:after {
    border-top: 1px solid #649ef2;
    border-right: 1px solid #649ef2;
}
/*用户信息*/

.avater_parent {
    text-align: center;
}

.avater {
    cursor: pointer;
    margin: auto;
}

.txtUserInfo {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

/*忘记密码*/

.fp_title {
    font-size: 22px;
    color: #416EAF;
    margin-bottom: 60px;
    text-align: center;
}

body.night .fp_title {
    color: #649ef2;
}

.fp_backbtn_parent {
    text-align: center;
}

body.night .fp_backbtn {
    color: #649ef2;
}

.fp_backbtn {
    color: #416EAF;
    text-decoration: none;
    text-align: center;
}

.remember_me_parent {
    display: block;
    height: 15px;
    margin: 17px 0;
}
/*协议*/
.rm-protocol {
    color: #888;
    margin: 20px 0;
    line-height: 20px;
}

body.night .rm-protocol {
    color: #aaa;
}

.rm-protocol a {
    color: #4b75b3;
    text-decoration: none;
}

body.night .rm-protocol a {
    color: #649ef2;
}

.rm-protocol #read_protocol_img {
    cursor: pointer;
    padding: 0 4px 0 0;
    vertical-align: text-bottom;
}

/*扫码*/

#wechat-qrcode {
    margin: 20px 0;
    width: 100%;
    text-align: center;
}

#wechat-qrcode img {
    width: 250px;
    height: 250px;
}

#wechat-qrcode.qrcode-lose p {
    display: inline-block;
    width: 250px;
    height: 250px;
    position: relative;
}

#wechat-qrcode.qrcode-lose p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 116 116'%3E%3Ccircle cx='58' cy='59' r='57' fill='%23406eaf'/%3E%3Cpath d='M85.42 77.62c-8.6 15.69-28.3 21.44-43.99 12.84-15.69-8.6-21.44-28.3-12.84-43.99 8.32-15.2 27.11-21.17 42.67-13.56l2.91-5.31c1.52-2.77 3.97-2.71 5.42-.03L86.79 41c1.48 2.78.18 5.15-2.93 5.34l-15.31 1.22c-3.03.22-4.41-1.82-2.82-4.55l2.78-5.08c-12.8-6.16-28.18-1.2-34.98 11.27a26.718 26.718 0 0 0-2.24 20.36 26.697 26.697 0 0 0 12.84 15.96 26.725 26.725 0 0 0 36.34-10.61c.6-1.14 1.12-2.31 1.58-3.51.45-1.2 1.17-2.61 3.68-1.24 2.44 1.34 1.33 3.99 1.33 3.99-.47 1.2-1.02 2.35-1.64 3.47' fill='%23fff'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px;
    z-index: 37;
}

#wechat-qrcode.qrcode-success p {
    display: inline-block;
    width: 250px;
    height: 250px;
    position: relative;
}

#wechat-qrcode.qrcode-success p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1075 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M725.146 311.45L397.312 630.63l-85.504-145.254a36.557 36.557 0 0 0-49.152-13.056 34.304 34.304 0 0 0-13.414 47.718l108.953 185.088a36.352 36.352 0 0 0 31.335 17.716 36.557 36.557 0 0 0 26.316-11.11l.41-.36 359.834-350.36a34.304 34.304 0 0 0-.103-49.46 36.506 36.506 0 0 0-50.841-.102zM515.584 0c282.829 0 512 229.222 512 512s-229.171 512-512 512c-282.778 0-512-229.222-512-512s229.222-512 512-512z' fill='%2300BA64'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px;
    z-index: 37;
}

#wechat-qrcode .tip {
    font-size: 12px;
    color: #888;
    margin: 15px 0 0 0;
}

#wechat-qrcode .tip svg {
    vertical-align: middle;
}

#wechat-qrcode .tip span {
    font-weight: 600;
    color: rgb(38, 38, 38);
}

.night body,
.night .page-box {
    background: #000;
}

.night .product,
.night #wechat-qrcode img {
    opacity: 0.8;
}

.night #wechat-qrcode.qrcode-success p:before {
    background-color: rgba(0,0,0, 0.8);
}

.night #wechat-qrcode .tip span,
.night .txtAccount {
    color: #ddd;
}

.night #wechat-qrcode .tip,
.night .rm-protocol {
    color: #aaa;
}
