main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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: block;
}

main .top {
    padding-top: 5vh;
    padding-right: 9.25vh;
}

main .top .links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

main .top a {
    margin-left: 2vh;
}

main .top img {
    width: 9.79vw;
    max-width: 17.41vh;
    object-fit: contain;
}

main .section {
    padding: 0 9.25vh 2vh 9.25vh;
}

main .section .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main .section .content .word img {
    width: 57.55vw;
    max-width: 102.314vh;
    object-fit: contain;
}

main .section .content .qrcode {
    display: flex;
}

main .section .content .qrcode .btn-list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

main .section .content .qrcode .btn-list img {
    width: 15.1vw;
    max-width: 26.85vh;
    object-fit: contain;
}

main .section .content .qrcode #qrcode {
    margin-left: 4vh;
    padding: 5px;
    border-radius: 5px;
    background-color: #ffffff;
}

main .section .content .qrcode #qrcode img{
    width: 22vh !important;
    height: 22vh !important;
    max-width: 12.5vw !important;
    max-height: 12.5vw !important;
}

main .section .tips {
    margin-top: 5vh;
    text-align: center;
    color: #ffffff;
}