@media screen and (max-width: 500px) {
    .login_content {
        background-size: 100% 40rem !important;
    }

    .login_right {
        margin-top: 3rem;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        display: flex;
        /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        justify-content: space-around;
    }

    .reg_left span {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 1rem;
    }

    .get_code {
        width: 30% !important;
        margin-left: 3rem;
    }

    .reg_left p:first-child {
        font-size: 1.8rem !important;
        font-weight: 300;
        text-align: center;
        margin-bottom: 4rem !important;
    }

    .reg_right {
        margin-top: 3rem;
    }

    .hint_down_content {
        width: 90% !important;
    }
}