@charset "UTF-8";
:root {
    --van-tabs-card-height: auto
}

.van-toast[data-v-0ffc3892] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-0ffc3892] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-0ffc3892] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-0ffc3892] {
    height: 80%
}

@media(orientation:landscape) {
    html.landscape[data-v-0ffc3892] {
        font-size: 9vh !important
    }
}

.onlineGames__container[data-v-0ffc3892] {
    overflow: hidden
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center span {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center span.active {
    opacity: 0
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center input {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translateY(-50%);
    width: .13333rem;
    height: .93333rem;
    padding: .06667rem;
    padding: .2rem 0 .2rem 1.46667rem;
    font-size: .37333rem;
    font-weight: 400;
    border: none;
    border-radius: .46667rem;
    background-color: var(--bg_color_L2);
    color: var(--text_color_L1);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center input.active {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.42667rem;
    opacity: 1
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center input::-webkit-input-placeholder {
    color: var(--text_color_L3);
    font-size: .32rem;
    position: relative
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-center input::placeholder {
    color: var(--text_color_L3);
    font-size: .32rem;
    position: relative
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-right {
    width: .77333rem
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-right svg {
    font-size: .64rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: var(--main-color)
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-right svg.active {
    -webkit-transform: translateX(-6.8rem) translateY(.02667rem);
    transform: translate(-6.8rem) translateY(.02667rem)
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-right span {
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: var(--text_color_L2);
    font-size: .37333rem;
    line-height: .53333rem;
    white-space: nowrap;
    display: none
}

.onlineGames__container[data-v-0ffc3892] .navbar .navbar__content .navbar__content-right span.active {
    display: initial;
    top: .13333rem;
    right: 0
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs {
    background-color: transparent;
    padding-bottom: .26667rem
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs .fun-tab-item {
    width: 2.93333rem;
    height: .8rem;
    color: var(--text_color_L2);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: .34667rem;
    background: var(--bg_color_L2);
    margin-right: .26667rem;
    border-radius: .53333rem
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs .fun-tab-item span {
    font-size: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 .05333rem;
    width: 100%
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs .fun-tab-item:last-child {
    margin-right: 0
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs .fun-tab-item.activeClassName {
    background: var(--main_gradient-color)
}

.onlineGames__container[data-v-0ffc3892] .fun-tabs .fun-tab-item.activeClassName span {
    color: var(--text_color_L4) !important
}

.onlineGames__container-tabBar[data-v-0ffc3892] {
    padding-inline: .26667rem
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav {
    padding-top: .37333rem;
    background: var(--bg_color_L1)
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav--card {
    height: 1.86667rem;
    margin: 0;
    border: none;
    background: var(--bg_color_L1)
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav--card .van-tab--card {
    width: 2.53333rem;
    height: 1.33333rem;
    margin-right: .2rem;
    padding: 0;
    color: var(--text_color_L2) !important;
    border-radius: .13333rem;
    background-color: var(--bg_color_L2);
    border: none
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav--card .van-tab--card>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav--card .van-tab--card>span img {
    max-height: 55%;
    max-width: 55%
}

.onlineGames__container-tabBar[data-v-0ffc3892] .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: var(--text_color_L4) !important;
    background: var(--main_gradient-color)
}

.onlineGames__container-list[data-v-0ffc3892] {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .13333rem .24rem;
    padding-bottom: .26667rem
}

.onlineGames__container-list__item[data-v-0ffc3892] {
    width: 100%;
    height: auto;
    border-radius: .06667rem
}

.onlineGames__container-list__item .item_img[data-v-0ffc3892] {
    position: relative;
    width: 100%;
    height: 4rem
}

.onlineGames__container-list__item img[data-v-0ffc3892] {
    width: 100%;
    height: 4rem;
    object-fit: cover;
    border-radius: .08rem;
    background-color: var(--bg_color_L2)
}

.onlineGames__container-list__item .item_name[data-v-0ffc3892] {
    margin-top: .08rem;
    width: 100%;
    height: .77333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.onlineGames__container-list__item span[data-v-0ffc3892] {
    font-size: .32rem;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-inline: .13333rem;
    overflow: hidden;
    color: var(--text_color_L2)
}

.onlineGames__container-list.miniGames[data-v-0ffc3892] {
    height: calc(100vh - 1.6rem)
}

.onlineGames__container .gameIcon[data-v-0ffc3892] {
    width: 1.33333rem;
    height: .66667rem
}