html,body,#LAY_app {
    height:100%;
}
.layui-layout-body {
    overflow:auto;
}
#LAY-user-login,.layadmin-user-display-show {
    /*display:block !important;*/
}
.layadmin-user-login {
    display:flex;
    justify-content:center;
    align-items: center;
    min-height:100%;
    box-sizing:border-box;
    background: radial-gradient(circle at 7.2% 13.6%, rgb(231,153,100) 0%, rgb(137,91,37) 100%);
 /*   background-image: radial-gradient(circle at 10.6% 23.3%, rgb(186, 162, 252) 0%, rgb(176, 248, 242) 72.4%);
     background: linear-gradient(to right, #C0DBF9, #255ca1, #A5CEFD);
    background: url(./res/bg-01.jpg) no-repeat center fixed;*/
    background-size: cover;
    opacity: 1.0;
}
.layadmin-user-login-main {
    width:380px;
    margin:0 auto;
    box-sizing:border-box;
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
}
.layadmin-user-login-box {
    padding:10px 50px 10px 50px;
}
.no-margins {
    color: #FFFFFF;
    margin-bottom: 15px;
}
.layadmin-user-login-header {
    text-align:center;
}
.layadmin-user-login-header h2 {
	margin-top:10px;
    font-weight:300;
    font-size:25px;
    color:#FFFFFF;
}
.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: #1E9FFF;
}
.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;
}
.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;
}
}