@charset "utf-8";

/*!

__/\\\\\\\\\\\\\\\_______/\\\\\_________/\\\\\\\\\______/\\\________/\\\______/\\\\\\\\\____
 _\/\\\///////////______/\\\///\\\_____/\\\///////\\\___\/\\\_____/\\\//_____/\\\///////\\\__
  _\/\\\_______________/\\\/__\///\\\__\/\\\_____\/\\\___\/\\\__/\\\//_______/\\\______\//\\\_
   _\/\\\\\\\\\\\______/\\\______\//\\\_\/\\\\\\\\\\\/____\/\\\\\\//\\\______\//\\\_____/\\\\\_
    _\/\\\///////______\/\\\_______\/\\\_\/\\\//////\\\____\/\\\//_\//\\\______\///\\\\\\\\/\\\_
     _\/\\\_____________\//\\\______/\\\__\/\\\____\//\\\___\/\\\____\//\\\_______\////////\/\\\_
      _\/\\\______________\///\\\__/\\\____\/\\\_____\//\\\__\/\\\_____\//\\\____/\\________/\\\__
       _\/\\\________________\///\\\\\/_____\/\\\______\//\\\_\/\\\______\//\\\__\//\\\\\\\\\\\/___
        _\///___________________\/////_______\///________\///__\///________\///____\///////////_____

*/

@media (max-width: 1280px) {
    body {
        /*border: 1px solid red;*/
    }

}

@media (max-width: 1024px) {
    body {
        /*border: 1px solid yellow;*/
    }

}

@media (max-width: 768px) {
    body {
        /*border: 1px solid blue;*/
    }

}

@media (max-width: 576px) {
    body {
        /*border: 1px solid black;*/
    }

}

@media (max-width: 480px) {
    body {
        /*border: 1px solid green;*/
    }

    .scroll-banner {
        width: 100%;
        height: 35px;
        background-color: #000;
    }
    .scroll-banner .swiper-pagination {
        display: none;
    }
    .scroll-banner .swiper-slide {
    }
    .scroll-banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .scroll-banner .swiper-controller .btn-close {
        top: 6px;
        right: -15px;
        opacity: 0.6;
        font-size: 1.25rem  /* 20/16 */;
        margin-left: 0.625rem  /* 10/16 */;
    }
}