.block_langbar_30294{
    --langbar-size:20px;
    /* margin-left: 20px; */
}

.block_langbar_30294 .langbar_empty{
    color: #FFFFFFA6;
}

.block_langbar_30294 .langbar_empty .langbar_empty{
    margin-left: 20px;
}

.block_langbar_30294 .lang-dropdown{
    position: relative;
    margin-left: 20px;
}

.block_langbar_30294 .lang-menu {
    z-index: 110;
    display: none;
    position: absolute;
    border-width: 0 1px 1px;
    text-align: left;
    box-sizing: border-box;
    padding: 5px 0;
    top: calc(100% + 14px);
    right: -10px;
    
    width: 180px;
    height: 200px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px #00000029;
    background: #292F36;
    overflow-y: auto !important;
    overflow: visible;
}

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

.block_langbar_30294 .lang-item {
    padding: 8px 13px;
}

.block_langbar_30294 .lang-menu a.langImgBox {
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.block_langbar_30294 .lang-menu .langNa {
    margin-left: 8px;
}

/* .block_langbar_30294 .lang-menu .lang-item:hover .langNa {
    color: var(--nav-hoverColor) !important;
} */

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


/* 选中状态 */
.block_langbar_30294 .lang-menu .lang-item-active .langNa{
    /* color: var(--nav-hoverColor) !important;
    border-bottom: 1px solid var(--nav-hoverColor); */
    text-decoration: underline;
    text-underline-offset: 4px;
}
.block_langbar_30294 .lang-menu .lang-item-active .avtive-svg{
    display: block;
}
.block_langbar_30294 .lang-menu .avtive-svg path {
    fill: var(--nav-hoverColor);
}


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

.block_langbar_30294 .lanbarSwitch{
    cursor: pointer;

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

}



.block_langbar_30294 .lang-menu::-webkit-scrollbar {
    width: 4px;
}
.block_langbar_30294 .lang-menu::-webkit-scrollbar-track {
    margin: 12px 3px;
    border-radius: 4px;
}
.block_langbar_30294 .lang-menu::-webkit-scrollbar-thumb {
    background: #FFFFFF33;
    border-radius: 4px;
}
.block_langbar_30294 .lang-menu::-webkit-scrollbar-thumb:hover {
    background: #888;
}




/*  */
.lang-sprites-slide{
     vertical-align: middle;
    border-radius: 2px;
    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;
  }
/*  */