.lang-box{position:relative;cursor:pointer;margin-left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lang-box .icon-lang{position:relative;display:block;width:20px;height:20px;border-radius:50%;background-position:50%;background-size:auto 100%;background-repeat:no-repeat;cursor:pointer}.lang-box .icon-lang:lang(en){background-image:url(../img/i18n/en.png)}.lang-box .icon-lang:lang(tl){background-image:url(../img/i18n/tl.png)}.lang-box .icon-lang:lang(zh){background-image:url(../img/i18n/zh.png)}.lang-box .lang-select{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 6px;border-radius:15px;background:rgba(255,255,255,.0784313725);height:30px}.lang-box .lang-select .icon-lang{position:relative;display:inline-block;background-position:left center}.lang-box .lang-select .lang-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:7px;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.lang-box .lang-select .lang-arrow img{width:11px;height:auto}.lang-box .lang-select .lang-arrow.active{-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.lang-box ul.lang-picker{position:absolute;top:45px;right:0;z-index:9999;display:none;padding:10px 0;min-width:63px;border-radius:10px;background:#2d2a38}.lang-box ul.lang-picker.picker-active{display:block}.lang-box ul.lang-picker>li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 30px;width:100%;color:#fff;word-break:unset;white-space:nowrap}.lang-box ul.lang-picker>li.active,.lang-box ul.lang-picker>li:hover{background:-webkit-gradient(linear,left top, right top,color-stop(0, #1778ff),to(#1169e2));background:linear-gradient(90deg,#1778ff 0,#1169e2 100%);cursor:pointer}.lang-box ul.lang-picker>li:not(:last-child):after{position:absolute;bottom:0;left:50%;width:90%;height:1px;background:rgba(255,255,255,.1);content:"";-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.lang-box ul.lang-picker .icon-lang{margin-right:10px}