 

 

@charset "utf-8";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{-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:60px;overflow:hidden;padding:0 40px;position:relative;margin-bottom:10px}

.tblogo{width:180px;height:60px;margin:2px auto 0}

.tblogo a{background-size:auto 55px;display:block;width:auto;height:55px;overflow:hidden;line-height:60}

.mnbtn,.schbtn{width:40px;height:40px;overflow:hidden;line-height:60;position:absolute;cursor: pointer;}

.mnbtn{background:url(../images/mnbtn.png) no-repeat center;background-size:40px 40px;left:10px;top:10px}

.schbtn{background:url(../images/schbtn.png) no-repeat center;background-size:40px 40px;right:10px;top:10px}

.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%;height: 203.99px; border-top-left-radius:3px;border-top-right-radius:3px;transition:all 0.3s}

.glist .img img:hover{transform:scale(1.1)}

@media screen and (max-width:768px) {
  .glist .img img{height: 112.56px;}
}

.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.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}

.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;cursor: pointer; width:50px;height:50px;overflow:hidden;line-height:99;position:absolute;right:30px;top:25px}

.nav{width:100%;margin-top:75px}

.nav li{width: 85%; text-align: center; text-transform: uppercase; font-weight: bold; height: 50px; line-height: 50px; font-size: 14px; cursor: pointer; background: #004BAC; margin: 12px auto; border-radius: 5px;cursor: pointer;opacity: 1.0;}

.nav li a{color:#fff;text-decoration:none}

.nav li a img{width:auto;height:36px;padding-right:10px}

.nav li:hover{opacity: 0.85;}

.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}

#cse-search-box{padding:0 30px;}

.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-2{background:url(../images/schbtn.png) #004BAC no-repeat center;background-size:26px 26px;width:50px;height: 44px;position:absolute;right:30px;top:0;border:0 none}

.introwp{margin-top:10px;margin-bottom:10px}

.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:#0f16f0}

}@keyframes mymove{50%{background-color:#0f16f0}

}.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.png)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}

@media (min-width:800px){.categories{width:960px;margin:15px 1%;margin:0 auto;padding:0}

.gintrowp{float:left;width:100%}

.adwrap{float:right;width:50%;margin:0 auto;min-height:215px}

.glist li{width:17%;margin:0 1.5% 10px}

.mainContent,

.footContent,

.gameContent{width:1200px}

.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}

#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.png) 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.png) 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:auto;padding:0 3px;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;background-color: #479EFB;}

.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;width:111px;height:35px;overflow:hidden;line-height:99}

.footlead a{float:left;font-size:14px;color:#e3e3e3;line-height:36px;margin:0 8px}

.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:45px 5%;margin-top:10px}

.footend h3{margin-bottom:8px}

.footend p{padding:0 0 10px;font-family:'Montserrat';width:100%;max-width:1100px}