.bg-white{background:#fff}.bg-white-5{background:hsla(0,0%,100%,.05)}.bg-white-10{background:hsla(0,0%,100%,.1)}.bg-white-15{background:hsla(0,0%,100%,.15)}.bg-white-20{background:hsla(0,0%,100%,.2)}.bg-white-30{background:hsla(0,0%,100%,.3)}.bg-dark-public{background-image:url(../img/bg/public_bg.jpg)}.game-center .swiper-sider,.game-center{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}.game-center .swiper-sider{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-right:10px}.game-center .swiper-sider span{width:4px;height:15px;margin-bottom:6px;background:#ccc;-webkit-transition:.3s;transition:.3s}.game-center .swiper-sider span.active{background:#7f368a}.game-center .swiper-main .next,.game-center .swiper-main .prev{width:calc(100% - 23px);margin-left:2px;border-radius:2px;height:20px;background:#8e4d98;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;cursor:pointer}.game-center .swiper-main .next:hover,.game-center .swiper-main .prev:hover{background:#7e368c}.game-center .swiper-main .next .iconfont,.game-center .swiper-main .prev .iconfont{font-size:18px;color:#fff}.game-center .swiper-main .next .iconfont.transTop,.game-center .swiper-main .prev .iconfont.transTop{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.game-center .swiper-main .next .iconfont.transBottom,.game-center .swiper-main .prev .iconfont.transBottom{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.game-center .swiper-main .center{width:100%;height:auto;overflow:hidden;position:relative;z-index:10;overflow-y:hidden;padding-right:23px}.game-center .swiper-main .center .gameList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transition:all .6s;transition:all .6s}.game-center .swiper-main .center .gameList>li{list-style:none;width:100px;padding:2px;text-align:center;display:inline-block;vertical-align:top;background:#fff;color:#7e368c;border-right:3px solid #7e368c;-webkit-box-shadow:0 0 7px 0 rgba(92,5,148,.27);box-shadow:0 0 7px 0 rgba(92,5,148,.27);font-size:12px;margin:0 0 14px 5px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;position:relative}.game-center .swiper-main .center .gameList>li:first-child{margin-top:14px}.game-center .swiper-main .center .gameList>li .logo-img{display:inline-block;width:40px;height:40px}.game-center .swiper-main .center .gameList>li .logo-img img{width:100%;height:100%}.game-center .swiper-main .center .gameList>li .iconfont{font-size:17px;position:absolute;width:20px;height:20px;line-height:15px;color:#7e368c;right:-23px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.game-center .swiper-main .center .gameList>li .label{margin-top:-12px}.game-center .swiper-main .center .gameList:not(:hover) li:first-of-type,.game-center .swiper-main .center .gameList>li:hover{color:#fff;background:#7e368c}.game-center .swiper-main .center .gameList:not(:hover) li:first-of-type .logo-img,.game-center .swiper-main .center .gameList>li:hover .logo-img{-webkit-filter:contrast(180%) brightness(300%);filter:contrast(180%) brightness(300%)}.bg-white{background:#fff}.bg-white-5{background:hsla(0,0%,100%,.05)}.bg-white-10{background:hsla(0,0%,100%,.1)}.bg-white-15{background:hsla(0,0%,100%,.15)}.bg-white-20{background:hsla(0,0%,100%,.2)}.bg-white-30{background:hsla(0,0%,100%,.3)}.bg-dark-public{background-image:url(../img/bg/public_bg.jpg)}.m-gameInfoTab-box{height:500px}.m-gameInfoTab-box h3{font-size:35px;height:35px;line-height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;font-weight:400;margin:60px auto 15px;color:#7f368a;text-stroke:1px #7f3589;padding-left:20px}.m-gameInfoTab-box h3:after{content:"";position:absolute;width:4px;height:75%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;background:#7f368a}.m-gameInfoTab-box h3 span{font-size:26px;opacity:.17;margin-left:20px}.m-gameInfoTab-box .m-gameInfoTab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:34px 20px 0 85px}.m-gameInfoTab-box .m-gameInfoTab .tab{height:450px;width:180px;padding:20px 0;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding-right:35px}.m-gameInfoTab-box .m-gameInfoTab .tab:after,.m-gameInfoTab-box .m-gameInfoTab .tab:before{position:absolute;content:"";width:100%;height:225px;border-right:2px solid #7f368a;background:#fff;z-index:-1}.m-gameInfoTab-box .m-gameInfoTab .tab:before{-webkit-transform:skewX(22deg);transform:skewX(22deg);top:0}.m-gameInfoTab-box .m-gameInfoTab .tab:after{-webkit-transform:skewX(-22deg);transform:skewX(-22deg);bottom:0}.m-gameInfoTab-box .m-gameInfoTab .tab li{position:relative;list-style:none;width:auto;min-width:100%;padding:5px 20px;-webkit-transition:all .4s;transition:all .4s;word-break:keep-all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;white-space:nowrap}.m-gameInfoTab-box .m-gameInfoTab .tab li .bg{position:absolute;left:7%;top:0;width:86%;height:100%;z-index:-1;-webkit-transform:skewX(22deg);transform:skewX(22deg)}.m-gameInfoTab-box .m-gameInfoTab .tab li.skew-front .bg{-webkit-transform:skewX(22deg);transform:skewX(22deg)}.m-gameInfoTab-box .m-gameInfoTab .tab li.skew-reverse .bg{-webkit-transform:skewX(-22deg);transform:skewX(-22deg)}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon{display:inline-block;width:24px;height:24px;margin-right:6px;background-image:url(../img/icons.png);background-repeat:no-repeat;-webkit-transition:all .4s;transition:all .4s;-ms-flex-negative:0;flex-shrink:0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active,.m-gameInfoTab-box .m-gameInfoTab .tab li:hover{color:#fff;font-size:14px}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .bg,.m-gameInfoTab-box .m-gameInfoTab .tab li:hover .bg{background:-webkit-gradient(linear,left top,right top,from(#7e3a87),to(#a12fab));background:linear-gradient(90deg,#7e3a87,#a12fab)}.m-gameInfoTab-box .m-gameInfoTab .tab li.active.skew-front,.m-gameInfoTab-box .m-gameInfoTab .tab li:hover.skew-front{-webkit-transform:scale(1.4) translateX(30px);transform:scale(1.4) translateX(30px)}.m-gameInfoTab-box .m-gameInfoTab .tab li.active.skew-reverse,.m-gameInfoTab-box .m-gameInfoTab .tab li:hover.skew-reverse{-webkit-transform:scale(1.4) translateX(-20px);transform:scale(1.4) translateX(-20px)}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Sport]{background-position:0 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Sport]{background-position:-26px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Casino]{background-position:-52px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Casino]{background-position:-78px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Chess]{background-position:-104px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Chess]{background-position:-130px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=SlotMachine]{background-position:-156px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=SlotMachine]{background-position:-182px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=FishHunting]{background-position:-208px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=FishHunting]{background-position:-234px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Lottery]{background-position:-260px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Lottery]{background-position:-286px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Esport]{background-position:-312px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Esport]{background-position:-338px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li .icon[flag=Horse]{background-position:-364px 0}.m-gameInfoTab-box .m-gameInfoTab .tab li.active .icon[flag=Horse]{background-position:-390px 0}.m-gameInfoTab-box .m-gameInfoTab .container{width:100%;height:450px;position:relative;z-index:0}.m-gameInfoTab-box .m-gameInfoTab .container .content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute}.m-gameInfoTab-box .m-gameInfoTab .container .content-left{width:550px;position:relative;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.m-gameInfoTab-box .m-gameInfoTab .container .content-left img{margin-left:20px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left .float_big{width:100%}.m-gameInfoTab-box .m-gameInfoTab .container .content-left .float_a,.m-gameInfoTab-box .m-gameInfoTab .container .content-left .float_b{position:absolute}.m-gameInfoTab-box .m-gameInfoTab .container .content-left .float_b{-webkit-animation-delay:2s;animation-delay:2s}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.FishHunting .float_a{width:140px;top:16px;left:-32px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.FishHunting .float_b{top:28px;right:42px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.SlotMachine .float_a,.m-gameInfoTab-box .m-gameInfoTab .container .content-left.SlotMachine .float_b{width:210px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.SlotMachine .float_a{top:-25px;left:-30px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.SlotMachine .float_b{width:150px;top:108px;right:-35px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Casino .float_a{top:90px;left:-10px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Casino .float_b{width:70px;bottom:40px;right:-22px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Sport .float_a{width:100px;top:270px;left:-40px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Sport .float_b{width:80px;top:28px;right:-30px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Lottery .float_a{top:43px;left:-30px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Lottery .float_b{right:-54px;top:26px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Chess .float_a{width:80px;top:43px;left:-30px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Chess .float_b{right:-54px;width:75px;top:150px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Esport .float_a{top:340px;width:210px;left:20px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Esport .float_b{top:0;right:-10px}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Horse .float_a{width:140px;top:73px;left:0}.m-gameInfoTab-box .m-gameInfoTab .container .content-left.Horse .float_b{width:100px;top:250px;right:-23px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right{position:relative;margin-right:60px;z-index:2}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .next,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .prev{width:calc(100% - 60px);margin:0 auto;border-radius:2px;height:20px;background:#8e4d98;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;cursor:pointer}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .next:hover,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .prev:hover{background:#7e368c}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .next .iconfont,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .prev .iconfont{font-size:18px;color:#fff}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .next .iconfont.transTop,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .prev .iconfont.transTop{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .next .iconfont.transBottom,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .prev .iconfont.transBottom{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center{padding:0 30px;overflow-y:hidden;position:relative}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .game-center-scroll{height:100%;position:absolute;width:5px;left:5px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .game-center-scroll div{width:4px;height:15px;margin-bottom:6px;background:#ccc;-webkit-transition:.3s;transition:.3s}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .game-center-scroll div.active{background:#7f368a}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList{text-align:left;position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transition:all .6s;transition:all .6s}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li{min-width:100px;padding:2px;text-align:center;display:inline-block;vertical-align:top;background:#fff;color:#7e368c;border-right:3px solid #7e368c;-webkit-box-shadow:0 0 7px 0 rgba(92,5,148,.27);box-shadow:0 0 7px 0 rgba(92,5,148,.27);font-size:12px;margin-bottom:14px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;position:relative}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li:first-child{margin-top:14px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li .logo-img{display:inline-block;width:40px;height:40px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li .logo-img img{width:100%;height:100%}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li .iconfont{font-size:17px;position:absolute;width:20px;height:20px;line-height:15px;color:#7e368c;right:-23px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li .label{margin-top:-12px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList:not(:hover) li:first-of-type,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li:hover{color:#fff;background:#7e368c}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList:not(:hover) li:first-of-type .logo-img,.m-gameInfoTab-box .m-gameInfoTab .container .content-right .game-center .gameList>li:hover .logo-img{-webkit-filter:contrast(180%) brightness(300%);filter:contrast(180%) brightness(300%)}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .gameInfo{color:#7e368c;position:absolute;text-align:center;width:100%;bottom:0;height:220px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .gameInfo h1{font-size:59px;margin-top:0}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .gameInfo p{font-size:28px}.m-gameInfoTab-box .m-gameInfoTab .container .content-right .gameInfo button{margin-top:10px;padding:14px 40px;font-size:22px;font-weight:400;border-radius:100px;margin-top:18px}.fadeLeftIn{-webkit-animation:fadeLeftIn .7s ease-in forwards;animation:fadeLeftIn .7s ease-in forwards}.fadeLeftOut{-webkit-animation:fadeLeftOut .7s ease-out forwards;animation:fadeLeftOut .7s ease-out forwards}.fadeRightIn{-webkit-animation:fadeRightIn .7s ease-in forwards;animation:fadeRightIn .7s ease-in forwards}.fadeRightOut{-webkit-animation:fadeRightOut .7s ease-out forwards;animation:fadeRightOut .7s ease-out forwards}@-webkit-keyframes fadeLeftIn{0%{opacity:0;z-index:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}to{opacity:1;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeLeftIn{0%{opacity:0;z-index:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}to{opacity:1;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeLeftOut{0%{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}95%{z-index:0}to{opacity:0;z-index:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}}@keyframes fadeLeftOut{0%{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}95%{z-index:0}to{opacity:0;z-index:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}}@-webkit-keyframes fadeRightIn{0%{opacity:0;z-index:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;z-index:2;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightIn{0%{opacity:0;z-index:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;z-index:2;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRightOut{0%{opacity:1;z-index:1}95%{z-index:0}to{opacity:0;z-index:0;-webkit-transform:translateX(40px);transform:translateX(40px)}}@keyframes fadeRightOut{0%{opacity:1;z-index:1}95%{z-index:0}to{opacity:0;z-index:0;-webkit-transform:translateX(40px);transform:translateX(40px)}}