@media (max-width: 575px) {

    .pingjibox {
        height: 2.82rem;
        background: linear-gradient(0deg, #900E0E, #750202);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .row-left {
        display: none;
    }

    .form-control {
        width: 15.36rem;
        height: 1.73rem;
        background: #F7F7F7;
        border-radius: 0.13rem;

        border: 1px solid #C4BDBD;

        font-size: 0.77rem;
        color: #B9A8A8;
    }

    .row-right {
        width: 5.76rem;
        height: 1.73rem;
        background: #FCF3DC;
        border-radius: 0.13rem;
        border: none;
        text-align: center;
        font-weight: normal;
        font-size: 0.83rem;
        color: #7E0606;
        line-height: 1.73rem;
        margin-left: 0.5rem;
    }

}

@media (min-width: 575px) and (max-width: 999px) {
    .pingjibox {
        display: none;
    }

    .container-fluid {
        height: 88px;
        background: linear-gradient(0deg, #900E0E, #750202);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form-control {
        width: 480px;
        height: 54px;
        background: #F7F7F7;
        border-radius: 4px;
        margin-right: 14px;
    }

    .row-right {
        width: 180px;
        height: 54px;
        background: #FCF3DC;
        border-radius: 4px;
        color: #7E0606;
        font-weight: normal;
        font-size: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 1000px) {

    .pingjibox {
        height: 180px;
        background: linear-gradient(0deg, #900E0E, #750202);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .row-left {
        font-weight: normal;
        font-size: 27px;
        color: #FFF1D1;
    }

    .form-control {
        width: 660px;
        height: 70px;
        background: #F7F7F7;
        border-radius: 4px;
        margin: 0 14px;
    }

    .row-right {
        width: 185px;
        height: 70px;
        background: #FCF3DC;
        border-radius: 4px;
        color: #7E0606;
        font-weight: normal;
        font-size: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}