/** 登录页面样式 */
* {
    margin: 0;
    padding: 0;
}
html{
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    /*background-image: url("../images/bg_login.png");*/
    background-image: url("../images/bg_blue.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#login_div {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#login_div #login_content {
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    /*width: 1100px;*/
    /*height: 560px;*/
    width: 550px;
    height: 700px;
    padding: 40px;
    z-index: 2;
}

#login_div #login_content #login_inner_content {
    position: relative;
    width: 100%;
    height: 100%;
    /*background-image: url("../images/bg_login_content.png");*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    background-color: #4097d978;
    border-radius: 35px;
}

#login_div #login_icon {
    position: absolute;
    /*top: 67px;*/
    /*left: 73px;*/
    /*width: 118px;*/
    /*height: 118px;*/
    top: 72px;
    left: 38px;
    left: 38px;
    width: 90px;
    height: 90px;
    background-image: url("../images/市政logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#login_div #login_title {
    position: absolute;
    top: 100px;
    /*left: 211px;*/
    left: 145px;
    width: 403px;
    height: 27px;
    color:#ffff;
    /*font-size:28px;*/
    font-size: 25px;
    font-weight: 600;
     /*background-image: url("../images/login_title.png"); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#login_div #login_photo {
    position: absolute;
    top: 185px;
    left: 160px;
    width: 419px;
    height: 320px;
    /*background-image: url("../images/login_photo.png");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#login_div #login_form {
    position: absolute;
    /*top:112px;*/
    /*right: 50px;*/
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0pt 2px 5px rgba(105,108,109,0.7),
    0px 0px 8px 5px rgba(208,223,226,0.4) inset;
}

#login_div #login_footer {
    box-sizing: border-box;
    position: absolute;
    padding-top: 120px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 230px;
    /*background-image: url("../images/bg_login_footer.png");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

#login_form > .layui-card {
    max-width: 360px;
    margin: 0 auto;
}

#login_form .layui-card-header {
    font-weight: 700;
    font-size: 15px;
}

#login_form .layui-form-pane .layui-form-label {
    width: 78px;
    overflow: visible;
}

#login_form .layui-form-pane .layui-input-block {
    margin-left: 78px;
}

#login_form .login-captcha {
    width: 100%;
    cursor: pointer;
    height: 38px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    box-sizing: border-box;
}

#login_form .login-other > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px;
}

#login_form .login-other .layui-icon {
    position: relative;
    top: 2px;
    font-size: 26px;
}

#login_form .login-other a:hover {
    opacity: .8;
}

.layui-icon-login-qq {
    color: #3492ED
}

.layui-icon-login-wechat {
    color: #4DAF29
}

.layui-icon-login-weibo {
    color: #CF1900
}

/** 底部样式 */
#login_footer {
    color: rgba(0, 0, 0, 0.7) !important;
}

#login_footer p {
    color: white !important;
}

#login_footer a {
    /* color: rgba(0, 0, 0, 0.7) !important; */
    color: white !important;
}

#login_footer a:hover {
    color: rgba(0, 0, 0, 0.4) !important;
}

/** 头部样式 */
.login-header {
    font-family: Myriad Pro, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 10px;      
}

/* .login-header img {
    height: 35px;
} */
.login-header img {
    height: 80px;
}
/** 移动设备样式 */
@media screen and (min-height: 590px) {
    .login-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

/** 辅助样式 */
.layui-link {
    color: #029789 !important;
}

.layui-link:hover {
    opacity: .8;
}

.pull-right {
    float: right;
}

.inline-block {
    display: inline-block;
}

.login-header {
    color: rgba(0, 0, 0, .85) !important;
}