.lang-con span {
    font-style: normal !important;
}

.lang-con a {
    text-decoration:none
}

.lang-con .row {
    display:flex;
    align-items:center
}

.lang-con .col {
    display:flex;
    flex-direction:column;
    align-items:center
}

.lang-icon span {
    font-size: 12px;
    margin-right: unset !important;
    margin-left: -12px;
}

.lang-con {
    width:15%;
    align-items:flex-start;
    /*position:absolute;*/
    right:12%;
    top:50%
}

.lang-con .lang-icon {
    width:4vw;
    background:#292929;
    justify-content:space-between;
    padding:5px;
    border-radius:999px;
    cursor:pointer
}

.lang-con .lang-icon .lang-img {
    width:60%
}

.lang-con .lang-icon .lang-img img {
    width:60%
}

.lang-con .lang-icon i {
    font-size:.8vw;
    font-weight:bold;
    color:#fff;
    transition:.3s all
}

.lang-con .lang-content {
    display:none;
    position: absolute;
    width:50%;
    background:#292929;
    border-radius:10px;
    margin:2% 0;
    z-index: 9999;
}

.lang-con .lang-content .lang-title {
    width:100%;
    padding:12px 10px;
    border-bottom:1px solid gray;
}

.lang-con .lang-content .lang-title .lang-img {
    width:10%;
}

.lang-con .lang-content .lang-title .lang-img img {
    width:100%;
}

.lang-con .lang-content .lang-title span {
    color:#fff;
    font-size:.8vw;
    padding:0 10px
}

.lang-con .lang-content .lang-item {
    width:100%;
    padding:10px;
    align-items:flex-start
}

.lang-con .lang-content .lang-item .lang-img {
    width:10%
}

.lang-con .lang-content .lang-item .lang-img img {
    width:100%
}

.lang-con .lang-content .lang-item .lang-info {
    align-items:flex-start;
    padding:0 10px;
    gap:5px
}

.lang-con .lang-content .lang-item .lang-info span {
    font-size:.8vw;
    color:#fff
}

.lang-con .lang-content .lang-item .lang-opt a {
    font-size:.8vw;
    padding:0 8px 0 0;
    color:gray;
    border-right:1px solid gray
}

.lang-con .lang-content .lang-item .lang-opt .lang-active {
    color:#ffae00;
    text-decoration:underline
}