/********************  need_login.html  ************************/

.login_panel{width: 315px;height: auto;overflow: hidden; margin: 0 auto;background: #fff;border-radius: 4px;padding-bottom: 6px;}
.login_title{width: 100%;text-align: center;font-size: 16px;color: #333;font-weight: 500;margin-top: 35px;}
.login_title img{margin-top: 15px;}
/*.login_title_bg{background: url(../images/login_line_bg.png) no-repeat;background-position: 48px 33px;background-size: 70%;}*/
.login_item{width: 100%;height: auto;margin: 0 auto;text-align: center;margin-top: 35px;}
.login_item img{width: 60px;height: auto;}
.login_item a{display: inline-block;}
.login_item a.qq_login_btn{margin-right: 20px;margin-left: 20px;}

.reg_tips{width: 100%;height: 30px;line-height: 30px;text-align: center;margin-top: 10px;}
.reg_tips a{color: #74c544;font-weight: 600;}


.loginbtn_item{height: 40px;line-height: 40px;background: #74c544;border-radius: 5px;width: 91%;margin: 0 auto;margin-top: 15px;}
.regbtn_item{margin-top: 11px;}
.loginbtn_item a{color: #fff;font-size: 18px;width: 100%;}
.username_item, .password_item, .code_item, .phonecode_item, .idcard_item, .realname_item, .password_item{width: 230px;margin: 0 auto;}
.username{background-image: url('../images/username.png');background-repeat: no-repeat;background-size: 18px;
background-position-x: 15px;background-position-y: 8px;}
.password{background-image: url('../images/password.png');background-repeat: no-repeat;background-size: 18px;
background-position-x: 15px;background-position-y: 8px;}
.phonecode{background-image: url('../images/phonecode.png');background-repeat: no-repeat;background-size: 15px;
background-position-x: 15px;background-position-y: 9px;}
.realname{background-image: url('../images/realname.png');background-repeat: no-repeat;background-size: 15px;
background-position-x: 15px;background-position-y: 9px;}
.idcard{background-image: url('../images/idcard.png');background-repeat: no-repeat;background-size: 15px;
background-position-x: 15px;background-position-y: 11px;}

.username_item, .idcard_item{margin-bottom: 10px;}
.code_item{position: relative;}
.code_item .get_code_btn{color: #74c544;display: inline-block;border-left: 1px solid #c2c8cc;height: 24px;line-height: 24px;
padding-left: 5px;position: absolute;top: 21px;right: 3px;width: 75px;}
.login_input{width: 100%;height: 40px;text-indent: 30px;font-size: 14px;border: 2px solid #ffd800 !important;border-radius: 25px !important;}
.reg_input{margin-top: 12px;}
.code{text-indent: 10px;}
.login_item img.verify_code{position: absolute;top: 0;right: 0;height: 40px;width: 98px;}

.reg_item{margin-top: 10px;text-align: center;margin-top: 16px;}
.reg_item a{color: #74c544;font-weight: 600;}
.other_item{width: 218px;height: 15px;color: #989fa5;margin: 0 auto;font-size: 12px;}
.other_item a{display: inline-block;}
.password_item input[type="password"]{margin-bottom: 10px;}


.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
	top: 6px;
	width: 18px;
    height: 18px;
}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: #ffd800;
}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
	font-size: 18px;
}

.login_btn_item{
	width: 150px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 35px;
}
.login_btn_item button{
	width: 100%;
	font-size: 15px;
	height: 40px;
	background-color: #ffd800;
	border: 1px solid #ffd800;
	border-radius: 22px;
	color: #333;
}
.register_btn_item{
	margin-top: 25px;
	margin-bottom: 0;
}

.third_item{
	width: 246px;
	margin: 0 auto;
    margin-top: 0px;
	margin-top: 20px;
	height: 25px;
}
.third_1, .third_3{
	width: 80px;
	height: 8px;
	border-bottom: 1px solid #e2e4e6;
	float: left;
}
.third_2{
	width: 86px;
	height: 30px;
	text-align: center;
	float: left;
	font-size: 12px;
	color: #989fa5;
}

.third-login-panel{margin-top: 5px;}
#wx-login-btn{
	margin-left: 102px;
	margin-right: 16px;
	width: 32px;
}
#qq-login-btn{
	margin-right: 102px;
	margin-left: 16px;
	width: 32px;
}

.forget_passwd,.other_login{color: #949494;}
/*.phone_login_title{padding-top: 10px;}*/
.phone_login_item{}


.deal-item{width: 230px;margin: 0 auto;}
.deal-item label{
	padding-right: 0 !important;
	padding-left: 30px !important;
	padding-top: 0;
}
.mui-checkbox.mui-left input[type="checkbox"]{left: 10px;}
.deal-info{
	margin-top: 10px;
	font-size: 11px;
	color: #333;
}
.deal-info a{color: #ffd800;}

#get_code_btn{
	width: 96px;
	position: absolute;
	right: 0px;
	top: 0;
	height: 40px;
	background-color: #74B8FF;
	border: 1px solid #74B8FF;
	border-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.phonecode_item{position: relative;}

.hidden{display: none;}
.login-modal-active{display: block;width: 315px;height: 358px; margin: 0 auto;z-index: 999;position: fixed;top: 50px;left: 10%;}
.register-modal-active{display: block;width: 315px;height: 424px;z-index: 999;position: fixed;top: 10px;left: 10%;}
.select-user-modal-active{display: block;width: 315px;height: auto;z-index: 999;position: fixed;top: 5%;left: 10%;}

.close_div{
	position: absolute;
	right: 10px;
	top: 6px;
	width: 12px;
	height: 12px;
}
.close_div img{width: 12px;}

::-moz-placeholder { color: #c8ccd1; }
::-webkit-input-placeholder { color:#c8ccd1; }
:-ms-input-placeholder { color:#c8ccd1; }

.user-select-panel{background:#f9fafc;}
.user-phone-item{
	margin-top: 19px;
	text-align: center;
}
.user-phone-item img{
	width: 57px;
	border-radius: 28px;
}
.user-phone-item p{
	margin-top: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #424b54;
}

.select-user-modal{background: #f9fafc;height: auto;}
.select-user-modal .login_panel{background: #f9fafc;}
.user-select{background: #fff;border: 1px solid #e3e4e6;border-left: none;border-right: none;}
.user-select ul{padding-left: 23px;padding-top: 0;margin: 0;}
.user-select ul li{height: 40px;line-height: 40px;list-style-type: none;border-top: 1px solid #e3e4e6;
background: url(../images/right_btn.png) no-repeat;background-position: right;background-size: 8px;background-position-x: 264px;}
.user-select ul li:first-child{border-top: none;}
.user-select ul li img{width: 24px; margin-top: 7px;float: left;border-radius: 12px;}
.user-select ul li span{font-size: 14px; color: #434a54;margin-left: 20px;float: left;display: inline-block;}
.login-cross-btn{margin-top: 20px;margin-bottom: 29px;text-align: center;}
.login-cross-btn button{width: 243px;height: 40px;font-size: 15px;background-color: #51a6ff;border: none;}
.select-tips{margin-top: 15px;margin-bottom: 10px;padding-left: 23px;font-size: 11px;color: #8b8b8b;}