@charset "utf-8";

.container{
	text-align: center;
	vertical-align: middle;
	margin:50px 50px 50px 50px;
    height: 800px;
}

.showPic{
    position: relative;
}
.little1{
    display:inline-block;
    width: 80%;
    position: absolute;
    top: 30px;
    left: 50px;
}
.little2{
    display:inline-block;
    width: 73%;
    height: 745px;
    box-shadow:0 15px 40px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 70px;
    left: 100px;
}
.logo{
    display:inline-block;
    position: absolute;
    top: 100px;
    left: 120px;
}
.pic-title{
    display:inline-block;
    color: #ffffff;
    font-size: xx-large;
    position: absolute;
    top: 600px;
    left: 140px;
}
.title-bottom{
	display:inline-block;
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	top: 820px;
	left: 580px;
}
.pic-title>span{
    position: relative;
	font-size: 20px;
    left: -200px;
    top: 50px;
}

/*  中间的登录框 */
.login{
	/*display:inline-block;*/
	width: 535px;
	height: 745px;
    background-color: #ffffff;
	border-radius: 0 10px 10px 0;
	box-shadow: -4px 0 0 #ffffff,
				0 0 4px rgba(0, 0, 0, 0.3),
				0 0 4px rgba(0, 0, 0, 0.3),
				0 0 4px rgba(0, 0, 0, 0.3);
	vertical-align:middle;
    position: absolute;
    top: 123px;
    left: 950px;
}
.login-title{
	color: #6bc1fc;
	font-size: 28px;
	text-align: center;
	margin-top:140px;
	margin-bottom: 26px
}
.login-title:after{ 
	position: absolute;
	margin-top:5px;
	margin-left: 216px;
	display:block;
	content: ''; 
	width: 100px; 
	height: 1px;  
	background: #6bc1fc; 
	transform:scaleY(1); 
}
.layui-form li .user-icon-hui{
	width:24px;
	height:24px;
	background:url(../../img/course/zhanghao_hui.png) no-repeat left;
}
.layui-form li .user-icon-lan{
	width:24px;
	height:24px;
	background:url(../../img/course/zhanghao_lan.png) no-repeat left;
	border-color: #6bc1fc;
}
.layui-form li .pwd-icon-hui{
	width:24px;
	height:24px;
	background:url(../../img/course/mima_hui.png) no-repeat left;
}
.layui-form li .pwd-icon-lan{
	width:24px;
	height:24px;
	background:url(../../img/course/mima_lan.png) no-repeat left;
	border-color: #6bc1fc;
}
.layui-form li .pwd-show-hui{
	position: relative;
	bottom: 40px;
	left: 38%;
	margin: 0 auto;
	border: none;
	width:24px;
	height:24px;
	background:url(../../img/course/yanjing_hui.png) no-repeat right;
}
.layui-form li .pwd-show-lan{
	position: relative;
	bottom: 40px;
	left: 38%;
	margin: 0 auto;
	border: none;
	width:24px;
	height:24px;
	background:url(../../img/course/yanjing_lan.png) no-repeat right;
	border-color: #6bc1fc;
}
.layui-form li .layui-input{
	margin: 0 auto;
	position: relative;
	width:446px;
	height: 70px;
	border-left: none;
	border-right: none;
	border-top: none;
	text-indent:50px;
}
.layui-form li .layui-btn{
	margin: 34px auto 6px auto;
	position: relative;
	width:420px;
	height: 55px;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: #6bc1fc;
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
	font-size: 18px;
}
.forget-pwd{
	margin-right: 54px;
	font-size: 14px;
	display:block;
	padding:5px 0px;
	text-align: right;
	color:#666666;
	text-decoration: underline;
}