body {
    background: #000000;
}
main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

main .fixed-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

main .fixed-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.384rem 0.96rem 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

main header img {
    object-fit: contain;
}

main header .logo img {
    width: min(13.333vw,23.704vh);
}

main header .links img {
    width: min(8.333vw,14.815vh);
}

main header .links a:nth-child(2) {
    margin-left: min(2.08325vw,3.70375vh);
}

main .swiper-container {
    width: 100%;
    height: 100%;
}

main .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

main .swiper-container .swiper-slide img {
    width: 100%;
    object-fit: contain;
}

main .swiper-container .swiper-slide .slogan-img {
    width: min(38.6458vw,68.7037vh);
    position: absolute;
    top: min(14.6875vw,26.111vh);
    left: min(8.6458vw,15.37vh);
}

main .swiper-container .swiper-slide .maim-img {
    width: min(35vw,62.222vh);
    position: absolute;
    right: min(7.8125vw,13.8889vh);
    bottom: 0;
}

main .swiper-container .swiper-pagination {
    width: min(38.6458vw,68.7037vh) !important;
    top: min(27.08333vw,48.14815vh) !important;
    left: min(8.6458vw,15.37vh) !important;
    bottom: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

main .swiper-container .swiper-pagination .swiper-pagination-customs {
    width: min(5.625vw,10vh);
    height: min(3.125vw,5.55556vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

main .swiper-container .swiper-pagination .swiper-pagination-customs:nth-child(2) {
    margin: 0 min(1.5625vw,2.77778vh);
}

main .qrcode-page {
    position: fixed;
    bottom: min(5.208vw,9.259vh);
    left: min(7.8125vw,13.8889vh);
    z-index: 999;
    display: flex;
}

main .qrcode-page .qrcode-box {
    position: relative;
}

main .qrcode-page .qrcode-box .bg img {
    width: min(15.625vw,27.7778vh);
    object-fit: contain;
}

main .qrcode-page .qrcode-box .qrcode {
    position: absolute;
    top: min(1.25vw,2.22222vh);
    left: min(1.25vw,2.22222vh);
}

main .qrcode-page .qrcode-box .qrcode img {
    width: min(13.125vw,23.3333vh) !important;
    height: min(13.125vw,23.3333vh) !important;
}

main .qrcode-page .tips-box {
    margin-left: min(1.25vw,2.22222vh);
}

main .qrcode-page .tips-box .download {
    margin-bottom: min(1.04167vw,1.85185vh);
}

main .qrcode-page .tips-box .download img {
    width: min(15.625vw,27.7778vh);
    object-fit: contain;
}

main .qrcode-page .tips-box .tips {
    margin-top: min(1.5625vw,2.77778vh);
}

main .qrcode-page .tips-box .tips img{
    width: min(26.09375vw,46.3889vh);
    object-fit: contain;
}
