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
}
.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:#17f1d8;
    -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    height:60px;
    position:relative;
    z-index:10
}
.header .inner{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 2%
}

.header .head-menu{
    float:right
}
.header .head-menu a{
    float:left;
    width:44px;
    height:60px;
    margin-left:8px
}
.header .head-menu a img{
    display:block;
    width:36px;
    height:36px;
    margin:10px auto 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,.5);
    box-shadow:0 4px 5px 0 rgba(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,.075);
    box-shadow:inset 0 1px 1px rgba(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;
    cursor:pointer
}
.schWrap .specLabel{
    max-height:300px;
    overflow:auto
}
.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;
    border-bottom:1px solid #f0f0f0
}
.schWrap .specLabel .item a{
    color:#337ab7
}
.schWrap .specLabel .item img{
    float:left;
    width:36px;
    height:auto;
    margin-right:6px;
    border-radius:2px
}
/* .gameList{ */
    /* width:calc(100% - 34px); */
    /* margin:0 auto; */
    /* z-index:5; */
    /* height:auto; */
    /* padding:20px 0 8px */
/* } */
.gameList .item-empty{
    height:150px;
    margin:0 auto;
    line-height:150px;
    text-align:center
}
.gameList .item-empty p.nodata-tip{
    font-size:18px
}
.gameList .item{
    float:left;
    -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.5);
    box-shadow:0 0 4px 0 rgba(0,0,0,.5);
    margin:.4%;
    width:11.7%;
    padding-bottom:11.7%;
    border-radius:15px;
    overflow:hidden;
    position:relative;
    background:#479efb80;
    z-index:0
}
.gameList .item>div{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    border-radius:5px
}
.gameList .item a{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    line-height:99;
    z-index:200
}
.gameList .item img{
    width:100%;
    height:100%;
    border-radius:2px
}
.gameList .item .thumbname{
    position:absolute;
    -webkit-transition:bottom .4s ease;
    transition:bottom .4s ease;
    font-size:12px;
    font-weight:300;
    letter-spacing:1px;
    width:100%;
    bottom:-100%;
    left:0;
    height:auto;
    min-height:18px;
    line-height:18px;
    overflow:hidden;
    padding:5px 0 4px;
    text-align:center;
    text-transform:capitalize;
    text-overflow:ellipsis;
    white-space:nowrap;
    background-color:rgba(0,2,3,.6);
    color:#fff;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px
}
.gameList .item .ribbon-wrapper-new{
    width:44px;
    height:22px;
    overflow:hidden;
    position:absolute;
    top:6px;
    left:-3px;
    display:block;
    font-size:12px
}
.gameList .item .ribbon-wrapper-new .ribbon-new{
    letter-spacing:inherit;
    display:block;
    -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    font:700 11px Comic Sans MS;
    font:700 11px/28px Proxima Nova,sans-serif;
    text-align:center;
    position:relative;
    text-transform:uppercase;
    top:0;
    padding-left:3px;
    border-radius:3px;
    width:40px;
    height:19px;
    line-height:21px;
    background-color:rgba(86,226,16,.7);
    color:#fefefe;
    box-shadow:0 0 3px 0 rgba(0,0,0,.4)
}
.gameList .item .ribbon-wrapper-new .ribbon-hot{
    letter-spacing:inherit;
    display:block;
    -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    box-shadow:0 0 3px 0 rgba(0,0,0,.4);
    font:700 11px Comic Sans MS;
    font:700 11px/28px Proxima Nova,sans-serif;
    text-align:center;
    position:relative;
    text-transform:uppercase;
    top:0;
    padding-left:3px;
    border-radius:3px;
    width:40px;
    height:19px;
    line-height:21px;
    background-color:rgba(239,34,34,.7);
    color:#fefefe;
    box-shadow:0 0 3px 0 rgba(0,0,0,.4)
}
.moreGame{
    display:block;
    width:80%;
    padding:11px 8px;
    color:#fff!important;
    font-size:1.4em;
    border-radius:5px;
    text-align:center;
    background-color:#09f;
    outline:0;
    text-shadow:1px 1px 3px rgba(0,0,0,.4);
    margin:10px 20%;
    width:60%;
    padding:12px 0;
    font-size:1.7em;
    margin-top:10px;
    margin-bottom:6px
}
.ad970{
    max-width:970px;
    text-align:center;
    margin:15px auto 0
}
.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;
    width:calc(25% - 26px);
    color:#337ab7;
    line-height:50px;
    height:50px;
    background-color:#fff;
    border-radius:5px;
    -webkit-box-shadow:-1px 1px 6px 0 rgba(0,0,0,.2);
    box-shadow:-1px 1px 6px 0 rgba(0,0,0,.2);
    margin:5px 10px;
    padding:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.cateList li a{
    color:#337ab7;
    font-size:13px
}
.cateList li img{
    float:left;
    border-radius:3px;
    margin-right:8px;
    width:50px;
    height:50px;
    background-color:#479efb80
}
.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:90px;
    background:url(../images/bc.png) repeat-x center bottom;
    background-size:auto 100px;
    background-color:#15c8d1;
    color:#333;
    margin-top:30px
}
.footwrap{
    margin:0 auto;
    text-align:left;
    padding:0
}
.footlead{
    background-color:#0663c6;
    float:left;
    clear:both;
    width:96%;
    padding:12px 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,.4);
    box-shadow:0 0 3px 0 rgba(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:700;
    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
}
.menuWrap{
    max-width:9100px;
    margin:20px auto 0
}
.menuWrap p.wrap-p-cls{
    font-size:14px;
    margin-top:10px
}
.menuList li{
    border-radius:3px;
    margin:5px 1%;
    width:98%;
    clear:both;
    text-align:center;
    font-size:15px;
    background-color:#ececec
}
.menuList li a{
    display:block;
    width:96%;
    padding:10px 2%
}
.menuList li img{
    display:inline-block;
    height:30px;
    vertical-align:middle;
    margin-right:10px;
    margin-left:-20px
}
.playBody{
    overflow-x:hidden
}
.playBody::-webkit-scrollbar{
    width:7px;
    height:7px;
    background-color:#f5f5f5
}
.playBody::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    border-radius:10px;
    background-color:#f5f5f5
}
.playBody::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#c8c8c8
}
.playPage{
    width:100%;
    height:100%;
    overflow:hidden;
    padding:0 0 0 224px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.play-left{
    position:absolute;
    left:0;
    top:0;
    width:200px;
    height:100vh;
    background:#fff
}
.play-right{
    position:absolute;
    right:0;
    top:0;
    width:180px;
    height:100vh;
    overflow:auto;
    background:#eee;
    -webkit-box-shadow:-1px 0 3px 0 rgb(0 0 0/40%);
    box-shadow:-2px 0 3px 0 rgb(0 0 0/30%)
}
.play-right .ad-square{
    background:#fff;
    margin:0 auto
}
.play-center{
    width:100%;
    height:100%;
    position:relative
}
.playLoad{
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(../images/bc.png) repeat-x center bottom;
    background-color:#7de1ff;
    background-size:auto 100px;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    overflow-y:auto
}
.playLoad .load-hope{
    text-align:center;
    margin-top:14px
}
.playLoad .load-info{
    margin:20px 30px 0
}
.playLoad .load-info .intro{
    font-size:14px;
    line-height:1.6;
    color:#333;
    margin-top:10px
}
.playLoad .load-info .note{
    font-size:14px;
    line-height:1.6;
    color:#333;
    font-weight:700;
    margin-top:20px;
    text-align:center;
    color:#ccc
}
.playLoad .load-info .ginfo .img{
    float:left;
    width:100px;
    height:100px;
    border-radius:15px;
    margin-right:10px
}
.playLoad .load-info .ginfo .name{
    display:block;
    height:32px;
    line-height:32px;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:400;
    text-shadow:1px 1px 3px rgb(0 0 0/40%);
    color:#fff;
    text-transform:uppercase
}
.playLoad .load-info .ginfo .vote{
    height:30px;
    line-height:30px;
    font-size:15px;
    overflow:hidden
}
.playLoad .load-info .ginfo .liket{
    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
}
.playLoad .load-info .ginfo .votet{
    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
}
.playLoad .load-info .progress{
    display:block;
    width:90%;
    height:50px;
    background:#2181b1;
    overflow:hidden;
    border-radius:5px;
    margin:30px auto 0;
    position:relative
}
.playLoad .load-info .progress .bar{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    border-radius:5px;
    background:#56e210
}
.playLoad .load-info .progress .txt{
    display:block;
    text-align:center;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:18px;
    position:relative;
    z-index:5
}
.playLoad .load-info .loadDone{
    cursor:pointer
}
.playCon{
    height:100%;
    overflow-y:auto
}
.playCon .playArea{
    height:100%;
    overflow:hidden;
    text-align:center;
    background-color:#000
}
#gameFrame{
    height:calc(100vh - 70px);
    width:auto;
    overflow:hidden
}
.playCon .playAd{
    width:100%;
    text-align:center;
    height:auto;
    overflow:hidden;
    margin-top:2px
}
.mb-Btn{
    position:fixed;
    display:none;
    right:0;
    top:60px;
    width:35px;
    height:35px;
    background:url(../images/menu-show.png) #09f no-repeat center;
    background-size:20px 20px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    -webkit-transition:right .2s ease-out;
    transition:right .2s ease-out;
    z-index:50;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.8);
    box-shadow:0 2px 8px 0 rgba(0,0,0,.8)
}
.mb-Btn.show{
    background-image:url(../images/menu-hide.png)
}
.mb-Menu{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:100%;
    width:200px;
    -webkit-transition:right .2s ease-out;
    transition:right .2s ease-out;
    overflow:hidden;
    -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.7);
    box-shadow:0 0 4px 0 rgba(0,0,0,.7);
    background-color:#eee
}
.mb-Menu-hd{
    width:100%;
    height:67px;
    background:#004bac
}
.mb-Menu-hd .siteLogo{
    background:url(../images/logo.png) no-repeat;
    background-size:100% 100%;
    float:left;
    width:181px;
    height:52px;
    overflow:hidden;
    line-height:99;
    margin:8px 0 0 10px
}
.mb-Menu-bd{
    overflow:hidden;
    width:100%;
    height:calc(100% - 67px)
}
.mb-Menu-bd .ad-square{
    margin-top:8px;
    -webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    background-color:#fff;
    padding:10px 12px
}
.mb-Menu-bd .ad-square>div{
    margin:0 auto
}
.mb-Menu-bd .gameinfo{
    background:#032d63;
    padding:10px 8px
}
.mb-Menu-bd .gameinfo .info{
    overflow:hidden
}
.mb-Menu-bd .gameinfo .info img{
    float:left;
    width:40px;
    height:40px;
    margin-right:10px;
    margin-top:5px;
    border-radius:4px
}
.mb-Menu-bd .gameinfo .info em{
    display:block;
    height:28px;
    line-height:28px;
    color:#fff;
    font-size:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.mb-Menu-bd .gameinfo .info p{
    height:22px;
    line-height:22px;
    font-size:12px;
    color:#e3e3e3;
    text-transform:uppercase
}
.mb-Menu-bd .gameinfo .vote{
    overflow:hidden;
    margin-top:8px;
    color:#fff
}
.mb-Menu-bd .gameinfo .vote span{
    float:left;
    width:26px;
    height:25px;
    overflow:hidden;
    line-height:99;
    margin-right:10px;
    background:url(../images/vote.png) no-repeat;
    background-size:20px 20px
}
.mb-Menu-bd .gameinfo .vote span.vote-good{
    background-position:0 0
}
.mb-Menu-bd .gameinfo .vote span.vote-good.on{
    background-position:0 100%
}
.mb-Menu-bd .gameinfo .vote span.vote-bad{
    background-position:100% 0
}
.mb-Menu-bd .gameinfo .vote span.vote-bad.on{
    background-position:100% 100%
}
.mb-Menu-bd .gameinfo .vote .val{
    background:0 0;
    width:auto;
    line-height:26px;
    color:#fff
}
.mb-Menu-bd .instructions{
    font-size:13px;
    line-height:18px;
    background-color:#fff;
    padding:15px;
    -webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    width:calc(100% - 30px);
    margin-bottom:0;
    margin-top:8px;
    font-weight:400
}
.mb-Menu-bd .instructions b{
    font-weight:700
}
.mb-Menu-bd .classify{
    margin:0 8px;
    overflow:hidden;
    padding:0
}
.mb-Menu-bd .classify img{
    float:left;
    border-radius:3px;
    margin-left:5px;
    margin-right:5px;
    width:50px;
    height:50px
}
.mb-Menu-bd .classify li{
    margin-top:10px
}
.mb-Menu-bd .classify li a{
    display:block;
    color:#2a6797;
    background-color:#fff;
    border-radius:5px;
    font-size:13px;
    text-decoration:none;
    padding:8px 0;
    -webkit-box-shadow:1px 1px 0 0 #00000017;
    box-shadow:1px 1px 0 0 #00000017;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.mb-Menu-bd .classify li .back{
    background-color:#2a648f;
    color:#fff
}
.mb-Menu-bd .moregame{
    display:none;
    margin-top:8px;
    -webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
    background-color:#fff;
    padding:10px 12px
}
.mb-Menu-bd .moregame h4{
    font-size:17px;
    font-weight:700;
    color:#111;
    text-transform:none;
    margin:3px 0 10px
}
.mb-Menu-bd .moregame .gameList{
    width:100%
}
.mb-Menu-bd .moregame .gameList .item{
    width:46%;
    padding-bottom:46%;
    margin:1% 2% 5px
}
.play-right .gameList{
    width:100%
}
.play-right .gameList .item{
    width:96%;
    padding-bottom:96%;
    margin:1% 2% 5px
}
@media(max-width:1024px) and (min-width:767px){
	.gameList{
		width:calc(80% - 34px);
		margin-left:20%;
		margin-top:60px;
		z-index:5;
		height:auto;
		padding:20px 0 8px
	}

    .playPage{
        padding:0;
        overflow:auto
    }
    .play-center{
        overflow:auto
    }
    .play-left,.play-right{
        display:none
    }
    .mb-Btn{
        display:block
    }
    .mb-Btn.show{
        right:295px
    }
    .mb-Menu{
        display:block;
        left:auto;
        right:-300px;
        width:295px;
        -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.8);
        box-shadow:0 2px 8px 0 rgba(0,0,0,.8)
    }
    .mb-Menu.show{
        right:0
    }
    .mb-Menu-bd{
        overflow-y:scroll
    }
    .gameList .item{
        width:15.4%;
        padding-bottom:15.4%;
        margin:.6%
    }
    .ad-square{
        display:none
    }
    .moregame{
        display:block!important
    }
}
@media(max-width:767px){
	.gameList{
		margin-top:140px;
	}
    .gameList .item{
        width:23.4%;
        padding-bottom:23.4%;
        margin:.8%
    }
    .gameList .item .thumbname{
        white-space:nowrap;
        font-size:9px;
        height:14px;
        line-height:14px;
        min-height:14px;
        padding:4px 0 2px;
        bottom:0;
        text-transform:capitalize
    }
    .cateList li{
        width:calc(50% - 22px);
        margin:5px 8px
    }
    .vidList li{
        width:31.2%
    }
}
@media(max-width:450px){
	.gameList{
		margin-top:140px;
	}
    .gameList .item{
        width:31%;
        padding-bottom:31%;
        margin:1%
    }
    .cateList li{
    }
    .vidList li{
        width:48%
    }
}
@media only screen and (max-width:1024px) and (max-height:500px) and (orientation:landscape){
    body{
        background:#000
    }
    .playAd{
        display:none!important
    }
    .playArea{
        height:100vh!important
    }
    .playLoad{
        position:initial
    }
    .playLoad .load-info{
        margin-top:20px
    }
}
@media only screen and (max-width:768px) and (min-width:600px) and (min-height:720px){
    body{
        background:#fff
    }
}
@media(min-width:1024px){
	.gameList{
		width:calc(80% - 34px);
		margin-left:15%;
		margin-top:60px;
		z-index:5;
		height:auto;
		padding:20px 0 8px
	}
    .playCon .playArea{
        overflow:hidden;
        text-align:center;
        background-color:#000
    }
    /* .gameList,.categories{ */
        /* width:70% */
    /* } */
    .categories{
        margin:0 auto
    }
    .moreGame{
        width:20%;
        margin:0 auto;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px
    }
}
.gameList .item:hover .thumbname{
    bottom:0
}
.playHope{
    width:100%;
    min-height:100%;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,.7);
    box-sizing:border-box;
    padding:10% 0;
    text-align:center;
    z-index:50
}
.playHope .img{
    display:block;
    width:80px;
    height:80px;
    overflow:hidden;
    border-radius:10px;
    margin:0 auto
}
.playHope .img img{
    display:block;
    width:100%;
    height:100%
}
.playHope .text{
    padding:0 10%;
    margin-top:20px;
    font-size:14px;
    color:#fff
}
.playHope .hope{
    margin-top:15px;
    text-align:center
}
.playHope .progress{
    display:block;
    width:90%;
    height:50px;
    background:#2181b1;
    overflow:hidden;
    border-radius:5px;
    position:absolute;
    left:50%;
    top:80vh;
    margin-left:-45%
}
.playHope .progress .bar{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    border-radius:5px;
    background:#56e210
}
.playHope .progress .txt{
    display:block;
    text-align:center;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:18px;
    position:relative;
    z-index:5
}
.clouds{
    position:absolute;
    top:0;
    z-index:-10;
    height:300px;
    margin:0 auto;
    width:100%
}
.cloud{
    width:200px;
    height:60px;
    background:#fff;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    position:relative
}
.cloud:before,.cloud:after{
    content:'';
    position:absolute;
    background:#fff;
    width:100px;
    height:80px;
    position:absolute;
    top:-15px;
    left:10px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg);
    -moz-transform:rotate(30deg)
}
.cloud:after{
    width:120px;
    height:120px;
    top:-55px;
    left:auto;
    right:15px
}
.x1{
    left:98%;
    -webkit-transform:scale(.4);
    -moz-transform:scale(.4);
    transform:scale(.4);
    opacity:.8;
    -webkit-animation:moveclouds 35s linear infinite;
    -moz-animation:moveclouds 35s linear infinite;
    -o-animation:moveclouds 35s linear infinite
}
.x2{
    left:70%;
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6);
    opacity:.6;
    -webkit-animation:moveclouds 25s linear infinite;
    -moz-animation:moveclouds 25s linear infinite;
    -o-animation:moveclouds 25s linear infinite
}
.x3{
    left:20%;
    top:15%;
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6);
    opacity:.6;
    -webkit-animation:moveclouds 25s linear infinite;
    -moz-animation:moveclouds 25s linear infinite;
    -o-animation:moveclouds 25s linear infinite
}
.x4{
    left:85%;
    top:35%;
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6);
    opacity:.6;
    -webkit-animation:moveclouds 25s linear infinite;
    -moz-animation:moveclouds 25s linear infinite;
    -o-animation:moveclouds 25s linear infinite
}
@-webkit-keyframes moveclouds{
    0%{
        right:200px
    }
    100%{
        margin-left:-200px
    }
}
@-moz-keyframes moveclouds{
    0%{
        margin-left:200px
    }
    100%{
        margin-left:-200px
    }
}
@-o-keyframes moveclouds{
    0%{
        margin-left:200px
    }
    100%{
        margin-left:-200px
    }
}
.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
}
.bcrumbs{
    height:30px;
    font-size:15px;
    color:#e3e3e3;
    padding-left:30px;
    line-height:30px;
    background:url(../images/home_fill.png) no-repeat 0 -3px;
    margin-bottom:15px;
    text-transform:capitalize
}
.bcrumbs a{
    color:#fff;
    margin-left:4px
}
.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;
    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 .reload-back-cls{
    width:22px;
    height:22px
}
.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;
    text-transform:capitalize
}
.tagsin a:hover{
    background-color:#499e43
}
#scrollUp{
    background-image:url(../images/top.png);
    bottom:20px;
    right:20px;
    width:38px;
    height:38px
}