.containerbox{display: block;height: 100%;}
.bg{background-image: url(../image/bg_login.png);background-color: #F5F5F7;background-color: transparent;    height: 100vh;}
.g-doc{    min-width: 1200px;max-width: 1920px; margin: 0 auto;}
.header{margin: 0 auto;    min-width: 1200px;}
.m-head{ height: 40px;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff;}
.g-body{    max-width: 1180px; margin: 0 auto;}
.m-head .logo{float: left;   max-width: 300px;  height: 30px;padding-top: 20px; padding-bottom: 25px;cursor: pointer;}
.m-head .logo span{font-size:20px;}
.m-head .title{    float: left;margin-top: 19px;   margin-left: 10px;  font-size: 20px;}
.m-head .m-head-right{    position: relative;  float: right;height:40px;line-height: 40px;}
.m-head .links, .m-head .signin{    display: inline-block;vertical-align: middle; font-size: 14px;}
.m-head .links a, .m-head .signin a{    color: #4477d0;color: #080808;}
.m-body{ padding-top: 40px;}
.m-body .container{    padding-top: 50px; background: transparent;    display: table;width: 1160px;   height: 1px;min-height: 600px; margin: 0 auto;}
.login-form{    width: 600px; height: auto;  margin:0px auto;  overflow: hidden;  border:1px solid #ccc;    box-shadow:3px 3px 3px #eee, -3px -3px 3px #eee;
    background-color: #fff;}
.login-form .title{    margin: 0;padding: 10px 0 0; text-align: center;  color: #222;    font-size: 20px;}


/** layuiAdmin.std-v2020.1.24 LPPL License By https://www.layui.com/admin/ */
#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 40px;
}

.layadmin-user-login-header {
    text-align: center
}

.layadmin-user-login-header h2 {
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 24px;
    color: #000
}

.layadmin-user-login-header p {
    font-weight: 300;
    color: #999
}

.layadmin-user-login-body .layui-form-item {
    position: relative;
    margin-bottom:25px;
}

.layadmin-user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 50px;
    text-align: center;
    color: #d2d2d2
}

.layadmin-user-login-body .layui-form-item .layui-input {
    padding-left: 38px;
    height:50px;
    line-height:50px;
}
.layadmin-user-login-body .layui-form-item .layui-input:focus
{
    border-color:#c9c9c9!important;
    }
.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
}

.layui-btn.layui-btn-custom{    background-color: #6380a7;background-color: #F2F1EA;  color: #000;    border: 1px solid #e6e6e6;    background-color:#45B6C2;color:#fff;}
.layui-btn.layui-btn-custom:hover{color:#fff;}
.layui-btn-fluid{height:50px;   font-size: 16px;}


.m-footer-common,.m-footer-simple {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 70px 0 48px;
    font-size: 12px;
    text-align: center;
    color: #999;
}

.m-footer-common p,.m-footer-simple p {
    margin-top: 10px;
}

.m-footer-common a,.m-footer-simple a {
    color: #999;
}

.m-footer-common a:hover,.m-footer-simple a:hover {
    color: #4477d0;
}

@media screen and (max-width: 768px) {
    .layadmin-user-login {
        padding-top:60px
    }

    .layadmin-user-login-main {
        width: 300px
    }

    .layadmin-user-login-box {
        padding: 10px
    }
}