a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
img{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-size:12px;font-family:Myriad Set Pro,Arial,Helvetica,sans-serif;color:#666;background-color:#f4f7fe;line-height:22px;height: 100%}
html{ height: 100%;}
#top{z-index:9;width:40px;height:40px;line-height:40px;background:#ec943a;cursor:pointer;color:white;text-align:center;position:fixed;right:20px;bottom:20px;display:none;text-decoration:none;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.clear{clear:both}
.container-fluid{width:100%;margin:auto}
.container{width:auto;max-width:1000px;margin:0 auto;min-width:320px}
.footer{text-align:center;padding:8px 16px;color:#999;line-height:14px;background: #37393b;}
.footer-main{ padding: 10px; line-height: 24px;}
.footer-main a {color: #999;}
.footer p{ padding-bottom: 10px;}
.footer .footer-bottom{text-align: center; color: #6E6E6E; margin: 0 auto; padding: 10px 0; border-top: 1px solid #464646;}
.footer a{ text-decoration: none; color: #999;}
.footer a:hover{ text-decoration: underline;color: #fff;}
.footer-tab{ height: 40px; line-height: 40px; border-top: 1px solid #464646;}
.ad-box{margin:10px auto;clear:both;text-align:center}
.ad-box img{max-width:360px;max-height:100%}
#head{background:#444;position:fixed;z-index:99;top:0;left:0;height:56px;width:100%}
.menu-icon{display:block;width:48px;height:56px;position:absolute;left:0;top:0;text-align:center;cursor:pointer}
.menu-icon img{width:24px;height:24px;margin-top:16px}
.return-icon{width:48px;height:56px;position:absolute;left:0;top:0;text-align:center}
.return-icon img{width:40px;height:40px;margin-top:8px}
.logo{height:100%;line-height:100%;width:auto;margin:0 48px;text-align:center}
.logo a{display:inline-table;padding:0 20px;height:100%;line-height:50px;text-decoration:none;font-size:26px;color:#fff}
.search-icon{width:48px;height:56px;position:absolute;right:0;top:0;text-align:center}
.search-icon a{display:block;width:100%;height:100%}
.search-icon img{width:24px;height:24px;margin-top:16px}
.search{height:40px;width:auto;margin-left:48px;margin-right:16px;margin-top:8px;background:#fff;position:relative;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#search-form{height:40px;width:auto;}
/*#search-form input{ height: 40px;}*/
.search input{border:none;height:40px;width:100%;box-sizing:border-box;padding:0 16px;padding-right:56px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.search input:focus{border:none;outline:0}
.search button{width:48px;height:40px;border:none;position:absolute;right:0;top:0;background:#6FCD84 url(../image/search-icon.svg) center no-repeat;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.search button:focus{outline:0}
.search button:hover{background-color:#65c082}
.search-title{padding:16px;font-size:16px;color:#666;position:relative;overflow:hidden}
.search-title span{font-size:20px;color:#333}
.Search-tag{margin:0 16px;padding-bottom:8px}
.Search-tag a{display:inline-block;text-decoration:none;font-size:12px;color:#737373;padding:4px 16px;background:#E9EFF2;margin-right:8px;margin-bottom:8px;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.menubox{width:260px;height:100%;background:#fff;position:fixed;top:0;left:-260px;z-index:9999999;display:block;overflow-y:auto}
.menubg{background:rgba(0,0,0,.3);width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;cursor:pointer}
.closemenu{height:48px;line-height:48px;margin:0 16px;font-size:22px;border-bottom:1px solid #E9EFF2;display:block;cursor:pointer}
.menu-ul{margin:16px}
.menu-ul li{height:40px;line-height:40px}
.menu-ul li a{display:block;width:100%;height:100%;line-height:40px;text-decoration:none;color:#333;font-size:14px}
.menu-ul li a span{display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px}
.menu-ul li a span.home{background:url(../image/home-icon.png?=v1) no-repeat center;background-size:20px}
.menu-ul li a span.Best-icon{background:url(../image/Best-icon.svg) no-repeat center;background-size:20px}
.menu-ul li a span.New-icon{background:url(../image/New-icon.svg) no-repeat center;background-size:20px}
.menu-ul li a span.categories-icon{background:url(../image/categories-icon.svg) no-repeat center;background-size:18px}
.menu-ul li a span.Discover-icon{background:url(../image/Discover-icon.svg) no-repeat center;background-size:18px}
.menu-ul li a span.History-icon{background:url(../image/played-icon.svg) no-repeat center;background-size:18px}
.menu-ul li a span.icon img{vertical-align:baseline}
.menu-ul-category{border-top:1px solid #E9EFF2;margin:16px;padding-top:20px}
.menu-ul-category li a{display:block;width:100%;height:100%;line-height:100%;text-decoration:none;color:#333;font-size:14px;padding:8px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu-ul-category li a span{text-align: center; display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.menu-ul-category li a span svg{ width: 20px; height: 20px;}
.menu-ul-category li a span svg path{fill: #666;}
.menu-ul-category li a:hover span svg path{fill: #ed8a33;}
.menu-ul-category li a:hover{ color:#ed8a33;}
.banner{text-align:center;max-width:1000px; margin:4px auto;overflow:hidden}
.banner .swiper-slide{width: 80%; background: #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow: hidden;}
.banner .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden}
.banner .swiper-slide img{max-width:100%;max-height:100%}
.banner .swiper-pagination{bottom:0}
.homeh1{ position: fixed; right: 100000px; top:111px;}
.tabs{z-index:9;position:relative}
.tabs-box{width:auto;padding:0 8px;background:#fff}
.tabs-box .itme{width:20%;float:left;text-align:center; height: 100%}
.tabs-box .itme a{display:block;width:100%;height:100%;padding-top: 6px; text-decoration:none;font-size:12px;color:#666;}
.tabs-box .itme a span.icon{display: block;padding: 0;height: 30px; line-height: 30px;width: 30px;margin: 0 auto;vertical-align: middle;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.tabs-box .itme a span.text{ overflow: hidden; display:inline-block; line-height:14px;}
.tabs-box .itme img{height:20px;width:20px;}
.white-box{background:#fff;margin:10px auto;clear:both}
.Breadcrumbs{margin:10px auto;padding:0 16px;line-height:24px;font-size:14px}
.Breadcrumbs a{color:#666;text-decoration:none}
.Breadcrumbs a:last-of-type{color:#6FCD84}
.Breadcrumbs span{display:inline-block;vertical-align:middle;width:10px;height:20px;background:url(../image/more-icon.svg) center no-repeat;color:#6FCD84}
.big-title{padding:16px;font-size:16px;color:#333;position:relative;overflow:hidden}
.big-title h2{ padding-bottom: 10px; font-size: 14px;}
.big-title span{ display: inline; line-height: 14px; font-size: 13px; color: #666;}
.small-title{padding:0 16px;height:40px;line-height:40px;font-size:14px;color:#666;position:relative;overflow:hidden}
.big-title a,.small-title a{position:absolute;top:15px;right:16px;font-size:12px;color:#999;text-decoration:none}
.big-title a.more, .small-title a.more {padding-right: 8px;background: url("../image/more-icon.svg") no-repeat center right;}
.big-title a.tag,.small-title a.tag{ position: relative;top:auto; right: auto; display: inline-block; height: 24px; line-height: 24px; margin:5px; margin-left: 0px; border: 1px solid #dee3e7; padding: 0 10px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.big-title a.tag:hover,.small-title a.tag:hover{ border: 1px solid #ed8a33; color: #ed8a33;}
.big-title a.all-tag,.small-title a.all-tag{ position: relative;top:auto; right: auto; display: inline-block; height: 24px; line-height: 24px; margin:5px; margin-left: 0px; border: 1px solid #edf3f7; background: #edf3f7; padding: 0 10px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.big-title a.all-tag:hover,.small-title a.all-tag:hover{ border: 1px solid #ed8a33; background: none; color: #ed8a33;}

.Category-Description {
    margin-bottom: 10px;
    line-height: 1.2rem;
    font-size: 0.8rem;
    clear: both;
    color: #999;
    position: relative;
    max-height: 3.6rem;
    overflow: hidden;
}
.Category-Description  .ViewMoreBtn {
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 2.4rem;
    color: #37AAFD;
    background: #fff;
}
.Category-Description .ViewMoreBtn span {
    display: block;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 0;
    left: -30px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.Discover{padding:0;padding-bottom:8px}
.Discover .swiper-slide{overflow:hidden;width:80%;max-width:300px;height:120px;margin-left:8px;background:#E9EFF2;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.Discover .swiper-slide:first-of-type{margin-left:16px}
.Discover .swiper-slide:last-of-type{margin-right:16px}
.Discover .swiper-slide a img{max-width:100%;max-height:100%}
.Categories{padding:0;padding-bottom:16px}
.Categories .swiper-slide{width:76px;margin-left:8px}
.Categories .swiper-slide:first-of-type{margin-left:16px}
.Categories .swiper-slide:last-of-type{margin-right:16px}
.Categories .swiper-slide a{display:block;width:76px;height:auto;text-decoration:none;color:#666;text-align:center}
.Categories .swiper-slide a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Categories .swiper-slide .ImgIconBox{width:76px;height:76px;margin-bottom:8px;background:#E9EFF2;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden;position:relative}
.Categories .swiper-slide .ImgIconBox img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.list-box{padding-left:16px;padding-bottom:8px}
.list-itme{display:block;position:relative;clear:both;margin-top:8px;overflow:hidden;text-decoration:none;border-bottom:1px solid #E9EFF2;margin-right:16px}
.list-box ul li:first-of-type .list-itme{margin-top:8px}
.list-box ul li:last-of-type .list-itme{border-bottom:1px solid #fff}
.list-icon{height:76px;width:76px;background:#E9EFF2 url(../image/placeholder-img.png) center no-repeat;background-size:100px;float:left;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden;position:relative}
.list-icon img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.list-info{position:relative;left:0;padding-left:16px;overflow:hidden;min-height:84px}
.list-text{height:76px;padding-right:96px;padding-top:16px}
.list-text p{font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-text span{display:block;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-btn{width:80px;height:32px;font-size:14px;line-height:32px;background:#6FCD84 url(../image/play-btn.svg) center no-repeat;background-size:40px;position:absolute;top:22px;right:0;color:#fff;text-align:center;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow: hidden;}
.list-btn span{position: fixed; right: 11110px; top: 111111px;}
@media (min-width:720px){.list-box ul li{width:50%;float:left}
    .list-box ul li:nth-last-child(2) .list-itme{border-bottom:1px solid #fff}
}
.Categories-box{padding-left:16px;padding-bottom:8px}
.Categories-itme{display:block;position:relative;clear:both;height:60px;overflow:hidden;text-decoration:none}
.Categories-box ul li{width:50%;float:left}
.Categories-box ul li:last-of-type .list-itme .list-info{border:none}
.Categories-icon{height:44px;width:44px;margin-top:8px;background:#E9EFF2;float:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;position:relative}
.Categories-icon img{max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.Categories-info{position:relative;left:0;padding-left:8px;overflow:hidden;min-height:60px}
.Categories-text{height:60px;line-height:60px;padding-right:16px}
.Categories-text p{font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
@media (min-width:720px){.Categories-box ul li{width:33.33%}
}
.columns4{padding:0 16px;margin-left:-8px;padding-bottom:8px}
.columns4 ul li{float:left;width:25%;padding-left:8px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width:640px){.columns4 ul li{width:16.6666%}
}
@media (min-width:720px){.columns4 ul li{width:16.6666%}
}
.columns4 ul li .box{width:100%;height:0;padding-top:100%;position:relative;background:#E9EFF2;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden}
.columns4 ul li .box img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.columns4 ul li a{color:#666;text-decoration:none}
.columns4 ul li .title{overflow:hidden;height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px}
.columns3{padding:0 16px;margin-left:-8px;padding-bottom:8px}
.columns3 ul li{float:left;position:relative;width:25%;text-align:center;padding-left:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width:640px){.columns3 ul li{width:20%}
}
@media (min-width:720px){.columns3 ul li{width:12.5%}
}
.columns3 ul li a{text-decoration:none;color:#666}
.columns3 ul li a span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;height:30px;margin-bottom:16px}
.columns3 ul li .box{width:100%;height:0;padding-top:100%;position:relative;background:#E9EFF2;background-size:100px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden}
.columns3 ul li .box img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.columns3 ul li span{display:block;text-align:center;height:30px;overflow:hidden}
.details-imgbg{position:absolute;height:100%;width:100%;-webkit-filter:blur(20px);-o-filter:blur(20px);filter:blur(20px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');background-size:cover;background-position:center}
.fallback{margin:16px;margin-left:20px;color:#666;font-size:16px}
.fallback span{display:inline-block;height:24px;width:24px;vertical-align:middle;margin-top:-4px}
.fallback span img{width:24px;height:24px}
.details-banenr{width:100%;height:100%; min-height:320px; overflow:hidden;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.blur{background-image:-webkit-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:-moz-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:-o-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:linear-gradient(to top right,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);position:absolute;width:100%;height:100%;-webkit-filter:blur(50px);-o-filter:blur(50px);filter:blur(50px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.blur:after{content:'';position:absolute;height:100%;width:100%;z-index:1001;background-image:-webkit-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:-moz-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:-o-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);-webkit-filter:blur(70px);-o-filter:blur(70px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='70');filter:blur(70px);filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
#DetailsBox{position: absolute;left: 0;width: 100%;top: 0;}
.details-box{position:relative;width:100%; height: auto; margin:0 auto;left:0;top:0;bottom:0;right:0; padding-top:40px; padding-bottom: 20px; }
.details-icon{width:120px;height:120px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;margin:0 auto;border:2px solid #fff;background-color:#E9EFF2;overflow:hidden;background-repeat: no-repeat; background-position: center; background-size:auto 120px;}
.details-title{text-align:center;font-size:20px;color:#fff;height:30px;margin:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#details-text{padding:0 26px; max-width: 640px; text-align: center; line-height: 1.2rem; font-size: 0.8rem; clear:both;max-height:40px;overflow:hidden;color:#fff; margin: 0 auto; margin-top: 16px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#details-text a{ color: #fff; text-decoration: underline}
#details-text a:hover{ color: #fff; text-decoration: underline;}
.showmore_trigger{width:auto;padding:0 16px;position:relative;display:none}
.showmore_trigger span{cursor:pointer;line-height:30px;padding-right:10px;height:30px;display:inline-block;color:#00a6ed;text-decoration:none}
.show-more-end{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#00ffffff', EndColorStr='#ffffff');top:-12px;height:12px;left:0;position:absolute;width:100%}
.PlayBtn{width:auto;clear:both;margin:0 16px}
.PlayBtn a,.PlayBtn button,.PlayBtn1 a{border:none;display:block;max-width:300px;margin:0 auto;line-height:24px;width:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;text-transform:uppercase;background:#6FCD84 url(../image/PlayGameBtn.svg) center no-repeat;background-size:140px;height:50px}
.PlayBtn a span,.PlayBtn button span,.PlayBtn1 a span{ position: fixed; right: 11110px; top: 111111px;}
.NotMobile{ max-width: 500px; margin: 0 auto; text-align: center; color: #fff; font-size: 14px; padding:0 20px;}
.NotMobile a{ border:none; font-size:16px;display:block;max-width:300px;margin:0 auto;width:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;background:#6FCD84;height:50px; color: #fff;line-height: 50px; text-decoration: none; margin-top: 20px;}
.TagBox{ text-align: center; margin: 15px 0; max-height: 75px; overflow: hidden;}
.TagBox a{ display: inline-block; margin: 5px; border: 1px solid #fff; padding:2px 10px; text-decoration: none; color: #fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.details-Categories{padding:0;padding-bottom:16px; margin: 0 auto;}
.details-Categories .swiper-slide{width:90px;margin-left:8px}
.details-Categories .swiper-slide:first-of-type{margin-left:16px}
.details-Categories .swiper-slide:last-of-type{margin-right:16px}
.details-Categories .swiper-slide a{display:block;width:90px;height:auto;text-decoration:none;color:#666;text-align:center}
.details-Categories .swiper-slide a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.details-Categories .swiper-slide .ImgIconBox{width:90px;height:90px;margin-bottom:8px;background:#E9EFF2;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden;position:relative}
.details-Categories .swiper-slide .ImgIconBox img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

.PlayGames{z-index:999;background:#313131}
.GameMenu{position:absolute;right:10px;top:10px;z-index:999999;width:auto; padding: 0 12px; height: 36px; background: #49484b;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.MoreGameMenuc{width:100%;height:100%;position:fixed;top:0;right:0; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.MoreGameMenu{display: inline-block;}
.MoreGameMenu .iconmore{height:36px; padding-left: 40px; display: inline-block;background:url(../image/menu-more.svg) center no-repeat;background-size:24px;cursor:pointer; }
.GameMenu .closed{background:url(../image/Shut-down.svg) center no-repeat;background-size:22px;height:36px;width:40px; display: inline-block;cursor:pointer; margin-left: 5px;}
.GameMenuIcon{ z-index: 999; display: none; position:absolute; top:40px; right:0; background:#49484b;width:140px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; }
.GameMenuIcon .icon{display:block;color:#fff;text-align:left;line-height:44px;padding-left:32px;text-decoration:none;border-bottom: 1px #5b5a5c solid; margin:0 10px;}
.GameMenuIcon .home{background:url(../image/Home.svg) 5px center no-repeat;background-size:20px}
.GameMenuIcon .FullScreen{background:url(../image/FullScreen-icon.svg) 5px center no-repeat;background-size:18px}
.GameMenuIcon .FullScreen1{background:url(../image/FullScreen-icon.svg) 5px center no-repeat;background-size:18px}
.GameMenuIcon .rotating{background:url(../image/rotating-icon.svg) 5px center no-repeat;background-size:18px}
.GameMenuIcon .shareicon{background:url(../image/share.svg) 5px center no-repeat;background-size:18px}
.GameMenuIcon .icon:last-child{border: none;}
.Share{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.ShareBox{ z-index: 1; position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0;text-align: center; height: 200px; width: 80%; max-width:360px;background: #fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; padding:30px 15px;}
.ShareBg{ z-index: 0; position: absolute; background: #000;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6; width: 100%; height: 100%}
.ShareTitle{ text-align: center; font-size: 18px; margin-bottom: 20px; margin-top: 10px; color: #333;}
.ShareClose{ display: block; width: 40px; margin: 0; height: 40px; position: absolute; top:5px; right: 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#fff; font-size: 20px;line-height: 40px; font-weight: bold; color: #000;}
.outer{width:100%;height:100%;display:none}
.inner{position:absolute;top:50%;left:50%;color:#fff}
.rotate{z-index:999999;width:100%;height:100%;transform:translateX(-50%) translateY(-50%) rotate(90deg)}
.games-title{background:#fff;height:48px;line-height:48px;padding:0 16px;position:relative}
.games-title .title{font-size:16px;color:#333}
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center;color:#999}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{0%{transform:rotate(0)}
    50%{transform:rotate(180deg)}
    100%{transform:rotate(360deg)}
}
.content .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;padding:3.125%;border-bottom:1px solid #ddd;color:#333;text-decoration:none}
.content .item img{display:block;width:40px;height:40px;border:1px solid #ddd}
.content .item h3{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;max-height:40px;overflow:hidden;line-height:20px;margin:0 10px;font-size:1.2rem}
.content .item .date{display:block;height:20px;line-height:20px;color:#999}
.opacity{-webkit-animation:opacity .3s linear;animation:opacity .3s linear}
@-webkit-keyframes opacity{0%{opacity:0}
    100%{opacity:1}
}
@keyframes opacity{0%{opacity:0}
    100%{opacity:1}
}
.Adbox{margin:10px auto;background:#fff;padding:8px 16px;overflow:hidden;clear:both}
.home-best-list{padding:0 16px;margin-left:-8px}
.home-best-list a{color:#666;text-decoration:none}
.home-best-list ul li{float:left; width:25%;padding-left:8px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width:640px){.home-best-list ul li{width:25%}
}
@media (min-width:720px){.home-best-list ul li{width:16.6666%}
}
.home-best-list .pic-box{width:100%;height:0;padding-top:100%;position:relative;background:#E9EFF2;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden}
.home-best-list .pic-box img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-best-list .pic-box .hot{display: block;width: 45px; height: 45px; background:url(../image/tag-hot.png) left top no-repeat; background-size: 45px; position: absolute; top: 0; left: 0; z-index: 9;}
.home-best-list .pic-box .EditorsPicks{position: absolute; max-width: 100%; top:0; left: 0; display: inline-block; padding:0 12px; height: 20px;line-height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #e7432e; color: #fff; font-size: 10px; z-index: 9; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-bottomright: 15px;border-bottom-right-radius: 15px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;}
.home-best-list .title{overflow:hidden;height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px}
.Google-adContainer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999}
.home-best-btn{padding-bottom: 16px; clear: both; text-align: center}
.home-best-btn a{display: block; width: 80%; max-width: 320px; background: #6FCD84; color:#fff; font-size: 16px; text-decoration: none; line-height: 40px; height: 40px; margin: 0 auto;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.home-best-list-div{padding:0 16px;margin-left:-8px}
.home-best-list-div .item{ float: left; width:120px; height: 120px; background: #000;}
.home-best-list-div .item a{ display: block; width: 100%; height: 100%;}


#iframe{border:0;z-index:99;position:fixed;left:0;top:0}
.spinner {text-align: center;position:absolute;width:100%;margin:auto;left:0;top:0;bottom:0;right:0; height: 100px;}
.spinner > div {
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner p{ font-size: 1rem; margin-bottom: 1rem;}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
#mainContainer{position: fixed; top: 0; left: 0; z-index: 99999; background: #444;}
#ContentElementBox{position: fixed; top:0; left: 0; width: 100%; height: 100%;}
#contentElement{width: 100%; height: 100%;background: #444;}
#adContainer{position: fixed; top:0; left: 0; width: 100%; height: 100%;}
.no-played{
    padding: 20px;
    text-align: center;
    font-size: 14px;
}
.no-played a{
    display: block;
    width: 200px;
    background:#6FCD84;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
#ClearHistory{position:absolute; right: 10px; top: 12px;}
.ClearHistory{ border: none; background: #eee; width: 110px; height: 30px; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; cursor: pointer;}
.ClearHistory:hover{ background: #ed8a33; color: #fff;}

.TagList{padding: 0 10px; margin-left: -10px;}
.TagList ul li{float: left;width: 50%; margin-bottom: 10px;}
.TagList ul li .box{ margin-left: 10px; position: relative;}
.TagList ul li a{ border: 1px solid #dee3e7; height: 40px; line-height:30px; padding: 5px; padding-left: 10px; padding-right: 35px; width: 100%; font-size: 13px; display: inline-block; text-decoration: none; color: #666; overflow: hidden;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.TagList ul li a i{ width: 40px; height: 28px; display: inline-block; overflow:hidden; position: relative; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position: relative;}
.TagList ul li a i img{ width:100%; min-height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.TagList ul li a span{ display: inline-block; position:absolute; right: 5px; top: 5px; color: #999;font-size: 12px; }
.TagList ul li a .text{position: absolute; color: #666; left: 55px; right: 50px; overflow: hidden;display: inline-block; line-height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.TagList ul li a:hover{border: 1px solid #ed8a33; }
.TagList ul li a:hover .text{ color: #ed8a33;}
@media (min-width:640px){
    .TagList ul li{width: 33.33%;}
}
@media (min-width:1000px){
    .TagList ul li{width: 20%;}
}
.tt-menu{ margin:5px 0; padding:10px 0;-moz-box-shadow:0 2px 8px #a9a9a9; -webkit-box-shadow:0 2px 8px #a9a9a9; box-shadow:0 2px 8px #a9a9a9; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.twitter-typeahead .tt-suggestion{padding: 5px 15px; cursor: pointer;}
.twitter-typeahead .tt-suggestion:hover{ cursor:pointer; color:#fff; background-color:#ed8a33;}
.twitter-typeahead .tt-suggestion.tt-cursor{background-color:#ed8a33; color:#FFFFFF;}
.twitter-typeahead .tt-highlight{ font-weight: bold; color: #000;}
.twitter-typeahead .tt-suggestion:hover .tt-highlight{color: #fff;}
.twitter-typeahead .tt-cursor .tt-highlight{color: #fff;}
.PolicyBox{ padding:25px 20px; font-size: 14px;}
.PolicyBox h1{ font-size: 24px; padding-bottom: 10px;}
.PolicyBox h2{ padding: 10px;}
.PolicyBox p{ padding-bottom: 10px;}
.PolicyBox .ClassName1{ font-size: 18px; padding-top: 20px; padding-bottom: 15px;}
.PolicyBox strong{ font-weight: bold;}
.PolicyBox a{ color: #ed8a33;}

.SizeBox{ min-height: 320px;}
.iframe-banenr{width:100%;height:100%; min-height:400px; overflow:hidden;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.iframe-box{position:absolute;width:100%;margin:auto;left:0;top:0;bottom:0;right:0;height:370px;}
.iframe-imgbg{position:absolute;height:100%;width:100%;-webkit-filter:blur(20px);-o-filter:blur(20px);filter:blur(20px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');background-size:cover;background-position:center}
.iframe-blur{background-image:-webkit-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:-moz-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:-o-linear-gradient(bottom left,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);background-image:linear-gradient(to top right,rgba(43,40,50,.8) 0,rgba(83,86,99,.8) 45%,rgba(69,77,91,.6) 60%);position:absolute;width:100%;height:100%;-webkit-filter:blur(50px);-o-filter:blur(50px);filter:blur(50px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.iframe-blur:after{content:'';position:absolute;height:100%;width:100%;z-index:1001;background-image:-webkit-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:-moz-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:-o-linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);background-image:linear-gradient(339deg,rgba(43,40,50,.8) 0,rgba(43,40,50,.4) 46%,rgba(0,0,0,.05) 50%);-webkit-filter:blur(70px);-o-filter:blur(70px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='70');filter:blur(70px);filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.iframe-icon{width:120px;height:120px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;margin:0 auto;border:2px solid #fff;background-color:#E9EFF2;overflow:hidden;background-repeat: no-repeat; background-position: center; background-size:auto 120px;}
.iframe-title{text-align:center;font-size:20px;color:#fff;height:30px;margin:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iframe-btn{clear:both; text-align: center; color: #fff; font-size: 18px; text-decoration: none; margin: 0 auto; display:block;max-width:300px;line-height:24px;width:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#ed8a33; padding:10px 20px; }
.iframe-text{ text-align: center; color: #e1e1e1; padding: 20px;}

.YaksDescribe{ padding: 16px; color: #777;}
.YaksDescribe h3{ font-size: 20px; padding-bottom: 10px;}
.YaksDescribe p{padding-bottom: 10px;line-height: 21px;}
.YaksDescribe a{ color: #666; text-decoration: none; font-weight: bold;}
.YaksDescribe a:hover{ text-decoration: underline; color: #ed8a33;}

.popup-box{ width: 100%; height: 100%; position: fixed; z-index: 9999999; top: 0;}
.popup-box-bg{background: #37393b;height: 100%;width: 100%;position: absolute;top: 0; left: 0;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.popup-box-text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 500px;  background: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;z-index: 999;padding: 30px;text-align: center;line-height: 18px;}
.popup-box-text .title{font-size: 18px; padding-bottom: 20px; color:#444;}
.popup-box-text p{padding-top: 10px; color: #999;}

.describe-title{padding:16px; padding-bottom: 6px; font-size: 12px;color:#999; line-height: 18px;}
.describe-title h1{font-size:18px;color:#333; padding-bottom: 10px;}
.describe-title a.tag{ display: inline-block; height: 24px; line-height: 24px; margin:5px;text-decoration: none; color: #999; margin-left:0; border: 1px solid #dee3e7; padding: 0 10px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.describe-title a.tag:hover{ border: 1px solid #ed8a33; color: #ed8a33;}
.describe-title a.all-tag{ text-decoration: none; color: #999; display: inline-block; height: 24px; line-height: 24px; margin:5px; margin-left: 0; border: 1px solid #edf3f7; background: #edf3f7; padding: 0 10px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.describe-title a.all-tag:hover{ border: 1px solid #ed8a33; background: none; color: #ed8a33;}
.describe-title .Category-Description a{ color: #ed8a33; text-decoration: none}
.describe-title .Category-Description a:hover{ text-decoration: underline;}
.describe-title strong{font-weight: bold; color: #666;}

.shareBtn{position:fixed;right:10px;bottom:15px;z-index:999}
.shareBtn-open{cursor:pointer;height:40px;width:40px;background:#FF6550;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 2px 10px 0 rgba(0,0,0,.35);text-align:center}
.shareBtn-open svg{margin-top:7px}
.share-a{z-index:99999;display:none;position:absolute;bottom:-9px;right:0}
.bottomShareBg{display:none;background-color:#17181A;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45}
.share-a .social_share,.share-a .share-closed{cursor:pointer;display:block;margin-bottom:2px;text-align:right;position:relative}
.share-a .social_share span,.share-a .share-closed span{display:inline-block;height:40px;box-shadow:0 2px 5px 0 rgba(0,0,0,.35)}
.share-a .social_share span.icon,.share-a .share-closed span.icon{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;height:40px;width:40px;text-align:center}
.share-a .social_share span.text,.share-a .share-closed span.text{font-size:12px;line-height:24px;height:24px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#fff;color:#666;padding:0 10px;position:absolute;right:46px;top:8px}
.share-a .social_share span.icon svg,.share-a .share-closed span.icon svg{color:#fff;margin-top:10px;width:22px;height:22px;vertical-align:middle;fill:#fff}
.share-a .social_share .icon{background-position:center;background-repeat:no-repeat;}
.share-a .social_share .icon:hover{opacity:0.9}
.share-a .share-closed span.icon{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;height:40px;width:40px;text-align:center;background-color:#FF6550;color:#fff;background-image:url(../image/share-more-icon.svg);background-size:20px;background-repeat:no-repeat;background-position:center}
.ErrorBox{margin-top:10px;background:#fff;padding:30px;font-size:14px}
.ErrorBox h1{color:#d32f2f;font-size:28px;line-height:30px;font-weight:200;padding-bottom:10px}
.ErrorBox a{color:#37AAFD}
.more-share{font-family:"Myriad Set Pro","Helvetica Neue","Helvetica","Lucida Grande","Arial","Verdana","sans-serif";position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999}
.more-share-bg{background:#17181A;width:100%;height:100%;opacity:0.9}
.more-share .title{font-size:42px;line-height:42px;padding:20px;color:#fff;font-weight:200}
.more-share .share-title{font-size:12px;color:#eeecec;line-height:18px;font-weight:300}
.more-share .share-url{line-height:18px;opacity:0.6;font-weight:200}
.more-share-text{color:#fff;position:absolute;left:50%;top:25%;transform:translate(-50%,-25%);width:85%;max-width:570px;text-align:center;min-height:320px;padding-top:10px}
.more-share-list{padding-top:15px}
.more-share-list a{cursor:pointer;width:24%;display:inline-table;color:#fff;margin:10px auto}
@media(min-width:640px){.more-share-list a{width:18%}}
.more-share-list a:hover{opacity:0.9}
.more-share-list a span{display:block;padding-top:4px}
.more-share-list a span.icon{width:75%;padding-top:75%;background-position:center;background-repeat:no-repeat;min-width:50px;min-height:50px;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.share-fb .icon{background-color:#3b5998;background-image:url(../image/Facebook-icon.svg);background-size:60%}
.share-t .icon{background-color:#55acee;background-image:url(../image/Twitter-icon.svg);background-size:60%}
.share-g .icon{background-color:#dd4b39;background-image:url(../image/googleplus.svg);background-size:60%}
.share-e .icon{background-color:#777777;background-image:url(../image/Email-icon.svg);background-size:60%}
.share-vk .icon{background-color:#6383A8;background-image:url(../image/Vkontakte-icon.svg);background-size:80%}
.share-pinterest .icon{background-color:#CB2027;background-image:url(../image/Pinterest-icon.svg);background-size:80%}
.share-reddit .icon{background-color:#FF5700;background-image:url(../image/Reddit-icon.svg);background-size:80%}
.share-skype .icon{background-color:#00aff0;background-image:url(../image/Skype-icon.svg);background-size:70%}
.share-whatsapp .icon{background-color:#4dc247;background-image:url(../image/WhatsApp-icon.svg);background-size:70%}
.share-more-closed{background-color:#fff;background-image:url(../image/Closed-icon.svg);background-position:center;background-size:12px;background-repeat:no-repeat;height:30px;width:30px;line-height:30px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:fixed;top:30px;right:30px;text-align:center;font-size:16px;cursor:pointer}
.share-more-closed:hover{opacity:0.8}
.details-share{text-align:center}
.details-share a{display:inline-block;margin:0 2px}
.details-share a:hover{opacity:0.9}
.details-share a span.icon{display:inline-block;width:36px;height:36px;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-position:center;background-repeat:no-repeat;}
.details-share .share-closed .icon{background-color:#FF6550;background-image:url(../image/share-more-icon.svg);background-size:50%;background-repeat:no-repeat;background-position:center}
.details-share .share-whatsapp,.details-share .share-e,.details-share .share-pinterest,.popup-box .details-share .share-closed,.ShareBox .details-share .share-closed {display:none}
.popup-box .details-share .share-whatsapp,.popup-box .details-share .share-e,.popup-box .details-share .share-pinterest{display:inline-block}
.ShareBox .details-share .share-whatsapp,.ShareBox .details-share .share-e,.ShareBox .details-share .share-pinterest{display:inline-block}


.Categories-games{
    margin-left: 8px;
    overflow-x: auto;
    z-index: 1;
    white-space: nowrap;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    direction: ltr;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.Categories-games .list{
    max-width: 100px;
    padding-left: 4px;
    text-align: center;
    width: 20%;
    display: inline-block;
    overflow: hidden;
}
.Categories-games .list a{
    color: #666;
    text-decoration: none;
    overflow: hidden;
}
.Categories-games .list a p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Categories-games .list .ImgBox{
    border: 1px solid #eff3f9;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    background: #e9eff2;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
    overflow: hidden;
}
.Categories-games .list .ImgBox img{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.NewDetails {
    width: auto;
    background: #fff;
    padding: 16px;
    position: relative;
    margin-bottom: 2px;
}

.NewDetailsIcon {
    width: 140px;
    height: 120px;
    position: absolute;
    overflow: hidden;
    -moz-border-radius: 16%;
    -webkit-border-radius: 16%;
    border-radius: 16%;
    left: 16px;
    top: 16px;
    background: #f3f3f3;
}

.NewDetailsIcon img {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.TextInfo {
    height: 120px;
    margin-left: 156px;
    position: relative;
}

.TextInfo h1.Title {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 16px 0;
}

.TextInfoShare {
    position: absolute;
    bottom: 10px;
    height: 30px;
    overflow: hidden;
}

.TextInfoShare a {
    background: #f1f2f3;
    display: block;
    float: left;
    margin-right: 8px;
    height: 30px;
    width: 30px;
    position: relative;
    -moz-border-radius: 16%;
    -webkit-border-radius: 16%;
    border-radius: 16%;
}

.TextInfoShare a svg {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
}

.TextInfoShare .share-fb svg {
    height: 22px;
    width: 22px;
}

.TextInfoShare .share-fb:hover svg {
    fill: #3b5998;
}

.TextInfoShare .share-t svg {
    height: 22px;
    width: 22px;
}

.TextInfoShare .share-vk svg {
    height: 30px;
    width: 30px;
}

.TextInfoShare .share-reddit svg {
    height: 32px;
    width: 32px;
}

.TextInfoShare .share-closed svg {
    height: 16px;
    width: 16px;
}

.GameInfo {
    padding: 16px;
    background: #fff;
    margin-top: 2px;
    margin-bottom: 10px;
}

.GameInfo h2 {
    font-size: 16px;
    color: #333;
    padding-bottom: 6px;
}

.New-describe {
    line-height: 22px;
    max-height: 70px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
}
.New-describe a{
    color: #ed8a33;
    text-decoration: none;
}
.New-describe strong{
    font-weight: bold;
    color: #666;
}

.MoreBtn {
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 45px;
    color: #37AAFD;
    background: #fff;
}

.MoreBtn span {
    display: block;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 0;
    left: -30px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.NewTagBox {
    /*border-top: 1px solid #e8e8e8;*/
    margin-top: 10px;
    padding-top: 8px;
}

.NewTagBox a {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
    color: #999;
    border: 1px solid #e8e8e8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.NewPlayBg {
    z-index: 9999;
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.NewPlayBg:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 9;
    border-top: 1px solid #e8e8e8;
    opacity: 0.95;
}

@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
    .NewPlayBg:after {
        background: rgba(246, 246, 246, 0.95);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 1;
    }
}

.NewPlay {
    position: relative;
    z-index: 99;
    display: inline-block;
    width: 80%;
    height: 48px;
    line-height: 48px;
    background: #6FCD84;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.NewPlayNo {
    position: relative;
    z-index: 99;
    display: inline-block;
    width: 80%;
    height: 48px;
    line-height: 48px;
    background: #6FCD84;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#NewOuter {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #444;
}

#NewRotate {
    width: 100%;
    height: 100%;
}

#AdsMainContainer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #444;
}

#AdsContentElementBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#AdsContentElement {
    width: 100%;
    height: 100%;
    background: #444;
}

#AdsContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.NewGameMenu {
    position: fixed;
    left: 0;
    top: 26px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    z-index: 99999;
}

.NewGameMenu:before {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.NewGameMenuBtn {
    padding: 10px 5px;
    width: 26px;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}

.NewGameMenuBtn span {
    position: relative;
    z-index: 999;
    display: block;
    height: 5px;
    width: 5px;
    margin: 3px auto;
    overflow: hidden;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}

.NewGameMenuBtn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 9;
    opacity: 0.4;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}

.NewGameMenuMain {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    padding: 16px;
}

.NewGameMenuMain:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 9;
    opacity: 0.4;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}

.NewGameMenuContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(55, 55, 55, 0.85);
    width: 90%;
    max-width: 400px;
    height: auto;
    min-width: 300px;
    z-index: 999;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 30px;
}

.NewGameMenuContentA {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    opacity: unset;
}

.NewGameMenuContentA a {
    width: 33.3%;
    overflow: hidden;
    text-align: center;
    color: #bbbbbb;
    text-decoration: none;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.NewGameMenuContentA a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NewGameMenuContentA a span {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.NewGameMenuContentA a.GoToHome span {
    background: #fff url(../image/new-details-home.svg) center no-repeat;
    background-size: 26px;
}

.NewGameMenuContentA a.EndGame span {
    background: #fff url(../image/new-details-close.svg) center no-repeat;
    background-size: 16px;
}

.NewGameMenuContentA a.RefreshGames span {
    background: #fff url(../image/new-details-refresh.svg) center no-repeat;
    background-size: 18px;
}

.NewGameMenuContentA a.RotateScreen span {
    background: #fff url(../image/new-details-rotate.svg) center no-repeat;
    background-size: 30px;
}

.NewGameMenuContentA a.FullScreen span {
    background: #fff url(../image/new-details-full.svg) center no-repeat;
    background-size: 16px;
}

#AdsMainContainerVideo, #AdsContentElementBoxVideo, #AdsContentElementVideo, #AdsContainerVideo ,#YoutubeVideoIframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
}
#AdsContentElementVideo, #AdsContainerVideo,#YoutubeVideoIframe{
    background: #444;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.details-share-title {
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-bottom: 10px;
}


.NewNotMobile{
    /*border: 1px solid #eaeaea;*/
    background: #f2f8fc;
    padding: 15px;
    color: #9e9e9e;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.WithAdBlocker{
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}

.WithAdBlocker div{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    width: 90%;
    z-index: 100;
    font-size: 14px;
    text-align: center;
}

.WithAdBlocker div p:nth-child(2){
    padding-bottom: 10px;
    font-size: 16px;
    color: #444;
}
.WithAdBlocker div a{
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.WithAdBlocker:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 9;
    opacity: 0.7;
}
.youtubeVideo{
    max-width: 640px;
}
.youtubeVideo a {
    text-decoration: none;
}

.youtubeVideo .imgBg {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    position: relative;
    background: #F5F5F5 url("../image/placeholder-img.png") no-repeat center;
}

.youtubeVideo .imgBg img {
    z-index: 1;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.youtubeVideo .imgBg .play  {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 60px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.youtubeVideo .imgBg .time {
    color: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 10px;
    z-index: 10;
    background: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.8;
}

.youtubeVideo .text {
    padding: 10px;
    color: #333;
    line-height: 16px;
    text-align: left;
    font-size: 12px;
}

.youtubeVideo .text a {
    color: #333;
    text-decoration: none;
}


.youtubeVideoList {
    margin-left: -6px;
    border-bottom: 1px solid #f4f7fe;
}
.youtubeVideoList .title1{
    border-top: 1px solid #f4f7fe;
    font-size: 16px;
    color: #333;
    padding: 16px;
    padding-left: 6px;
}

.youtubeVideoList .list {
    width: 50%;
    float: left;
    padding-left: 6px;
    margin-bottom: 16px;
}

@media (min-width: 640px) {
    .youtubeVideoList .list {
        width: 33.33%;
    }
}

@media (min-width: 720px) {
    .youtubeVideoList .title1{
        padding-left: 16px;
    }
    .youtubeVideoList {
        margin-left: -16px;
    }

    .youtubeVideoList .list {
        padding-left: 16px;
    }
}

.youtubeVideoList a {
    text-decoration: none;
}

.youtubeVideoList .imgBg {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    background: #E9EFF2 url("../image/placeholder-img.png") no-repeat center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.youtubeVideoList .imgBg .play{
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 50px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.youtubeVideoList .imgBg img {
    z-index: 1;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.youtubeVideoList .imgBg a {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 60px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.youtubeVideoList .imgBg .time {
    color: #fff;
    position: absolute;
    right: 2px;
    bottom: 2px;
    padding: 0 10px;
    z-index: 10;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: hsla(0, 0%, 6.7%, .6);
}

.youtubeVideoList .text {
    margin-top: 5px;
    color: #333;
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none;
}

.AdsEditors {
    clear: both;
    background: #fff;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}

.AdsEditorsImg {
    height: 0;
    position: relative;
    padding: 0 10px;
    padding-top: 45%;
    overflow: hidden;

}

.AdsEditorsImg a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.AdsEditorsImg .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding: 0 16px;
    z-index: 2;
}

.AdsEditorsImg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), #0b0606);
    z-index: 1;
}

.AdsEditorsImg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: 100%;
}

.home-template{
    padding-left: 0;
    padding-right: 8px;
    width: 100%;
}

.home-template ul li{
    float: left;
    width: 50%;
    margin-top: 8px;
    padding-left: 8px;
}
@media (min-width: 640px) {
    .home-template ul li{
        width: 25%;
    }
}
.home-template ul li a{
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
    display: block;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    color: #666;
}

.home-template .img-bg{
    display: block;
    background: #E9EFF2;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 56%;
}

.home-template .img-bg img{
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home-template .img-bg .hot{
    display: block;
    width: 45px;
    height: 45px;
    background: url(../image/tag-hot.png) left top no-repeat;
    background-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.home-template .img-bg .EditorsPicks{
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 2px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #e7432e;
    color: #fff;
    font-size: 10px;
    z-index: 9;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    filter: alpha(opacity=90);
    opacity: .9;
}

.home-template .title{
    display: block;
    padding: 4px 10px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-module{
    padding-right: 8px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.home-module .list{
    float: left;
    width: 50%;
    padding-left: 8px;
    margin-bottom: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width:480px){
    .home-module .list{
        width: 33.33%;
    }
}
@media (min-width:720px){
    .home-module .list{
        width:25%;
    }
}

.home-module .list a{
    display: block;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.17);
    text-decoration: none;
    padding-bottom: 8px;
}

.home-module .list .pic-box {
    width: 100%;
    height: 0;
    padding-top: 48%;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
}
.home-module .list .pic-box img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home-module .list .title{
    padding:5px 8px 5px 8px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-module .list .title-home{
    margin:5px 8px;
    font-size: 14px;
    height: 38px;
    line-height: 18px;
    overflow: hidden;
    color: #333;
}
.home-module .list .rating{
    padding:0 8px;
    color: #999;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-module .list .rating span{
    color: #14B21D;
}

.home-module .list .EditorsPicks {
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #e7432e;
    color: #fff;
    font-size: 10px;
    z-index: 9;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    filter: alpha(opacity=90);
    opacity: .9;
}

.home-module .list .hot {
    display: block;
    width: 45px;
    height: 45px;
    background: url(https://yaksgames.com/images/tag-hot.png) left top no-repeat;
    background-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.home-module-btn{
    clear: both;
    text-align: center;
    padding:10px 0;
    margin-left: 8px;
}
.home-module-btn a{
    max-width: 360px;
    width: 100%;
    display: inline-block;
    min-width: 300px;
    height: 46px;
    line-height: 46px;
    background: #6FCD84;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}


.home-slide-module{
    padding: 0 16px;
    padding-left: 8px;
    overflow-x: auto;
    z-index: 1;
    white-space: nowrap;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    direction: ltr;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.home-slide-module .list{
    margin-left: -2px;
    text-align: left;
    width: 50%;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width:480px){
    .home-slide-module .list{
        width: 33.33%;
    }
}
@media (min-width:720px){
    .home-slide-module .list{
        width:25%;
    }
}

.home-slide-module .list a{
    display: block;
    padding-left: 8px;
    text-decoration: none;
}

.home-slide-module .pic-box {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.home-slide-module .pic-box img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home-slide-module .title{
    padding:5px 8px 5px 0px;
    font-size: 12px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.home-module-one{
    padding:0 16px;
    margin-left: -8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.home-module-one .list{
    padding-left: 8px;
    margin-bottom: 8px;
    float: left;
    text-align: left;
    width: 50%;
    overflow: hidden;
}

.home-module-one .list a{
    display: block;
    text-decoration: none;
}

.home-module-one .pic-box {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.home-module-one .pic-box img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home-module-one .title{
    padding:5px 8px 5px 0px;
    font-size: 12px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-module-one .list:last-of-type{
    display: none;
}

.home-module-one .list:first-child{
    width: 100%;
    position: relative;
}
.home-module-one .list:first-child .title{
    position: absolute;
    left: 16px;
    right: 8px;
    bottom: 0;
    z-index: 9;
    color: #fff;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.home-module-one .list:first-child .pic-box{
    padding-top: 40%;
}
.home-module-one .list:first-child .pic-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), #0b0606);
    z-index: 1;
}

@media (min-width:360px){
    .home-module-one .list{
        width: 33.33%;
    }
    .home-module-one .list:last-of-type{
        display: block;
    }

    .home-module-one .list:first-child{
        margin-bottom: 0;
        width: 66.66%;
    }
    .home-module-one .list:first-child .pic-box{
        padding-top:86%;
    }
}
@media (min-width:400px){
    .home-module-one .list:first-child .pic-box{
        padding-top:82%;
    }
}
@media (min-width:440px){
    .home-module-one .list:first-child .pic-box{
        padding-top:80%;
    }
}
@media (min-width:500px){
    .home-module-one .list:first-child .pic-box{
        padding-top:77%;
    }
}
@media (min-width:520px){
    .home-module-one .list:first-child .pic-box{
        padding-top:75%;
    }
}
@media (min-width:580px){
    .home-module-one .list:first-child .pic-box{
        padding-top:74%;
    }
}
@media (min-width:620px){
    .home-module-one .list:first-child .pic-box{
        padding-top:71%;
    }
}
@media (min-width:720px){
    .home-module-one .list{
        width:25%;
    }
    .home-module-one .list:first-child .pic-box{
        padding-top:70%;
    }
    .home-module-one .list:first-child{
        width: 50%;
    }
    .home-module-one .list:last-of-type{
        display: none;
    }

}


.home-module-two{
    padding:0 16px;
    margin-left: -8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.home-module-two .list{
    padding-left: 8px;
    margin-bottom: 8px;
    float: left;
    text-align: left;
    width: 50%;
    overflow: hidden;
}

.home-module-two .list a{
    display: block;
    text-decoration: none;
}

.home-module-two .pic-box {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.home-module-two .pic-box img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home-module-two .title{
    padding:5px 8px 5px 0px;
    font-size: 12px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width:480px){
    .home-module-two .list{
        width: 33.33%;
    }
}
@media (min-width:720px){
    .home-module-one .list{
        width:25%;
    }
}

.details-banner{
    width: 100%;
    height: 150px;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
}
.details-banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.3;
    background:#000;
    z-index: 1;
}

.details-banner .banner-img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.details-return-icon{
    position: relative;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    color: #fff;
    left: 16px;
    top: 16px;
    z-index: 9;
    cursor: pointer;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.details-return-icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.3;
    background: #000;
    z-index: 1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius:50%;
}
.details-return-icon img{
    position: relative;
    z-index: 9;
}

.video-play-btn{
    cursor: pointer;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 16px;
    z-index: 2;
    background: url(video.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.details-main{
    background:#fff;
    z-index: 9;
    position: relative;
    /*border-radius: 16px 16px 0 0;*/
    padding: 16px;
    margin-bottom: 10px;
}

.details-game-info{
    position: relative;
    height: 80px;
    width: auto;
}
.details-game-info .details-game-icon{
    float: left;
    position: relative;
    margin-right: 16px;
    background: #E9EFF2;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius:16px;
    overflow: hidden;
    width: 80px;
    height: 80px;
}
.details-game-info .details-game-icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background:#E9EFF2;
    height: 80px;
}
.details-game-info .details-game-title{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: left;
    padding-left: 96px;
    padding-right: 40px;
}

.details-game-info .details-game-title h1{
    font-size: 18px;
    line-height: 24px;
    max-height: 44px;
    color: #333;
    margin-bottom: 5px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.details-game-info .details-game-title .rating {
    color: #999;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.details-game-info .details-game-title .rating span{
    color: #14B21D;
}

.details-game-share{
    height: 36px;
    width: 36px;
    position: absolute;
    top: 22px;
    right: 0;
    background-position: center;
    background-image: url(../image/details-game-share.svg);
    background-repeat: no-repeat;
}
.details-game-tag{
    padding-top: 10px;
    padding-bottom: 5px;
}
.details-game-tag a{
    display: inline-block;
    background: #f1f2f3;
    margin-bottom: 5px;
    padding:0 8px;
    margin-right: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    text-decoration: none;
    color: #666;
    font-size: 12px;
}

.details-game-tag a:nth-of-type(1){
    background:#E7F6EF;
}
.details-game-tag a:nth-of-type(2){
    background:#EDF5E8;
}
.details-game-tag a:nth-of-type(3){
    background:#EAF2FC;
}
.details-game-tag a:nth-of-type(4){
    background:#EDF5E8;
}
.details-game-tag a:nth-of-type(5){
    background:#F1F1F1;
}

.details-game-play{
    display: block;
    text-decoration: none;
    width: auto;
    height: 44px;
    background:#F8A735;
    margin: 10px auto;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius:22px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    max-width: 640px;
}

.details-give-like{
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
}
.details-give-like a{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding:0 16px;
    background-color: #eee;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius:12px;
    margin-left: 8px;
    text-decoration: none;
    color: #fff;
}
.details-give-like a.give-like-yes{
    background-color: #A7D87B;
}
.details-give-like a.give-like-No{
    background-color: #FF875F;
}

.details-give-like .like-success{
    display: none;
}
.details-game-description{
    padding: 16px;
    background-color: #fff;
    margin-bottom: 10px;
}
.details-game-description h2{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 5px;
}

.youtube-video-one{
    position: relative;
    height: 0;
    padding-top: 56.25%;
    margin-top:10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
    overflow: hidden;
    background: #E9EFF2;
}
@media (min-width:480px){
    .youtube-video-one{
        width: 448px;
        padding-top:0;
        height: 240px;
    }
}

.youtube-video-one img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.youtube-video-one .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding: 0 16px;
    z-index: 2;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.youtube-video-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), #0b0606);
    z-index: 1;
}
.youtube-video-one .time{
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 10px;
    z-index: 10;
    background: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.8;
}
.youtube-video-one a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/video.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.youtube-video-list{
    padding: 16px;
    padding-left: 8px;
    background-color: #fff;
    margin-bottom: 10px;
}
.youtube-video-list .big-title{
    padding-left: 8px;
    padding-top: 0;
    padding-right: 0;
}
.youtube-video-list .list{
    float: left;
    width: 50%;
    padding-left: 8px;
    margin-bottom: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width:480px){
    .youtube-video-list .list{
        width: 33.33%;
    }
}
@media (min-width:720px){
    .youtube-video-list .list{
        width:25%;
    }
}
.youtube-video-list .list a {
    display: block;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.17);
    text-decoration: none;
    padding-bottom: 8px;
}

.youtube-video-list .list .pic-box {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    background: #E9EFF2;
    overflow: hidden;
}
.youtube-video-list .list .time {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    z-index: 10;
    background: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.8;
}
.youtube-video-list .list .plays {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/video.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;

}

.youtube-video-list .list .pic-box img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.youtube-video-list .list .title{
    overflow: hidden;
    height:40px;
    line-height: 18px;
    padding:0 8px;
    padding-top: 4px;
    font-size: 12px;
    color: #333;
}

.module_1 {
    margin: 10px auto;
    max-width: 720px;
    background-color: #fff;
    padding-top: 10px;
}

.module_1 .img_bg {
    margin: 0 10px 0;
    position: relative;
    padding: 0 10px;
    padding-top: 48%;
    overflow: hidden;
    background-color: #E9EFF2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.module_1 .img_bg img {
    min-width: 100%;
    min-height: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.module_1 .info_bg {
    margin: 0 10px;
    position: relative;
    height: 50px;
    overflow: hidden;
}

.module_1 .info_bg .icon_bg {
    padding: 10px 0;
    width: 50px;
    height: 50px;
}

.module_1 .info_bg .icon_bg img {
    width: 50px;
    height: 50px;
}

.module_1 .info_bg .title_text {
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    padding-right: 120px;
}

.module_1 .info_bg .title_text .title {
    font-size: 14px;
    line-height: 40px;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module_1 .info_bg .title_text .info_text {
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module_1 .info_bg .round-star {
    position: absolute;
    right: 0;
    top: 10px;
    width: 100px;
    height: 30px;
    background: #F8A735;
    line-height: 30px;
    text-align: center;
    color: #fff;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-size: 15px;
}

.notAvailable {
    color: #ffffff;
    width: 80%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.notAvailable a{
    display: inline-block;
    background: #6FCD84;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    padding:0 30px;
    text-decoration: none;
    color: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
}