@-webkit-keyframes shining{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes shining{0%{opacity:0}60%{opacity:0}to{opacity:1}}.bg.navigation{background-color:#191818}.menu_navigation{position:relative;height:800px;box-sizing:border-box}.menu_navigation .menu_indicator{position:absolute;transform:translateY(-50%);top:50%;left:50px;z-index:9;border-left:2px solid hsla(0,0%,100%,.1)}.menu_navigation .menu_indicator .indicator_box{height:60px;line-height:60px;width:102px;text-align:center;cursor:pointer;color:#d0d0d0;font-size:14px;position:relative}.menu_navigation .menu_indicator .indicator_box.actived{font-weight:700;color:#fefefe;font-size:18px}.menu_navigation .menu_indicator .indicator_box.actived:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:115px;height:78px;background:url(../../vue_static/img/selected.d18450a6.png) no-repeat 50%}.menu_navigation .el-carousel,.menu_navigation .el-carousel__container{height:100%}.menu_navigation .el-carousel .main_content_width{padding-top:96px}.menu_navigation .el-carousel .main_content_width.over_hidden{overflow:hidden}.menu_navigation .el-carousel .natitle{font-size:32px;font-weight:700;text-align:center;color:#fff;margin:0 auto;height:84px;line-height:64px;font-style:italic;background:url(../../vue_static/img/index-icons.a28b2c1d.png) no-repeat 50%}.menu_navigation .el-carousel .natitle.egames{background-position:-540px -307px;width:423px;height:64px}.menu_navigation .el-carousel .natitle.qps{background-position:-1112px -307px;width:626px;height:64px}.menu_navigation .el-carousel .natitle.reals{background-position:-539px -492px;width:533px;height:64px}.menu_navigation .el-carousel .natitle.sports{background-position:-539px -399px;width:341px;height:64px}.menu_navigation .el-carousel .natitle.moreGames{background-position:-1112px -399px;width:636px;height:64px}.menu_navigation .el-carousel .gotodetail{width:100%;display:flex;justify-content:center;margin-top:25px;transition:all .5s;padding-bottom:10px}.menu_navigation .el-carousel .gotodetail .itembox{width:256px;height:506px;position:relative;transition:all .5s;cursor:pointer}.menu_navigation .el-carousel .gotodetail .itembox .sub_menu_badge{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:999;-webkit-animation:slidein 1s ease-out 0s forwards;animation:slidein 1s ease-out 0s forwards}.menu_navigation .el-carousel .gotodetail .itembox .icon_badge_hot_game{display:inline-block;width:36px;height:18px;background:url(../../vue_static/img/icon-base.5bf40b73.png) no-repeat -126px -202px}.menu_navigation .el-carousel .gotodetail .itembox .icon_badge_new_game{display:inline-block;width:36px;height:18px;background:url(../../vue_static/img/icon-base.5bf40b73.png) no-repeat -192px -202px}.menu_navigation .el-carousel .gotodetail .itembox .btn{color:#fff;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:18px;font-weight:700;width:127px;height:52px;text-align:center;line-height:52px;background:url(../../vue_static/img/btn.cb9436e3.png) no-repeat 50%;background-size:100% 100%;opacity:0;transition:all .5s}.menu_navigation .el-carousel .gotodetail .itembox .btn:hover{background:url(../../vue_static/img/btnhover.089dc107.png) no-repeat 50%}.menu_navigation .el-carousel .gotodetail .itembox .itembg{width:268px;height:518px;position:absolute;left:-6px;top:-18px;opacity:0;transition:all .5s}.menu_navigation .el-carousel .gotodetail .itembox:hover{transform:scale(1.05) translateZ(200px) perspective(500px)}.menu_navigation .el-carousel .gotodetail .itembox:hover .btn,.menu_navigation .el-carousel .gotodetail .itembox:hover .itembg{opacity:1;z-index:99}.menu_navigation .el-carousel .gotodetail .itembox img{width:256px;height:506px}.menu_navigation .el-carousel .gotodetail .itembox .itembottom{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);z-index:100;height:150px}.menu_navigation .el-carousel .gotodetail .itembox .itembottom img{height:50px;width:auto;display:block;margin:0 auto}.menu_navigation .el-carousel .gotodetail .itembox .itembottom .name{margin-top:10px;font-size:24px;font-weight:700;color:#fff;text-align:center}.menu_navigation .el-carousel .gotodetail .itembox .itembottom .illustrate{width:200px;margin-top:18px;font-size:14px;color:#fff;text-align:center;transform:translateZ(0)}.menu_navigation .el-carousel .gotodetail .itembox .itembottom .rebate{width:200px;margin-top:10px;font-size:14px;color:#eeba4e;text-align:center;transform:translateZ(0)}.menu_navigation .el-carousel .hint{text-align:center;margin-top:30px;font-size:14px;color:#d0d0d0;margin-bottom:20px}.menu_navigation .el-carousel .hint span{color:#eeba4e}@-webkit-keyframes slidein{0%{height:0}80%{height:0}to{height:18px}}@keyframes slidein{0%{height:0}80%{height:0}to{height:18px}}