body {
    background: #e69db7;
}

:root {
    --vh: 9.25926vh;
    --vw: 5.20833vw;
}

main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

img {
    -webkit-user-drag: none;
}

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

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

main header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 100%;
    padding-top: min(calc(0.28 * var(--vw)),calc(0.28 * var(--vh)));
    padding-left: min(calc(0.28 * var(--vw)),calc(0.28 * var(--vh)));
    padding-right: min(calc(0.3 * var(--vw)),calc(0.3 * var(--vh)));
}

main header .header-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main header .header-wrap .logo img {
    width: calc(2.62 * var(--vw));
    max-width: calc(2.62 * var(--vh));
    object-fit: contain;
}

main header .header-wrap .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(5.83 * var(--vw));
    max-width: calc(5.83 * var(--vh));
}

main header .header-wrap .links .item img {
    width: calc(1.79 * var(--vw));
    max-width: calc(1.79 * var(--vh));
    object-fit: contain;
}

main .section img {
    object-fit: contain;
}

main .section .main {
    position: absolute;
    top: min(calc(1.37 * var(--vw)),calc(1.37 * var(--vh)));
    right: min(calc(0.31 * var(--vw)),calc(0.31 * var(--vh)));
}

main .section .main img {
    width: calc(11.55 * var(--vw));
    max-width: calc(11.55 * var(--vh));
}

main .section .slogan-1 {
    position: absolute;
    top: min(calc(3.64 * var(--vw)),calc(3.64 * var(--vh)));
    left: 0;
}

main .section .slogan-1 img {
    width: calc(5.97 * var(--vw));
    max-width: calc(5.97 * var(--vh));
}

main .section .slogan-2 {
    position: absolute;
    top: min(calc(6.36 * var(--vw)),calc(6.36 * var(--vh)));
    left: min(calc(2.3 * var(--vw)),calc(2.3 * var(--vh)));
}

main .section .slogan-2 img {
    width: calc(7.69 * var(--vw));
    max-width: calc(7.69 * var(--vh));
}

main .section .qrcode-tips-box {
    position: absolute;
    bottom: min(calc(0.72 * var(--vw)),calc(0.72 * var(--vh)));
    right: min(calc(0.3 * var(--vw)),calc(0.3 * var(--vh)));
    text-align: right;
}

main .section .qrcode-tips-box .qrcode-box {
    position: relative;
    margin-bottom: min(calc(0.21 * var(--vw)),calc(0.21 * var(--vh)));
}

main .section .qrcode-tips-box .qrcode-box .bg img {
    width: calc(7.96 * var(--vw));
    max-width: calc(7.96 * var(--vh));
    object-fit: contain;
}

main .section .qrcode-tips-box .qrcode-box .qrcode {
    position: absolute;
    top: min(calc(0.09 * var(--vw)),calc(0.09 * var(--vh)));
    left: min(calc(0.46 * var(--vw)),calc(0.46 * var(--vh)));
}

main .section .qrcode-tips-box .qrcode-box .qrcode img {
    width: calc(2.07 * var(--vw)) !important;
    height: calc(2.07 * var(--vw)) !important;
    max-width: calc(2.07 * var(--vh)) !important;
    max-height: calc(2.07 * var(--vh)) !important;
}

main .section .qrcode-tips-box .tips img {
    width: calc(8.34 * var(--vw));
    max-width: calc(8.34 * var(--vh));
    object-fit: contain;
}