/*  */
.block_langbar_38604 .box-menu-container{
    display: flex;
    align-items: center;
}
.block_langbar_38604 .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: calc(var(--languageIconSpace-margin-right) - 5px);
    box-shadow: 0px 4px 10px 0px #00000029;
    overflow: auto;
}
.block_langbar_38604 .box-menu-container{
    position: relative;
}
.block_langbar_38604 .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_38604 .lang-menu-box .lang-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.block_langbar_38604 .lang-menu-box .lang-menu-list-more {
    cursor: pointer;
    display: none;
}
.block_langbar_38604 .lang-menu-box .lang-item .langImgBox {
    display: flex;
    align-items: center;
}

.block_langbar_38604 .lang-menu-box .lang-menu .lang-item .langImg {
    margin-right: 10px;
}

.block_langbar_38604 .lang-content .lang-menu-box .lang-menu .lang-item:not(.lang-item-active) .langImgBox .icon {
    display: none;
}

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

@media (min-width: 768px) {
    .block_langbar_38604 .lang-menu-box.double-column{
        /* transform: translateX(13px); */
    }
    .block_langbar_38604 .lang-content .lang-menu-box .lang-menu .langImgBox .icon {
        display: none;
    }
    .block_langbar_38604 .lang-content .lang-menu-box .lang-menu .lang-item-back {
        display: none;
    }
}

@media (max-width: 768px) {
    .langbar_contaienr_template .block_langbar_38604 .lang-menu .lang-item-active .langNa {
        text-decoration: unset;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-menu-box.double-column .lang-menu-list-more {
        display: none
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-menu-box::after {
        display: none;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content,.block_langbar_38604 .box-menu-container {
        position: unset;
        z-index: 3;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .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;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu-list {
        max-height: unset;
        width: 100%;
        overflow-y: auto !important;
        height: 100%;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-item {
        width: 100%;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu li.lang-item.langTile {
        padding: 20px 0;
        border-bottom: 1px solid #00000033;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu {
        padding: 0 20px;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu li.lang-item .icon {
        margin-left: auto;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu .lang-item-back {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #00000033;
        cursor: pointer;
        width: 100%;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-content .lang-menu-box .lang-menu .lang-item-back .langNa {
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        margin-left: 8px;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-menu .lang-item-active .langNa {
        text-decoration: unset;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-menu .langNa {
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }
    .langbar_contaienr_template .block_langbar_38604 .lang-menu .lang-sprites-slide {
        margin-right: 8px;
    }

}
/*  */

/* 双列布局 */
.block_langbar_38604 .lang-menu-box.double-column {
    width: 260px;
    max-height: 320px;
    padding: 8px 0;
}
.block_langbar_38604 .lang-menu-box.double-column .lang-menu-list {
    max-height: 260px;
    overflow: hidden !important;
}
.block_langbar_38604 .lang-menu-box.double-column.expanded {
    max-height: 360px;
    right: -18px;
}
.block_langbar_38604 .lang-menu-box.double-column.expanded .lang-menu-list {
    max-height: 340px;
    overflow-y: auto !important;
}
.block_langbar_38604 .lang-menu-box.double-column.expanded .lang-menu-list-more {
    display: none;
}
.block_langbar_38604 .lang-menu-box.double-column .lang-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.block_langbar_38604 .lang-menu-box.double-column .lang-menu li.lang-item.langTile{
    padding: 8px 10px 8px 10px;
}
.block_langbar_38604 .lang-menu-box.double-column .lang-item {
    width: 50%; /* 每列占50%宽度 */
    box-sizing: border-box;
}
.block_langbar_38604 .lang-menu-box.double-column .lang-item .langNa {
    width: calc(100% - 21px);
}
.block_langbar_38604 .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-size: 14px;
    font-weight: 600;
    color: #008CFF;
}
/* 双列布局 */


.block_langbar_38604 .lang-dropdown-content{
    display: flex;
    align-items: center;
}
.block_langbar_38604 .lang-side-content{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.block_langbar_38604 .lang-side-content .lang-side-content-box{
    /* display: flex;
    align-items: center;
    flex-wrap: wrap; */
}
/* @media (max-width: 768px) {
  .block_langbar_38604{
    position: relative;
  }
} */

.block_langbar_38604{
    /* 样式 */
    --langbar-flat-size:24px;
    --langbar-dropdown-size:12px;
    --languageSpaceRow-padding:8px 20px;
    --languageSpaceColumn-padding: 8px;
    --languageIconSpace-margin-right:10px;
    --languageNationalSpace-margin-right:10px;
    --languageNameSpace-margin-right:20px;
    --languageMarginSpaceRow-margin-right:8px;
    --languageMarginSpaceColumn-margin-bottom:8px; 

    /* 颜色 */
    /* --langbar-icon-color:rgba(0, 0, 0, 1); */
    --langbar-text-color:rgba(0, 0, 0, 1);
    --langbar-text-hover-color:rgba(0, 0, 0, 1);
    --langbar-dropdown-text-color:rgba(0, 0, 0, 1);
    --langbar-dropdown-text-color-hover: rgba(16, 142, 233, 1);
    --langbar-icon-color:rgba(0, 0, 0, 1);
    --langbar-icon-hover-color:rgba(0, 0, 0, 1);
    /* --langbar-border-color:rgba(0, 0, 0, 1);
    --langbar-border-color-hover:rgba(0, 0, 0, 1); */
    --langbar-bg-color:rgba(255, 255, 255, 0);
    --langbar-bg-color-hover: rgba(255, 255, 255, 0);
    /* 颜色悬浮 */
    --langbar-icon-color-hover:rgba(0, 0, 0, 1);
}
.block_langbar_38604 .langImgBox{
    line-height: 19px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.block_langbar_38604 .lang-dropdown,
.block_langbar_38604 .lang-dropdown-content{
    position: relative;
    /* max-width: 140px; */
    width: min-content;
}

.block_langbar_38604 .lang-side-content{
    position: relative;
    max-width: 100%;
}
.block_langbar_38604 .lang-menu {
}
.block_langbar_38604 .languageName{
    white-space: nowrap;
}
.block_langbar_38604 .lang-menu li.lang-item.langTile{
        padding: 4px 11px 6px 11px;
}

.block_langbar_38604 .lang-flat{
    cursor: pointer;
    font-size: var(--langbar-flat-size);
    color: #333;
}
.block_langbar_38604 .lang-dropdown{
    cursor: pointer;
    font-size: var(--langbar-dropdown-size);
    color: #333;
}
.block_langbar_38604 .langIcon{
    /* padding: var(--languageSpaceColumn-padding); */
}
.block_langbar_38604 .languageSpaceRow{
    padding: var(--languageSpaceRow-padding);
}
.block_langbar_38604 .languageIconSpace{
    margin-right: var(--languageIconSpace-margin-right);
}
.block_langbar_38604 .languageNationalSpace{
    margin-right: var(--languageNationalSpace-margin-right);
}
.block_langbar_38604 .languageNameSpace{
    margin-right: var(--languageNameSpace-margin-right);
}
.block_langbar_38604 .languageMarginSpaceRow{
    margin-right: var(--languageMarginSpaceRow-margin-right);
}
.block_langbar_38604 .languageMarginSpaceColumn{
    row-gap: var(--languageMarginSpaceColumn-margin-bottom);
}
/* 颜色 */
.block_langbar_38604 .defaultContainer{
    color: var(--langbar-text-color);
}
.block_langbar_38604 .defaultContainer:hover{
    color: var(--langbar-text-hover-color);
}
.block_langbar_38604 li .langNa{
    color: var(--langbar-dropdown-text-color);
}
.block_langbar_38604 li .langNa:hover{
    color: var(--langbar-dropdown-text-color-hover);
}
.block_langbar_38604 .langIcon{
    color: var(--langbar-icon-color);
}
.block_langbar_38604 .langIcon:hover{
    color: var(--langbar-icon-color-hover);
}
/* .block_langbar_38604 .lang_borderStyles{
    border: var(--langbar-border-color);
}
.block_langbar_38604 .lang_borderStyles:hover{
    border: var(--langbar-border-color-hover);
} */
.block_langbar_38604 .lang_prodBgColor{
    background: var(--langbar-bg-color);
}
/* .block_langbar_38604 .lang_prodBgColor:hover{
    background: var(--langbar-bg-color-hover);
} */
/* 默认样式 */
.block_langbar_38604 .lang-menu.lang-default-menu{

}
.block_langbar_38604 .lang-menu.lang-default-menu li:hover{
}
.block_langbar_38604 .lang-menu.lang-default-menu li:hover a>span{
}
.block_langbar_38604 .lang-menu.lang-default-menu li a span{
    color:#000;
}


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