@CHARSET "UTF-8";

#login form {
	width: 100%;
	text-align: center;
}

#login input {
	width: 90%;
	height: 36px;
	margin: 12px auto 0;
	border: 1px solid #c0c0c0;
	padding-left: 28px;
}

#login input[type=submit] {
	background: #fac12e;
	border: 0;
}
#login input[type=submit]:hover {
	opacity:0.8;
}

#login input[type=radio] {
	width: 24px;
	height: 24px;
	opacity: 0;
}

#login .radio {
	position: relative;
	width: 24px;
	height: 24px;
	left: -24px;
	top: 10px;
	border: 1px solid #c0c0c0;
}

#login .radio2 {
	position: relative;
	left: -20px;
}
/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
input:checked+label {
	background-color: #fe6d32;
	border: 1px solid #fe6d32;
}

input:checked+label::after {
	position: absolute;
	content: "";
	width: 10px;
	height: 15px;
	left: 6px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg)
}

#login #userName {
	background: url(../../images_pub/user.png) left center no-repeat;
}

#login #userEmail {
	background: url(../../images_pub/email.png) left center no-repeat;
}

#login #userPass {
	background: url(../../images_pub/pwd.png) left center no-repeat;
}

#login #childName {
	background: url(../../images_pub/stu.png) left center no-repeat;
}

#slide-wrapper {
	width: 90%;
	height: 36px;
	position: relative;
	margin: 12px auto;
}

#slider {
	padding-right: 60px;
	height:36px;
	line-height: 36px;
	position: relative;
	background-color: #FDEB9C;
	overflow: hidden;
	text-align: center;
}

#slider.success {
	background-color: #E5EE9F;
}

#slider #label{
	width: 60px;
	height: 100%;
	position: absolute;
	font-size:18px;
	left: 0;
	top: 0;
	background: #E67E22;
	z-index: 999;
	color: #000;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	cursor: default;
}
#slider #label2{
	width: 60px;
	height: 100%;
	position: absolute;
	font-size:18px;
	right: 0;
	top: 0;
	background: #eea766;
	z-index: 998;
	color: #fff;
}

#slider #labelTip {
	z-index: 9;
}

@media screen and (max-width: 720px) {
	#slide-wrapper {
		width: 90%;
	}
}
.loginIcons img{
	width:24px;
	height:24px;
	display:inline;
}
.loginIcons a{
	display:inline-block;
}