@font-face{font-family:'Montserrat';src:url("font/Montserrat-Regular.ttf") format("truetype")}
@font-face{font-family:'Fredoka One';font-style:normal;font-display:swap;src:local("Fredoka One"),local("FredokaOne-Regular"),url(font/Fredoka.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,i{margin:0;padding:0}
em,i{font-style:normal}
ul,ol{list-style-type:none}
li{list-style:none}
img{border:0;vertical-align:middle}
button{cursor:pointer}
a{color:#333;text-decoration:none}
a:hover{color:#f60}
button,input{font-family:"Montserrat","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}
body{-webkit-font-smoothing:antialiased;font:12px/1.5 "Montserrat","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;background-color: #FFFFFF;}
.hide,.none{display:none}
.cf:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.cf{*zoom:1}
.fl{float:left}
.fr{float:right}
.mt10{margin-top:10px}
html,body{width:100%;height:100%;}
.header{background-color:#102238;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.4);box-shadow:0 0 3px 0 rgba(0,0,0,0.4);height:60px;position:relative;z-index:10}
.header .inner{-webkit-box-sizing:border-box;box-sizing:border-box;position: relative;padding: 0 40px;height: 60px;}

.tblogo{overflow:hidden;    margin: 2px auto 0;}
.tblogo a{background:url(../images/logo.svg) no-repeat;background-size:190px 54px;background-position:center center;display: block;width:190px;height:60px;overflow:hidden;line-height:99;margin: 0 auto;}
.mnbtn,.schbtn{width:44px;height:60px;overflow:hidden;line-height:99;position:absolute;cursor: pointer;}
.mnbtn{background:url(../images/mnbtn.png) no-repeat center;background-size:40px 40px;left:0;top:0}
.schbtn{background:url(../images/schbtn.png) no-repeat center;background-size:40px 40px;right:0;top:0}

.schWrap{background:#eee;position:absolute;width:100%;min-height:56px;top:60px;left:0;display:none;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.5);box-shadow:0 4px 5px 0 rgba(0,0,0,0.5);z-index:100}
.schWrap .schArea{margin:10px;position:relative}
.schWrap .schArea .txt{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:5px 12px;font-size:14px;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;height:36px;line-height:20px;background-color:#fefefe}
.schWrap .schArea .btn{position:absolute;top:1px;right:1px;border-top-right-radius:3px;border-bottom-right-radius:3px;width:40px;height:34px;border:0;text-indent:-9999px;background:url(../images/sch-btn.png) #e3e3e3 no-repeat center;background-size:20px 20px}
.schWrap .specLabel .item{width:100%;background:#fff;height:50px;line-height:38px;font-size:14px;padding:6px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;color:#337ab7}
.schWrap .specLabel .item a{color:#337ab7}
.schWrap .specLabel .item img{float:left;width:52px;height:auto;margin-right:6px}
.gameContent{margin: 0 auto;}
/*  */
.titwp{background:#F8FAFB;margin-bottom:10px;font-size:15px;height:50px;line-height: 50px;font-weight: 600;color:#0b2239;border: 1px solid #eee;padding:0 10px}
.titwp img{width: 30px;height: 30px;padding-right: 6px;}
.titwp a img{width: 32px;height: 32px;}
.titwp a{color:#869fb2}
.titwp .lk{background:#EEFAF4;float:right;font-size:10px;height:15px;overflow:hidden;line-height:18px;color:#2D8B72;padding:5px 6px;margin-top:12.5px;border-radius:3px;}
.glist{width:100%;margin-bottom:5px;position:relative}
.glist li{float:left;width:30%;box-sizing:border-box;margin:0 1.66% 10px;background:#FFF;border-radius:5px;overflow: hidden; position: relative; border: 1px solid #eee;}
.glist li:hover{border: 1px solid #D0D9E0;}
.glist .img{display:block;overflow: hidden;}
.glist .img img{display:block;width:100%;border-top-left-radius:3px;border-top-right-radius:3px;transition: all 0.3s;}
.glist .img img:hover{transform: scale(1.1);}
.glist .name{display:block;height:24px;line-height:24px;font-size:13px;;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.glist .name a{color:#5f7d95;}
.glist .name a:hover{color: #2D8B72;}
.glist .num{background:url(../images/uico.png) no-repeat left center;background-size:16px 16px;display:block;height:22px;overflow:hidden;line-height:20px;font-size:12px;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;color:#C9C9C9;padding:0 5px;box-sizing:border-box;text-indent:14px}
.glist .item {display:block;height:20px;line-height:22px;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#DBDBDB}
.showmore{background:#1273eb;color:#fff;display:block;width:145px;height:30px;overflow:hidden;text-align:center;line-height:32px;font-size:14px;margin:0 auto 0;border-radius:4px}

.game-hot,.game-new,.game-good,.game-exclus{    position: absolute;top: 10px;left: 0;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;text-transform: uppercase;border-bottom-right-radius: 10px;box-shadow: 1px 2px 2px rgb(0 0 0 / 60%);}
.game-hot{background: #f60;}
.game-new{background: #89B52A;}
.game-good{background: #3e8ef2;}
.game-exclus{background: #e64ff5;}

.categories{width:98%;margin:15px 1%}
.categories h3{background-color:#eee;padding:10px 1.25%;width:97.5%;border-radius:5px;text-align:center;font-size:16px;margin-top:5px}
.cateList{overflow:hidden;margin-top:15px}
.cateList li{float:left;font-family:'Montserrat';color:#102238;line-height:90px;height:90px;background-color:#F8FAFB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius: 5px;font-size: 14px;}
.cateList li:hover{background-color:#EFF3F6;}
.cateList li a{color:#333;text-transform: capitalize;}
.cateList li img{float:left;border-radius:3px;margin-right:10px;width:90px;height:90px;}
.vidList{margin-top:15px;overflow:hidden}
.vidList li{float:left;position:relative;width:14.6%;margin:8px 1% 0;text-align:left;line-height:2.4;font-size:14px}
.vidList li img{display:block;width:100%}
.vidList li em{display:block;height:16px;line-height:16px;overflow:hidden;margin-top:5px;white-space:nowrap;text-overflow:ellipsis}
.minibtn{display:block;background-color:#2a6490;border-radius:3px;font-size:14px;padding:7px 0;margin:20px 0 0 25%;width:50%;color:#fff;text-align:center}
.footer{width:100%;font-size:13px;clear:both;bottom: 0;padding-bottom:20px;background-color:#0B192A; color: #333; margin-top: 30px;}

.footwrap{margin:0 auto;text-align:left; padding: 0;}
.footlead{background-color:#142A46;float:left;clear:both;width:96%;padding:12px 2%;height:auto;position:relative}
.footlead .ft-logo{float:left;background:url("../images/logo.svg") no-repeat;background-size:100% 100%;width:111px;height:35px;overflow:hidden;line-height:99}
.footlead a{float:left;font-size:14px;color:#FFF;line-height:36px;margin: 0 10px;}
.footlead .ft-menu{float:right}
.footlead .ft-menu a{float:left;width:30px;height:auto;margin-top:2px;border-radius:3px;margin-left:8px}
.footlead .ft-menu a img{display:block;width:30px;height:30px;border-radius: 5px;}
.footlead .langSel{display:none;position:absolute;right:7px;bottom:54px;background-color:#eee;z-index:2000;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.4);box-shadow:0 0 3px 0 rgba(0,0,0,0.4);padding:15px;border-radius:5px;width:225px}
.footlead .langSel li{display:block;font-size:14px;padding:5px 0;height:30px;line-height:30px}
.footlead .langSel li img{float:left;width:30px;height:30px;margin-right:10px}
.footlead .langSel li.cur{font-weight:bold;color:#337ab7}
.footsub{background-color:#1d63be;width:96%;overflow:hidden;padding:5px 2%;height:30px;}
.footsub a{float:left;display:block;padding-right:30px;font-size:14px;color:#e3e3e3;line-height:30px}
.footend{font-size:14px;width:auto;padding:10px 5%;margin-top:10px;color: #869fb2}
.footend h3{margin-bottom:8px}
.footend p{padding:0 0 10px;font-family:'Montserrat';width:100%;max-width:1100px}

.pages{text-align: center; margin:0 auto; width:100%;}
.pages a,.pages b{background:#4EC48D;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;}
.pages a:hover{background:#3AAF82;}
.pages b{background:#FFFFFF;display:inline-block;height:46px;line-height:46px;padding:0 15px;overflow:hidden;color:#394956;font-size:14px;font-weight:700;border-radius:5px;margin:0 6px;box-shadow: inset 0 0 0 2px #cfd9e0;}
.bcrumbs{height: 30px;font-size: 15px;color:#e3e3e3;padding-left: 30px;line-height: 30px;background:url(../images/home_fill.png) no-repeat 0px -3px;margin-bottom: 15px;text-transform: capitalize;} 
.bcrumbs a{color: #ffffff;}

.insbutton {height: 30px;-webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 15%);box-shadow: 0 4px 4px 0 rgb(0 0 0 / 15%);margin: 8px 0 8px 0;line-height: 30px;background-color: #56E210;COLOR: #fff;padding: 5px 0;font-size: 15px;}
    .insbutton .reload{width: 49%; float:left; text-align: center;position:relative;}
    .insbutton .back{width: 49%;float:right;text-align: center;position:relative;}
    .tagsin a{color: #fff; padding: 3px 10px; background-color: #004bac;display: inline-block;line-height: 20px; border-radius: 5px;margin-top: 8px; margin-left: 5px;text-transform: capitalize;}
.tagsin a:hover{background-color: #499e43;}

.schtit{height:24px;line-height:24px;text-align:center;margin-top:63px;margin-bottom:25px;text-transform:uppercase;font-weight:bold;color:#fff;font-size:15px;}
.schwp{width:80%;height:50px;position:relative;margin: 0 auto;}
.schtxt{width:100%;border:0;padding:0;line-height:44px;font-size:12px;padding-left:12.5px;border-radius:0;box-sizing:border-box;}
.schin{background:url(../images/schbtn.png) #1d262d no-repeat center;background-size:26px 26px;width:44px;position:absolute;right:0;top:0;border:0 none; height: 44px;}

.smokescreen{display:none;position:fixed;z-index:9999;top:0px;left:0px;width:100%;height:100%;background:rgba(58,60,65,0.95)}
.navigation,.search{display:none;width:100%;height:100%;position:absolute;z-index:99999;top:0;left:0}
.close{background:url(../images/close.png) 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-transform:uppercase;font-weight:bold;height:50px;line-height:50px;font-size:14px;text-align: center;margin: 1px 0 2px 0;background-color: rgb(0 0 0 / 40%);}
.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)}

#schbtnin{background:url(../images/schbtn.png) #4185EE no-repeat center;background-size:26px 26px;width:50px;line-height: 44px;position:absolute;right:0;top:0;border:0 none}
.adpt{text-align:center;height:auto;float: left;min-height: 210px;width: 100%;}


@media (min-width: 1366px) {
   .gameContent{width: 74%;}
}


 


/* DESKTOP COMPATIBILITY *//*screen />=800*/
@media (min-width: 801px) {
    .gintrowp{float:left;width:50%}
    .cateList li{width:calc(25% - 22px);margin:5px 10px;}
   .glist li{width:15%;margin:0 0.7% 10px 0.9%}
   .mainContent{width: 70%}
   .footContent{width: 70%}
   .gameContent{/* width: 70%; */}
.categories{width:70%;margin:15px 1%;margin: 0 auto;
    padding: 0;}
   /*.glist li{    width: 11%;margin: 0 0.7% 10px 0.8%;}*/
   .adpt{width: 47%;margin:0 8px;}  
}
/*screen /<=800*/
@media(max-width:800px){
.cateList li{width:calc(50% - 16px);margin:5px 8px}
 .header{ width: 100%;height:50px;}
 .tblogo{margin: 0px auto 0;}
 .tblogo a{background-size: 158px 44px;width: 158px;height: 50px;}
 .mnbtn,.schbtn{background-size: 30px 30px;}
 .header .inner{height: 50px;}
 .mnbtn, .schbtn {height: 50px;}
 .titwp{height: 40px;line-height: 40px;border-top: 1px solid #eee;}
 .titwp .lk {margin-top: 7.5px;} 
 .titwp a img{margin-bottom:2px}
}

.gintro{background:#fff;border:1px solid #EBEBEB;padding:5px;box-sizing:border-box}
.gintro .img{float:left;width:26%}
.gintro .img img{display:block;width:100%;border-radius:3px}
.gintro .con{float:left;width:72%;padding-left:10px;box-sizing:border-box}
.gintro .con .bd{height:20px;line-height:20px}
.gintro .con .bd h1{float:left;font-size:14px;width: 100%;}
.gintro .con span{float:left;color:#c9c9c9;font-size:10px;}
.gintro .con .bd{font-size:12px;color:#797979}
.gintro .tagsC{float:left;width: 100%;padding: 2px  0 5px 0;font-family:'Maven pro';font-weight: bold;}
.gintro .tagsC li{background-color: #85B300; color: #FFF;padding: 3px 6px;border-radius:5px;text-transform: capitalize;margin-bottom: 5px;display: inline-block;margin-right: 6px;}
.gintro .tagsC a{color:#586C7C;border-radius:3px;text-transform: capitalize;display: inline-block;border: 1px solid #BCC8D2; padding: 2px 5px; margin-top: 2px;}
.destext{font-size:14px;margin-top:6px;font-weight: 100;font-family:'Montserrat';color: rgb(0 0 0 / 34%);}

.liket{color: #827f7f;height:26px;line-height:28px;font-size:13px;overflow:hidden;background: url(../images/like.png) no-repeat right; margin-right: 15px;background-size: 18px 18px; padding-right: 20PX;}
.votet{color: #827f7f;height:26px;line-height:28px;font-size:13px;overflow:hidden;background: url(../images/vote.png) no-repeat right;background-size: 18px 18px;padding-right: 20PX;}

/*Play Btn*/

.social{margin:10px 10px 0}
.playbtn{float:left;width:100%;box-sizing:border-box;margin: 10px 0;}
.playbtn a{display:block;width:100%;height:44px;font-size:15px;font-weight:bold;line-height:44px;border-radius:3px;color:#fff;text-align: center;}
.pbcon{margin: 0 auto;width: 70%;text-align: center;}
#playab{background:#F8B13E;-webkit-animation: mymove 1s infinite;animation: mymove 1s infinite;}
#playab img{height: 25px;margin-right: 5px;}
@-webkit-keyframes mymove {50% {background-color: #F4A035;}}
@keyframes mymove {50% {background-color: #F4A035;}}

/*phone play*/
#adContainer{position:absolute;text-align:left;left:0;top:0;width:100%;height:100%;display:none}
#helpImg,#settingImg{display:none;width:30px;height:30px}
#settingImg{position:fixed;cursor:pointer;top:100px;left:0;z-index:800}
#helpImg{position:fixed;cursor:pointer;top:100px;right:0;z-index:800}
.playArea{display:none;width:100%;height:100%;background:#fff;position:fixed;left:0;top:0;z-index:50;overflow: hidden;}
.playArea .gamesrc{width:100%;height:100%;overflow:hidden}
.playArea .gamesrc iframe{width:100%;height:100%;position:relative;z-index:5}
.playArea .tips{display:none;width:100%;height:100%;background:rgba(0,155,255,.8);position:absolute;left:0;top:0;z-index:10}
.playArea .tips .inner{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.playArea .tips .inner img{display:block;width:55%;height:auto;border-radius:.1rem;margin:0 auto}
.playArea .tips .inner .p1{text-align:center;font-size:.22rem;color:#fff;line-height:.34rem;margin-top:.1rem}
.playArea .tips .inner .p2{text-align:center;font-size:.36rem;font-weight:700;line-height:1.6;color:#000;margin-top:.3rem}
.pcPlay{padding: 0; margin: 0 auto;background-color: #000;text-align: center;display: none;position:relative;background: url(../images/gamebg.png) #000;}
#refreshPc{display: none;position: absolute;cursor:pointer;top:100px;right:0;z-index:600;width:40px;height:40px}
/*cookie*/
.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(16,34,56, 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}
.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:#448DF0;border-radius:3px;color:#fff;cursor:pointer;display:block;font-weight:700;letter-spacing:.4px;padding:5px 8px;width:70px}

/*fullscreen*/
#fullsize{display: none;position: absolute;cursor:pointer;top:150px;right:0;z-index:600;width:40px;height:40px}
.noFull{display:none;position:fixed;right:20px;top:20px;width:50px;height:50px;text-align:center;line-height:50px;background:rgba(255,255,0,.5);color:#fff;font-size:28px;z-index:1000;cursor:pointer;}


@media (min-width: 801px) and (max-width: 1366px) {
    .categories,.gameContent{width: 98%;}
}