@media screen and (max-width: 1100px) {
    /*内容样式，使用flex布局*/
    .content {
        width: 15rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        position: absolute;
        transform: translateX(-50%);
        top: 0;
    }

    .baidu-2 {
        height: 2.6rem;
    }

    .content div {
        width: 100%;
    }

    /*每个选择框的宽度*/
    .content li {
        width: 4.69rem;
    }
}

@media screen and (max-width: 768px) {
    * {
        margin: 0;
        padding: 0;
    }

    html, body {
        height: 100%;
        width: 100%;
    }

    /*内容样式，使用flex布局*/
    .content {
        width: 15rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        position: absolute;
        transform: translateX(-50%);
        top: 0;
    }

    .baidu-2 {
        height: 2.6rem;
    }

    .content div {
        width: 100%;
    }

    /*每个选择框的宽度*/
    .content li {
        width: 4.69rem;
    }

    /*放弃content外的footer*/
    .footer {
        display: none;
    }

    /*移动端使用的footer*/
    .footer1 {
        display: block;
        text-align: center;
        position: relative;
        padding-top: 10px;
        bottom: 0;
        color: white;
    }

    input[type="button"], input[type="submit"], input[type="reset"] {

        -webkit-appearance: none;

    }

    textarea {
        -webkit-appearance: none;
    }

}