@media screen and (max-width: 640px) {
    .padding-x {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pageNav {
        height: 65px;
    }

    .pageNav .name {
        font-size: 24px;
    }

    .pageMain {
        background-size: 100% auto;
    }

    .main_top .logo {
        height: 60px;
    }

    .main_top .text {
        font-size: 20px;
    }

    .pageNav .qrcode {
        display: none;
    }

    .main_item_2 p {
        font-size: 24px;
    }

    .main_item_5 .container {
        margin-left: auto;
        margin-right: auto;
    }

    .main_item_5 .swiper-slide {
        width: 65%;
    }

    .main_item_5 .swiper-button-prev,
    .main_item_5 .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .main_item_5 .swiper-button-prev {
        left: 2.5%;
    }

    .main_item_5 .swiper-button-next {
        right: 2.5%;
    }

    .main_bottom {
        margin: 7.5% auto auto auto;
        font-size: 14px;
        background-color: #000000;
        padding: 1em;
    }
}

.toBrowser {
    position: fixed;
    z-index: 917917917917;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    display: none;
}

.toBrowser:before {
    content: '';
    display: block;
    position: absolute;
    top: 2.5%;
    left: 0;
    bottom: 0;
    right: 2.5%;
    background: url(/wuyousy/toBrowser.png) no-repeat top right;
    background-size: 75% auto;
}