@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-02-07 00:34:18
 * @version $Id$
 */

.login_register{
	position: relative;
}
.img_bg{
	display: block;
	width: 1000px;
	height: 550px;
	background: #ccc;
}
.lr_common{
	width: 310px;
	height: 390px;
	background: #fff;
	border:1px solid #8f9e1c;
	border-radius: 5px;
	position: absolute;
	top: 50px;
	right: 50%;
	margin-right: -450px;
	box-shadow: 3px 3px 5px #000;
	padding: 30px;
}
.lr_common h3{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 20px;
}
.input_div{
	height: 40px;
	border:1px solid #ccc;
	border-radius: 5px;
	font-size: 12px;
	color: #666;
	line-height: 40px;
	margin-bottom: 25px;
	padding-left: 10px;
}
.input_div input[type=text]{
	float: left;
	height: 40px;
	font-size: 12px;
	color: #ccc;
	outline: none;
	border:none;
	background: none;
	width: 220px;;
}
input[type=text].w120{
	width: 100px;
}
.input_div input[type=password]{
	float: left;
	height: 40px;
	font-size: 12px;
	color: #ccc;
	outline: none;
	border:none;
	background: none;
	width: 200px;;
}
input[type=password].w120{
	width: 100px;
}
.input_div span{
	width: 50px;
	float: left;
	display: block;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
}
.input_div a{
	display: block;
	float: right;
	height: 42px;
	background: #8f9e1c;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	padding: 0 20px;
	margin-top: -1px;
	margin-right: -1px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.intro{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-bottom: 40px;
}
.register_btn, .login_btn{
	display: block;
	height: 40px;
	background: #8f9e1c;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.register_btn:hover, .login_btn:hover{
	background: #99ae1b;
	color: #fff;
}

.rl{
	color: #99ae1b;
	float: right;
	font-size: 14px;
}
.v_code{
	float: left;
	display: block;
	width: 70px;
	height: 40px;
}
.lr{
	color: #99ae1b;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
}
.other{
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #8f9e1c;
	padding-top: 10px;
}
.other p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}

.other a{
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 15px; 
	overflow: hidden;
	color: #333;
	line-height: 24px;
	padding-left: 30px;
}

.weixin{
	background: url('../styImg/wx_login.jpg') left center no-repeat;
	background-size: auto 100%
}
.qq{
	background: url('../styImg/qq_login.jpg') left center no-repeat;
	background-size: auto 100%
}

@media screen and (max-width:960px) {
.logo{
	display: block;
	width: 50%;
	margin: 0 auto;
	float: initial
}
.logo img{
	width: 60%;
	margin: 0 auto;
}
.img_bg{
	display: none;
}
.lr_common{
	position: initial;
	width: 90%;
	height: 90%;
	padding: 5%;
	border:0;
	box-shadow: 1px 1px 1px #fff;
}
.rl{
	float: initial;
	text-align: center;
	font-size: 16px;
}
.register_btn, .login_btn{
	height: 50px;
	line-height: 50px;
}


}