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

    img {
        width: 100%;
    }

    a {
        width: 90%;
    }
}

@media screen and (max-width:414px) {
    .img1s {
        width: 80%;
    }

    .img2s {
        width: 50%;
    }

    .bottms {
        margin-bottom: 30px;
    }
}

.xiaoqi {
    width: 100%;
    height: 200px;
}

body {
    background: rgb(233, 233, 239);
}
img{
    max-width:100%;
}
.img2s {
    margin-top: 20px;
}
#container{
    z-index:1000;
    position: relative;
}
.main {
    z-index: 1000;
    position: absolute;
    width: 100%;
    top: 46%;
    transform: translateY(-50%);
    padding-right: 2%;
}
#container>div{
    display:block;
}
.bg-all {
    position:relative;
    z-index:999;
}
.img-mobile{
    display:none;
}
.btn img {
    width: 25%;
}
@media screen and (max-width: 480px) {
    .img2s {
        margin-top: -5px;
    }
    .img-destop{
        display:none;
    }
    .img-mobile{
        display:block;
    }
    .main {
        top: 25%;
        transform: translateY(-50%);
        padding-right: 0%;
    }
    #container{
        display:block;
    }
    .btn img {
        width: 70%;
    }
}