.test[data-v-d1b6d5d6] {
    width: 7.14286rem;
    height: 9.2592592593vh;
    font-size: 1.4814814815vh;
    border: .07143rem solid coral;
    margin-left: .5208333333vw;
    margin-top: .9259259259vh;
    border: .1851851852vh solid red;
    display: flex;
    align-items: center;
    justify-content: center
}

.home[data-v-d1b6d5d6] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.home .box-wrap[data-v-d1b6d5d6] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.home .box-wrap .part1[data-v-d1b6d5d6],
.home .box-wrap .part2[data-v-d1b6d5d6] {
    display: flex;
    flex-direction: row;
    flex: 1
}

.home .box-wrap .box[data-v-d1b6d5d6] {
    height: 14.28571rem;
    background-color: #0ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .71429rem;
    flex: 1;
    margin: .71429rem
}

@media screen and (min-width:768px)and (max-width:1023.5px) {
    .box-wrap[data-v-d1b6d5d6] {
        flex-direction: column !important
    }

    .box-wrap .box[data-v-d1b6d5d6] {
        height: 7.14286rem !important
    }
}

@media screen and (max-width:767.5px) {

    .box-wrap .part1[data-v-d1b6d5d6],
    .box-wrap .part2[data-v-d1b6d5d6],
    .box-wrap[data-v-d1b6d5d6] {
        flex-direction: column !important
    }

    .box-wrap .box[data-v-d1b6d5d6] {
        flex: auto !important
    }
}

.container-box[data-v-bec3a49e] {
    min-height: 100%;
    width: 100%;
    background-color: #030708;
    color: #fff
}

.container-box .container-main[data-v-bec3a49e] {
    max-width: 137.14286rem;
    margin: auto
}

.container-box .content-fullscreen[data-v-bec3a49e] {
    max-width: 100%
}

.safe-bottom[data-v-bec3a49e] {
    padding-top: 4.28571rem;
    padding-top: calc(4.28571rem + constant(safe-area-inset-bottom));
    padding-top: calc(4.28571rem + env(safe-area-inset-bottom))
}

.light-box .container-box[data-v-bec3a49e] {
    background-color: #fff;
    color: #333
}