/* 
    Created on : 2017-9-19, 14:57:52
    Author     : wohu1
*/
html,body{
    height:100%;
    width:100%;
    background-color:#f4f4f4;
    overflow-y:hidden;
}

.login-bg{
    background: url('../img/bg.jpg');
    background-size: cover;
    background-position: center center;
    overflow-y:hidden;
}
.login-footer{
    background: #FFFFFF;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    height: 72px;
}

.login-footer span{
    font-family: PingFangSC-Light;
    font-size: 13px;
    color: #838383;
    letter-spacing: 0;
    line-height: 74px;
}

.layui-container{
    height:100%;
}
.login-form{

}
.bz-logo{

    background: url(../img/bz-logo.png) no-repeat;
    height: 70px;
    background-position: center;
    margin-top: 11rem;
    margin-bottom:55px;
}

.login-info{
    width: 340px;
    margin: 0 auto;
}

.login-info > form > input[type="text"],
.login-info > form > input[type="password"]{
    background: rgba(50,150,255,0.10);
    border: 1px solid #25BAFF;
    border-radius: 6px;
    height:44px;
    width:100%;
    margin-bottom:16px;
    color:#FFF;
    text-align: center;
}
.login-info > form > input{
    display:block;
}
.login-info > form > input[type="text"]::-webkit-input-placeholder,
.login-info > form > input[type="password"]::-webkit-input-placeholder
{
    opacity: 0.5;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.login-info > form > input[type="submit"]:hover,
.login-info > form > input[type="text"]:hover,.login-info > form > input[type="text"]:focus,
.login-info > form > input[type="password"]:hover,.login-info > form > input[type="password"]:focus
{
    -moz-box-shadow: 0 0 6px 0 #21A1FF;
    -webkit-box-shadow: 0 0 6px 0 #21A1FF;
    box-shadow: 0 0 6px 0 #21A1FF;
}

.login-info > form > input[type="submit"]{
    border: 1px solid #25BAFF;
    border-radius: 6px;
    height:44px;
    width:100%;
    padding-left:12px;
    margin-top:26px;
    margin-bottom:16px;
    color:#FFF;
    background: #21A1FF;
    cursor:pointer;
}
.login-info > form > input[type="submit"]:focus{
    background: #0080C2;
    border-color: #0080C2;
    -moz-box-shadow: 0 0 0 0 #21A1FF;
    -webkit-box-shadow: 0 0 0 0 #21A1FF;
    box-shadow: 0 0 0 0 #21A1FF;
}
header{
    position: fixed;
    width: 100%;
    height:60px;
    top:0px;
    z-index:9999;
}
.reset-nav{
    background-color:#FFF !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06); 
}
.reset-container{
    padding-top:60px;
}
.reset-nav .layui-nav-item a,.reset-nav .layui-nav-item a .layui-nav-more{
    color:#7a7a7a !important;
}
.reset-nav .layui-nav-item a .layui-nav-more{
    border-top-color: #B9B9B9;
}
.reset-nav .layui-nav-item a .layui-nav-mored{
    border-bottom-color: #7a7a7a;
    border-top-color: #000;
}
.reset-nav .layui-nav-item a .layui-nav-mored:hover{
    color:#000;
    border-bottom-color: #000;
}

.reset-nav .layui-nav-item a:hover{
    color:#000 !important;
    font-weight:bolder;
}

.reset-option{
    display: block;
    height: 110px;
    width: 90%;
    margin: 0 auto;
    background: #FFF;
    border-radius: 6px;
    text-align: center;
    color: #4A4A4A;
    padding-top: 50px;
    font-family: PingFangSC-Light;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0;
}
.reset-option img{
    display:block;
    margin:0 auto;
    margin-bottom: 26px;
}

.reset-option:hover{
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.06); 
}
.reset-mine{
    float:right;
}
#reset-content{
    width: 100%;height:100%;border: 0px;overflow-y: auto;
}
.layui-layout-admin{
    height:100%;
}