html,body,#LAY_app{height:100%; background: #f2f2f2;}
.layui-layout-body{overflow: auto;}
 
#LAY-user-login,
.layadmin-user-display-show{display: block !important;} 


body{
    background:url(../images/login.jpg) no-repeat;
    background-size: 100%;
}
.bg1{
	width:100%;
	height: 237px;
	background: #347ebc;
	opacity: 0.6;
    position:absolute;
    left:0;
    top:0px;
    right:0px;
    bottom:0px;
    margin:auto;
}
.bg2{
	width:100%;
	height: 50px;
	/* background: #347ebc; */
	color: white;
	opacity: 0.6;
	position:absolute;
	text-align: center;
    /* left:0; */
    /* top:90%; */
    right:0px;
    bottom:20px;
    margin:auto;
}
.gyl{
	width:800px;
	height: 237px;
	color: #FFFFFF;
	font-size: 72px;
	position:absolute;
    /* left:15%; */
    top:11%;
    text-align: center;
    bottom:0px;
    margin:auto;
}
.gy2{
	color: #fff;
	/* margin-left: 6px; */
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}

.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;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); */
	width: 375px;
	height: 400px;
	background: #fff;
	position: relative;
    position:absolute;
    left:56%;
    top:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    z-index: 1;
    box-shadow:0px 0px 50px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
}

.new-loginFunc {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 46px;
	height: 46px;
	z-index: 2;
	cursor: pointer
}

.new-loginFunc .account-icon {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAHlBMVEVHcEz///+LrOuFq+eGq+eGqueHrOiFqub////C1PLgc7nMAAAAB3RSTlMAgB7rl81ZAcX/fAAAAXZJREFUWMOV1jFqw0AQRuEhhNR7BENC0psEt8ZNDpDCbcgRYpupp/vnBLpuCslysLRavek/niQGNFbsNi9f3piPg5nFTTz6itmb6ZY5riEXMwWKuO9NY+bNTz/WmNed/5rGzKdvrTnPfjaNmaN/t8mTX0xjZuebNnnwk2nMuNuKcTeNGUT6DCPBiQonwYnKSOqrckeCExVOghMVToITdZwkJ+o4SU6uC01IcDIsNCLBSb/QjAQnKpwEJyqcBCfqOElO6pk6SU6qmQWSnNQySyQ5qWQWSXIyn1kmyclspkGSE5Xmj28ywUkts0SCk/nM9ewBmeG4IpnhhAOZ4VCsT1c7R+uTlaMXZvYNkrMHvJqZyTdQMwOJOk6Sk+tlQ0hyMlw2iCQn04Vuk+BkkhHPrCD9Qr9vCOkXektInzkjku7uJ0TUcZL4waSOvr6U8CPfrcBaEpz8y4hnxDPiGfGMeEY8I54Rz4hnxDPiGfGMeEY8I54Rz2ASfzwte7EhQL3+AAAAAElFTkSuQmCC) 50% no-repeat;background-size: 100% 100%
}

.new-loginFunc .qrcode-icon {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEVHcEyHquiGqueGq+iGq+eHrOmGq+eFqueGqueNsO6JrOeHq+eUru2Fqub6x9OvAAAADXRSTlMAXLyHqEiY9eQSKXELCCPK/wAAAcRJREFUWMPt1jFLw1AUBeBTQgs1ix0cC/IGFyn4B7Jo14KL1MVBkbu5uDgFxMUsgmsGwc2pYH9AoJPo4FKFgnL/i0OfbdL2mXcQRKpnKn18PYXb3FdEOpdVALHqEEAwf6qL3iwjiHgS8AQnPKnxZK7GgwTtaVqWHLfbO5YMc8dXluTTtMQmUNW33HFrOUldRETuXeRBRER2iy1NVdV1F3lWVdWtIqnMkPb2ZC4ugqxIctN3kpAnyHgS8gQRTwKeIMqRy7OzUw9S40YJAFh1kcckSZLkfmmfl++QA0sajcaaJe+NaRYtpfDr1RcvIIi8tuVsDUuQ8STkCTKehDzBYExGxpjNvfnAkXj8ie/wzz9RVX1JxxkAeLKvXaRZHN+5vRtco5zcNxyZqfEiFZ4Ua/xIhSeFGk9SFZEjVX0VkcN+v99R1Q0RKZno5+rr2Ybd8h/BJ7nhSe9HyK/7YtVYdWiMaY3F6MIYU2a6fqtvtoYkC2rA14CvAV/jsZ/2k2liP4KSe3/5ST1N0zS9Zkjo/G/pTsaTkCeIeBLwBBFPAp4g4kmNJzjhSY0nuP2rj9gkHZ7c8WQlpgm6PKnyBE2eVHiCjCfhB4/kuLSh1hUaAAAAAElFTkSuQmCC) 50% no-repeat;background-size: 100% 100%
}

.new-loginFunc .ico-login-switch-tips {
	position: absolute;
	top: 0;
	right: 46px;
	display: block;
	cursor: pointer;
	width: 99px;
	height: 18px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAAAkBAMAAAAgOVjnAAAAMFBMVEVHcEz/5aH+/O7/5aHurTrwt1Hyw2r76sX98tb++OPvsUT31pf54rP43ab0yHn1z4bqugMhAAAAAnRSTlMAgJsrThgAAAR4SURBVEjH7Zdda9tWGMf7EfYZHuJImqSYsa+gKLWd2BCkvJiyC6OYFNZdGGcKYVDQEqK0zQYiLnOy5mIozZqsuRCBre12YzLKmLNBME3Y7JtgDOvFCiZsdBfLnudIchwre2HQXYz8kxwfHZ9zfud5OecoV958xbqC+k8Y8Ep1yfj3jJuFP+nIXdjK3wgqAuvzxT9iFI/9sSbqw1PUSxyaz+dv7BYGrtM3v7Ty+PNO0D0+HFTyDhZSitWlfKBClPEz6vkOlSAqiqIWsVA+wTG6ns2sTjbb1GlKJ7nB1LEHQWV3goxRWV0e1HUN/9yDCENQtgIpDtcwGnWhXC6XRtEogNIDcTAFH3XMNcjWarW6e61KKoC0UcDexlK5jIwhhOO4vQsYaSy+oVoTDR/DTxPgdfTd3E9wUhGMtqA73QxJ6Yg6jdb8euXvGPx9B353kMGTa3WAeXRQXF1GJyxslkaw7S7ztMvsqH+vVuvVar2OjpesmxQ+7YX114z+A9jLxdNkB/UDNej3Q3bTtu8ktco5Bqr0aW8O6RSPZE88XjuL+Wxtf0ieODk2FwEGMJh8BqBGubGeJCdk03AuHqgTDzOq0/grpiCZL6ut1vOdVssIGO+/0ZW7Oq7+gwxkLbR1fLEgoW9OsC5r009QR9p0D4MbDFYO/NOnFofrjl+FaMx5MiRgiCPykOy2YW4S168oCXGITcZpftrDuvKI030puo4GloZCRlxRPFjIwGruAgYzJGAUc/KIMQ4z++gj7eGzxMBV29ZtR8zcecJUmZnkafc036KyAJhqHTuqNQ+fp0/ItfKwbS9M2HYtZJAhAeNrS1ZSFIJmRVZGxUQsyEVrwM/KHGDu4iR9uNh9Cr/iLTcaW43GIT7MY2jEJNuEcpjSIYMMCeNxz0gemu9pzqoXG0OGSItvYjINkJfZ1CCmWIXfsnDZrufviUzAgBrzKofDHm9jYUUZ37k7GhshQOxdZLDGvfMMoXkMK5O4WQD61T1v0TQ3THM2YPCaWwkPmdHuk7Pjq37lbedjPBhoMwv95xjDdEQWcywx0pym3tui1utFL4yHz5hL3Rq5iHEWc+5oCUH4nVSgTzHxLZrr7eFDJx6kw5qmsywWoIex5h5wLjY9w01qqHRYR3OXw0X04zm7cuwzDJw3UUOncuzg+9I/qtfTK9NZv9rNWPHW3M8AbmFEHuOx6iax2I7uQamHYaOsXQrcFPpPuO930g76cnczTi+j2G5uYyO34UR81X2WkB2xkKFO+fFosqAch9cRhxuoLycY13oYkjtym80+G41H9x0lZUxzZhOD28Xg2RTicHBD8k20ABNM0ghSfGTTLrVtB4rjxsvw2l1CLUxS6UQYXNd14OfV8o+/ZUCiWwt/0cMFSbUEm6xac9GHxa/CAULWiitjtP1b7fjZvdKO2pFuMNVwDrkt4CTzStJj13kgCyrA09ZHPNnx+amvA+4hvm5MZekSbUunHVUiDP7I/5Q77yac6URfMxpHYe322UuMdfmeeMmIMP4f/0f9AWAOcjgXxePHAAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

.layadmin-user-login-hide
{
	display: none;
}

.layadmin-user-login-unhide
{
	display: block;
}

.layadmin-use-login-qrcode
{
	width: 168px; 
	/* height: 173px; */
	margin: 0 auto; 
	text-align: center;
}

.login-qrcode-mask
{
	opacity: .1;
	-webkit-filter: alpha(opacity=10);
	filter: alpha(opacity=10);
}

.appCode-mask {
	/* height: 100%; */
	background: #fff;
	opacity: .2;
	-webkit-filter: alpha(opacity=20);
	filter: alpha(opacity=20);
	z-index: 1;
}

.appCode-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 36px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 1;
	font-weight: 700
}

.appCode-wrap a {
	display: block;
	width: 100px;
	height: 36px;
	background-color: #3b78dd;
	color: #fff;
	line-height: 36px;
	margin: 12px auto 0;
	border-radius: 4px
}

.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: 1px; 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: 0.8;}

.layadmin-user-jump-change{float: right; cursor: pointer;}

.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,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: 0.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;}
}