@charset "utf-8";
html,body{margin: 0;padding: 0;}
.login{width: 522px;height:463px;background: #fff;border-radius: 6px;position: relative;}
.log_cancel{font-size: 26px;color:#a8a8a8;position: absolute;top:10px;right: 10px;width: 20px;height: 20px;line-height: 20px;text-align: center;box-sizing: border-box;cursor: pointer;}
.log_content{padding: 0 60px;box-sizing: border-box;padding-top:52px;}
.logo{display: flex;justify-content: center;}
.notice{display: flex;justify-content: space-between;margin:30px 0 60px 0;}
.line{width: 30%;height: 1px;background: #c9c9c9;}
.notice_txt{font-size: 15px;color: #555;padding: 0 10px;margin-top: -13px;line-height: 27px;}
.log_methods{display: flex;justify-content:space-between;position: relative;}
.method{width: 88px;height: auto;text-align: center;cursor: pointer;}
.border{width: 88px;height: 88px;border-radius: 6px;display: flex;justify-content: center;align-items: center;}
.qq{border: 1px solid #0c80dc!important;}
.wx{border: 1px solid #00bb00!important;}
.phone{border: 1px solid #e63435!important;}
.logo_name{font-size: 14px;color: #333;margin-top: 15px;}
.toreg_out{margin-top: 105px;display: flex;justify-content: flex-end;}
.isreg{font-size: 14px;color: #666;}
.isreg .to_reg{color: #3b81fa!important;cursor: pointer;}


.wechat_title{display: flex;justify-content: center;margin: 15px 0;}
.wx_logo{margin-right: 10px;}
.wechat_title_txt{font-size: 16px;color: #333;}
.qrcode_out{display: flex;justify-content: center;}
.qrcode{width: 200px;height: 200px;border: 1px solid #eee;border-radius:6px;box-sizing: border-box;padding: 10px;}
.qrcode img{width:100%;}
.wechat_notice{font-size: 14px;color: #999;text-align: center;margin: 15px 0 35px 0;}
.wechat_bot{display: flex;justify-content: space-between;}
.others{display: flex;cursor: pointer;}
.others_txt{font-size: 14px;color: #666;margin-left:8px;}


.mobile_tab{margin: 30px 0 25px 0; width: 100%;display: flex;border-bottom: 1px solid #c9c9c9;padding: 0 30px;box-sizing: border-box;}
.tab_item{font-size: 16px;color: #666;width: 50%;text-align: center;padding-bottom: 10px;cursor: pointer;}
.tab_item span{padding:0 3px 10px 3px;}
.istab{color: #2caeff!important;border-bottom: 2px solid #2caeff!important;}
.input_out{margin-bottom: 25px;}
.input_out input{width: 100%;height: 45px;line-height: 45px;border-radius:6px;border: 1px solid #c9c9c9;background: none;outline: none;outline-style: none;padding-left: 15px;font-size: 14px;color: #999;box-sizing: border-box;}
.btn_login{width: 100%;height: 45px;line-height: 45px;text-align: center;font-size:18px;color: #fff; border-radius: 25px;background: #2caeff;margin-bottom:30px;cursor: pointer;}
.yzm_out{display:none;}
.yzm{display: flex;justify-content: space-between;}
.wid_67{width: 67%;margin-right: 3%;}
.wid_67 input{width: 100%;height: 45px;line-height: 45px;border-radius:6px;border: 1px solid #c9c9c9;background: none;outline: none;outline-style: none;padding-left: 15px;font-size: 14px;color: #999;box-sizing: border-box;}
.wid_30{width: 30%;height: 45px;line-height: 45px;text-align: center;border-radius:6px;border: 1px solid #c9c9c9;background: #f2f2f2;font-size: 14px;color: #999;cursor: pointer;}

.islog_retrieve{display: flex;justify-content: space-between;font-size: 14px;color: #666;margin-top: -10px;margin-bottom: 15px;}
.islog_retrieve div input{position: relative;top: 3px;}
.retrieve{cursor: pointer;}
/* reg */
.reg_title{margin:12px 0;border-bottom: 1px solid #c9c9c9;padding-bottom: 10px;}
.reg_title span{font-size: 16px;color: #333;padding-bottom: 10px;border-bottom: 2px solid #2caeff;}
.reg_content .input_out{margin-bottom: 15px!important;}
.agreement{display: flex;margin-top: -5px;margin-bottom: 15px;}
.check{width: 16px;height: 16px;margin-right: 3px;}
.agreement_txt{font-size: 14px;color: #666;}
.agreement_txt a{cursor: pointer;text-decoration: none;color: #2caeff;}
.reg_bot{display: flex;justify-content: flex-end;}
.reg_content .btn_login{margin-bottom: 15px;}

.regok_content{padding-top: 130px;box-sizing: border-box;}
.ok_bg{width: 65px;height: 65px;line-height: 65px;border-radius: 50%;text-align: center;background: #2caeff;margin: 0 auto;}
.ok_txt{font-size:18px;color:#333;margin:20px 0 38px 0;text-align: center;}
.oktolog{width: 150px;height: 45px;line-height: 45px;background: #2caeff;text-align: center;color: #fff;font-size: 16px;margin: 0 auto;cursor: pointer;}

/* 找回密码 */
.retrieve_content .reg_title{margin:25px 0;}
.retrieve_content .btn_login{margin-bottom:58px;}
.two{display: none;}