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}
.in-game-main .inner .lb-con .sp-con::-webkit-scrollbar{width:8px}
.in-game-main .inner .lb-con .sp-con::-webkit-scrollbar-thumb{border-radius:5px;background:#999}
.in-game-main .inner .lb-con .sp-con::-webkit-scrollbar-track{border-radius:5px;background:none}
:root{--body_bg:#eee;--head_bg:rgba(44,50,230,.5);--foot_bg:#000;--font-title:'Montserrat';--play_btn:linear-gradient(to right,#1373eb,#00b6f7)}
body{background:#F8FAFB;min-height:100vh}
.headArea{height:60px}
.headArea .inner{background:#1E262D;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;left:0;top:0;z-index:100;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.2);box-shadow:0 0 3px 1px rgba(0,0,0,0.2)}
/*.headArea .inner::after{content:'';width:100%;height:100%;background:var(--head_bg);z-index:-1;position:absolute;left:0;top:0}*/
.headArea .hd-logo{-ms-flex-negative:0;flex-shrink:0;height:60px}

.headArea .hd-logo img{height:100%}
.headArea .hd-left{-ms-flex-negative:0;flex-shrink:0}
.headArea .hd-right{-ms-flex-negative:0;flex-shrink:0}
.headArea .hd-btn-menu{display:block;width:50px;height:50px;background:#fff;-webkit-mask-image:url(../images/menu.svg);mask-image:url(../images/menu.svg);-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.headArea .hd-btn-sch{display:block;width:50px;height:50px;background:#fff;-webkit-mask-image:url(../images/search.svg);mask-image:url(../images/search.svg);-webkit-mask-size:38px auto;mask-size:38px auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.warp{width:1470px;margin:20px auto 0}
.gameArea{grid-gap:15px;display:-ms-grid;display:grid;grid-auto-flow:dense;-ms-grid-columns:(150px)[9];grid-template-columns:repeat(9,150px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.gameCard{position: relative;-ms-grid-column:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-start:span 1;height:150px;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1),-webkit-transform 0.6s cubic-bezier(0.25,0.1,0.25,1)}
.gameCard:hover{-webkit-transform:scale(1.04) translateY(-4px);transform:scale(1.04) translateY(-4px)}
.gameCard a{display:block;width:100%;height:100%;/*position:relative*/}
.gameCard a:hover .sp-name{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%,#0000),to(#0000004d));background:linear-gradient(#0000 25%,#0000004d);border-radius:18px;bottom:0;contain:strict;content:"";height:100%;left:0;opacity:0;position:absolute;-webkit-transition:opacity 0.3s cubic-bezier(0.25,0.1,0.25,1);transition:opacity 0.3s cubic-bezier(0.25,0.1,0.25,1);width:100%}
.gameCard .sp-img{display:block;width:100%;height:100%;border-radius:18px;-webkit-box-shadow:0px 1px 3px 0px #0000002e,0px 6px 6px 0px #00000026,0px 13px 8px 0px #5b698317;box-shadow:0px 1px 3px 0px #0000002e,0px 6px 6px 0px #00000026,0px 13px 8px 0px #5b698317}
.gameCard .sp-name{position:absolute;left:0;bottom:4px;z-index:5;width:100%;font-size:12px;font-weight:700;letter-spacing:1px;line-height:16px;text-align:center;text-transform:capitalize;color:#fff;border-bottom-left-radius:2px;transition:opacity 0.3s cubic-bezier(0.25,0.1,0.25,1) 0.1s,-webkit-transform 0.3s cubic-bezier(0.25,0.1,0.25,1) 0.1s;-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2% 2px}
.home-box{width:300px;height:300px;overflow:hidden;display: flex;align-items: center;justify-content: center;}
.home-box ins{
    width: 100% !important;
    height: 100% !important;
}
.box-ad1, .box-ad2, .box-ad3{background: url(../images/adbg.svg) no-repeat center;}
.box-ad1{-ms-grid-column:span 2;grid-column-start:span 2;-ms-grid-row:span 2;grid-row-start:span 2;grid-column-end:7;grid-row-end:1}
.box-ad2{-ms-grid-column:span 2;grid-column-start:span 2;-ms-grid-row:span 2;grid-row-start:span 2;grid-column-end:4;grid-row-end:3}
.box-ad3{-ms-grid-column:span 2;grid-column-start:span 2;-ms-grid-row:span 2;grid-row-start:span 2;grid-column-end:8;grid-row-end:5}
.loadMore{display:block;margin:32px auto 0;width:60%;padding:11px 8px;color:#fff;font-size:20px;font-weight:700;border-radius:10px;text-align:center;background:-webkit-gradient(linear,left top,right top,from(#03a9f4),to(#66f));background:linear-gradient(to right,#03a9f4,#66f);outline:0;text-shadow:1px 1px 3px rgba(0,0,0,0.2);cursor:pointer;font-family:var(--font-title);-webkit-box-shadow:0 4px 0 0 #0c528d;box-shadow:0 4px 0 0 #0c528d}
.panel-head{font-size:20px;padding:15px 0;text-align:center;line-height:1.5;font-weight:700;font-family:var(--font-title);color:#333;margin-top:15px}
.topAd {
        position: relative;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 10px 0; /* Add padding for better spacing */
        background: #f0f0f0; /* Optional background color */
}
.midAd{margin-top:25px;text-align:center;clear:both}
.panel-desc{background:#fff;border-radius:18px;padding:24px;margin-top:15px}
.panel-desc .sp-tit{font-size:18px;font-family:var(--font-title);margin-bottom:8px;font-weight:700}
.panel-desc .sp-con{font-size:14px;line-height:1.4}
.panel-cate .lb-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.panel-cate .lb-ul li{width:19%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px}
.panel-cate a{text-transform: capitalize;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#625e5e;line-height:1.4;height:94px;width:100%;background-color:rgba(255,255,255,0.9);border-radius:16px;-webkit-box-shadow:0px 1px 3px 0px #5d6b842e;box-shadow:0px 1px 3px 0px #5d6b842e;padding:0;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1),-webkit-transform 0.6s cubic-bezier(0.25,0.1,0.25,1)}
.panel-cate a:hover{-webkit-transform:scale(1.04) translateY(-4px);transform:scale(1.04) translateY(-4px)}
.panel-cate a img{display:block;border-radius:10px;margin-right:8px;width:94px;height:94px}
.panel-cate a em{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.schWrap{display:none;width:100%;height:100%;position:fixed;z-index:99999;top:0;left:0}
.schWrap .lb-mask{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.schWrap .lb-hide{position:absolute;right:10px;top:10px;width:60px;height:60px;background:#fff;-webkit-mask-image:url(../images/close1.svg);mask-image:url(../images/close1.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:80% auto;mask-size:80% auto;cursor:pointer;z-index:5}
.schWrap .lb-hide:hover{background:#00b6f7}
.schWrap .lb-cont{padding:70px 20px 0;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.schWrap .lb-cont .sp-head{height:24px;line-height:24px;text-align:center;margin-bottom:25px;text-transform:uppercase;font-weight:bold;color:#fff;font-size:15px}
.schWrap .lb-cont .sp-form{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;overflow:hidden;border-radius:10px;height:60px}
.schWrap .lb-cont .sp-form .i-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;background:none;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;font-size:16px;color:#000}
.schWrap .lb-cont .sp-form .i-btn{-ms-flex-negative:0;flex-shrink:0;width:90px;height:60px;cursor:pointer;border:none;background:url(../images/schbtn.png) no-repeat center #03a9f4;background-size:30px auto}
.schWrap .lb-cont .sp-form .i-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.in-game-info{background:#fff;padding:15px 20px;border-radius:15px;margin-top:25px;margin-left:10px;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:16px;-webkit-box-shadow:0px 1px 3px 0px #5d6b842e;box-shadow:0px 1px 3px 0px #5d6b842e;}
.in-game-info .lb-con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.in-game-info .lb-con .img{width:110px;height:110px;border-radius:20px;margin-right:20px}
.in-game-info .lb-con .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.in-game-info .lb-con .con .sp-name{font-size:22px;font-weight:700;line-height:1.6;font-family:var(--font-title)}
.in-game-info .lb-con .con .sp-info{font-size:14px;margin-top:5px}
.in-game-info .lb-con .con .sp-info span{margin:0 5px}
.in-game-info .lb-con .con .sp-tags{margin-top:5px;text-transform: capitalize;}
.in-game-info .lb-con .con .sp-tags a{float:left;background:rgba(0,0,0,0.3);margin:5px 10px 0 0;padding:0 15px;border-radius:8px;font-size:15px;height:34px;line-height:34px;color:#fff;overflow:hidden}
.in-game-info .lb-btn{font-weight: bold;-ms-flex-negative:0;flex-shrink:0;width:260px;height:46px;text-align:center;line-height:46px;font-size:18px;color:#fff;background:var(--play_btn);border-radius:10px;margin-left:10px;-webkit-animation:playAni 1.8s linear infinite;animation:playAni 1.8s linear infinite;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}
.in-game-info .lb-btn i{background:#fff;-webkit-mask-image:url(../images//play_fill.svg);mask-image:url(../images//play_fill.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;display:block;width:26px;height:26px;margin-left:10px;-webkit-animation:playAni2 .9s linear infinite;animation:playAni2 .9s linear infinite}
@-webkit-keyframes playAni{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}
@keyframes playAni{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}
@-webkit-keyframes playAni2{50%{-webkit-transform:translateX(4px);transform:translateX(4px)}}
@keyframes playAni2{50%{-webkit-transform:translateX(4px);transform:translateX(4px)}}
.in-game-main{margin: 80px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;clear:both;}
.in-game-main .adWrap{width:336px;height:280px;background:rgba(0,0,0,0.02);margin-left:20px}
.ad-title {font-size:9px;line-height:9px;text-transform:uppercase;letter-spacing:.4px;color:#a0a0a0;margin-bottom: 10px;text-align: center;display: block;}
.in-game-main .inner{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;padding:20px;border-radius:15px;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:16px;-webkit-box-shadow:0px 1px 3px 0px #5d6b842e;box-shadow:0px 1px 3px 0px #5d6b842e;}
.in-game-main .inner .lb-img{-ms-flex-negative:0;flex-shrink:0;width:190px;margin-right:20px}
.in-game-main .inner .lb-img img{display:block;width:190px;height:190px;border-radius:20px}
.in-game-main .inner .lb-img em{display:block;height:36px;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;text-align:center;font-family:var(--font-title)}
.in-game-main .inner .lb-con{-webkit-box-flex:1;-ms-flex:1;flex:1}
.in-game-main .inner .lb-con .sp-con{font-size:16px;line-height:1.6;max-height:200px;overflow:auto;padding-right:10px;text-align: center;}
.in-game-main .inner .lb-con .sp-btn{font-weight: bold;background:var(--play_btn);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:150px;max-width:300px;-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:-webkit-gradient(linear,left top,right top,from(#00b6f7),to(#1373eb));background:linear-gradient(to right,#00b6f7,#1373eb);border-radius:10px;cursor:pointer;margin:15px auto 0}
.game-crumbs::before{content:'';float:left;width:20px;height:20px;background:#666;margin-right:10px;-webkit-mask-image:url(../images/home.svg);mask-image:url(../images/home.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto}
.game-crumbs .lb-ul{color:#6e6e6e;font-size:14px;line-height:1.6;overflow:hidden;text-transform:capitalize}
.game-crumbs .lb-ul li{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.game-crumbs .lb-ul li::after{content:'';display:block;width:14px;height:14px;background:#666;margin-right:10px;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;margin-left:5px}
.game-crumbs .lb-ul li:last-child::after{display:none}
.game-crumbs .lb-ul li a{display:block;font-size:14px;color:#6e6e6e}
.footArea{background:var(--foot_bg);margin-top:50px;position:relative}
.footArea::before{background:var(--foot_bg);bottom:100%;-webkit-clip-path:polygon(0 100%,50% 0,60% 100%,100% 0,100% 100%);clip-path:polygon(0 100%,50% 0,60% 100%,100% 0,100% 100%);content:"";height:16px;left:0;margin-bottom:-1px;position:absolute;right:0}
.footArea .inner{padding:8px 20px}
.footArea .lb-link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#fff;padding:5px 0}
.footArea .lb-link a{margin:0 10px;color:#fff}
.footArea .lb-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 0}
.footArea .lb-logo img{display:block;height:50px}
.footArea .lb-copyright{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#fff;padding:5px 0}
.paly-panel{max-width:1200px;height:650px;background:#fff;border:2px solid #fff;border-radius:10px;margin:0 auto;margin: 80px auto;clear:both;}
.paly-iframe{background:#fff;width:100%;height:100%;overflow:hidden;border-radius:10px;position:relative}
.paly-iframe .lb-cover{background-position:center;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-filter:blur(12px);filter:blur(12px);opacity:.8;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
.paly-iframe .lb-cont{height:100%;position:relative}
.paly-iframe .paly-iframe-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.paly-iframe .paly-iframe-item .sp-name{color:#fff;font-weight:700;font-size:28px;color:#fff;text-shadow:0 1px 3px #000}
.paly-iframe .paly-iframe-item .sp-icon{width:180px;height:180px;overflow:hidden;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.2);box-shadow:0 4px 6px rgba(0,0,0,0.2);margin-top:8px}
.paly-iframe .paly-iframe-item .sp-icon img{display:block;width:100%;height:100%}
.paly-iframe .paly-iframe-item .sp-play{margin-top:32px}
.paly-iframe .paly-iframe-item .sp-play .btn{color:white;text-transform:capitalize;font-size:18px;font-weight:800;cursor:pointer;-webkit-transform:perspective(1px) translateZ(0px);transform:perspective(1px) translateZ(0px);-webkit-transition-duration:0.2s;transition-duration:0.2s;background:#03a9f4;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border-radius:80px;padding:14px 30px;gap:5px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.paly-iframe .paly-iframe-item .sp-play .btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36);transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36)}
.paly-iframe .paly-iframe-item .sp-play .btn i{display:block;width:30px;height:30px;background:#fff;margin-left:10px;-webkit-mask-image:url(../images/game-play.svg);mask-image:url(../images/game-play.svg);-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.paly-iframe .paly-iframe-adv{background:rgba(0,0,0,0.1);-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% !important;-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}
.paly-iframe .paly-iframe-adv .ad > div{width:100%}
.paly-iframe .paly-iframe-adv .sp-loading{height:12px;border-radius:6px;background:#666;width:80%;margin-top:30px}
.paly-iframe .paly-iframe-adv .sp-loading .bar{height:100%;border-radius:6px;overflow:hidden;background:#0069c1}
.paly-iframe .paly-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(#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}
.paly-iframe .paly-iframe-adv .sp-logo{position:absolute;left:30px;top:30px;height:80px}
.paly-iframe .paly-iframe-adv .sp-logo img{display:block;height:80px}
.paly-iframe .game-iframe-play{background:#eee;width:100%;height:100%;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;display:none;position:relative}
.paly-iframe .game-iframe-play.full{width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
.paly-iframe .game-iframe-play .lb-frame{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;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}
.paly-iframe .game-iframe-play .lb-frame iframe{width:100%;height:100%}
.paly-iframe .game-iframe-play .lb-foot{height:50px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;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:10px}
.paly-iframe .game-iframe-play .lb-foot .info{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:30px;line-height:30px;font-size:18px;color:#000}
.paly-iframe .game-iframe-play .lb-foot .info img{float:left;height:30px;border-radius:4px;margin-right:10px}
.paly-iframe .game-iframe-play .lb-foot .action{-ms-flex-negative:0;flex-shrink:0;height:40px;line-height:40px}
.paly-iframe .game-actions{display:-webkit-box;display:-ms-flexbox;display:flex}
.paly-iframe .game-actions .item{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:16px;margin-left:20px;cursor:pointer}
.paly-iframe .game-actions .item:hover{color:#ff1a51}
.paly-iframe .game-actions .item:hover .ico{background:#ff1a51}
.paly-iframe .game-actions .item.it-good .ico{-webkit-mask-image:url("../images/vote-good.svg");mask-image:url("../images/vote-good.svg")}
.paly-iframe .game-actions .item.it-good.active,.paly-iframe .game-actions .item.it-good:hover{color:#1aff6b}
.paly-iframe .game-actions .item.it-good.active .ico,.paly-iframe .game-actions .item.it-good:hover .ico{background:#1aff6b}
.paly-iframe .game-actions .item.it-bad .ico{-webkit-mask-image:url("../images/vote-bad.svg");mask-image:url("../images/vote-bad.svg")}
.paly-iframe .game-actions .item.it-bad.active,.paly-iframe .game-actions .item.it-bad:hover{color:#ff1a51}
.paly-iframe .game-actions .item.it-bad.active .ico,.paly-iframe .game-actions .item.it-bad:hover .ico{background:#ff1a51}
.paly-iframe .game-actions .item.it-full .ico{-webkit-mask-image:url("../images/fullscreen-expand.svg");mask-image:url("../images/fullscreen-expand.svg");margin-right:0}
.paly-iframe .game-actions .item.it-full.active .ico{background:#ff1a51;-webkit-mask-image:url("../images/fullscreen-shrink.svg");mask-image:url("../images/fullscreen-shrink.svg")}
.paly-iframe .game-actions .item.it-share .ico{-webkit-mask-image:url("../images/share.svg");mask-image:url("../images/share.svg");margin-right:0}
.paly-iframe .game-actions .item.it-reload .ico{-webkit-mask-image:url("../images/reloadpc.svg");mask-image:url("../images/reloadpc.svg");margin-right:0}
.paly-iframe .game-actions .item.it-reload.active,.paly-iframe .game-actions .item.it-reload:hover{color:#f8fb2c}
.paly-iframe .game-actions .item.it-reload.active .ico,.paly-iframe .game-actions .item.it-reload:hover .ico{background:#f8fb2c}
.paly-iframe .game-actions .item .ico{display:block;width:28px;height:28px;background:#000;-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}
@-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%}}
.htmlOver{height:100%;overflow:hidden}
.game-iframe-phone{display:none;position:fixed;z-index:999;inset:0px;background:#fff}
.game-iframe-phone .area-adv{width:100%;min-height:100%;height:100% !important;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:60px}
.game-iframe-phone .area-adv .lb-logo img{display:block;height:60px}
.game-iframe-phone .area-adv .lb-ad{width:300px;height:300px;margin-top:30px}
.game-iframe-phone .area-adv .lb-ad > div{width:100%}
.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 .lb-iframe{position:fixed;width:100vw;height:100vh;overflow:hidden;top:0px;left:0px;z-index:10}
.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:rgb(0 0 0 / 65%)}
.game-iframe-phone .area-iframe .lb-back{position:absolute;top:5vh;z-index:20;width:32px;height:32px;background:rgb(0 0 0 / 65%)}
.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);-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px 20px;font-size:12px;z-index:8}
.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}
.content{background:#fff;border-radius:15px;padding:15px;min-height:calc(100vh - 300px)}
.content .lb-head{margin-bottom:10px;-webkit-box-shadow:0px 2px 3px -1px #e2e2e2;box-shadow:0px 2px 3px -1px #e2e2e2;font-size:15px;height:50px;line-height:50px;font-weight:600;color:#494B4F;border-top:1px solid #eee;padding:0 10px;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}
.content .lb-head img{display:block;width:30px;height:30px;margin-right:15px}
.content .lb-body{background:#fff;color:#625e5e;padding:20px;font-size:14px;line-height:1.4;border-radius:15px;margin:20px 10px 0;min-height:400px}
.play-modal{left:-10200px;overflow:hidden;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100vw;height:100vh;z-index:9999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(0,0,0,0.6)}
.play-modal.show{bottom:0;height:auto;left:0;pointer-events:auto;right:0;top:0;visibility:visible;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.play-modal .adv-fullscreen-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100% !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%}
.play-modal .adv-fullscreen-block .sp-close{width:32px;height:32px;position:absolute;right:-40px;top:-40px;border-radius:50%;overflow:hidden;color:#000}
.play-modal .adv-fullscreen-block .lb-cont{position:relative}
.play-modal .adv-fullscreen-block .sp-close.on{background:rgba(255,255,255,0.9);z-index:5;cursor:pointer}
.play-modal .adv-fullscreen-block .sp-close.on .val{background:#000;-webkit-mask-image:url(../images/close1.svg);mask-image:url(../images/close1.svg);-webkit-mask-size:50% auto;mask-size:50% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;line-height:99}
.play-modal .adv-fullscreen-block .sp-close .val{background:rgba(0,0,0,0.6);overflow:hidden;display:block;width:32px;height:32px;text-align:center;line-height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;font-size:16px;font-weight:700;color:#fff;position:absolute;left:0;top:0}
.play-modal .adv-fullscreen-block .sp-cont{max-height:calc(100vh - 192px);overflow:hidden;border-radius:5px}
.pageMB .play-modal .adv-fullscreen-block .sp-close{right:0;top:-38px;border-radius:50%;width:32px;height:32px}
.pageMB .play-modal .adv-fullscreen-block .sp-close.on .val{line-height:99}
.pageMB .play-modal .adv-fullscreen-block .sp-close .val{width:32px;height:32px;line-height:32px}
@media (max-width:1498px){.warp{width:1140px}
.gameArea{-ms-grid-columns:(150px)[7];grid-template-columns:repeat(7,150px)}
.panel-cate .lb-ul li{width:32%}}
@media (max-width:1200px){.warp{width:975px}
.gameArea{-ms-grid-columns:(150px)[6];grid-template-columns:repeat(6,150px)}
.box-ad1{grid-column-end:6;grid-row-end:1}
.box-ad2{grid-column-end:3;grid-row-end:3}
.box-ad3{grid-column-end:7;grid-row-end:5}
.panel-cate .lb-ul li{width:32%}}
@media (max-width:1000px){.warp{width:645px}
.gameArea{-ms-grid-columns:(150px)[4];grid-template-columns:repeat(4,150px)}
.box-ad1{grid-column-end:5;grid-row-end:1}
.box-ad2{grid-column-end:3;grid-row-end:6}
.box-ad3{grid-column-end:5;grid-row-end:10}
.in-game-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.in-game-info .lb-con{width:100%}
.in-game-info .lb-btn{margin-top:20px;margin-left:0}
.in-game-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.in-game-main .adWrap{width:100%;margin-left:0;margin-top:20px}
.panel-cate .lb-ul li{width:48.5%}}
@media (max-width:750px){
.warp{width:93.3333vw}
.gameArea{grid-gap:2.6667vw;-ms-grid-columns:(21.3333vw)[4];grid-template-columns:repeat(4,21.3333vw)}
.gameCard{height:21.3333vw}
.gameCard .sp-img{border-radius:12px}
.gameCard a:after{border-radius:12px}
.home-box{width:93.3333vw}
.box-ad1{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:1/1/1/5;display: none;text-align: center;align-items: center;height:auto;width: 100%;}
.box-ad2{-ms-grid-row:7;-ms-grid-row-span:-1;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:7/1/6/5;text-align: center;align-items: center;height:auto;width: 100%;}
.box-ad3{-ms-grid-row:12;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:12/1/12/5;text-align: center;align-items: center;height:auto;width: 100%;}
.panel-cate .lb-ul li{width:100%}
.panel-cate .lb-ul li a{height:80px}
.panel-cate .lb-ul li a img{width:80px;height:80px}
.in-game-main .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 80%;}
.in-game-main .inner .lb-img{margin-right:0;width:120px}
.in-game-main .inner .lb-img img{width:120px;height:120px}
.in-game-main .inner .lb-con{margin-top:20px}
.in-game-info .lb-con .img{width:96px;height:96px}
.in-game-info .lb-con .con .sp-name{font-size:18px}
.in-game-info .lb-con .con .sp-tags{margin-top:0}
.in-game-info .lb-con .con .sp-tags a{height:28px;line-height:28px;font-size:12px}
.paly-panel{height:400px;margin: 80px 10px;}
.paly-iframe .paly-iframe-item .sp-icon{width:120px;height:120px}
}

@media (max-width: 1023px) {.headArea .hd-logo{height:50px}}
.game-hot,.game-new{    position: absolute;top: 10px;left: 0;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 4px 0 0 rgb(0 0 0 / 30%);
    box-shadow: 0 4px 0 0 rgba(0,0,0,.3); font-weight: bold;}
.game-hot{background: #ff4f5b;}
.game-new{background: #00ed82;}

.panelPages{text-align: center; margin:0 auto; width:100%; padding: 15px 0;}
.panelPages a,.panelPages b{background:#09f;display:inline-block;height:46px;line-height:46px;padding:0 15px;overflow:hidden;color:#fff;font-size:14px;font-weight:700;border-radius:5px;margin:0 6px}
.panelPages a:hover{background:#f60}
.panelPages span{background:#5dc12b;display:inline-block;height:46px;line-height:46px;padding:0 15px;overflow:hidden;color:#fff;font-size:14px;font-weight:700;border-radius:5px;margin:0 6px}

.policy-validation{-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.34);box-shadow:0 3px 10px 0 rgba(0,0,0,.34);background:rgba(59, 60, 65, 0.9);border-radius:5px;bottom:20px;display:table;left:50%;margin-left:-38%;padding:10px;position:fixed;vertical-align:middle;width:76%;z-index:100000}
.policy-validation .content{color:#f1f1f1;display:table-cell;font-size:12px;line-height:15px;padding:0 5px;vertical-align:middle;background: #625e5e;border-radius: 5px; margin-left: 20px;}
.policy-validation .content a{color:#1273eb;text-decoration:underline}
.policy-validation .actions{display:table-cell;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;text-align:center;vertical-align:middle;width:90px}
.policy-validation .actions a{background:#FF4F5B;border-radius:3px;color:#fff;cursor:pointer;display:block;font-weight:700;letter-spacing:.4px;padding:5px 8px;width:70px}

.smokescreen{display:none;position:fixed;z-index:9999;top:0px;left:0px;width:100%;height:100%;background:rgba(58,60,65,0.95)}
.navigation{display:none;width:100%;height:100%;position:absolute;z-index:99999;top:0;left:0}
.close{background:url(../images/closem.svg) no-repeat center;background-size:32px 32px;width:50px;height:50px;overflow:hidden;line-height:99;position:absolute;left:0;top:0}
.nav{width:100%;margin-top:75px}
.nav li{width:100%;text-align:center;text-transform:uppercase;font-weight:bold;height:50px;line-height:50px;font-size:14px}
.nav li a{color:#fff;text-decoration:none}
.nav li a img{width: auto;height: 36px;padding-right: 10px;}
.nav li:hover{background-color: rgba(204, 204, 204, 0.2)}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
}
.paly-iframe .game-iframe-play .lb-foot .info{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:30px;line-height:30px;font-size:18px;color:#000}
.paly-iframe .game-iframe-play .lb-foot .info img{float:left;height:30px;border-radius:4px;margin-right:10px}
.paly-iframe .game-actions{display:-webkit-box;display:-ms-flexbox;display:flex}
.paly-iframe .game-actions .item{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:16px;margin-left:20px;cursor:pointer}
.paly-iframe .game-actions .item:hover{color:#ff1a51}
.paly-iframe .game-actions .item:hover .ico{background:#ff1a51}

.game-info img {
    width: 2.5rem !important;
    max-width: 2.5rem !important;
    height: 2.5rem;
}
.header-left {
    /*margin: 10px 0;*/
    width: 100% !important;
    padding: 0 !important;
}

.header-left span {
    font-family: 'Poppins', sans-serif;
    color: rgba(1, 1, 1, 1);
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    float: left;
    width: auto;
    padding-top: 5px !important;
}

.header-left div {
    float: left;
    width: auto;
    padding: 10px 10px 0 10px;
}

.header-right {
    margin-left: auto;
    text-align: right;
    width: 100% !important;
    padding: 0 !important;
}

.header-right .btn, .header-right .social-icon {
    margin-top: 10px;
}

.header-right .b-action {
    width: 100% !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: flex-end;
}

.b-action div {
    display: inline-block;
    float:right !important;
}

.header-right .btn-capsule, .header-right .btn-share {
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    line-height: 1.42857143;
}

.header-right .btn-capsule {
    width: auto !important;
    padding: 10px 10px;
}

.header-right .btn-share {
    width: 2.5rem !important;
    max-width: 2.5rem !important;
    height: 3.125rem !important;
    max-height: 3.125rem !important;
    padding-right: 0px;
}

.star-on {
    color: #FFA73F;
    margin-right: 4px;
}
.star-off {
    color: #5C5B5F;
    margin-right: 4px;
}