.block_langbar_30124{
    --langbar-size:20px;
    margin-left: 20px;
}

.block_langbar_30124 .langbar_empty{
}

.block_langbar_30124 .lang-dropdown{
    position: relative;
}

.block_langbar_30124 .lang-menu li.lang-item.langTile{
        padding: 4px 11px 6px 11px;
}

.block_langbar_30124 .lanbarSwitch{
    cursor: pointer;

    font-size: var(--langbar-size) !important;
    color: #000000;

}

.block_langbar_30124 .lang-menu-list {
    width: 100%;
    max-height: 254px;
    overflow-y: auto !important;
}

.block_langbar_30124 .lang-menu-box {
    z-index: 100;
    display: none;
    position: absolute;
    border-width: 0 1px 1px;
    border-radius: 4px;
    text-align: left;
    box-sizing: border-box;
    padding: 10px 3px;
    background: #ffffff;
    /* width: 180px;
    height: 209px; */
    width: 140px;
    max-height: 274px;
    top: calc(100% + 14px);
    right: -6px;
    box-shadow: 0px 4px 10px 0px #00000029;
}
.block_langbar_30124 .lang-menu-box::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 89%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff; /* 改变颜色以适应您的需求 */
}

.block_langbar_30124 .lang-menu-box .lang-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.block_langbar_30124 .lang-menu-box .lang-menu-list-more {
    cursor: pointer;
    display: none;
}
.block_langbar_30124 .lang-menu-box .lang-item .langImgBox {
    display: flex;
    align-items: center;
}

/* 双列布局 */
.block_langbar_30124 .lang-menu-box.double-column {
    width: 260px;
    max-height: 320px;
    padding: 8px 0;
}
.block_langbar_30124 .lang-menu-box.double-column .lang-menu-list {
    max-height: 260px;
    overflow: hidden !important;
}
.block_langbar_30124 .lang-menu-box.double-column.expanded {
    max-height: 360px;
    right: -18px;
}
.block_langbar_30124 .lang-menu-box.double-column.expanded .lang-menu-list {
    max-height: 340px;
    overflow-y: auto !important;
}
.block_langbar_30124 .lang-menu-box.double-column.expanded .lang-menu-list-more {
    display: none;
}
.block_langbar_30124 .lang-menu-box.double-column .lang-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.block_langbar_30124 .lang-menu-box.double-column .lang-menu li.lang-item.langTile{
    padding: 8px 10px 8px 10px;
}
.block_langbar_30124 .lang-menu-box.double-column .lang-item {
    width: 50%; /* 每列占50%宽度 */
    box-sizing: border-box;
}
.block_langbar_30124 .lang-menu-box.double-column .lang-item .langNa {
    width: calc(100% - 21px);
}
.block_langbar_30124 .lang-menu-box.double-column .lang-menu-list-more {
    border-top: 1px solid #E9EDF7;
    display: flex;
    align-items: center;
    height: 48px;
    justify-content: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 600;
    color: #008CFF;
}




/* 选中状态 */
.block_langbar_30124 .lang-menu .lang-item-active .langNa{
    text-decoration: underline;
    text-underline-offset: 4px;
}
.block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu .lang-item:not(.lang-item-active) .langImgBox .icon {
    display: none;
}

@media (min-width: 768px) {
    .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu .langImgBox .icon {
        display: none;
    }
    .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu .lang-item-back {
        display: none;
    }
}

@media (max-width: 768px) {
    .block_30124 .block_langbar_30124 .lang-menu-box.double-column .lang-menu-list-more {
        display: none
    }
    .block_30124 .block_langbar_30124 .lang-menu-box::after {
        display: none;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown {
        position: unset;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box{
        top: 100%;
        left: 0;
        width: 100vw;
        border: 1px solid #E9EDF7;
        border-radius: 0;
        height: calc(100vh - 100%);
        max-height: unset;
        box-shadow: none;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu-list {
        max-height: unset;
        width: 100%;
        overflow-y: auto !important;
        height: 100%;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-item {
        width: 100%;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu li.lang-item.langTile {
        padding: 20px 0;
        border-bottom: 1px solid #00000033;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu {
        padding: 0 20px;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu li.lang-item .icon {
        margin-left: auto;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu .lang-item-back {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #00000033;
        cursor: pointer;
        width: 100%;
    }
    .block_30124 .block_langbar_30124 .lang-dropdown .lang-menu-box .lang-menu .lang-item-back .langNa {
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        margin-left: 8px;
    }
    .block_30124 .block_langbar_30124 .lang-menu .lang-item-active .langNa {
        text-decoration: unset;
    }
    .block_30124 .block_langbar_30124 .lang-menu .langNa {
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }
    .block_30124 .block_langbar_30124 .lang-menu .lang-sprites-slide {
        margin-right: 8px;
    }

}



/*  */
.lang-sprites-slide{
     margin-right: 4px;
     vertical-align: middle;
     /* margin-bottom: 6px; */
 }
 .sprites{
     display: inline-block;
     width:21px;
     height: 14px;
     background: url("/static/t-skBqBKsKkoljlmbn/assets/widget/images/langBar/sprites.png");
     background-repeat: no-repeat;
 }
 .sprites-0{
     background-position: -252px -116px;
 }
 .sprites-1{
     background-position: -294px 0;
 }
 .sprites-2{
     background-position: -294px -16px;
 }
 .sprites-2-new{
     background-position: -42px -261px;
 }
 .sprites-3{
     background-position: -294px -32px;
 }
 .sprites-4{
     background-position: -294px -48px;
 }
 .sprites-5{
     background-position: -294px -64px;
 }
 .sprites-6{
     background-position: -294px -80px;
 }
 .sprites-7{
     background-position: -294px -96px;
 }
 .sprites-8{
     background-position: -294px -112px;
 }
 .sprites-9{
     background-position: -294px -128px;
 }
 .sprites-10{
     background-position: -317px 0;
 }
 .sprites-11{
     background-position: -317px -16px;
 }
 .sprites-12{
     background-position: -317px -32px;
 }
 .sprites-13{
     background-position: -317px -48px;
 }
 .sprites-14{
     background-position: -317px -64px;
 }
 .sprites-15{
     background-position: -317px -80px;
 }
 .sprites-16{
     background-position: -317px -96px;
 }
 .sprites-17{
     background-position: -317px -112px;
 }
 .sprites-18{
     background-position: -317px -128px;
 }
 .sprites-19{
     background-position: -340px 0;
 }
 .sprites-20{
     background-position: -340px -16px;
 }
 .sprites-21{
     background-position: -340px -32px;
 }
 .sprites-22{
     background-position: -340px -48px;
 }
 .sprites-23{
     background-position: -340px -64px;
 }
 .sprites-24{
     background-position: -340px -80px;
 }
 .sprites-25{
     background-position: -340px -96px;
 }
 .sprites-26{
     background-position: -340px -112px;
 }
 .sprites-27{
     background-position: -340px -128px;
 }
 .sprites-28{
     background-position: -363px 0;
 }
 .sprites-29{
     background-position: -363px -16px;
 }
 .sprites-30{
     background-position: -363px -32px;
 }
 .sprites-31{
     background-position: -363px -48px;
 }
 .sprites-32{
     background-position: -363px -64px;
 }
 .sprites-33{
     background-position: -363px -80px;
 }
 .sprites-34{
     background-position: -340px -140px;
 }
 .sprites-35{
     background-position: -363px -140px;
 }
 .sprites-36{
     background-position: -363px -128px;
 }
 .sprites-37{
     background-position: -363px -112px;
 }
 .sprites-38{
     background-position: -363px -96px;
 }
 .sprites-39{
     background-position: -252px -145px;
 }
 .sprites-40{
     background-position: -317px -145px;
 }
 .sprites-41{
     background-position: -42px -174px;
 }
 .sprites-42{
    background-position: -126px -174px;
}
.sprites-43{
    background-position: -294px -128px;
}
 .sprites-44{
    background-position: -210px -174px;
}
 .sprites-45{
    background-position: -252px -174px;
}
.sprites-46{
    background-position: -317px -174px;
}
.sprites-47{
    background-position: -42px -203px;
}
.sprites-48{
    background-position: -126px -203px;
}
.sprites-49{
    background-position: -210px -203px;
}
.sprites-50{
    background-position: -293px -202px;
}
.sprites-51{
    background-position: -359px -203px;
}
.sprites-52{
    background-position: -126px -232px ;
}
.sprites-53{
    background-position: -210px -232px ;
}
.sprites-54{
    background-position: -294px -245px ;
}
.sprites-55{
    background-position: -360px -232px ;
}
.sprites-56{
    background-position: -126px -261px ;
}
.sprites-57{
    background-position: -210px -261px ;
}
.sprites-58{
    background-position: -294px -261px ;

}


 .bSprites{
     display:inline-block;
     width:40px;
     height: 27px;
     background: url("../../../images/langBar/sprites.png");
     background-repeat: no-repeat;
 }
 .bSprites-0{
     background-position: 0 0;
 }
 .bSprites-1{
     background-position: 0 -29px;
 }
 .bSprites-2{
     background-position: 0 -58px;
 }
 .bSprites-2-new{
     background-position: 0 -261px;
 }
 .bSprites-3{
     background-position: 0 -87px;
 }
 .bSprites-4{
     background-position: 0 -116px;
 }
 .bSprites-5{
     background-position: -42px 0px;
 }
 .bSprites-6{
     background-position: -42px -29px;
 }
 .bSprites-7{
     background-position: -42px -58px;
 }
 .bSprites-8{
     background-position: -42px -87px;
 }
 .bSprites-9{
     background-position: -42px -116px;
 }
 .bSprites-10{
     background-position: -84px 0;
 }
 .bSprites-11{
     background-position: -84px -29px;
 }
 .bSprites-12{
     background-position: -84px -58px;
 }
 .bSprites-13{
     background-position: -84px -87px;
 }
 .bSprites-14{
     background-position: -84px -116px;
 }
 .bSprites-15{
     background-position: -126px 0px;
 }
 .bSprites-16{
     background-position: -126px -29px;
 }
 .bSprites-17{
     background-position: -126px -58px;
 }
 .bSprites-18{
     background-position: -126px -87px;
 }
 .bSprites-19{
     background-position: -126px -116px;
 }
 .bSprites-20{
     background-position: -168px 0px;
 }
 .bSprites-21{
     background-position: -168px -29px;
 }
 .bSprites-22{
     background-position: -168px -58px;
 }
 .bSprites-23{
     background-position: -168px -87px;
 }
 .bSprites-24{
     background-position: -168px -116px;
 }
 .bSprites-25{
     background-position: -210px 0px;
 }
 .bSprites-26{
     background-position: -210px -29px;
 }
 .bSprites-27{
     background-position: -210px -58px;
 }
 .bSprites-28{
     background-position: -210px -87px;
 }
 .bSprites-29{
     background-position: -210px -116px;
 }
 .bSprites-30{
     background-position: -252px 0px;
 }
 .bSprites-31{
     background-position: -252px -29px;
 }
 .bSprites-32{
     background-position: -252px -58px;
 }
 .bSprites-33{
     background-position: -252px -87px;
 }
 .bSprites-34{
     background-position: -168px -145px;
 }
 .bSprites-35{
     background-position: -126px -145px;
 }
 .bSprites-36{
     background-position: -84px -145px;
 }
 .bSprites-37{
     background-position: -42px -145px;
 }
 .bSprites-38{
     background-position: 0 -145px;
 }
 .bSprites-39{
     background-position: -210px -145px;
 }
 .bSprites-40{
     background-position: -275px -145px;
 }
 .bSprites-41{
     background-position: 0 -174px;
 }
 .bSprites-42{
    background-position: -84px -174px;
}
 .bSprites-43{
    background-position: -42px -116px;
}
 .bSprites-44{
    background-position: -168px -174px;
}
 .bSprites-45{
    background-position: -275px -174px;
}
 .bSprites-46{
      background-position: -275px -174px;
  }
.bSprites-47{
    background-position: 0 -203px;
}
.bSprites-48{
    background-position: -84px -203px;
}
.bSprites-49{
    background-position: -168px -203px;
}
.bSprites-50{
    background-position: -252px -202px;
}
.bSprites-51{
    background-position: -317px -203px;
}
.bSprites-52{
    background-position: -84px -232px;
}
.bSprites-53{
    background-position: -168px -232px;
}
.bSprites-54{
    background-position: -252px -232px;
}
.bSprites-55{
    background-position: -317px -232px;
}
.bSprites-56{
    background-position: -84px -261px;
}
.bSprites-57{
     background-position: -168px -261px;
 }
.bSprites-58{
      background-position: -252px -261px;
  }
/*  */