{"issuccess":-1,"article":"Error, unable to connect to API server.","logId":135206}
<style>
ul.right_nav {list-style: none;}
.right_nav{ right:0; bottom:200px; position:fixed; text-align:left;overflow: hidden;z-index:999;width:53px;}
.right_nav li{background:#c9a885;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#b99168}
.right_nav li .hideBox{display: none;position: absolute;right:40px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 10px;border-top: 2px solid #c9a885;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #c9a885;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .lang{margin-top: 10px;}
.right_nav li .hideBox .hb .lang a{display: flex;align-items: center;line-height: 32px;}
.right_nav li .hideBox .hb .lang a:hover{color: #d34545;text-decoration: none;}
.right_nav li .hideBox .hb .lang a:visited{color:#b1adad;}
.right_nav li .hideBox .hb .lang img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .lang p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
</style>
<ul class="right_nav">
<li>
<div class="iconBox oln_ser">
<img src="https://css.chinulture.com/source/plugin/pn_translate/static/lang.png"> 
<!--  <h4>&#20013;&#25991;&#65288;&#21488;&#28771;&#65289;</h4>  -->
</div>
<div class="hideBox">
<div class="hb">
<h5>&#20999;&#25442;&#35821;&#35328;</h5>
<div class="lang">
<a href="https://www.chinulture.com/f40/t182/13?lang=zh">
<p>&#21407;&#25991;&#12288;&#12288;&#12288;&#12288;</p>
</a>
<a href="https://www.chinulture.com/f40/t182/13?lang=zh-cn">
<p>&#20013;&#25991;&#65288;&#31616;&#20307;&#65289;</p>
</a>
<a href="https://www.chinulture.com/f40/t182/13?lang=zh-hant">
<p>&#20013;&#25991;&#65288;&#32321;&#39636;&#65289;</p>
</a>
<a href="https://www.chinulture.com/f40/t182/13?lang=zh-tw">
<p>&#20013;&#25991;&#65288;&#21488;&#28771;&#65289;</p>
</a>
<a href="https://www.chinulture.com/f40/t182/13?lang=zh-hk">
<p>&#20013;&#25991;&#65288;&#39321;&#28207;&#65289;</p>
</a>
</div>
</div>
</div>
</li>
</ul>
<script src="https://css.chinulture.com/static/js/mobile/jquery.min.js?BsN" type="text/javascript"></script>
<script type="text/javascript">
 jQuery.noConflict();
 jQuery(function () {
    var offset_top = jQuery('.right_nav').offset().top;
    var begin = 0,
        end = 0,
        timer = null;
if (jQuery(window).height() < jQuery(document).height() ){
jQuery('.right_nav li:last').hide(); 
    }
    jQuery(window).scroll(function (evt) {
       clearInterval(timer);
       var scroll_top = jQuery(window).scrollTop();
       end = offset_top + scroll_top;
       scroll_top > -1 ? jQuery('.right_nav li:last').fadeIn() : jQuery('.right_nav li:last').fadeOut();

       timer = setInterval(function () {
          begin = begin + (end - begin) * 0.2;
          if (Math.round(begin) === end) {
             clearInterval(timer);
          }
       }, 10);
    });
 });

 var right_nav = jQuery(".right_nav");
 jQuery(".right_nav li").each(function (i) {
    if (i == 0) {
       jQuery(this).mouseover(function () {
          jQuery(this).children(".hideBox").show();
          right_nav.css('overflow', 'visible')
       });
       jQuery(this).mouseout(function () {
          jQuery(this).children(".hideBox").hide();
          right_nav.css('overflow', 'hidden')
       });
    }
 })
</script>
</body></html>