.lobbyNav{height:100%;position:fixed;top:0;bottom:0;left:-335px;width:335px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;background-color:#2269d4 \9;background-color:rgba(34,105,212,.9);-moz-transition:left linear .5s!important;-o-transition:left linear .5s!important;-webkit-transition:left linear .5s!important;transition:left linear .5s!important;z-index:100}.lobbyNav-title{height:75px;text-align:center}.lobbyNav-title img{display:inline-block;max-height:60px;vertical-align:middle}.LobbyNav-banner{height:120px;margin:0;background-color:#000}.lobbyNav-category{height:65px;text-align:center;position:relative}.lobbyNav-list{background-color:rgba(0,23,57,.8);height:100%;overflow-x:hidden;overflow-y:scroll}.lobbyNav-list::-webkit-scrollbar{width:18px;height:18px}.lobbyNav-list::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px #1d55ab;background:#1d55ab}.lobbyNav-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #031b3e;border-radius:0;background:#031b3e}.swiper-container{width:290px;height:65px;line-height:65px}.swiper-wrapper li{cursor:pointer;color:#fff;font-size:14px;font-family:Arial,microsoft yahei}.swiper-wrapper li:first-child:before{content:''}.swiper-wrapper li:before{content:'|';padding:0 5px;color:#71aaff;font-size:14px;cursor:default}.swiper-wrapper li:hover,.swiper-wrapper li.active{color:#ffee58}.swiper-button-next{background:url(/img/navigation/next.png);right:0}.swiper-button-prev{background:url(/img/navigation/prev.png);left:0}.swiper-button-next,.swiper-button-prev{width:20px;height:20px;cursor:pointer;top:72%;background-position:0 0}.swiper-button-next:hover,.swiper-button-prev:hover{background-position:0 20px}.lobbyNav-list li{position:relative;float:left;width:102px;height:103px;vertical-align:top;overflow:hidden;padding-top:73px;color:#fff;font-size:14px;font-family:Arial,microsoft yahei;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #003b93;border-bottom:1px solid #003b93}.lobbyNav-list li i{position:absolute;width:30px;height:30px;top:0;left:0}.lobbyNav-list li i.hot{background:url(/img/navigation/hot.png)no-repeat}.lobbyNav-list li i.new{background:url(/img/navigation/new.png)}.lobbyNav-list li img{width:65px;position:absolute;top:10px;left:14px}.lobbyNav-right{background:url(/img/navigation/slide_right.png)no-repeat;position:absolute;width:46px;height:64px;right:-46px;top:196px}.lobbyNav-right.show{background:url(/img/navigation/slide_left.png)no-repeat}.lobbyNav:hover .lobbyNav{left:0}#recommend-list .swiper-pagination{width:100%;bottom:20px}#recommend-list .swiper-pagination-bullet{height:3px;width:3px;background-color:#9e9e9e;margin-right:4px;opacity:1}#recommend-list .swiper-button-next,#recommend-list .swiper-button-prev{top:41%;height:45px;width:45px}#recommend-list .swiper-button-next{right:-55px;background:url(/img/navigation/renext.png)no-repeat;background-position:0 0;opacity:1}#recommend-list .swiper-button-prev{left:-55px;background:url(/img/navigation/prerev.png)no-repeat;background-position:0 0;opacity:1}#recommend-list .swiper-button-prev:hover,#recommend-list .swiper-button-next:hover{background-position:0 -45px}