@charset "UTF-8";html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,head,nav,main,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,'Nunito',"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
input,button,textarea{font-family:Nunito}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url("../images/nunito.woff") format("woff")}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.htmlOver,.htmlOver body{width:100%;height:100%;overflow:hidden}
.headWrap{height:80px}
.headWrap .inner{position:fixed;top:0;left:0;width:100%;height:80px;background-color:rgba(0,0,0,0.45);color:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color: #2564C3;box-shadow:0 -5px 10px rgb(0 0 0 / 80%)}
.headWrap .inner::before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);}
.headArea{max-width:1160px;margin:0 auto;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.headArea .myGameBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:24px;padding:12px;background-image:linear-gradient(45deg,#f2424d,#ff42a5);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
.headArea .myGameBtn .i-ico{display:block;width:20px;height:20px;background:#fff;-webkit-mask-image:url(../images/gamepad.svg);mask-image:url(../images/gamepad.svg);-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-right:5px}
.headArea .myGameBtn .i-txt{color:#fff;letter-spacing:.65px;font-weight:700;line-height:1.6;color:#fff}
.headArea .it-l{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headArea .hd-logo{display:block;width:250px;height:60px;margin-right:15px}
.headArea .hd-logo a{background:url(../images/logo.svg) no-repeat;background-size:100% 100%;display:block;width:100%;height:100%;overflow:hidden;line-height:99}
.headArea .hd-sch{display:block;width:32px;height:32px;background:#fff;margin-right:10px;-webkit-mask-image:url(../images/serch.svg);mask-image:url(../images/serch.svg);-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.headArea .hd-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headArea .hd-menu li{padding:0 10px}
.headArea .hd-menu li a{font-weight:bold;font-family:'Aldrich',sans-serif;text-transform:uppercase;font-size:18px;color:#fff}
.headAreaPhone{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;width:100%;position:relative}
.headAreaPhone .lb-side{display:-webkit-box;display:-ms-flexbox;display:flex}
.headAreaPhone .lb-side a{margin-right:.3rem}
.headAreaPhone .lb-side a:last-child{margin-right:0}
.headAreaPhone .lb-side .sp-self{display:block;background-image:linear-gradient(45deg,#f2424d,#ff42a5);border-radius:.2rem}
.headAreaPhone .lb-side .sp-self::after{content:'';display:block;width:36px;height:36px;background:#fff;-webkit-mask-image:url(../images/self.svg);mask-image:url(../images/self.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-position:center;mask-position:center}
.headAreaPhone .lb-side .sp-sch{display:block;width:36px;height:36px;background:#fff;-webkit-mask-image:url(../images/serch.svg);mask-image:url(../images/serch.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-position:center;mask-position:center}
.headAreaPhone .lb-side .sp-menu{display:block;width:36px;height:36px;background:#fff;-webkit-mask-image:url(../images/menu.svg);mask-image:url(../images/menu.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:90% auto;mask-size:90% auto;-webkit-mask-position:center;mask-position:center}
.headAreaPhone .lb-logo{display:block;height:40px}
.headAreaPhone .lb-logo img{height:40px;text-align:center;margin:0 auto}
.breadcrumbs{margin-top:24px;color:#797979;text-transform:uppercase}
.breadcrumbs > div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.breadcrumbs > div::before{content:'';display:block;width:28px;height:18px;background:url(../images/logo-small.png) no-repeat;background-size:18px;margin-right:6px}
.breadcrumbs .sp-item{color:#d2cfcf}
.breadcrumbs .sp-line{margin:0 3px}
.footWrap{background-image:url("../images/foot.png");background-size:cover;margin-top:50px}
.footWrap .foot-cont{padding:25px 0;}
.footWrap .foot-cont .lb-text{width:100%;padding:10px 0;line-height:1.6;font-size:14px;color:#fff}
.footWrap .foot-copy{padding:25px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.6;font-size:14px;color:#fff}
.footWrap .foot-copy a{color:#fff;margin-right:10px}
.panelPages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2rem 0}
.panelPages a,.panelPages span{display:block;height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 20px;border-radius:10px;text-align:center;background:#93BB33;margin:0 4px}
.panelPages a:hover{background:#F3005E}
.panelPages span,.panelPages .current{background:#eee;color:#000;cursor:default}
.schArea{display:none;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;z-index:50;overflow-x:hidden;overflow-y:auto;background:rgba(0,0,0,0.8);-webkit-transition:opacity .2s ease-in,visibility .2s ease-in;transition:opacity .2s ease-in,visibility .2s ease-in}
.schArea .search{max-width:730px;padding-top:20px;-webkit-transition:opacity .2s ease-in,visibility .2s ease-in;transition:opacity .2s ease-in,visibility .2s ease-in;margin:0 auto}
.schArea .search-head{background:#fff;height:46px;border-radius:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.schArea .search-head .sp-back{-ms-flex-negative:0;flex-shrink:0;width:46px;height:46px;background:#363636;-webkit-mask-image:url(../images/back.svg);mask-image:url(../images/back.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:50% auto;mask-size:50% auto;-webkit-mask-position:center;mask-position:center}
.schArea .search-head .sp-text{-webkit-box-flex:1;-ms-flex:1;flex:1;height:46px;background:none;border:none;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.schArea .search-head .sp-btn{-ms-flex-negative:0;flex-shrink:0;width:56px;height:46px;background:#363636;-webkit-mask-image:url(../images/serch.svg);mask-image:url(../images/serch.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:50% auto;mask-size:50% auto;-webkit-mask-position:center;mask-position:center}
.schArea .search-body{margin-top:20px}
.schArea .search-body .sp-head{font-size:14px;line-height:1.2;font-weight:500;color:#fff}
.schArea .search-body .sp-body{margin:20px -5px 0;overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}
.schArea .search-body .sp-body a{display:block;margin:5px 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #fff;border-radius:16px;padding:7px 17px;color:#fff;-webkit-transition:border-color .2s ease-in;transition:border-color .2s ease-in;cursor:pointer}
.game-iframe-play{display:none;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.5)}
.game-iframe-play iframe{display:block;width:100%;height:100%}
.game-iframe-adv{background:rgba(25,25,25,0.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;width:100%;min-height:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;top:0;z-index:10}
.game-iframe-adv .ad > div{width:100%}
.game-iframe-adv .sp-loading{height:12px;border-radius:6px;background:rgba(47,49,72,0.6);width:80%;margin-top:30px}
.game-iframe-adv .sp-loading .bar{height:100%;border-radius:6px;overflow:hidden;background:#ff42a5}
.game-iframe-adv .sp-loading .bar::after{content:'';display:block;height:100%;width:20%;border-radius:0 6px 6px 0;background:-webkit-gradient(linear,left top,right top,from(#e72930),to(#ff42a5));background:linear-gradient(to right,#e72930,#ff42a5);-webkit-animation:1s ease 0s infinite normal none running loading;animation:1s ease 0s infinite normal none running loading}
.game-iframe-adv .sp-logo{position:absolute;left:30px;top:30px;height:50px}
.game-iframe-adv .sp-logo img{display:block;height:50px}
@-webkit-keyframes loading{0%{width:5%}
10%{width:25%}
90%{width:75%}
100%{width:100%}}
@keyframes loading{0%{width:5%}
10%{width:25%}
90%{width:75%}
100%{width:100%}}
.game-iframe-phone{display:none;position:fixed;z-index:100;inset:0px;background:#fff}
.game-iframe-phone .area-adv{width:100%;min-height:100%;height:100%;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:50;background:rgba(0,43,93,0.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.game-iframe-phone .area-adv .lb-logo{height:120px}
.game-iframe-phone .area-adv .lb-logo img{display:block;height:120px}
.game-iframe-phone .area-adv .lb-ad{width:300px;height:300px;background:rgba(255,255,255,0.1);margin-top:30px}
.game-iframe-phone .area-adv .sp-loading{height:12px;border-radius:6px;background:#383838;width:80%;margin-top:30px}
.game-iframe-phone .area-adv .sp-loading .bar{height:100%;border-radius:6px;overflow:hidden;background:#0069c1}
.game-iframe-phone .area-adv .sp-loading .bar::after{content:'';display:block;height:100%;width:20%;border-radius:0 6px 6px 0;background:-webkit-gradient(linear,left top,right top,from(#00b6f7),to(#0069c1));background:linear-gradient(to right,#00b6f7,#0069c1);-webkit-animation:1s ease 0s infinite normal none running loading;animation:1s ease 0s infinite normal none running loading}
.game-iframe-phone .area-adv .sp-text{text-align:center;font-size:14px;color:#fff;line-height:34px}
.game-iframe-phone .area-iframe{width:100%;height:100%;position:relative;z-index:5;background:#000}
.game-iframe-phone .area-iframe .m-in{position:fixed;width:100vw;height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.game-iframe-phone .area-iframe .lb-banner{-ms-flex-negative:0;flex-shrink:0;height:70px;color:#fff}
.game-iframe-phone .area-iframe .lb-iframe{-webkit-box-flex:1;-ms-flex:1;flex:1}
.game-iframe-phone .area-iframe .lb-iframe iframe{width:100%;height:100%}
.game-iframe-phone .area-iframe .lb-back,.game-iframe-phone .area-iframe .lb-reload{position:absolute;top:20vh;z-index:20;width:32px;height:32px;background:#f2424d}
.game-iframe-phone .area-iframe .lb-back i,.game-iframe-phone .area-iframe .lb-reload i{display:block;width:32px;height:32px;-webkit-mask-size:auto 30px;mask-size:auto 30px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#fff}
.game-iframe-phone .area-iframe .lb-back{left:0;border-radius:0 15px 15px 0}
.game-iframe-phone .area-iframe .lb-back i{-webkit-mask-image:url(../images/circle-back.svg);mask-image:url(../images/circle-back.svg)}
.game-iframe-phone .area-iframe .lb-reload{right:0;border-radius:15px 0 0 15px}
.game-iframe-phone .area-iframe .lb-reload i{-webkit-mask-image:url(../images/circle-reload.svg);mask-image:url(../images/circle-reload.svg)}
.tipRotate{display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:6;background:rgba(0,0,0,0.8)}
.tipRotate > div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;box-orient:vertical;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tipRotate .sp-img{background:url(../images/rotate.svg);display:block;-ms-flex-negative:0;flex-shrink:0;width:140px;height:140px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;fill:currentcolor;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:1.71429rem;-webkit-animation:rotateTip 1.5s linear 4;animation:rotateTip 1.5s linear 4}
.tipRotate .sp-txt{margin:16px 0px 0px;font-family:Ftit;text-align:center;padding-left:40px;padding-right:40px;font-weight:800;line-height:36px;font-size:14px;color:#fff}
@-webkit-keyframes rotateTip{0%,100%{-webkit-transform:rotate(-2deg);transform:rotate(0)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}
@keyframes rotateTip{0%,100%{-webkit-transform:rotate(-2deg);transform:rotate(0)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}
.tipRefresh{display:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.8);color:#fff;padding:6px 20px;font-size:12px;z-index:8}
.tipRefresh > div{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;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.tipRefresh code{-webkit-box-flex:1;-ms-flex:1;flex:1}
.tipRefresh i{-ms-flex-negative:0;flex-shrink:0;display:block;width:30px;height:30px;background:#fff;-webkit-mask-image:url(../images/circle-reload.svg);mask-image:url(../images/circle-reload.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin-left:10px}
@media all and (orientation:landscape){.game-iframe-phone .area-iframe .lb-banner{display:none}}
.gameBox:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.3);box-shadow:0 10px 20px 0 rgba(0,0,0,0.3);-webkit-transform:scale(1.05) translateY(-6px);transform:scale(1.05) translateY(-6px);-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;z-index:1}
.gameBox{background:rgba(63,81,181,0.1);border-radius:18px;-webkit-box-shadow:0 9px 35px 0 rgba(0,0,0,0.1);box-shadow:0 9px 35px 0 rgba(0,0,0,0.1);-ms-grid-column:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-start:span 1;width:100%;height:100%;position:relative;text-decoration:none;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;cursor:pointer}
.gameBox:hover a::after{opacity:1}
.gameBox:hover .sp-txt{opacity:1;-webkit-transform:translate(0);transform:translate(0)}
.gameBox a{display:block;width:100%;height:100%;border-radius:18px;position:relative}
.gameBox a::after{background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(transparent 25%,rgba(0,0,0,0.5));border-radius:inherit;bottom:0;contain:strict;content:"";height:100%;left:0;opacity:0;position:absolute;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%}
.gameBox .sp-ico{position:absolute;z-index:4;left:-5px;top:-2px;opacity:1;-webkit-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;width:39px;height:27px}
.gameBox .sp-ico.ico-rate{width:76px}
.gameBox .sp-ico.ico-ud{width:60px}
.gameBox .sp-txt{opacity:0;pointer-events:none;position:absolute;right:0;left:0;bottom:0;-webkit-transition:opacity .3s ease .1s,-webkit-transform .3s ease .1s;transition:opacity .3s ease .1s,-webkit-transform .3s ease .1s;transition:transform .3s ease .1s,opacity .3s ease .1s;transition:transform .3s ease .1s,opacity .3s ease .1s,-webkit-transform .3s ease .1s;z-index:6;color:#fff;font-family:var(--font);font-size:12px;line-height:1.1;padding:6px;text-align:center;-webkit-transform:translateY(8px);transform:translateY(8px);word-break:break-word}
.gameBox .sp-img{border-radius:inherit;display:block;width:100%;height:100%}
.dialog{display:none;overflow:hidden;position:fixed;z-index:100;height:100%;left:0;top:0;width:100%}
.dialog .dia-mask{background-color:rgba(25,20,44,0.8);position:absolute;z-index:1;height:100%;left:0;top:0;width:100%}
.dialog .dia-main{background-color:#14161f;border-radius:20px 0 0 0;height:100%;position:absolute;right:0;top:0;width:690px;z-index:2}
.dialog .dia-hide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f76f6f;border-radius:50%;display:-webkit-box;display:flex;display:-ms-flexbox;height:64px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:-32px;position:absolute;top:30px;width:64px;cursor:pointer}
.dialog .dia-hide::before{content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAYAAABWMrcvAAABJElEQVQ4jZXTvS5EYRDG8d/aFaKhU4g7oJUofHWUoiAat4CQuAId4hI0qLTKDREuQFyBUGhEohAFMps5crI5e8KTnGLmff+ZeeeZ0xjun4JGfl/+oL68so8zDPwFamEbexmPYhmvdVBUGi/Fc7juylVCW9jBd+YmcIfJOih0gHV8ZjyWFRfqoNA5FvGW8QgusVYHhdqYwVPGMc3THFZPKHSPaTxk3Mj2j4r7VVDoMStelXKb+YSBXlCh7664szm9oPGc3nwpd4xVfFRB4c9t+iWr7WZ7nd1sdQHhy0WOW/q2kW/5VRmK0ielpX3LPWx3t1K0Fz6Utzx8mq0CivYOc/8KhT9LOfZKRaWX0klMLPzpCYSag82xGwzhGSt4rwNC///d8QMRizNnb6SyCQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain;height:20px;width:13px;display:block}
.dialog .dia-cont{height:100%;overflow-x:hidden;overflow-y:auto;overflow:-moz-scrollbars-none;padding:30px 0 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;text-transform:capitalize}
.dialog .dia-cont::-webkit-scrollbar{width:6px;height:6px;background:rgba(0,0,0,0.1)}
.dialog .dia-cont::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);border-radius:30px}
.dialog .dia-cont::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}
.dialog .dia-cont .lb-game{padding:20px 0}
.dialog .dia-cont .lb-game .game-hd{font-size:20px;line-height:34px;padding-left:50px}
.dialog .dia-cont .lb-game .game-bd{grid-gap:20px;display:-ms-grid;display:grid;grid-auto-flow:dense;-ms-grid-columns:(102px)[5];grid-template-columns:repeat(5,102px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 50px;margin-top:20px}
.dialog .dia-cont .lb-game .game-bd .gameBox{height:102px}
.dialog .dia-cont .lb-game .game-bd .gameBox .sp-txt{font-size:12px}
.dialog .dia-cont .lb-tags{margin-top:20px}
.dialog .dia-cont .lb-tags ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 46px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.dialog .dia-cont .lb-tags li{-ms-flex-negative:0;flex-shrink:0;margin:4px}
.dialog .dia-cont .lb-tags a{display:block;background-color:#ff0;border-radius:12px;color:#444770;cursor:pointer;font-size:12px;height:24px;line-height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}
.dialog .dia-cont .lb-item{font-size:20px;line-height:34px;margin-bottom:11px;padding-left:50px}
.dialog .dia-cont .lb-menu{width:calc(100% - 50px)}
.dialog .dia-cont .lb-menu a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 29px 29px 0;display:-webkit-box;display:flex;display:-ms-flexbox;height:58px;font-size:22px;-webkit-transition:background .3s;transition:background .3s;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:50px;color:#fff}
.dialog .dia-cont .lb-menu a:hover,.dialog .dia-cont .lb-menu a.on{background-image:linear-gradient(45deg,#f2424d,#ff42a5);color:#fff}
.dialog .dia-cont .lb-menu a i{display:block;width:24px;height:24px;margin-right:6px;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#fff;margin-right:10px}
@media (max-width:750px){.dialog .dia-main{width:100%}
.dialog .dia-hide{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#363636;border-radius:0;height:100%;left:0;top:0;width:13.6vw}
.dialog .dia-hide::before{background:url(../images/ico-hide.svg) no-repeat 50%;background-size:contain;height:7.7333333333vw;margin-top:8.8vw;width:4.8vw}
.dialog .dia-cont{margin-left:auto;padding:10.1333333333vw 0 0;width:calc(100% - 13.6vw)}
.dialog .dia-cont .lb-item{font-size:3.2vw;line-height:3.7333333333vw;margin-bottom:3.2vw;padding-left:5.8666666667vw}
.dialog .dia-cont .lb-menu{width:calc(100% - 5.86667vw)}
.dialog .dia-cont .lb-menu a{border-radius:0 7.7333333333vw 7.7333333333vw 0;height:15.4666666667vw;font-size:4.2666666667vw;padding-left:5.86667vw}
.dialog .dia-cont .lb-menu a i{width:6.4vw;height:6.4vw}
.dialog .dia-cont .lb-game .game-hd{font-size:3.7333333333vw;line-height:5.6vw;margin-bottom:3.2vw;padding-left:6.1333333333vw}
.dialog .dia-cont .lb-game .game-bd{grid-gap:5.3333333333vw;-ms-grid-columns:(21.33333vw)[3];grid-template-columns:repeat(3,21.33333vw);padding:0 5.8666666667vw}
.dialog .dia-cont .lb-game .game-bd .gameBox{height:21.3333333333vw;border-radius:4vw}
.dialog .dia-cont .lb-game .game-bd .gameBox a{border-radius:4vw}
.dialog .dia-cont .lb-game .game-bd .gameBox .sp-txt{font-size:2.2vw;padding:1vw}
.dialog .dia-cont .lb-tags ul{padding:0 2.6666666667vw 0 5.8666666667vw}
.dialog .dia-cont .lb-tags li{margin:.8vw .5333333333vw}
.dialog .dia-cont .lb-tags li a{border-radius:2.6666666667vw;font-size:2.6666666vw;height:5.3333333333vw}}
.selfWrap{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;overflow-x:hidden;overflow-y:auto;background:#000;-webkit-transition:opacity .2s ease-in,visibility .2s ease-in;transition:opacity .2s ease-in,visibility .2s ease-in}
.selfWrap::-webkit-scrollbar{width:6px;height:6px;background:rgba(0,0,0,0.1)}
.selfWrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.5);border-radius:30px}
.selfWrap::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}
.selfWrap .lb-hide{position:fixed;top:10px;right:10px;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;-webkit-mask-image:url(../images/close.svg);mask-image:url(../images/close.svg);-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#fff;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}
.selfWrap .lb-hide:hover{background:#f60}
.selfWrap .inner{max-width:1150px;margin:0 auto;padding:0 20px;color:#fff;padding-top:120px}
.selfWrap .self-head{position:fixed;top:0;left:0;right:0;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1190px;margin:0 auto;padding:34px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000}
.selfWrap .self-head .self-head-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:32px;line-height:1.6}
.selfWrap .self-head .self-head-title i{display:block;background:#fff;-webkit-mask-image:url(../images/game-controller.svg);mask-image:url(../images/game-controller.svg);-webkit-mask-size:100% auto;mask-size:100% auto;width:32px;height:32px;margin-right:10px}
.selfWrap .self-head .self-head-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.selfWrap .self-head .self-head-tab li{display:block;width:196px;height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:inline-block;text-align:center;padding:2px;background-image:linear-gradient(45deg,#f2424d,#ff42a5);text-transform:uppercase;font-weight:700;color:#212121;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}
.selfWrap .self-head .self-head-tab li:first-child{border-radius:24px 0 0 24px;padding-right:0}
.selfWrap .self-head .self-head-tab li:first-child span{border-radius:24px 0 0 24px}
.selfWrap .self-head .self-head-tab li:last-child{border-radius:0 24px 24px 0;padding-left:0}
.selfWrap .self-head .self-head-tab li:last-child span{border-radius:0 24px 24px 0}
.selfWrap .self-head .self-head-tab .on span{background:transparent}
.selfWrap .self-head .self-head-tab span{position:relative;z-index:2;display:block;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 15px;background-color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;background:#000;color:#fff;font-size:12px}
.selfWrap .self-text{width:100%;font-size:14px;line-height:1.6;color:#fff}
.selfWrap .self-cont .sp-none{text-align:center;padding:40px 0 68px}
.selfWrap .self-cont .sp-none .p1{font-size:24px;line-height:28px;font-weight:700;text-transform:uppercase;margin:0 auto}
.selfWrap .self-cont .sp-none .p2{font-size:16px;font-weight:500;color:#fff;text-transform:none;margin-top:64px;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}
.selfWrap .self-cont .sp-none .p3{font-size:16px;font-weight:500;color:#fff;text-transform:none;margin-top:64px;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}
.selfWrap .self-cont .sp-none .i-btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;font-size:18px;color:#fff;background:linear-gradient(225deg,#ea8d0e,#e41b15);border-radius:10px;cursor:pointer;margin:20px auto 0}
.selfWrap .self-cont .sp-none .fav-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top;border-radius:18px;border:1px solid #fff;padding:8px 18px;font-weight:500;color:#fff;-webkit-transition:border-color .2s ease-in;transition:border-color .2s ease-in;margin:0 10px}
.selfWrap .self-cont .sp-none .fav-btn::before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border-radius:18px;background-image:linear-gradient(45deg,#e52514,#ea880e);opacity:0;-webkit-transition:opacity .2s ease-in,background-image .2s ease-in;transition:opacity .2s ease-in,background-image .2s ease-in}
.selfWrap .self-cont .sp-none .fav-btn i{display:block;width:18px;height:18px;background:#fff;margin-right:5px;position:relative;-webkit-mask-image:url(../images/favourite.svg);mask-image:url(../images/favourite.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:center;mask-position:center}
.selfWrap .self-cont .sp-none .fav-btn span{position:relative}
.selfWrap .self-cont .sp-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 0}
.selfWrap .self-cont .sp-list .gameBox{background:rgba(63,81,181,0.1);-ms-flex-negative:0;flex-shrink:0;width:14.65%;margin:15px 1%}
@media screen and (max-width:1280px){.selfWrap .self-head{padding-right:100px}}
@media screen and (max-width:800px){.selfWrap.is-fixed .self-head .self-head-tab{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.selfWrap.is-fixed .lb-hide{top:auto;bottom:6px;background-color:#ff42a5}
.selfWrap .lb-hide{-webkit-mask-size:70% auto;mask-size:70% auto}
.selfWrap .inner{padding-top:20px}
.selfWrap .self-head{position:static;display:block;padding:0 0 75px 0;background-color:transparent}
.selfWrap .self-head .self-head-title{font-size:26px}
.selfWrap .self-head .self-head-tab{position:fixed;top:0;left:0;right:0;z-index:3;-webkit-transform:translate3d(0,70px,0);transform:translate3d(0,70px,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 20px;transition:-webkit-transform .2s ease-in;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
.selfWrap .self-head .self-head-tab li{width:50%}
.selfWrap .self-cont .sp-list{margin:0 -3%}
.selfWrap .self-cont .sp-list .gameBox{width:29.333%;margin:10px 2%}}
@font-face{font-family:'Cabin';src:url("../images/font/Cabin-VariableFont_wdth.ttf") format("woff2")}
@font-face{font-family:'Aldrich';src:url("../images/font/Aldrich-Regular.ttf") format("woff2")}
body{background-color:#2462BF;font-family:Cabin,sans-serif}
.bgWrap{position:absolute;left:0;right:0;z-index:-1}
.bgWrap img{position:absolute;top:0px;pointer-events:none;opacity:0.7;-webkit-filter:blur(30px);filter:blur(30px)}
.bgWrap .img1{right:0;top:100px;-webkit-animation:bg 4s linear infinite;animation:bg 4s linear infinite}
@-webkit-keyframes bg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}}
@keyframes bg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}}
.bgWrap .img2{position:fixed;left:0;-webkit-animation:bg2 4s linear infinite;animation:bg2 4s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}
@-webkit-keyframes bg2{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(20%);transform:translateY(20%)}}
@keyframes bg2{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(20%);transform:translateY(20%)}}
.tagWrap{margin-top:40px}
.tagWrap .tags-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:20px 0}
.tagWrap .tags-item{width:auto;max-width:initial;padding:0 6px 12px;font-size:14px}
.tagWrap .tags-link{position:relative;display:block;padding:15px 27px;border-radius:6px;font-weight:500;font-size:17px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-transition:color .2s ease-in;transition:color .2s ease-in; background-color: #508CFA;color: #FFF;}
.tagWrap .tags-link::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border-radius:6px;background-image:linear-gradient(45deg, #4CAF50, #8BC34A);color:#fff;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}
.tagWrap .tags-link:hover::before{opacity:1}
.tagWrap .tags-link:hover .tags-text{color:#fff}
.tagWrap .tags-text{position:relative;z-index:2}
.panel{margin-top:30px;color:#fff;}
.panel .panel-head{font-family:'Aldrich',sans-serif;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}
.panel .panel-head em{font-size:30px;font-weight:bold}
.panel .panel-desc{font-size:14px;line-height:1.8;margin-bottom:20px}
.panel .panel-body{margin:0 -15px}
.panel .panel-more{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-top:10px}
.panel .panel-more a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding:12px 18px;border-radius:6px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.65px;font-weight:700;line-height:1.6;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;color:#fff;background-color: #93BB33;font-size: 14px;}
.panel .panel-more a:hover{-webkit-transform:scale(1.048);transform:scale(1.048)}
.gameList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.gameList .li{width:14.285714285714286%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px 20px}
.gameCard{width:100%;padding-bottom:100%;position:relative;overflow:hidden;display:block;-webkit-box-shadow:0 3px 15px rgba(67,67,67,0.3);box-shadow:0 3px 15px rgba(67,67,67,0.3);border-radius:20px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
.gameCard:hover{-webkit-box-shadow:0 3px 1px rgba(255,255,255,0.2);box-shadow:0 3px 1px rgba(255,255,255,0.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.gameCard a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.gameCard a:hover .sp-txt{opacity:1;-webkit-transform:translate(0);transform:translate(0)}
.gameCard a:hover::after{opacity:1}
.gameCard a::after{background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(transparent 25%,rgba(0,0,0,0.5));border-radius:inherit;bottom:0;contain:strict;content:"";height:100%;left:0;opacity:0;position:absolute;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%}
.gameCard .sp-img{display:block;width:100%;height:100%}
.gameCard .sp-txt{opacity:0;pointer-events:none;position:absolute;right:0;left:0;bottom:0;transition:transform .3s ease .1s,opacity .3s ease .1s,-webkit-transform .3s ease .1s;z-index:6;color:#fff;font-size:13px;line-height:1.2;padding:6px;text-align:center;-webkit-transform:translateY(8px);transform:translateY(8px);word-break:break-word}
.gameCard .sp-tag{position:absolute;left:0;top:10px;height:22px;line-height:22px;background:#f5621c;color:#fff;padding:0 8px;font-size:12px;border-radius:0 5px 12px 0}
.gameCard .sp-tag.tag-new{background:#85b200}
.gameCard .sp-tag.tag-hot{background:#f5621c}
.cateList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cateList .li{width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px 20px}
.cateCard{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;height:75px;overflow:hidden;background:rgba(255,255,255,0.05);-webkit-box-shadow:#00000066 0px 4px 16px 0px;box-shadow:#00000040 0px 4px 16px 0px;border-radius:10px;font-weight:500;position:relative;background-image: linear-gradient(to right, #296ACA, #41A6EE);}
.cateCard:hover .sp-con{color:#fff}
.cateCard:hover .sp-con::before{opacity:1}
.cateCard .sp-img{-ms-flex-negative:0;flex-shrink:0;width:75px}
.cateCard .sp-con{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:0 10px 10px 0;padding:0 10px;color:#fff;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}
.cateCard .sp-con::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border-radius:0 10px 10px 0;background-image: linear-gradient(to right, #41A6EE, #296ACA);-webkit-transition:opacity .2s ease-in,background-image .2s ease-in;transition:opacity .2s ease-in,background-image .2s ease-in}
.cateCard .sp-con em{position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.4; text-transform: capitalize;}
.content{color:rgba(255,255,255,0.8);margin-top:32px}
.content .lb-head{margin:0 0 32px;font-size:48px;line-height:48px;text-align:center}
.content .lb-body h2{margin-top:24px;font-weight:700;font-size:24px;line-height:32px}
.content .lb-body p{font-size:16px;line-height:24px;margin-top:10px}
.playWrap{overflow:hidden;position:relative;padding-bottom:50px}
.playWrap .game-bg{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;position:absolute;left:0;top:0;opacity:.3;z-index:0;pointer-events:none}
.playWrap .game-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.playWrap .wrap{position:relative}
.play-info{margin-top:50px}
.play-info .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.play-info .game-name{font-family:'Aldrich',sans-serif;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:40px;font-size:40px;line-height:1.2;color:#fff}
.play-info .game-review{color:#b7b7b7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.play-info .game-review .game-review-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 18px}
.play-info .game-review .game-review-col:last-child{    background: url(../images/player.svg) no-repeat;background-size: 20px;line-height: 13px;padding-left: 24px;}
.play-info .game-review .game-review-num{font-size:14px}
.play-info .game-review .game-review-btn{color:#b7b7b7;margin:0 5px;text-align:center}
.play-info .game-review .game-review-btn.on{color:#ea880e}
.play-info .game-review .game-review-btn.on i{background:#ea880e}
.play-info .game-review .game-review-btn i{display:block;width:30px;height:30px;margin:0 auto;background:#b7b7b7}
.play-info .game-review .game-review-btn .icon-like{-webkit-mask-image:url(../images/good.svg);mask-image:url(../images/good.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% auto;mask-size:92% auto;-webkit-mask-position:center;mask-position:center}
.play-info .game-review .game-review-btn .icon-dislike{-webkit-mask-image:url(../images/bad.svg);mask-image:url(../images/bad.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% auto;mask-size:92% auto;-webkit-mask-position:center;mask-position:center}
.play-info .game-btns{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.play-info .game-btns .fav-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:18px;border:1px solid #fff;padding:8px 18px;font-weight:500;color:#fff;-webkit-transition:border-color .2s ease-in;transition:border-color .2s ease-in;margin-right:20px}
.play-info .game-btns .fav-btn::before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border-radius:16px;background-image:linear-gradient(45deg,#e52514,#ea880e);opacity:0;-webkit-transition:opacity .2s ease-in,background-image .2s ease-in;transition:opacity .2s ease-in,background-image .2s ease-in}
.play-info .game-btns .fav-btn.on::before,.play-info .game-btns .fav-btn:hover::before{opacity:1}
.play-info .game-btns .fav-btn i{display:block;width:18px;height:18px;background:#fff;margin-right:5px;position:relative;-webkit-mask-image:url(../images/favourite.svg);mask-image:url(../images/favourite.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:center;mask-position:center}
.play-info .game-btns .fav-btn span{position:relative}
.about{margin-top:25px}
.about .about-title{color:#fff;text-transform:uppercase;font-weight:600;font-size:22px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Aldrich',sans-serif}
.about .about-title i{display:block;width:22px;height:22px;margin-right:10px}
.about .about-title i.sp1{background:url(../images/icon-game-desc.svg) no-repeat;background-size:100% 100%}
.about .about-title i.sp2{background:url(../images/icon-game-play.svg) no-repeat;background-size:100% 100%}
.about .about-text{line-height:1.8;color:rgba(255,255,255,0.8);font-size:14px}
.play-start{display:none;/* margin-top:20px; */padding: 35px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.play-start .sp-img{-ms-flex-negative:0;flex-shrink:0;width:100px;height:100px;overflow:hidden;border-radius:14px;/* margin-right:15px */}
.play-start .sp-img img{display:block;width:100%;height:100%}
.play-start .sp-con{-webkit-box-flex:1;-ms-flex:1;flex:1;width: 50%;margin-top: 25px;}
.play-start .sp-con .i-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:24px;padding:12px;background-image:linear-gradient(45deg,#ff42a5,#f2424d);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.65px;font-weight:700;line-height:1.6;color:#fff;transition:-webkit-transform .2s ease-in;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
.play-start .sp-con .i-vote{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.play-start .sp-con .i-vote .i-vote-btn{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:48%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:18px;border:1px solid #fff;padding:8px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;-webkit-transition:border-color .2s ease-in;transition:border-color .2s ease-in}
.play-start .sp-con .i-vote .i-vote-btn.on{border:1px solid #ea880e;color:#ea880e}
.play-start .sp-con .i-vote .i-vote-btn.on i{background:#ea880e}
.play-start .sp-con .i-vote .i-vote-btn i{display:block;width:20px;height:20px;background:#fff;margin-right:8px}
.play-start .sp-con .i-vote .i-vote-btn .icon-like{-webkit-mask-image:url(../images/good.svg);mask-image:url(../images/good.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% auto;mask-size:92% auto;-webkit-mask-position:center;mask-position:center}
.play-start .sp-con .i-vote .i-vote-btn .icon-dislike{-webkit-mask-image:url(../images/bad.svg);mask-image:url(../images/bad.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% auto;mask-size:92% auto;-webkit-mask-position:center;mask-position:center}
.game-tags{margin-top:35px}
.game-tags .lb-head{font-size:24px;color:#fff}
.game-tags .lb-link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.game-tags .lb-link a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;padding:8px 18px;font-weight:500;color:#fff;margin-right:20px;margin-top:10px;background-color: #508CFA;font-size: 16px;}
.game-tags .lb-link a:hover{background-color: #A2C747;}
.game-frame{margin-top:60px}
.game-frame.full{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:40px;margin:0}
.game-frame.full .game-frame-box-wrap{height:100%}
.game-frame.full .game-frame-box{padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}
.game-frame-box-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:600px;background:rgba(67,67,67,0.3);position:relative}
.game-frame-box-wrap .iframe-buttons{display:none;position:absolute;right:0;top:-40px}
.game-frame-box-wrap .iframe-buttons a{display:block;width:40px;height:40px;background:rgba(255,255,255,0.26);margin-left:10px}
.game-frame-box-wrap .iframe-buttons a::before{content:'';display:block;width:100%;height:100%;background:#fff}
.game-frame-box-wrap .iframe-buttons .sp-fullscreen::before{-webkit-mask-image:url(../images/fullscreen.svg);mask-image:url(../images/fullscreen.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:60% auto;mask-size:60% auto;-webkit-mask-position:center;mask-position:center}
.game-frame-box-wrap .iframe-buttons .sp-refresh::before{-webkit-mask-image:url(../images/refresh.svg);mask-image:url(../images/refresh.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:60% auto;mask-size:60% auto;-webkit-mask-position:center;mask-position:center}
.game-frame-box-wrap .game-frame-box{position:absolute;width:100%;height:100%}
.wgSplash{display:block;padding:50px;overflow:hidden;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-color:#000;-webkit-transition:opacity .4s;transition:opacity .4s;background-repeat:no-repeat;background-position:center;z-index:15}
.wgSplash .wgBg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.wgSplash .wgBg .wgBgImage{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:blur(45px);filter:blur(45px);background-size:cover;-webkit-transform:scale(1.3);transform:scale(1.3)}
.wgSplash .wgSplashContent{background:rgba(255,255,255,0.4);border-radius:50px;display:block;width:100%;height:100%;z-index:10;-webkit-box-shadow:0px 0px 0px 0px #ffffff,10px 20px 21px rgba(0,0,0,0.4);box-shadow:0px 0px 0px 0px #ffffff,10px 20px 21px rgba(0,0,0,0.4);position:relative;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}
.wgSplash .wgSplashContent:hover{-webkit-box-shadow:-2px -2px 10px 1px #ffffff,10px 20px 21px rgba(0,0,0,0.4);box-shadow:-2px -2px 10px 1px #ffffff,10px 20px 21px rgba(0,0,0,0.4)}
.wgSplash .wgSplashContent .wgCenterContent{display:-ms-grid;width:100%;height:100%;-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr;-webkit-box-sizing:border-box;box-sizing:border-box;place-items:center;padding:20px}
.wgSplash .wgSplashContent .wgCenterContent > div{text-align:center;width:100%}
.wgSplash .wgSplashContent .wgThumb{display:block;position:relative;border-radius:50%;overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.4);box-shadow:0 5px 20px rgba(0,0,0,0.4);width:220px;height:220px;-webkit-transition:.3s;transition:.3s;cursor:pointer;margin:auto}
.wgSplash .wgSplashContent .wgThumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wgSplash .wgSplashContent .wgPrerollInfo{display:-ms-grid;display:grid;width:100%;font-family: 'Aldrich', sans-serif;row-gap:20px}
.wgSplash .wgSplashContent .wgPrerollInfo .wgTitle{font-weight:300;font-size:36px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1c1c1c;line-height:normal}
.wgSplash .wgSplashContent .wgPrerollInfo .wgPrerollDescription{font-weight:400;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1c1c1c}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons{display:inline-block;text-align:center;display:-ms-grid;row-gap:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:20px;margin: 0 auto;}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA{-webkit-transition:.2s;transition:.2s;position:relative;cursor:pointer}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA .loadingButton:before{content:" ";-webkit-animation:none !important;animation:none !important;width:28px !important;height:28px !important;background-size:28px 28px;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='-2 -2 40 40' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 0)' stroke-width='4'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' transform='rotate(344.043 18 18)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA span{display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto;grid-gap:10px;background-color:#8BC34A;color:#fff;border-radius:26px;padding:20px 40px;font-weight:400;font-size:25px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3);-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:.3s;transition:.3s;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA span::before{background-size: 15px;display:block;content:" ";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAhCAYAAAAh3nDkAAAACXBIWXMAAAsSAAALEgHS3X78AAABRUlEQVRYhdWX/W3CQAzFH1X/J52AbAAbNJ2gjJARGIFuwAiMkBFgg3SCkg3CBEZGPnQtx4fPJqhPOiWKzvnFudyzMyIiOKmSMQPQA9gBWMsxLYYbx4yINnRZDREVKYYHuL8CDmpTD2AB8812d4CDmr/3eDEsdw1gopj/Kd/DSRb43Bpjgb9nxFRecLMs8C4j5teet8A31hiLw5UAfhTzO4k5yZI5v8Ivxfz67IqDvS5vmAs74PwR9hpGlbBZdr8VEZWX4rzgZQRNZpkaXvs8dq67d4EXPDjXVmr5YPBCigar0QR6wGO/Hhwe1ru72jI9GK7K2gPOzcH4WfCQ9T6n0HjB1Vlb4VyhpnKeU15N8OwtFvQqx1JeYaGIjbfYQhHHD9oezxSNv6dqLizcybTR2g2pN4a7/Skq9fFvW2cX+PcTuHsA/QHGnQMM/NqBTAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;width:15px;height:15px}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA:hover span{background-color:#F30663}
.wgSplash .wgSplashContent .wgPrerollInfo .wgButtons .wgPrerollCTA:hover span::before{-webkit-animation:wgKnock .3s infinite;animation:wgKnock .3s infinite}
@-webkit-keyframes wgKnock{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}
@keyframes wgKnock{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}
@media screen and (max-width:1024px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1366px) and (orientation:landscape),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1366px) and (orientation:landscape),only screen and (min-device-pixel-ratio:2) and (max-width:1366px) and (orientation:landscape),only screen and (min-resolution:192dpi) and (max-width:1366px) and (orientation:landscape),only screen and (min-resolution:2dppx) and (max-width:1366px) and (orientation:landscape){.gameList .li{width:20%}
.cateList .li{width:33.33%}}
@media screen and (max-width:767px){.gameList .li{width:33.33%}
.cateList .li{width:50%}
.panel{margin-top:10px}
.tagWrap{margin-top:10px}
.footWrap{margin-top:20px}}
@media screen and (max-width:639px){.wrap{padding:0 15px}
.panel .panel-head{padding:15px 0}
.panel .panel-head em{font-size:24px}
.panel .panel-desc{font-size:12px}
.panel .panel-body{margin:0 -10px}
.play-info{margin-top:20px}
.play-info .game-name{margin-right:0;font-size:32px}
.playWrap{padding-bottom:32px}
.game-tags{margin-top:15px}
.game-tags .lb-link a{padding:5px 12px;font-size:12px;margin-right:12px;margin-top:8px}
.gameList .li{width:33.33%;padding:0 10px 15px}
.cateList .li{width:50%;padding:0 10px 12px}
.cateList .li .cateCard{height:56px;border-radius:10px}
.cateList .li .cateCard .sp-img{width:56px}
.cateList .li .cateCard .sp-con em{font-size:12px}
.tagWrap .inner{margin:0 -6px}
.tagWrap .tags-list{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.tagWrap .tags-link{padding:10px 15px;font-size:12px}
.footWrap .foot-cont{padding:15px 0}
.footWrap .foot-cont .lb-text{font-size:12px}
.footWrap .foot-copy{padding:15px 0;font-size:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.footWrap .foot-copy > div{padding:3px 0}
.panelPages a,.panelPages span{height:40px;line-height:40px;padding:0 15px}}
@media screen and (max-width:780px){.about .about-title{font-size:16px}
.about .about-text{font-size:12px}
.headWrap{height:50px}
.headWrap .inner{height:50px}
.headWrap .headArea{display:none}
.headWrap .headAreaPhone{display:-webkit-box;display:-ms-flexbox;display:flex}
.game-frame{display:none}
.play-start{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow: column;}
.play-info .game-review{display:none}}