@media screen and (max-width: 800px) {
    html{
        font-size: 13.3333333vw;
    }
    body{
        width: 100vw;
    }
    .wrap{
        width: 100%;
    }
    .mr80{
        margin-right: 0;
    }
    .newListBox, .banner_sub_p,#siteTop,aside,#banner,.bdsharebuttonbox, .live_box_p{
        display: none;
    }
    .header_menu{
        display: none;
    }
    header{
        top: 0;
        height: 1rem;
        padding: 0 10px !important;
    }
    .header{
        width: 100%;
    }
    .bannerM{
        display: block;
        margin-top: 1rem;
    }
    .logo1 {
        width: 3rem;
        height: .8rem;
    }
    .logo2, .logo3{
        display: none;
    }
    .apply_m{
        display: block !important;
        background: #1e7ce7 !important;
        text-align: center;
        height: .7rem;
        color: #fff !important;
        line-height: .7rem;
        margin-top: 0;
        width: 2.5rem;
        border-radius: 25px;
    }
    .activity_content{
        padding: 0 10px;
        box-sizing: border-box;
    }
    .title {
        margin: .9rem 0 .9rem 0 !important;
    }
    .step{
        width: 100% !important;
    }
    .step li span:nth-child(1) {
        width: 1.7rem;
    }
    .step li span:nth-child(2) {
        width: 5rem;
    }
    .step li span:nth-child(3){
        margin-left: 1.76rem;
        display: inline-block;
    }
    .step li{
        line-height: .5rem;
        font-size: .26rem;
        padding: .1rem 10px;
        box-sizing: border-box;
    }
    .step .apply{
        display: block;
        margin: .5rem auto;
        border-radius: 25px;
    }
    .user {
        display: inline-block;
        width: 45%;
        height: auto;
    }
    .partner_box{
        padding: 0 10px;
        box-sizing: border-box;
        text-align: left;
    }
    .partner_box .swiper-slide img{
        width: 1.53rem;
    }
    .logo2_m, .logo3_m, .live_box_m,.banner_sub_m{
        display: block;
    }
    .apply_form label {
        width: 100%;
        font-size: .26rem;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .apply_form label input{
        width: 88%;
    }
    select[name="vocational"]{
        width: 88%
    }
    #address_select {
        width: 100%;
        display: inline-block;
        padding: 0 10px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    #address_select select {
        width: 43%;
        margin-left: 5px;
    }
    .concat_user{
        width: 100%;
        padding: 0 10px !important;
        box-sizing: border-box;
    }
    .concat>div:nth-child(2){
        padding: 0;
        margin: 10px;
    }
    .qrcode {
        width: 3.3rem;
        height: auto;
    }
    .footer{
        display: none;
    }
    .concat {
        margin-bottom: 0 !important;
    }
    .footer_nav{
        display: flex;
        height: 1rem;
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        font-size: .25rem;
        z-index: 99
    }
    .footer_nav li{
        height: 100%;
    }
    .footer_nav li a{
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 1rem;
    }
}
@media screen and (max-width: 375px){
    #address_select select {
        width: 42.5%;
        margin-left: 5px;
    }
}
@media screen and (max-width: 320px){
    #address_select select {
        width: 41.5%;
        margin-left: 5px;
    }
    .apply_form label input {
        width: 87%;
    }
    select[name="vocational"] {
        width: 87%;
    }
}