@charset "utf-8";
/* CSS Document */

* { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
body, html { height:100%; overflow:hidden; }
body { background:#93defe; background-size: cover; }
a { color:#27A9E3; text-decoration:none; cursor:pointer; }
img{ border:none;}

.login_box{ width:1100px; margin:120px auto 0;}
.login_box .login_l_img{ float:left; width:432px; height:440px; margin-left:50px;    position: absolute;}
.login_box .login_l_img img{width:500px; height:440px; }
.login {width:400px; padding:50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; float:right; margin-right:50px; position:relative;}
.login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:center; font-size:18px; color:#444; padding:10px 0 20px;}
.login_logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
.copyright { font-size:14px; color:#fff; display:block;width:100%; float:left; text-align:center; margin-top:60px;}

#password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}

footer a {
    color: #fff;
    text-decoration: none;
}
.layui-form-item  .layui-form-select{
	position: initial;
}
@media screen and (max-width:1100px){

	.login_box {
	    width: 100%;
	    margin: 120px auto 0;
	}
}

#LAY_app, body, html {
	height: 100%
}
.layui-layout-body {
	overflow: auto
}
#LAY-user-login, .layadmin-user-display-show {
	display: block !important
}
.layadmin-user-login {
	position: relative;
	left: 0;
	top: 0;
	padding: 110px 0;
	min-height: 100%;
	box-sizing: border-box
}
.layadmin-user-login-main {
	width: 375px;
	margin: 0 auto;
	box-sizing: border-box
}
.layadmin-user-login-box {
	padding: 20px
}
.layadmin-user-login-header {
	text-align: center
}
.layadmin-user-login-header h2 {
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 30px;
	color: #000
}
.layadmin-user-login-header p {
	font-weight: 300;
	color: #999
}
.layadmin-user-login-body .layui-form-item {
	position: relative
}
.layadmin-user-login-icon {
	position: absolute;
	left: 1px;
	top: 6px;
	width: 38px;
	line-height: 36px;
	text-align: center;
	color: #d2d2d2
}
.layadmin-user-login-body .layui-form-item .layui-input {
	padding-left: 38px
}
.layadmin-user-login-codeimg {
	max-height: 38px;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box
}
.layadmin-user-login-other {
	position: relative;
	font-size: 0;
	line-height: 38px;
	padding-top: 20px
}
.layadmin-user-login-other > * {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 14px
}
.layadmin-user-login-other .layui-icon {
	position: relative;
	top: 2px;
	font-size: 26px
}
.layadmin-user-login-other a:hover {
	opacity: .8
}
.layadmin-user-jump-change {
	float: right
}
.layadmin-user-login-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 30px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	color: rgba(0,0,0,.5)
}
.layadmin-user-login-footer span {
	padding: 0 5px
}
.layadmin-user-login-footer a {
	padding: 0 5px;
	color: rgba(0,0,0,.5)
}
.layadmin-user-login-footer a:hover {
	color: rgba(0,0,0,1)
}
.layadmin-user-login-main[bgimg] {
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.05)
}
.ladmin-user-login-theme {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}
.ladmin-user-login-theme ul {
	display: inline-block;
	padding: 5px;
	background-color: #fff
}
.ladmin-user-login-theme ul li {
	display: inline-block;
	vertical-align: top;
	width: 64px;
	height: 43px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
	background-color: #f2f2f2
}
.ladmin-user-login-theme ul li:hover {
	opacity: .9
}
@media screen and (max-width: 768px) {
	.layadmin-user-login {
		padding-top: 60px
	}
	.layadmin-user-login-main {
		width: 300px
	}
	.layadmin-user-login-box {
		padding: 10px
	}
}