:root {
    --van-tabs-card-height: auto
}

[data-v-6dbd07ea]:root {
    --van-picker-background: #22275B;
    --van-picker-option-text-color: #fff;
    --van-border-color: rgba(55, 73, 146, .5);
    --van-picker-mask-color: linear-gradient(180deg, rgba(34, 39, 91, .9), rgba(34, 39, 91, .4)), linear-gradient(0deg, rgba(34, 39, 91, .9), rgba(34, 39, 91, .4));
    --van-text-color: #fff;
    --van-popup-background: var(--van-picker-background);
    --van-dialog-background: var(--van-picker-background);
    --van-dialog-has-title-message-text-color: #fff
}

.van-toast[data-v-6dbd07ea] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-6dbd07ea] {
    box-shadow: 0 .05333rem #e04846;
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-6dbd07ea] {
    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-6dbd07ea] {
    height: 80%
}

.onlineGames__container[data-v-6dbd07ea] {
    overflow: hidden
}

.onlineGames__container[data-v-6dbd07ea] .navbar .navbar__content .navbar__content-center span {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

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

.onlineGames__container[data-v-6dbd07ea] .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: .2rem 0 .2rem 1.46667rem;
    font-size: .37333rem;
    font-weight: 400;
    border: .01333rem solid #43B5EC;
    border-radius: .46667rem;
    background-color: #00D08A;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

.onlineGames__container[data-v-6dbd07ea] .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-6dbd07ea] .navbar .navbar__content .navbar__content-center input::-webkit-input-placeholder {
    color: #acafc2;
    font-size: .32rem;
    position: relative
}

.onlineGames__container[data-v-6dbd07ea] .navbar .navbar__content .navbar__content-center input::placeholder {
    color: #acafc2;
    font-size: .32rem;
    position: relative
}

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

.onlineGames__container[data-v-6dbd07ea] .navbar .navbar__content .navbar__content-right i {
    font-size: .64rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

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

.onlineGames__container[data-v-6dbd07ea] .navbar .navbar__content .navbar__content-right span {
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #84bcff;
    font-size: .37333rem;
    line-height: .53333rem;
    white-space: nowrap;
    display: none
}

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

.onlineGames__container[data-v-6dbd07ea] .tab-type {
    background-color: transparent;
    padding-bottom: .26667rem
}

.onlineGames__container[data-v-6dbd07ea] .tab-type .fun-tab-item {
    width: 2.93333rem;
    height: .8rem;
    color: #80849c;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: .34667rem;
    margin-right: .26667rem;
    border-radius: .53333rem
}

.onlineGames__container[data-v-6dbd07ea] .tab-type .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-6dbd07ea] .tab-type .fun-tab-item:last-child {
    margin-right: 0
}

.onlineGames__container[data-v-6dbd07ea] .tab-type .fun-tab-item.activeClassName {
    background: -webkit-linear-gradient(left, #2979F2 0%, #2AAAF3 100%);
    background: linear-gradient(90deg, #2979F2 0%, #2AAAF3 100%)
}

.onlineGames__container[data-v-6dbd07ea] .tab-type .fun-tab-item.activeClassName span {
    color: #fff
}

.onlineGames__container[data-v-6dbd07ea] .tabs .fun-tabs .fun-tab-item {
    padding: .18667rem 0
}

.onlineGames__container[data-v-6dbd07ea] .tabs .tab_item {
    width: 2.53333rem;
    height: 1.33333rem;
    margin-inline: .06667rem;
    padding: 0;
    color: #80849c!important;
    border-radius: .13333rem;
    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
}

.onlineGames__container[data-v-6dbd07ea] .tabs .tab_item img {
    height: .66667rem
}

.onlineGames__container[data-v-6dbd07ea] .tabs .tab_item span {
    font-size: .32rem
}

.onlineGames__container[data-v-6dbd07ea] .tabs .tab_active {
    color: #fff!important;
    background: -webkit-linear-gradient(left, #2979F2 0%, #2AAAF3 100%);
    background: linear-gradient(90deg, #3BAF4C 0%, #00D08A 100%);
}

.onlineGames__container-gameType[data-v-6dbd07ea] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    gap: .28rem;
    width: 100%;
    margin-bottom: .8rem;
    padding-inline: .32rem
}

.onlineGames__container-gameType__item[data-v-6dbd07ea] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 2.93333rem;
    height: .8rem;
    color: #80849c;
    font-size: .34667rem;
    text-align: center;
    line-height: .8rem;
    border-radius: 9rem;
    background: #ffffff;
    box-shadow: 0 .08rem .16rem .05333rem #d0d0ed5c
}

.onlineGames__container-gameType__item.active[data-v-6dbd07ea] {
    color: #fff;
    background: -webkit-linear-gradient(left, #2979F2 0%, #2AAAF3 100%);
    background: linear-gradient(90deg, #2979F2 0%, #2AAAF3 100%)
}

.onlineGames__container-list[data-v-6dbd07ea] {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: .26667rem .21333rem;
    height: auto;
    overflow-y: auto;
    padding: 0 .16rem
}

.onlineGames__container-list__item[data-v-6dbd07ea] {
    width: 2.96rem;
    height: 3.73333rem;
    border-radius: .26667rem;
    background: -webkit-linear-gradient(297deg, #00D08A 5.33%, #5cba47 93.42%);
    background: linear-gradient(153deg, #00D08A 5.33%, #5cba47 93.42%)
}

.onlineGames__container-list__item img[data-v-6dbd07ea] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .26667rem
}

.onlineGames__container-list__item span[data-v-6dbd07ea] {
    display: block;
    width: 100%;
    height: .77333rem;
    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: .26667rem;
    overflow: hidden
}

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