.block_langbar_30364{
    --langbar-size:20px;
    --langbar-icon-color: #fff;
}

.headerFixedHover .block_langbar_30364 .langbar_empty{
    color: var(--langbar-hover-color) !important;
}

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

.block_langbar_30364 .lang-indicate {
    display: none;
    width: 14px;
    height: 14px;
    background: #ffffff;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(100% + 7px);
    right: 2px;
    z-index: 999;
}

.block_langbar_30364 .lang-menu-list {
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
}
.block_langbar_30364 .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;
    top: calc(100% + 14px);
    right: -10px;
    box-shadow: 0px 4px 10px 0px #00000029;
}
.block_langbar_30364 .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_30364 .lang-menu li.lang-item.langTile{
    padding: 4px 11px 6px 11px;
}

.block_langbar_30364 .lanbarSwitch{
    cursor: pointer;

    font-size: var(--langbar-size) !important;
    color: var(--langbar-icon-color);
}

.headerFixedHover .block_30364 .header_content .right_container .block_langbar_30364 .defaultContainer {
    color: var(--langbar-icon-hover-color);
}
/* .block_langbar_30364 .defaultContainer:hover {
    color: var(--langbar-icon-color) !important;
} */
.headerFixedHover .block_langbar_30364 .defaultContainer:hover {
    color: var(--langbar-icon-hover-color) !important;
}

.block_langbar_30364 .lang-item {
    padding: 8px 10px;
}

.block_langbar_30364 .lang-menu .langImgBox {
    display: flex;
    align-items: center;
}
.block_langbar_30364 .lang-menu .langNa {
    margin-left: 8px;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}

.block_langbar_30364 .lang-menu .lang-item.lang-item-active .langImgBox {
    color: #000000;
}

/* .block_langbar_30364 .lang-menu .lang-item:hover .langNa {
    color: #008CFF;
} */

.block_langbar_30364 .lang-menu .avtive-svg {
    margin-left: auto;
    display: none;
}

/* 选中状态 */
.block_langbar_30364 .lang-menu .lang-item-active .langNa{
    /* color: #008CFF;
    border-bottom: 1px solid #008CFF; */
    text-decoration: underline;
    text-underline-offset: 4px;
}
.block_langbar_30364 .lang-menu .lang-item-active .avtive-svg{
    display: block;
}


.block_langbar_30364 .lang-menu li.lang-item.langTile{
    padding: 4px 17px 12px 17px
}

.block_langbar_30364 .lang-menu li.lang-item.langTile:last-child {
    padding-bottom: 0;
}


.block_langbar_30364 .lang-menu-list::-webkit-scrollbar {
    /* width: 4px; */
}
.block_langbar_30364 .lang-menu-list::-webkit-scrollbar-track {
    border-radius: 4px;
}
.block_langbar_30364 .lang-menu-list::-webkit-scrollbar-thumb {
    background: #FFFFFF33;
    border-radius: 4px;
}
.block_langbar_30364 .lang-menu-list::-webkit-scrollbar-thumb {
    background: #888;
}


@media(max-width: 768px){
    .block_langbar_30364 .langbar_empty .langbar_empty {
        width: 22px;
    }

    .block_langbar_30364 .lang-menu .langNa {
        margin: 0 0 0 8px !important;
    }
}

/*  */
.lang-sprites-slide{
     /* margin-right: 4px; */
     vertical-align: middle;
     /* margin-bottom: 6px; */
 }
 .block_langbar_30364 .lang-sprites-slide {
     margin: 0;
 }
 .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;
  }
/*  */