/*kingone */
@charset "utf-8";
/* CSS reset */
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 'Maven pro', sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px;-webkit-text-size-adjust:none}
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{-webkit-appearance:none}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{color:#333;text-decoration:none}
.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}

/*body{background:#F8FAFB}*/

body{-webkit-font-smoothing:antialiased;font:12px/1.5 "Montserrat","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;margin:0px;padding:0px;background-color: #f8fafb;}

/*  */
.topbar{background:#004BAC;height:44px;overflow:hidden;padding:0 40px;position:relative;margin-bottom: 10px;}
.tblogo{width:137px;height:40px;overflow:hidden;margin:2px auto 0}
.tblogo a{background:url(../images/logo.png) no-repeat;background-size:137px 40px;display:block;width:137px;height:40px;overflow:hidden;line-height:99}
.mnbtn,.schbtn{width:40px;height:44px;overflow:hidden;line-height:99;position:absolute;}
.mnbtn{background:url(../images/mnbtn.png) no-repeat center;background-size:32px 32px;left:0;top:0}
.schbtn{background:url(../images/schbtn.png) no-repeat center;background-size:32px 32px;right:0;top:0}

/*  */
.titwp{background:#fff;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;padding:0 10px}
.titwp a img{width: 32px;height: 32px;margin-bottom:8px}
.titwp a{color:#869fb2}
.titwp .lk{background:#1273eb;float:right;font-size:10px;height:15px;overflow:hidden;line-height:18px;color:#fff;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;-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);box-shadow: 0 2px 4px 0rgba(0,0,0,.3);;border-radius:5px;overflow: hidden; position: relative;}

.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: #869fb2;}
.glist .num{background:url(../images/uico.html) 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}
.liket{color: #827f7f;height:26px;line-height:26px;font-size:13px;overflow:hidden;background: url(../images/like.png) no-repeat right; margin-right: 15px;background-size: 15px 15px; padding-right: 15PX;}
.votet{color: #827f7f;height:26px;line-height:26px;font-size:13px;overflow:hidden;background: url(../images/vote.png) no-repeat right;background-size: 15px 15px;padding-right: 20PX;}
/*  */
.cookiebar{width:100%;height:40px;position:fixed;z-index:99999;bottom:0;left:0;background:rgba(59, 60, 65, 0.9);padding:0 12px;box-sizing:border-box}
.explain{float:left;color:#F1F1F1;font-size:8px;width:70%;line-height:40px}
.cookiebar .link {float:right;width:30%}
.link a{float:right;margin-top:9px;padding:0 5px;border-radius:3px;font-size:8px;height:24px;line-height:24px;color:#fff}
.cookiebar .lk1{background:#FF4F5B;margin-right:5px}
.cookiebar .lk2{background: #646568;margin-right:10px}

/*  */
.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-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)}

.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:100%;height:50px;position:relative}
.schtxt{width:100%;border:0;padding:0;line-height:44px;font-size:12px;padding-left:12.5px;border-radius:0;box-sizing:border-box;}
.schbtn{background:url(../images/schbtn.png) #004BAC no-repeat center;background-size:26px 26px;width:50px;position:absolute;right:0;top:0;border:0 none}

/* inner */

.introwp{margin-top:10px;margin-bottom:10px}
.gintrowp{}
.gintro{background:#fff;margin:0 10px;border:1px solid #EBEBEB;border-radius:5px;-webkit-box-shadow: 0px 2px 0px 0px #E2E2E2;box-shadow: 0px 2px 0px 0px #E2E2E2;padding:5px;box-sizing:border-box}
.gintro .img{float:left;width:34%}
.gintro .img img{display:block;width:100%;border-radius:3px}
.gintro .con{float:left;width:66%;padding-left:10px;box-sizing:border-box}
.gintro .con .hd{height:20px;line-height:20px}
.gintro .con .hd h1{float:left;font-size:14px}
.gintro .con .hd span{float:left;color:#c9c9c9;font-size:10px;margin-left:15px}
.gintro .con .bd{font-size:12px;color:#797979}
.gintro .tagsC{float:left;width: 100%;padding: 10px  0 5px 0;font-family:'Maven pro';font-weight: bold;}
.gintro .tagsC a{background-color: #85B300; color: #FFF;padding: 3px 6px;border-radius:5px;text-transform: capitalize;}

.social{margin:10px 10px 0}
.playbtn{float:left;width:100%;box-sizing:border-box;margin-top: 10px;}
.playbtn a{display:block;width:100%;height:44px;font-size:15px;font-weight:bold;line-height:44px;border-radius:4px;color:#fff;text-align: center;}
#playab{background:#59b21f;-webkit-animation: mymove 1s infinite;animation: mymove 1s infinite;}
@-webkit-keyframes mymove {50% {background-color: #0ff0ec;}}
@keyframes mymove {50% {background-color: #0ff0ec;}}

.square{float:left;width:50%;height:44px;overflow:hidden;border-radius:4px}
.square span{float:left;width:25%;height:44px;line-height:44px;text-align:center;overflow:hidden;}
.square .sp1{background:#3B579D}
.square .sp2{background:#00ACED}
.square .sp3{background:#D02A2D}
.square .sp4{background:#93D228}
.square i{background:url(../images/square.html)no-repeat;background-size:99px 24px;display:inline-block;vertical-align:middle;width:24px;height:24px;overflow:hidden;}
.square .sp1 i{background-position:0 0}
.square .sp2 i{background-position:-25px 0}
.square .sp3 i{background-position:-50px 0}
.square .sp4 i{background-position:-75px 0}
.adwrap{margin:10px 10px 0;border-radius:5px;box-sizing:border-box; text-align: center;}

.pcPlay{padding: 0; margin: 0 auto;background-color: #000;text-align: center;display: none;position:relative}
#refreshPc{display: none;position: absolute;cursor:pointer;top:100px;right:0;z-index:800;width:40px;height:40px}
/*  */
.gameload{}
.ad-timer{width:100%;min-height:50px;line-height:50px;background:#fff;text-transform:uppercase;font-weight:600;color: #7C7E82;font-size:10px;text-align: center;margin-bottom: 20px;-webkit-box-shadow: 0px 2px 3px -1px #E2E2E2;box-shadow: 0px 2px 3px -1px #E2E2E2;}
.playad{text-align:center;position:fixed;margin:0 auto;bottom: 0;width: 100%;}

#ad-interval{color:#1273eb}
#gamePlayer {width:100%;height:100%;overflow:hidden;margin:0px;padding:0px;position:absolute;display:none;}
.mini{background:url(../images/mnbtn.png) #1273eb no-repeat center;background-size:32px 32px;width:50px;height:50px;position:absolute;z-index:999;top:0;left:0;display: none;}

.mainContent{margin: 0 auto;padding: 0;}
.footContent{margin: 0 auto;padding: 0;}
.gameContent{margin: 0 auto;padding: 0;}



/* DESKTOP COMPATIBILITY */
@media (min-width: 800px) {
.categories{width:960px;margin:15px 1%;margin: 0 auto;
    padding: 0;}
   .gintrowp{float:left;width:50%}
   .adwrap{float: right;width:50%;margin:0 auto;min-height:215px}
   .glist li{width:17%;margin:0 1.5% 10px}
   .mainContent{width: 960px}
   .footContent{width: 960px}
   .gameContent{width: 960px}
   .gallery{height: 320px;}
   
}
@media(max-width:800px){
 .categories .cateList li {
    width: calc(50% - 16px);
    margin: 5px 8px;
}
}

.wrap{margin:0 auto;width:auto;height:320px;position:relative;overflow:hidden;}
.pic{width:100%;height:320px;cursor:pointer;}

.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}
.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}
/*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:absolute;cursor:pointer;top:100px;left:0;z-index:800}
#helpImg{position:absolute;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}
.playArea .tool{width:.92rem;position:absolute;left:0;top:50%;margin-top:-30%;z-index:10}
.playArea .toolhide{background:url(../images/toolhide.html) no-repeat;background-size:100% 200%;width:36px;height:26px;overflow:hidden;line-height:99}
.playArea .toolhide.show{background-position:0 100%}
.playArea .tool .inner{overflow:hidden;width:46px;background:#fff;margin-top:10px;padding:8px 0;border-radius:0 5px 5px 0}
.playArea .tool .btnBack{display:block}
.playArea .btnBack{display:none;float:left;width:50px;height:40px;overflow:hidden;background:url(../images/btnback.html) no-repeat;background-size:100% 100%}

.pages{text-align: center; margin:0 auto; width:100%;}
.pages a,.pages 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}
.pages a:hover{background:#f60}
.pages b{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}
.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;}
.maintop{width:100%;margin:0 auto;padding:0;text-align:center;height:auto;background-color:#000;overflow:hidden;}


.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';width:calc(25% - 26px);color:#337ab7;line-height:60px;height:60px;background-color:#fff;border-radius:8px;-webkit-box-shadow:-1px 1px 6px 0 rgba(0,0,0,0.2);box-shadow:-1px 1px 6px 0 rgba(0,0,0,0.2);margin:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cateList li a{color:#337ab7}
.cateList li img{float:left;margin-right:8px;width:60px;height:60px;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}

.footer{width:100%;font-size:13px;clear:both;bottom: 0;padding-bottom:90px;background:url(../images/bc.png) repeat-x center bottom;background-size:auto 100px;color: #333; margin-top: 30px;}

.footwrap{margin:0 auto;text-align:left; padding: 0;}
.footlead{background-color:#0061C3;float:left;clear:both;width:96%;padding:8px 2%;height:auto;position:relative}
.footlead .ft-logo{float:left;background:url("../images/logo.png") no-repeat;background-size:100% 100%;width:111px;height:35px;overflow:hidden;line-height:99}
.footlead a{float:left;font-size:14px;color:#e3e3e3;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}
.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; }
.footend h3{margin-bottom:8px}
.footend p{padding:0 0 10px;font-family:'Montserrat';width:100%;max-width:1100px}