/*# zfa 2024/8/1 22:31:44 快捷模板 */
@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("../fonts/Zain.woff2") format("woff2")}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.htmlOver,.htmlOver body{width:100%;height:100%;overflow:hidden}
.headWrap{height:80px;background:#000}
.headWrap .inner{position:fixed;top:0;left:0;width:100%;height:80px;background:rgba(25,25,25,0.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}
.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}
.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(54deg,#e41b15 0,#ea8d0e 100%);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-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{color:#fff;font-size:14px}
.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%}
.headAreaPhone .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 .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 .sp-logo{display:block;height:42px}
.headAreaPhone .sp-logo img{display:block;height:100%}
/*这里修改了*/
.breadcrumbs{margin-top:12px;color:#797979;text-transform: uppercase;}

.breadcrumbs .sp-item{color:#797979}
.breadcrumbs .sp-line{margin:0 3px}
.footWrap{background:#000;margin-top:50px}
.footWrap .foot-cont{padding:25px 0;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #363636}
.footWrap .foot-cont .lb-text{width:100%;padding:10px 0;text-align:center;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:1rem 0; font-family: 'LilitaOne';}
.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:linear-gradient(54deg,#e41b15 0,#ea8d0e 100%);margin:0 4px}
.panelPages a:hover{background:linear-gradient(104deg,#fd0a01 0,#f8aa3d 100%)}
.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;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:#2f2827a1;-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:#6e60f3}
.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(#00b6f7),to(#6e60f3));background:linear-gradient(to right,#00b6f7,#6e60f3);-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;top:30px;height:50px;margin: 0 auto;width: 100%;text-align: center;}
.game-iframe-adv .sp-logo img{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:#0a0909b5;-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:#e41b15a1}
.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:#fff;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;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}
.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}
.dialog .dia-cont .lb-menu a:hover,.dialog .dia-cont .lb-menu a.on{background:#a9a9a9}
.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;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}}
body{font-family:Montserrat,sans-serif}
.tagWrap{margin-top:40px}
.tagWrap .tags-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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:20px;font-weight:500;font-size:14px;-webkit-box-shadow:0 2px 6px rgba(67,67,67,0.3);box-shadow:0 2px 6px rgba(67,67,67,0.3);background-color:#fff;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}
.tagWrap .tags-link::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border-radius:20px;background-image:linear-gradient(45deg,#e52614 0,#ea880e 100%);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}
.panel .panel-head{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}
.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;border-radius:24px;padding:12px 18px;background-image:linear-gradient(54deg,#e41b15 0,#ea8d0e 100%);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}
.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%;overflow:hidden;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 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;line-height:1.2;padding:6px;text-align:center;-webkit-transform:translateY(8px);transform:translateY(8px);word-break:break-word}
.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;-webkit-box-shadow:0 3px 15px 0 rgba(67,67,67,0.3);box-shadow:0 3px 15px 0 rgba(67,67,67,0.3);border-radius:20px;font-weight:500;position:relative}
.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 20px 20px 0;padding:0 10px;color:#000;-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 20px 20px 0;background-image:linear-gradient(45deg,#e52614,#ea880e);-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;line-height:1.4}
.content{color:#212121;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;background:#000;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:20px}
.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{-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{border-left:1px solid #b7b7b7}
.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: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}
.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:#212121;text-transform:uppercase;font-weight:600;font-size:32px;margin-bottom:15px}
.about .about-text{line-height:1.8;color:#212121;font-size:20px}
.play-start{display:none;margin-top:20px;-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}
.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(54deg,#e41b15 0,#ea8d0e 100%);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: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;margin-top:10px}
.game-tags .lb-link a:hover{border-color:#ea8d0e;color:#ea8d0e}
.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;display:grid;width:100%;height:100%;-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr;-webkit-box-sizing:border-box;box-sizing:border-box;place-items:center;padding:20px}
.wgSplash .wgSplashContent .wgCenterContent > div{text-align:center;padding:20px;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%;text-align:left;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;display:grid;row-gap:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:20px}
.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:#1c1c1c;color:#fff;border-radius:100px;padding:20px 40px;font-weight:400;font-size:25px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);-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{display:block;content:" ";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABKklEQVQokY2TvyvEcRjHX75dDFIGFhmuFFaLC7NFERkNBvInuCubhdtsBsUimVx28iPJarHSme4kAyU/6qVPPur6du7uqc+zPJ/3834/7+fzQR1Un9RzNavSykmAXaAMVIB7YAvopVmoFXU9skypD+qbuqZm/mMPqaxupAp59V2tqrNqkgYmUVBbSlgR6Ab2gBJwBeRqLyQNJvkA8kBPnP8GOAGyzYB/8QzMARNAF3AGTLcC7I+s11HuKXDQCBi6bwMXcd5O4BCYAVbrAYNRi8Aj0AesAMvAKzAcZIaGmTrAfWASWIim7ESp89Hh34h73KzZ0ai6pJbUF7WgdqT3GBjbga/YZwQoAGPAETAEVOs6oN6ql2pR/VaP1YFmDz2kcfVTvVNzLf0O5QcZKy4YNKUs+wAAAABJRU5ErkJggg==);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:#91000a}
.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:20px}

.tagWrap .inner{margin:0 -6px}
.tagWrap .tags-list{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.tagWrap .tags-link{padding:12px 15px;}
.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){.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}
.play-info .game-review{display:none}}

/*修改的样式点*/
@font-face {
    font-family: 'AlfaSlabOne';
    src: url('../fonts/AlfaSlabOne.woff2') format('woff2');}
@font-face {    
    font-family: 'LilitaOne';
    src: url('../fonts/LilitaOne.woff2') format('woff2');        
}
@font-face {    
    font-family: 'Zain';
    src: url('../fonts/Zain.woff2') format('woff2');        
}
.headWrap .inner{z-index: 60;}
.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-menu li a{font-family: 'AlfaSlabOne', sans-serif; text-transform: uppercase;font-size: 18px;}
.panel .panel-head{font-family: 'LilitaOne', sans-serif;text-transform: uppercase;}
.game-hot, .game-new{position:absolute;top:10px;left:10px;width:40px;height:20px;text-align:center;line-height:20px;color:#fff;text-transform:capitalize;border-top-right-radius:10px;border-bottom-right-radius:10px;-webkit-box-shadow:0 3px 0 0 rgb(0 0 0 / 30%);box-shadow:0 3px 0 0 rgba(0,0,0,.3);font-weight:700;z-index: 30;font-size: 18px;}
.game-hot{background-image: linear-gradient(to bottom right, red , yellow);}
.game-new{background-image: linear-gradient(to bottom right, #f31b63, pink);}
.gameList .li{position: relative;}
.cateList, .tagWrap{text-transform: capitalize;}
.tagWrap .tags-link{font-family:'Zain';font-size: 24px;}
.cateCard .sp-con em{font-family:'Zain';font-size: 22px;}
.gameCard .sp-txt{font-family:'Zain';font-size: 20px;}
.schArea{z-index:90;}
.dialog .dia-hide {background-color: #e41b15 ;}
.dialog .dia-cont{font-family: 'LilitaOne';text-transform: capitalize;}
.playWrap .wrap, .panel, .content .lb-head{font-family:'Zain';}
.panel .panel-more{font-size: 20px;}
.game-tags .lb-link{text-transform: capitalize;}
.headAreaPhone .sp-logo img{width: 80%;text-align: center;margin: 0 auto;}
