@media screen and (max-width: 480px), (max-aspect-ratio: 1/1) {
    body {
        font-size: 14px;
    }

    .welcome {
        display: block;
        padding: 50px 30px;
        color: #3c3c3c;
        font-weight: bold;
    }
    .sys-welcome{
        font-size: 14px;
        font-weight: normal;
    }

    .sys-name {
        color: #00a57c;
        font-size: 20px;
        margin-top: 16px;
    }

    .login-content {
        transform: none;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }

    .login {
        background: #fff;
        padding: 10px;
        overflow: hidden;
    }

    .login-content__wrap, .login-content__change, .feedback-area, .tabs-header {
        display: none;
    }
    .login-content__contents{
        display: block;
        width: 100%;
    }

    .login-content__phone {
        width: 100%;
    }

    .login-box {
        border: 0;
        margin: auto;
        transform: none;
        width: 100%;
        height: auto;
        padding: 20px 10px;
    }

    .login-content__form-item {
        display: flex;
        align-items: center;
    }

    .login-content__form-submit {
        width: 100%;
    }
    .phone-code{
        margin-top:auto;
    }
}