@charset "utf-8";

/*login*/
html,body { height:100%;}
.bodybg { background: url(/static/admin/images/homebg.jpg) no-repeat center top; min-height:100%; padding-bottom:20px; background-size:cover;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.logincont { padding-top:150px;}
.login-logo { position: absolute; max-width:50%; left:30px; top:5%; z-index:99;}
.login-logo img { max-width:100%;}
.loginleft {}
.loginleft .owl-theme .owl-nav{ display:none;}
.loginleft .owl-theme .owl-dots { position:absolute; bottom:15px; left:0; width:100%;}
.loginleft .owl-theme .owl-dots button { border:none;}
.loginleft .owl-theme .owl-dots .owl-dot span { width:8px; height:8px; margin:0 5px; background-color:rgba(255,255,255,0.5)}
.loginleft .owl-theme .owl-dots .owl-dot.active span,.loginleft .owl-theme .owl-dots .owl-dot:hover span { background-color:rgba(255,255,255,1)}
.ibanner img { max-width:100%;}
.mbutton { background:#0088F4; font-size:20px; height:50px; line-height:50px; max-width:358px; border-radius:5px; margin:0 auto; display:block;}
.mforget { font-size:16px; color:#c0c8cd; display: inline-block;}
.tcenter { text-align:center; margin-top:50px;}
.font16 { color:#c0c8cd; font-size:16px;}
.mborder { border:none; border-bottom:1px solid #C0C8CD;}
.max568 { max-width:568px; margin:0 auto; padding:30px;}

.max568 ::-webkit-input-placeholder { font-size:16px; color:#c0c8cd;}
.max568 ::-moz-placeholder { font-size:16px; color:#c0c8cd;}
.max568 :-ms-input-placeholder { font-size:16px; color:#c0c8cd;}

.pb50 { padding-bottom:30px;}
.loginyz { position:absolute; right:0; top:-5px;}

@media screen and (max-width:1165px) {
.pb50 { padding-bottom:25px;}
.layadmin-user-login-box { padding-bottom:0;}
}
@media screen and (max-width:1074px) {
.pb50 { padding-bottom:23px;}
.tcenter { margin-top:30px;}
}
@media screen and (max-width:1030px) {
.layadmin-user-login-header h2 { font-size:28px;}
.pb50 { padding-bottom:10px;}
.tcenter { margin-top:20px;}
.mbutton {  font-size:18px; height:40px; line-height:40px;}
.layadmin-user-login-box { padding-top:0; padding-bottom:15px;}
.max568 { padding:30px; padding-bottom:0;}

}

@media screen and (max-width:768px) {
.logincont .layui-col-sm8 { width:100%;} 
}
@media screen and (max-width:767px) {
.max568 {
    padding: 30px 20px;
    padding-bottom: 0;
}
.login-logo { left:15px; top:15px;}
.layadmin-user-login-icon {
    width: 24px;
    font-size: 18px;
}
.layadmin-user-login-body .layui-form-item .layui-input {
    padding-left: 30px;
}
.loginyz {
	width: 100px;
}

}