body {
    width: 100%;
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
}

.banner img {
    width: 100%;
    height: auto;
}

.banner .target {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    /* text-align: center; */
    /* line-height: 1rem; */
}


/* .target img {
    width: 100%;
    height: 100%;
    opacity: 0.4;
} */

@media screen and (max-width: 1920px) {
    body {
        width: 80%;
        margin: 0 auto;
    }
    .banner .target {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        left: .2rem;
        top: .2rem;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 170.66px;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 160px;
    }
}

@media screen and (max-width: 1120px) {
    html {
        font-size: 149.33px;
    }
}

@media screen and (max-width: 1080px) {
    html {
        font-size: 144px;
    }
}

@media screen and (max-width: 960px) {
    html {
        font-size: 128x;
    }
}

@media screen and (max-width: 880px) {
    html {
        font-size: 117.33px;
    }
}

@media screen and (max-width: 840px) {
    html {
        font-size: 112px;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 106.66px;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
    body {
        width: 100%;
    }
    .banner .target {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 0.2rem;
        left: 0.2rem;
    }
}

@media screen and (max-width: 700px) {
    html {
        font-size: 93.33px;
    }
    ;
}

@media screen and (max-width: 640px) {
    html {
        font-size: 85.33px;
    }
}

@media screen and (max-width: 600px) {
    html {
        font-size: 80px;
    }
}

@media screen and (max-width: 560px) {
    html {
        font-size: 74.66px;
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 64px;
    }
}

@media screen and (max-width: 400px) {
    html {
        font-size: 53.33px;
        -webkit-transition: none;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.66px;
    }
}