body {
    overflow-x: hidden
}

#login .top-bg {
    height: 300px;
    width: 100%;
    background: -webkit-linear-gradient(left, #d95040, #f97d57);
}

#login .bottom-bg {
    height: calc(100vh - 300px);
    width: 100%;
    display: block;
}


#login .login-content {
    height: 549px;
    width: 535px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: #d6d6d6 0 0 25px;
    border-radius: 10px;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -267.5px;
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.login-content .content-logo {
    margin-top: 60px;
    margin-bottom: 57px;
    width: 331px;
}

.login-content .content-input {
    border-radius: 20px;
    border: 1px solid #DCDFE6;
    color: #606266;
    display: block;
    font-size: inherit;
    height: 36px;
    line-height: 40px;
    outline: 0;
    width: 100%;
    margin-bottom: 22px;
    background: url("../../../static/front/img/login/item2.png") no-repeat 15px center;
    text-indent: 35px;

}

.content-input::placeholder {
    font-size: 14px;
    color: #c0c4cc;
}

.content-input:focus {
    border: 1px solid #409eff;
}

.login-content .content-button {
    width: 100%;
    background: #fc8c53;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.login-content .content-tips {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
    font-size: 14px;
}

.content-tips span {
    cursor: pointer;
    text-decoration: none;
    color: #e75820;
}

@media screen and (max-width: 767px) {
    #login .top-bg {
        height: 200px;
    }

    #login .bottom-bg {
        height: auto;
        min-height: calc(100vh - 200px);
    }

    #login .login-content {
        position: relative;
        width: 100%;
        height: 500px;
        left: 0;
        top: 30px;
        margin-left: 0;
    }

    /* 手机端 logo 等比缩小，避免超出容器 */
    .login-content .content-logo {
        max-width: 90%;
        width: auto;
        margin: 40px auto 40px;
        display: block;
    }

    /* 窄屏压缩内容区内边距，保证底部提示完整显示 */
    #login .login-content > div {
        padding: 0 20px !important;
    }

    .login-content .content-tips {
        font-size: 13px;
    }
}