@media (min-width: 1300px) and (max-width: 1399.98px) {

    .user-right {

        width: 1060px;

    }

}



@media all and (min-width: 0px) and (max-width: 1024px) {

    .user_box {

        padding: 30px 0;

    }



    .login_slide_box {

        display: none;

    }



    .login_form {

        width: 100%;

        height: auto;

        padding: 15px;

        box-sizing: border-box;

    }



    .login_hd {

        height: auto;

    }



    .login_hd li {

        height: auto;

        font-size: 14px;

        padding-bottom: 10px;

    }



    .user_left_menu {

        width: 100%;

        padding: 15px 15px 0;

        margin-bottom: 15px;

    }



    .user_left_menu li a:hover::before,

    .user_left_menu li a.active::before {

        left: -15px;

    }



    .user-right {

        width: 100%;

        padding: 15px;

    }



    .message_list .item .detail_box,

    .reply-detail,

    .message_list .item.item_success .reply {

        padding: 15px;

    }



    .reply-detail button {

        width: 80px;

        top: 15px;

        right: 15px;

    }

}