@charset "utf-8";
html,body{margin: 0;padding: 0;font-family: "microsoft yahei";}
/* 注册的样式 */
.login_regsister{position: absolute;top: 10px;right: 30px;width: 200px;height: 40px;display: flex;}
.btn_login{width:60px;height: 30px;line-height: 30px;border-radius: 4px;background: #009688;color: #fff;font-size: 14px;text-align: center;margin-right: 10px;cursor: pointer;}
.btn_registr{width:60px;height: 30px;line-height: 30px;border-radius: 4px;background: #009688;color: #fff;font-size: 14px;text-align: center;cursor: pointer;}

.cont{display: flex;justify-content: center;align-items: center;font-family: "microsoft yahei";}
.cont_box{width: 31.25rem;height: 33.75rem;/* box-shadow:0px 0px 4px 3px rgba(0,0,0,0.2); */}
.cont_box_til{width: 100%;height: 42px;background: #f7f7f7;line-height: 42px;padding: 0 15px 0 20px;box-sizing: border-box;font-size: 16px;color: #333232;display: flex;justify-content: space-between;font-weight: 600;}
.cont_box_til_font{font-size: 16px;color: #333232;}
.cont_box_close{font-size: 24px;cursor: pointer;}
.cont_box_form{width: 100%;height: 498px;padding: 25px 30px 0 30px;box-sizing: border-box;position: relative;}
.cont_box_form_flex{display: flex;height: 48px;width: 100%;border: 1px solid #e2e2e2;margin-bottom: 30px;position: relative;}
.cont_box_form_label{width: 115px;height: 48px;line-height: 48px;background: #f4f4f4;font-size: 14px;color: #7a7a7a;text-align: center;}
.cont_box_form_inp input{width: 325px; height: 47px;line-height: 47px;padding: 1px 0 0 15px;outline-style: none;border: none;}
input::-ms-input-placeholder{font-size: 14px;color: #7a7a7a;}
input::-moz-placeholder{font-size: 14px;color: #7a7a7a;}
input::-webkit-input-placeholder{font-size: 14px;color: #7a7a7a;}
.cont_box_getcode{position: absolute;top: 10px;right: 10px;width: 98px;height: 32px;line-height: 32px; background:#009688;color: #fff;font-size: 12px; text-align: center;border-radius: 4px;cursor: pointer;outline-style: none;outline:none;border: none;}
.cont_box_agreement{margin: 20px 0 30px 0;display: flex;}
.cont_box_agreement input{width: 16px;height: 15px;}
.cont_box_agreement_text{font-size: 14px;color: #7a7a7a;}
.cont_box_agreement_text a{text-decoration: none;color: #0083e9;cursor: pointer;}
.cont_box_btn_reg{width: 100%;height: 40px;line-height: 40px;background: #0083e9;color: #fff;text-align: center;letter-spacing: 0.125rem;cursor: pointer;display: block;}
.cont_box_errormsg{font-size: 12px;color: red;position: absolute;bottom:-23px;}
.margin_t_20{margin-top: 20px;}

/* 登陆的样式--验证码 */
.cont_box_log_tab{display: flex;width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #e4e4e4;position: relative;}
.cont_box_log_tab_wid50{width: 50%;line-height: 45px;text-align: center;font-size: 16px;color: #333232;cursor: pointer;}
.isactive{border-bottom: 2px solid #0083E9;}
.cont_box_log_tab_qrcode{position: absolute;top: 0;right: 0;cursor: pointer;width: 44px;height: 44px;transition: all .3s;}
.login_pic{background: url(../img/login-pic.png) no-repeat transparent scroll;}
.cont_box_log_cont{border-bottom: 1px solid #e4e4e4;height: 300px;}
.cont_box_log_cont_verification{padding: 25px 20px 0 20px;}
.cont_box_log_cont_til{font-size: 17px;color: #333232;letter-spacing: 1px;margin-bottom: 17px;}
.cont_box_log_cont_inp{width: 100%;height: 40px;line-height: 40px;border:1px solid #e2e2e2;display: flex;margin-bottom: 20px;}
.cont_box_log_cont_inp_label{width: 40px;height: 40px;line-height: 40px;background: #f4f4f4;text-align: center;}
.phone_img{background: url(../img/phone.png) center no-repeat;height: 40px;}
.lock_img{background: url(../img/lock.png) center no-repeat;height: 40px;}
/* .cont_box_log_cont_inp_label img{position: relative;top: 3px;} */
.cont_box_log_cont_inp input{width:358px;height:39px;line-height:39px;outline-style: none;outline: none;padding: 0 0 0  15px;color: #7a7a7a;font-size: 14px;border:none}
.cont_box_log_cont_inp_verification{}
.cont_box_log_cont_inp_verification input{position: relative; width: 255px;height: 40px;line-height: 40px;padding:0 0 0 14px;outline-style: none;outline: none;border: 1px solid #e2e2e2;
border-radius: 4px;font-size: 14px;color: #7A7A7A;}
.cont_box_log_cont_inp_getcode{width: 143px;height: 45px;line-height: 40px;text-align: center;display: flex;justify-content:flex-end;align-items: center;}
.cont_box_log_cont_inp_getcode button{width:98px;height: 32px;line-height: 32px;background:#009688;color: #fff;text-align: center;border-radius: 4px;
font-size: 12px;cursor: pointer;outline-style: none;outline:none;border: none;position: relative;top: -2px;}
.cont_box_log_cont_toreg{display: flex;justify-content: flex-end;font-size: 14px;color: #7A7A7A;margin-bottom: 30px;}
.cont_box_log_cont_toreg a{color: #0083E9;text-decoration: none;cursor:pointer;}
.cont_box_log_cont_btn_log{width: 100%;height:40px;line-height:40px;background:#0083e9;color: #FFFFFF;font-size: 18px;text-align: center;display: block;text-decoration: none;margin-bottom: 24px;cursor:pointer;}
/* 扫码登录 */
.cont_box_log_cont_qrcode{margin:0 auto;display: none;text-align: center;height: 300px;}
.cont_box_log_cont_qrcode img{position: relative;top: 30px;}
/* 账号登录 */
.cont_box_log_cont_id{height: 300px;padding: 30px 20px!important;width: 100%;position: relative;box-sizing: border-box;display: none;}
.log_errormsg{font-size: 12px;color: red;position: absolute;bottom: -25px;height: 15px;line-height: 15px;}
.log_errormsg1{font-size: 12px;color: red;position: absolute;bottom: -19px;height: 15px;line-height: 15px;}
/* #logmsg{position: absolute;bottom: 46px;font-size: 12px;color: red;}
#logmsg1{position: absolute;bottom: 55px;font-size: 12px;color: red;} */
.position_re{position: relative;}


/* 第三方的样式 */
.cont_box_log_thirdparty{}
.cont_box_log_thirdparty_til{margin: 20px 0 10px 0;}
.cont_box_log_thirdparty_cont{display: flex;}
.thirdparty_qq{width: 50px;height: 50px;background: url(../img/qq.png) center no-repeat;cursor: pointer;margin-right: 15px;}
.thirdparty_wechat{width: 50px;height: 50px;background: url(../img/weixin.png) center no-repeat;cursor: pointer;}
.cont_box_log_cont_id_remfor{display: flex;justify-content: space-between;margin-bottom: 20px;}
.cont_box_log_cont_id_rem{font-size: 14px;color:#7a7a7a;}
.cont_box_log_cont_id_rem input{width: 17px;height: 16px;margin-right: 5px;position: relative;top: 3px;}
.cont_box_log_cont_id_for{font-size: 14px;color:#7a7a7a;cursor: pointer;display: block;text-decoration: none;}
 .code_img {
			background: url(../img/code_001.png) center no-repeat;
			height: 40px;
		}