page {
    height: 100vh;
    background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20250416/4bh2fu042627507.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.page {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;

    .box {
        width: 90vw;
        height: 70vh;
        position: relative;

        .btnBox {
            position: absolute;
            transform: translateX(-50%);
            left: 50%;
            bottom: 0;
            width: 90vw;
            height: 30vw;
            background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20250416/ejjshl042627409.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding: 0 50rpx;

            .li {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 20rpx 30rpx;
                .btn {
                    background: none;
                    width: 80rpx;
                    height: 80rpx;
                    padding: 0;
                    margin: 0;

                    >image {
                        width: 100%;
                    }
                }

                .text {
                    font-size: 25rpx;
                    font-weight: bold;
                }
            }
        }

        .posters {
            position: absolute;
            transform: translateX(-50%);
            left: 50%;
            top: 0;
            // background: rgba(0, 128, 0, 0.432);
            // width: 38vh;
            // height: 60vh;
            // background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20250416/pj1b4v042627175.png);
            // background-size: auto 100%;
        }
    }
}