

html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}

input:focus{outline-offset:0}

button:focus,input[type=text]:focus{outline:0}

button{border:none;border-radius:0;padding:0;background:none}

input[type=checkbox]{opacity:0;cursor:pointer}

body{margin:0;padding:0;color:#212121;font-size:16px;font-family:"Roboto",sans-serif;font-weight:400;-webkit-tap-highlight-color:rgba(0,0,0,0)}

article,aside,body,dd,div,dl,dt,footer,h1,h2,h3,h4,h5,h6,header,img,li,main,nav,p,section,span,table,td,tr,ul{margin:0;padding:0}

img{border:none;width:100%;vertical-align:middle}

a{text-decoration:none;color:#000;vertical-align:middle}

a,ul li{list-style:none}

.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0}

body{min-height:100vh;background:#00ada5}

.lists{min-height:82vh}

.fav,.arch{min-height:66vh}

.wrapper{max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}

.icon_menu,.nav_li .icon_favorite,.icon_clock,.nav_li .icon_hot{width:24px;height:64px;fill:#999;vertical-align:middle}

.nav_li .desktop_nav_hot{font-size:16px;color:#333;display:inline-block;vertical-align:middle;margin-left:5px;font-weight:600}

.index_hd .nav_li .desktop_nav_hot{color:#fff}

.index_hd .icon_menu,.index_hd .nav_li .icon_favorite,.index_hd .icon_clock{fill:#fbf2f2}

.index_hd .nav_li .icon_favorite+span{background-color:#fbf2f2;color:#8c8c8c}

.icon_menu{width:22px}

.nav_li .icon_favorite,.icon_clock{width:28px}

.nav_li .icon_favorite+span{height:16px;background-color:#8c8c8c;border-radius:6px;display:block;position:absolute;top:21px;right:-12px;font-family:"Roboto Slab";font-size:12px;font-weight:normal;font-stretch:normal;line-height:16px;letter-spacing:0px;color:#fff;padding:0 6px}

.fav_tip_box{width:300px;height:150px;border-radius:8px;border:5px dashed #ff5b5b;position:absolute;top:100vh;left:-250px;transition:all ease .3s;opacity:0}

.fav_tip_box.tip_show{top:80px;opacity:1}

.fav_arrow{width:80px;position:absolute;top:6px;right:35px;transform:rotate(100deg)}

.fav_position{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:200px}

.fav_tip_box p{font-size:14px}

.header{height:64px;position:relative;width:100%;z-index:9;box-shadow:0px 0px 30px 0px rgba(0,0,0,.25);background-color:#00ada5}

.detail_hd{position:relative;background-color:#fff;box-shadow:0px 2px 9px 1px rgba(0,0,0,.05)}

.logo{float:left;width:172px;height:64px;display:flex;align-items:center}

.logo img{max-height:100%}

.nav-ul{float:right;color:#fff;display:flex;height:64px;font-size:0}

.nav_li{position:relative;vertical-align:middle;display:flex;align-items:center;margin-left:32px;box-sizing:border-box;cursor:pointer}

.hd-menu-box{width:100%;height:fit-content;background-color:#fff;box-shadow:0px 2px 9px 1px rgba(0,0,0,.15);border-radius:8px;margin-top:8px;padding:16px;box-sizing:border-box;display:none}

footer{background-color:#fafafa;width:100%;margin-top:56px;padding:40px 0}

.footer-content{display:flex;flex-direction:column}

.logo_box{display:flex;flex-direction:row;align-items:center}

.logo_box .addthis_inline_share_toolbox{margin-left:32px}

.dropdown{cursor:pointer;position:relative;letter-spacing:1px;color:#c6c0c7;font-size:14px;line-height:30px;display:inline-block;border-radius:50px;display:flex;align-items:center}

.footer .dropdown{margin-left:16px;padding:0 16px;background-color:rgba(255,255,255,.2);box-shadow:0px 0px 10px 1px rgba(0,0,0,.04)}

.dropdown .icon_en{height:30px}

.dropdown .icon_down{width:25px;height:16px;transform:rotate(90deg);fill:#c6c0c8;opacity:.5;margin-left:10px}

.dropdown-content{position:absolute}

footer .dropdown-content{top:30px;left:0;display:none;width:100%}

header .dropdown-content{width:140px;top:50px;left:-20px;transition:all ease .3s;opacity:0;transform:translateY(50px);height:0;z-index:-99;overflow:hidden}

header .dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);z-index:99;height:auto}

.dropdown-content div{box-shadow:0px 0px 10px 1px rgba(0,0,0,.04);margin-top:6px;padding:10px 10px 2px;background-color:#f9f9f9;border-radius:8px;overflow:hidden}

.dropdown-content a{line-height:24px;color:#666;display:block;font-size:13px;background-color:#eee;margin-bottom:8px;width:100%;padding:3px 12px;box-sizing:border-box;border-radius:50px;display:flex;justify-content:flex-start}

.icon_lang{width:24px;height:24px;flex-shrink:0}

.dropdown-content .icon_lang{margin-right:8px}

footer .icon_lang{margin-right:8px}

footer .logo{margin-top:0;width:210px}

.cate_box{display:flex;justify-content:space-between;align-items:baseline}

.cate_box .container li{color:#666;font-size:14px;line-height:24px;margin-top:8px}

.container li:not(:last-child) a:after{content:"";width:1px;height:10px;display:inline-block;background:#999;margin:0 16px}

.container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:16px}

.cate_box .container{width:60%;margin-top:0}

.container li a,.container li{font-size:13px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#f33}

.copyright{font-size:12px;font-weight:normal;font-stretch:normal;line-height:50px;letter-spacing:0px;color:#ccc}

.copyright .container{margin-bottom:16px}

.copyright .container li a{font-size:14px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0px;color:#fff}

.container li:hover a{color:#fbff00}

.sub .common_title{font-family:"Roboto Slab";font-size:20px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#333;margin-bottom:16px;position:relative}

.sub .common_title:before{content:"";width:8px;height:14px;background-color:#ff2b2b;display:inline-block;margin-right:8px}

input::input-placeholder{color:#aaa}

::-webkit-input-placeholder{color:#aaa}

:-moz-placeholder{color:#aaa}

.sub .send_box{width:300px;height:46px;background-color:#fff;box-shadow:0px 0px 10px 1px rgba(0,0,0,.04);border-radius:8px}

.sub .emailbox{width:254px;height:44px;display:inline-block;padding:10px;box-sizing:border-box;font-size:16px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#aaa;border:none;border-radius:8px;transform:translateY(-3px);box-shadow:inset 0 0 0 1000px #fff !important}

.sub .sign{width:40px;height:46px}

.sub .icon_send{width:20px;height:20px;fill:#ff5b5b}

.wrong{color:red;font-size:14px;text-align:left;margin:5px auto 8px}

.sub p{font-size:16px;line-height:18px;color:#333;margin-top:4px}

.sub .sub_result{margin-top:12px}

input:-internal-autofill-selected{background-color:#fff !important}

.banner{position:relative;background:#120938;margin-bottom:100px}

.index .banner_img{object-fit:contain}

.swiper-container{width:100%;height:100%;outline:none}

.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.swiper_img,.swiper_img img{width:100%;height:422px;object-fit:cover}

.swiper-slide .playNow{display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:106px;width:220px;height:48px;background-color:#ea4949;box-shadow:0px 0px 16px 0px rgba(0,0,0,.5);border-radius:4px;border:solid 2px rgba(255,255,255,.5);font-size:20px;line-height:48px;text-transform:uppercase}

.swiper-button-prev:after{content:""}

.swiper-button-next:after{content:""}

.swiper-button-next{width:40px;height:40px;right:16px;outline:none;transform:translateY(-211px)}

.swiper-button-prev{width:40px;height:40px;left:16px;outline:none;transform:translateY(-211px)}

.swiper-button-next svg,.swiper-button-prev svg{fill:#fff}

.banner_box{position:absolute;left:0;right:0;bottom:40px}

.banner_box h1{width:600px;font-family:"Roboto Slab";font-size:46px;font-weight:bold;font-stretch:normal;line-height:54px;letter-spacing:1px;color:#fff;text-transform:uppercase;margin:0 auto}

.index .banner_box{bottom:0;z-index:1;transform:translateY(50%)}

.index .play_show_trend{margin-top:0}

.index .banner_box h1{margin-bottom:30px}

.red{color:#f33}

.banner_box>p{width:470px;font-size:16px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#fff;opacity:.5;margin:24px 0}

.playNow{width:180px;height:40px;background-color:#f33;border-radius:4px;font-family:"Roboto Slab";font-size:16px;font-weight:bold;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#fff;display:block;text-align:center}

.banner_box .playNow:focus{background-color:#dc2d2d}

.play_show_trend{margin-top:36px;display:flex;flex-direction:row;margin-right:-18px}

.play_show_trend li{width:33.33333%;margin-right:18px;box-sizing:border-box;padding:22px;height:120px;background-color:#fdfdfd;box-shadow:0px 0px 19px 1px rgba(0,0,0,.08);border-radius:8px;position:relative}

.play_show_trend li,.play_show_trend li>a{display:flex;align-items:center}

.play_img{width:76px;height:76px;border-radius:50%;object-fit:cover}

.play_show{margin-left:16px;width:230px}

.play_show h4{font-family:"Roboto Slab";font-size:20px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#333}

.play_show p{font-size:14px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0px;color:#aaa;margin-top:4px}

.common_title{font-family:"Roboto Slab";font-size:22px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#fff;position:relative;text-transform:uppercase}

.common_title a{color:inherit}

.common_title .viewAll{font-family:"Roboto Slab";font-size:14px;font-weight:normal;font-stretch:normal;line-height:16px;letter-spacing:0px;color:#e2e2e2;position:absolute;right:0;bottom:4px}

.common_title .iconlinear{width:24px;height:24px;margin-right:4px;transform:translateY(4px)}

.viewAll:hover{color:#fbff00}

.three_line_ads{display:block;width:100%;margin-top:16px}

.three_line_ads-aside{display:block;width:100%;margin-top:10px}

.ads_padding{padding-right:16px}

.trendbox{margin-top:32px}

.top,.hot{position:relative}

.top:after,.hot:after{content:"TOP";font-family:"Caveat";font-size:16px;font-weight:normal;font-stretch:normal;line-height:16px;letter-spacing:0px;color:#fbff00;position:absolute;top:2px;transform:translateX(4px)}

.hot:after{content:"HOT"}

.pop_games{display:flex;flex-direction:row;margin-right:-16px;flex-wrap:wrap}

.pop_li{width:12.5%;margin-top:20px;padding-right:16px;box-sizing:border-box}

.top_games .pop_li{width:16.6666%;margin-top:16px}

.pop_li_box{box-shadow:0px 2px 9px 1px rgba(0,52,75,.2);border-radius:8px;overflow:hidden}

.pop_item{padding:10px 1px 12px;box-sizing:border-box;display:block}

.game_img{background-color:transparent;display:block;padding-top:100%;position:relative;overflow:hidden}

.game_img .flag{position:absolute;z-index:3;left:0;right:0;height:28px;top:8px;text-transform:uppercase;padding:0 8px 0 6px;display:flex;justify-content:center;align-items:center}

.game_img .flag .icon{background:#fff;position:absolute;top:0;left:0;display:flex;box-shadow:2px 2px 2px rgba(0,0,0,.2);border-radius:0 14px 14px 0;padding-right:8px}

.game_img .flag .svg{box-sizing:border-box;fill:#ff5b5b;width:18px;height:28px;position:relative;padding:2px 0 2px 2px;z-index:2}

.game_img img{width:100%;max-width:100%;position:absolute;top:0;left:0}

.detail .game_img{padding-top:100%}

.detail .game_img img{height:100%;object-fit:cover}

.fav .game_img img{height:100%;object-fit:cover}

.pop_name{font-family:sans-serif;font-size:14px;line-height:16px;color:#fff;overflow:hidden;height:16px;text-align:center;word-break:break-all}

.pop_li p{font-size:13px;font-weight:normal;font-stretch:normal;line-height:16px;letter-spacing:0px;color:#aaa;margin-top:6px;height:16px;overflow:hidden}

.icon_played{width:10px;height:12px;fill:#aaa;transform:translateY(1px);margin-right:4px}

.pop_li .playNow{width:auto;height:24px;border-radius:6px;border:solid 1px #f33;background-color:#fff;font-size:12px;line-height:24px;color:#f33;margin-top:10px;transition:all ease .3s}

.pop_li:hover .pop_li_box{box-shadow:0px 2px 9px 1px rgba(0,0,0,.1);transform:translateY(-4px)}

.pop_li:hover .playNow{background-color:#f33;color:#fff}

.category li{width:12.5%}

#show_more{display:none}

#show_more .icon_add{width:20px;height:50px;fill:#bbb;margin-right:12px}

.spec .wrapper{padding:0}

.spec header,.spec footer,.spec .copyright{display:none}

.spec{background-color:#333;overflow:hidden;height:100%}

.spec main{min-height:0}

.spec .detail_trend{margin-bottom:0;overflow:hidden;border-radius:0}

.fullimg{padding:0}

.fullimg img{object-fit:contain}

.showmbtn{display:block}

#mobile-right{position:absolute;display:none;left:0;top:0;width:50px;height:50px;background-color:#ff5b5b;border-top-right-radius:3px;border-bottom-right-radius:3px;transition:left .2s ease-out;z-index:10;box-shadow:0 2px 8px 0 rgba(0,0,0,.3)}

.icon_bread{width:24px;height:24px;fill:#fff;transform:translateX(-1px)}

#right_sidebar{position:absolute;right:0;top:0;bottom:0;height:100%;width:200px;overflow:hidden;z-index:4000;box-shadow:0 0 4px 0 rgba(0,0,0,.7);transition:right .6s ease;overflow-y:scroll}

#mobile-menu{position:absolute;display:none;top:0;left:-100%;left:0;width:200px;height:100%;z-index:999;transition:left .6s ease;overflow-x:hidden;box-shadow:0px 0px 16px 0px rgba(0,0,0,.1)}

#mobile-menu .gameinfo{background:#00ada5;overflow:hidden}

#mobile-menu,#right_sidebar{background:#fff}

#mobile-menu .top-wrapper,#right_sidebar .top-wrapper{height:202px}

.gameinfo img{width:48px;height:48px;border-radius:5px;margin:12px 10px 10px;float:left;object-fit:cover}

.bottom-game-name{float:left;width:calc(100% - 72px);color:#fff;margin:10px 0 0;letter-spacing:.5px;font-family:"Roboto Slab";font-size:20px;line-height:26px;height:52px;overflow:hidden;text-overflow:ellipsis}

.similargames_logo{width:180px;margin-left:8px;margin-top:7px;margin-bottom:7px}

.similargames_title_logo{display:block;width:100%;height:64px;background:#fff}

.similargames_title_logo>img{max-height:100%;width:auto;max-width:100%;padding:8px;box-sizing:border-box}

.similargames_title{background-color:#00ada5;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:16px 4px}

.similargames_title .icon_button{cursor:pointer;margin:0 16px}

.similargames_title .iconlinears{width:28px;height:26px;fill:#fff;margin:0}

.similargames_title_close{position:absolute;right:10px;top:16px;display:none}

.similargames_title_close .icon_close{width:30px;height:30px;fill:#00ada5}

.similargames_content{display:flex;flex-direction:row;margin-right:-10px;flex-wrap:wrap;padding:0 6px;box-sizing:border-box;margin-bottom:20px}

.similargames_content .pop_li{display:list-item;margin-top:10px;padding-right:10px;box-sizing:border-box;width:50%}

.similargames_content .pop_li .pop_name{display:block;font-size:12px}

.similargames_content .game_img{padding-top:100%}

.similargames_content .game_img img{object-fit:cover;height:100%}

#gameplug{width:86px;height:86px;position:absolute;top:16px;right:16px;z-index:9;border-radius:15px;box-shadow:0 0 3px 1px rgba(0,0,0,.3);display:none}

#gameplug button{position:absolute;top:-5px;right:-5px;font-size:12px;background-color:#ff5b5b;color:#fff;width:20px;height:20px;border-radius:10px;text-align:center;padding:0;box-shadow:0 0 1px 1px rgba(0,0,0,.5);padding-bottom:3px}

#gameplug a{border-radius:15px;display:block;width:86px;height:86px}

#gameplug img{border-radius:15px;width:84px;height:84px;border:1px solid #ff5b5b;object-fit:cover}

#gameplug a span{text-align:center;color:#fff;text-decoration:none;background-color:#ff5b5b;line-height:20px;display:block;position:absolute;bottom:0;border-bottom-right-radius:15px;border-bottom-left-radius:15px;font-weight:700;text-transform:uppercase;width:86px;font-size:12px;height:16px;line-height:16px;font-family:Roboto-Regular}

#ads_fix{display:block;width:calc(100% - 400px);position:fixed;bottom:0;height:100px;margin:0 0 0 200px;text-align:center}

.ads_fix_inner{width:970px;margin:0 auto}

.info_ads{margin-bottom:16px}

.detail .trendbox{margin-top:10px}

.detail_trend{background-color:#fff;box-shadow:0px 0px 8px 1px rgba(0,0,0,.05);border-radius:8px}

.infos .detail_trend{display:flex;padding:16px;box-sizing:border-box;position:relative;overflow:hidden;margin:0 0 16px}

.infos .detail_trend:before{content:"";position:absolute;bottom:-100px;width:200px;height:200px;background-color:#eee;display:inline-block;transform:rotate(45deg);right:-100px}

.infos .recommend_box{padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px}

.left_img .left_imga{display:block;position:relative;overflow:hidden;padding-top:100%;width:250px}

.left_imga .gamejoy_img{border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.triangle{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:145px}

.triangle img{-webkit-filter:drop-shadow(0.19rem 0.19rem 0.13rem rgba(0,0,0,0.7));filter:drop-shadow(0.19rem 0.19rem 0.13rem rgba(0,0,0,0.7))}

.triangle_play{font-family:"Roboto Slab";font-size:16px;font-weight:bold;line-height:16px;color:#fff;display:block;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}

.icon_triangle{width:100px;opacity:.9}

.left_img .playNow{width:100%;height:48px;background-color:#ff5b5b;border-radius:8px;line-height:48px;font-family:"Roboto Slab","Italic";font-size:20px;font-weight:normal;font-stretch:normal;letter-spacing:0px;color:#fff;margin-top:14px;text-transform:capitalize}

.detail .recommend_box{align-items:center;margin-top:0}

.recommend_box h5{font-family:"Roboto Slab";font-size:26px;font-weight:normal;font-stretch:normal;line-height:50px;letter-spacing:0px;color:#333;transition:all ease .5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.game_social{margin-left:24px;width:calc(100% - 274px);position:relative}

.game_social .game_title{font-family:"Roboto Slab";font-size:26px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:0px;color:#333}

.memory{font-size:12px;line-height:16px;letter-spacing:0px;color:#999;margin-top:6px}

.howto{font-size:14px;line-height:18px;color:#888;margin-bottom:16px}

.howto b{font-family:"Roboto Slab"}

.mobile_howto,.mobile_actv{display:none}

.desktop_howto{display:block}

.dots .google-auto-placed{display:none !important}

.dots{cursor:pointer;display:flex;align-items:flex-end;flex-wrap:wrap;width:70%}

.dots li{text-align:center;display:flex;align-items:center;height:33px;border-radius:8px;border:solid 2px #eee;position:relative;width:164px;margin-top:6px;padding-left:10px;box-sizing:border-box}

.dots li a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

.dots li:hover{border:solid 2px #ff5b5b;transition:all ease .3s}

.dots li:hover .actv{color:#ff5b5b;transition:all ease .3s}

.dots li:hover svg{fill:#ff5b5b;transition:all ease .3s}

.dots li:not(:last-child){margin-right:6px}

.dots .iconlinears{width:20px;height:20px;fill:#666;margin-right:0}

.dots .icon_shake{width:15px}

.dots .icon_share{width:15px;margin-right:2px}

.dots .icon_home{width:17px;height:18px;margin-right:4px}

.dots .actv{font-size:14px;line-height:15px;color:dimgray;margin-left:8px;text-transform:capitalize}

.remove svg,.remove_fav svg{fill:#f33 !important}

.remove .actv,.remove_fav .actv{color:#f33 !important}

.remove_fav{border-color:#ff5b5b !important}

.QRCode_box{display:flex;flex-direction:row;justify-content:space-between;margin-top:24px;padding-bottom:24px;border-bottom:1px solid #eee}

.game_desc{font-size:14px;font-weight:normal;font-stretch:normal;line-height:21px;letter-spacing:0px;color:#666;margin-top:12px;margin-bottom:12px;box-shadow:0px 0px 8px 1px rgba(0,0,0,.05);border-radius:8px;overflow:hidden;padding:20px}

.detail .trendbox .trendbox{margin-top:0}

#ads2{display:none}

.belong{display:flex;flex-direction:row;align-items:center;position:relative;margin-top:18px;flex-wrap:wrap;width:480px}

.belong li{padding:4px 16px;background-color:#f9f9f9;border-radius:16px;margin-right:8px;transition:.3s;border:solid 1px transparent;margin-top:6px}

.belong li:hover span{color:#ff3434;transition:all ease .3s}

.belong .iconlinear{width:18px;height:18px;margin-right:6px;transform:translateY(2px)}

.belong span{font-size:13px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666;transform:translateY(-2px);display:inline-block;text-transform:capitalize}

.belong .icon_audio{margin-right:3px;height:21px;width:21px}

.playOnphone{position:absolute;right:0;bottom:0}

.playOnphone{width:80px;height:80px}

.playOnphone span{font-family:Roboto-Italic;font-size:12px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#999;width:100%;display:inline-block;text-align:center}

.icon_game{width:23px;height:20px;fill:#f33;margin-right:4px}

.game_audio{width:100%;background-color:#eee;margin:20px 0}

.detail .pop_li{margin-top:16px;width:16.66666%}

.detail .lists_cate{margin-top:8px}

.detail .lists_li{width:100%}

.detail .lists_cate li a{box-shadow:0px 2px 9px 1px rgba(0,0,0,.05)}

#share .at-svc-compact{padding:0px !important;background-color:#fff !important;border:2px solid #555 !important;margin-bottom:0}

#share .at-icon-wrapper svg{fill:#555 !important;width:14px !important;height:14px !important}

#share .at-resp-share-element .at-share-btn .at-icon-wrapper{width:14px !important;height:14px !important;line-height:14px !important}

.list .banner_box{margin-top:48px;margin-bottom:0;position:static}

.list .banner_box h1{font-family:"Roboto Slab";font-size:32px;line-height:38px;color:#333;width:100%;text-align:center}

.list .banner_box .iconlinear{width:32px;height:32px;margin-right:2px;transform:translateY(4px)}

.list .banner_box p{opacity:1;width:50%;color:#666;margin:10px auto;text-align:center}

.list_play_show{display:flex;flex-wrap:wrap;margin-right:-16px}

.list_play_show li{width:calc(50% - 16px);margin-right:16px;box-sizing:border-box;position:relative;box-shadow:0px 0px 23px 1px rgba(0,0,0,.16);border-radius:8px}

.list_play_show li:first-child{background-color:#00af8d}

.list_play_show li:last-child{background-color:#ea4d49}

.list_play_show li>a{display:block}

.click-icon,.shake-icon{width:56px;margin-right:20px}

.list_play_show #clickpng,.list_play_show #shake{height:120px;border-radius:8px;overflow:hidden;width:auto}

.detail .list_play_show #clickpng,.detail .list_play_show #shake{height:80px}

.list_play_show li p{font-size:14px;line-height:18px;color:rgba(255,255,255,.5);position:absolute;top:50%;transform:translate(0,-50%);left:182px;display:flex;flex-direction:column}

.play_title{display:block;font-family:"Roboto Slab";font-size:24px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#fdfdfd;opacity:1;margin-bottom:4px}

.list_play_show .icon_down,.play_show_trend .icon_down{width:15px;height:24px;fill:#ddd;position:absolute;top:50%;right:22px;transform:translateY(-50%);transition:all ease .5s}

.list_play_show li:hover .icon_down,.play_show_trend li:hover .icon_down{fill:#f33}

.list .listbox{margin-bottom:32px;border-top:none;padding-top:0;margin-top:16px;margin-bottom:32px}

.more_btn{display:block;width:48%;padding:11px 8px;margin:32px auto 0;color:#fff;font-family:"Roboto Slab";font-size:19px;font-weight:700;border-radius:5px;text-align:center;background-color:#ff5b5b;border:1px solid #fff;outline:0;text-shadow:1px 1px 3px rgba(0,0,0,.4);text-decoration-line:underline}

.fav_listbox{display:none}

.left{width:928px;float:left}

.right{width:300px;margin-left:20px;float:left;position:sticky;top:16px}

.game{margin:0;height:auto;width:calc(100% - 400px);background:#00ada5;position:absolute;top:0px;left:200px;bottom:120px;overflow:hidden}

.game .btn_exist-fullscreen{display:none;position:absolute;width:30px;height:30px;left:4px;top:4px;z-index:9}

.game .btn_exist-fullscreen .icon_close{width:30px;height:30px}

.game_bg{width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:blur(20px);-webkit-box-shadow:0 0 2rem .5rem rgba(0,0,0,.2) inset;box-shadow:0 0 2rem .5rem rgba(0,0,0,.2) inset}

.game_bg:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.4);display:block}

.game>img{height:100%;object-fit:contain}

#fullscreen{width:34px;height:34px;display:inline-block;position:absolute;right:20px;bottom:20px;background-color:#000;border:2px solid #fff;z-index:22;display:none}

.icon_full,.icon_nimi{width:30px;height:32px}

.icon_nimi{display:none}

.intros{position:fixed !important;left:0 !important;top:0 !important;height:100% !important;width:100% !important;z-index:99999999 !important;transform:translate(0) !important}

.fullimg{display:block;width:100%;overflow:hidden;padding-top:100vh}

.fullimg img{position:absolute;top:0;left:0;height:100%}

.intro .fullimg img{object-fit:contain}

:-webkit-full-screen #fullscreen{display:none !important}

:-moz-full-screen #fullscreen{display:none !important}

:-ms-fullscreen #fullscreen{display:none !important}

:fullscreen #fullscreen{display:none !important}

.game_innerbox{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}

#joy_start{text-align:center;width:300px;margin:0 auto;background-color:#ff5b5b;border-radius:5px;z-index:2;box-shadow:0 0 3px rgba(0,0,0,.5);color:#fff;line-height:48px;display:flex;justify-content:center;align-items:center;height:48px;border-radius:8px;line-height:48px;font-family:"Roboto Slab","Italic";font-size:20px;text-transform:capitalize;cursor:pointer}

.loading{width:25px}

.icon_triangle2{width:30px;height:30px;fill:#fff;vertical-align:text-top}

.game_innertitle{font-family:"Roboto Slab";font-size:23px;line-height:45px;letter-spacing:0px;color:#fff;z-index:2;width:100%;text-align:center;background:linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,0.3) 50%,rgba(125,185,232,0) 100%);margin:16px 0}

.img_topfix{display:block;width:180px;height:180px;border-radius:8px;overflow:hidden;margin:0 auto}

.img_topfix img{width:100%;height:100%}

.related{margin-top:16px}

.related li{margin-bottom:8px}

.related_inner{height:76px;display:flex;flex-direction:row;align-items:center;background-color:#fff;box-shadow:0px 2px 9px 1px rgba(0,0,0,.05);border-radius:8px;overflow:hidden}

.related_inner img{width:76px;height:76px;object-fit:cover}

.related_inner h5{font-family:"Roboto Slab";font-size:14px;line-height:16px;color:#333;padding:0 6px 0 12px}

.related_inner p{font-size:13px;line-height:15px;color:#aaa;margin-top:6px;padding:0 6px 0 12px}

.related li:hover h5{color:#f33}

.detail .list_play_show{display:none}

.play_random{border-radius:10px;position:relative;overflow:hidden;margin-bottom:26px;background-color:#120938;height:272px}

.play_random>a{position:relative;padding-top:100%;display:block}

.play_random img{height:272px;object-fit:contain;position:absolute;top:0;left:0;object-position:top}

.play_random_inner{font-family:"Roboto Slab";font-size:24px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#fff;position:absolute;bottom:16px;text-align:center}

.play_random_inner .playNow{margin:10px auto 0}

.play_random>a:focus .playNow{background-color:#dc2d2d}

.fav .banner_box{margin-top:48px;margin-bottom:16px;position:static}

.fav .banner_box .iconlinear{width:32px;height:32px;margin-right:8px;transform:translateY(4px)}

.fav .banner_box h1{font-family:"Roboto Slab";font-size:32px;line-height:38px;color:#333;width:100%;text-align:center;margin-bottom:0}

.fav .banner_box span{height:28px;padding:0 8px;border-radius:6px;border:solid 2px #ff2b2b;font-family:"Roboto Slab";font-size:18px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#f33;display:inline-block;text-align:center;transform:translateY(-5px)}

.fav_list .pop_li_box{position:relative}

.fav_list .icon_close{position:absolute;top:8px;right:8px;width:24px;height:24px;transition:all ease .5s;cursor:pointer;display:none;fill:#ff5b5b}

.fav_list .pop_li_box:hover .icon_close{display:inline}

.fav .list_play_show,.list .list_play_show{margin-top:30px}

.empty{text-align:center;padding-top:120px;margin-top:32px}

.empty .empty_img{width:136px;height:140px;border-radius:50%;object-fit:cover}

.empty .add{font-size:18px;line-height:26px;color:#aaa;margin:24px auto 120px;width:256px}

.empty .listbox{text-align:left;padding-top:24px}

.lists .trendbox{margin-top:10px}

.lists .pop_li{margin-top:16px;width:12.5%}

.lists .pop_li_box{border-radius:5px;overflow:hidden}

.lists .game_img{padding-top:100%}

.best .game_img:after{content:"";display:block;width:92px;height:65px;position:absolute;top:0px;left:0px;background-size:170px}

.lists .pop_name,.detail .pop_name,.list .pop_name{position:absolute;transition:bottom .6s ease;font-size:15px;font-weight:700;width:100%;bottom:-125%;left:0;height:auto;min-height:18px;line-height:20px;padding:7px 0 4px;text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,.65);color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px}

.lists .game_img img,.detail .game_img img,.list .game_img img{height:100%;object-fit:cover}

.lists .pop_li_box:hover .pop_name,.detail .pop_li_box:hover .pop_name,.list .pop_li_box:hover .pop_name{display:block;text-decoration:none;bottom:0}

.lists .pop_li:hover .pop_li_box,.detail .pop_li:hover .pop_li_box,.list .pop_li:hover .pop_li_box{box-shadow:0 0 4px 0 rgba(0,0,0,.5);transform:none}

.paging{clear:both;width:98%;margin:30px 1% 30px}

.paging .pagewrap{height:auto;margin:0 auto;width:100%;text-align:center}

.paging a{background:#ff5b5b;display:inline-block;height:46px;line-height:46px;padding:0 15px;overflow:hidden;color:#fff;font-size:14px;font-weight:700;border-bottom:4px solid #de4f4f;border-radius:4px;margin:0 6px;cursor:pointer}

.paging a:hover{background:#fff;border-bottom:4px solid #c9c9c9;color:#ff5b5b}

.paging a.active{cursor:default;background:#fff;border-bottom:4px solid #c9c9c9;color:#ff5b5b}

.paging a:last-child{margin-right:0}

.homepage{margin-top:30px;margin-bottom:16px}

.lists_cate{display:flex;flex-direction:row;margin-right:-16px;flex-wrap:wrap}

.index .lists_cate{margin-right:-16px}

.category li{width:25%;padding-right:16px}

.list .lists_cate{margin-top:32px}

.lists_li{width:25%;margin:4px 0;padding-right:16px;box-sizing:border-box}

.lists_cate li a{font-size:14px;float:left;clear:both;display:block;color:#333;line-height:50px;text-transform:capitalize;height:50px;width:calc(100% - 6px);background-color:#fff;border-radius:5px;box-shadow:0px 2px 9px 1px rgba(0,0,0,.05);padding:3px 0;overflow:hidden;width:100%;word-break:break-all}

.lists_cate li a img{float:left;border-radius:3px;margin-right:8px;width:50px;height:50px;margin-left:3px}

.lists_cate li a svg{float:left;border-radius:3px;margin-right:8px;width:25px;height:50px;margin-left:21px}

.usetips{width:100%;padding:20px;position:fixed;bottom:0;left:0;right:0;background-color:rgba(115,115,115,.9);z-index:-1;color:#fff;opacity:0;-webkit-transition:opacity ease .25s;transition:opacity ease .25s;font-size:13px;line-height:14px;box-sizing:border-box}

.usetips-link{color:#fff;text-decoration:underline;font-size:13px;transform:translateY(-1px);display:inline-block}

.usetips-ls{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex}

.usetips-item{display:inline-block;width:110px;text-align:center;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;height:28px;line-height:28px;font-size:13px}

span.usetips-item{background-color:#fff;color:#333;border-color:#fff}

.desktop-usetips{display:block}

.mobile-usetips{display:none}

#home{width:220px;height:40px;cursor:pointer;background-color:#ffa516;box-shadow:0px 2px 9px 1px rgba(0,0,0,.13);border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;padding:0 20px;display:flex;justify-content:center;position:fixed;bottom:20px;z-index:999;display:none;box-sizing:border-box}

.icon_home{width:20px;height:38px;fill:#fff;margin-right:10px}

#home p{font-size:14px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#fff;display:inline-block}

.shake_shadow{width:320px;height:220px;background-color:#fff;box-shadow:0px 0px 13px 1px rgba(0,0,0,.12);border-radius:16px;border:solid 6px #ff5b5b;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 10px;box-sizing:border-box;display:none;z-index:999}

.shake_shadow .shake-icon{width:80px;height:80px;margin:32px auto 20px;display:block}

.shake_shadow p{font-family:"Roboto Slab";font-size:18px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#333;text-align:center}

.at-style-responsive .at-share-btn{padding:6px}

.footer .at-style-responsive .at-share-btn{width:20px;height:20px;margin:0 3px 5px}

.footer .at-resp-share-element .at-icon{width:20px !important;height:20px !important}

.err_img{width:510px;object-fit:cover;margin:48px auto 26px;display:block}

.h2_404{font-family:"Roboto Slab";font-size:48px;font-weight:normal;font-stretch:normal;line-height:50px;letter-spacing:0px;color:#333;text-align:center}

.err_btn{width:200px;height:50px;border-radius:4px;border:solid 3px #f33;margin:26px auto 0;text-align:center}

.err_btn a{font-family:"Roboto Slab";font-size:20px;font-weight:normal;font-stretch:normal;line-height:50px;letter-spacing:1px;color:#f33}

.error .game_box{margin-top:72px}

.error .banner_box p{margin:16px 0}

.error .banner_img{height:230px;object-fit:cover}

.archive h5{font-family:"Roboto Slab";font-size:30px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#333;margin-top:48px}

.archives{font-size:16px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#333;margin-top:16px}

.archives p{margin-bottom:12px}

.archives b{font-family:"Roboto Slab";margin-bottom:4px;display:inline-block}

#disqus_thread{margin-top:26px;box-shadow:0px 0px 8px 1px rgba(0,0,0,.05);border-radius:8px;padding:12px 20px;width:944px;box-sizing:border-box}

.bread_crumbs{margin-top:10px}

.bread_crumbs>span,.bread_crumbs i{font-style:normal;font-size:14px;line-height:18px;color:#e2e2e2;margin-bottom:8px}

.bread_crumbs i:hover{color:#ff5b5b}

.home_ad_01,.home_ad_02,.home_ad_03{height:90px}

.detail_ad_01,.detail_ad_02{height:90px}

#detail_ad_03{margin:16px auto}

.detail_ad_03{width:100%;height:250px}

.play_ad_01,.play_ad_02{margin:0 auto;width:160px;background:transparent}

.play_ad_03{margin:0 auto;height:90px}

.main.play01 .container{flex-flow:row nowrap}

.main.play01 .ads{text-align:center}

.main.play01 .ads-verticle-banner{width:180px}

.main.play01 #play_ad_03{margin:16px 16px 0}

.main.play01 .game{position:relative;top:0;left:0;right:0;bottom:0;width:calc(100% - 580px);margin:0 10px;border-radius:1rem;overflow:hidden}

.main.play01 .game #game_tool_bar{position:absolute;background:transparent}

.main.play01 .game.intro #game_tool_bar{display:none}

.main.play01 #game-frame{background:#00ada5}

.main.play01 .recommend{width:100px}

.main.play01 .recommend .similargames_content{padding:0;margin:0}

.main.play01 .recommend .similargames_content .game_img{padding-top:100%;font-size:0;line-height:0;height:0}

.main.play01 .recommend .similargames_content .pop_li{width:100%;padding:0}

.main.play01 .recommend .similargames_content .pop_li:first-child{margin-top:0}

@media only screen and (max-width:1366px){html.m-root-play01,body.m-root-play01{height:100%;overflow:hidden}

html.m-root-play01 .header,body.m-root-play01 .header{display:none}

.m-root-play01 .main.play01{height:100%;overflow:hidden}

.m-root-play01 .main.play01 .container{margin:0;padding:0;height:100%;overflow:hidden;flex-direction:column}

.m-root-play01 .main.play01 .container .ads-verticle-banner,.m-root-play01 .main.play01 .container .recommend{display:none}

.m-root-play01 .main.play01 #mobile-right,.m-root-play01 .main.play01 #mobile-menu{display:block}

.m-root-play01 .main.play01 #mobile-menu{width:100%;left:-100%}

.m-root-play01 .main.play01 .similargames_title_close{display:block}

.m-root-play01 .main.play01 #mobile-menu .similargames_title{justify-content:flex-start;border-bottom:1px solid #333}

.m-root-play01 .main.play01 ul.similargames_content{margin-right:-7px}

.m-root-play01 .main.play01 ul.similargames_content .pop_li{padding-right:7px;width:25%}

.m-root-play01 .main.play01 #gameplug{display:block}

.m-root-play01 .main.play01 .game{position:absolute;width:100%;height:auto;top:0;bottom:120px;margin:0;border-radius:0}

.m-root-play01 .main.play01 .game .btn_exist-fullscreen{display:block}

.m-root-play01 .main.play01 .game #game_tool_bar{display:none !important}

.m-root-play01 .main.play01 #play_ad_02{position:absolute;bottom:0}

.m-root-play01 .main.play01 #play_ad_02,.m-root-play01 .main.play01 .play_ad_02{display:block;width:100%;height:120px;background:#00ada5}

.m-root-play01 .main.play01 #play_ad_03{margin:16px 4px 0}

.m-root-play01 .main.play01 #play_m_ad_01 .play_m_ad_01{display:block;margin:0 !important;padding:0 !important}

.m-root-play01 .main.play01 .wrapper .trendbox{display:none}

}@media only screen and (max-width:1280px){.dots{width:90%}

.srcoll_box{overflow-x:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;width:calc(100% + 32px);transform:translateX(-16px);height:158px}

.banner{margin-bottom:90px}

.index .banner_box{transform:translateY(60%)}

.banner_box{bottom:16px}

.index .banner_img{object-fit:cover}

.play_show_trend{width:1266px}

.play_show_trend li:first-child{margin-left:18px}

.play_show_trend li:last-child{margin-right:18px}

.srcoll_box::-webkit-scrollbar{width:0 !important}

.game_box .banner_box{padding:0 16px}

.left,#disqus_thread{width:calc(100% - 320px)}

.main.play01 .ads-verticle-banner{width:140px}

.main.play01 .play_ad_01,.main.play01 .play_ad_02{width:120px}

.main.play01 .recommend{width:80px}

.main.play01 .recommend .similargames_content .pop_li{margin-top:5px}

.main.play01 .game{width:calc(100% - 460px);min-height:420px}

}@media only screen and (max-width:1150px){.left_img .left_imga{width:240px}

.infos .detail_trend{padding:24px 10px}

.game_social{margin-left:16px;width:calc(100% - 256px)}

.belong{width:380px}

}@media only screen and (max-width:1100px){.wrapper{width:100%}

.index .banner_img{object-fit:cover}

.usetips{padding:10px}

.usetips-ls{position:static;margin-top:6px;transform:none}

}@media only screen and (max-width:1024px){#mobile-menu{left:-100%}

#right_sidebar{right:-100%}

.main.play01 .container{flex-direction:column;margin-top:0}

.main.play01 .game{width:100%;height:80vh;margin:0;border-radius:0}

.main.play01 .game #game_tool_bar{display:flex !important}

.main.play01 .ads-verticle-banner,.main.play01 .recommend{display:none}

.similargames_title_close{display:block}

.game,#ads_fix{width:100%;left:0;margin-left:0}

#similargames_content .pop_li{width:33.33333%}

.spec_html,.spec{overflow:hidden}

#ads_fix{position:absolute}

.spec .detail_trend{position:absolute;top:0;bottom:0;width:100% !important;background:#333}

.pop_li{width:20%}

.dots{width:90%}

.empty{padding-top:20px}

.list .banner_box,.fav .banner_box{margin-top:18px;margin-bottom:0}

.list .listbox,.empty{margin-top:0}

}@media only screen and (max-width:1023px){.left,.right,#disqus_thread{width:100%;margin-left:0;position:static}

.right,#disqus_thread{margin-top:26px}

.detail .play_random{display:none}

.detail .list_play_show{display:flex;margin-bottom:12px;margin-top:12px}

.detail .list_play_show li{width:100%}

.infos .detail_trend{padding:24px 16px}

.infos .recommend_box{margin-bottom:9px}

.belong{margin-top:7px;width:calc(100% - 80px)}

.lists .pop_li{width:16.66666%}

.detail .lists_li{width:25%}

}@media only screen and (max-width:900px){.top_games .pop_li{width:25%}

}@media only screen and (max-width:780px){.cate_box{flex-direction:column;align-items:baseline}

.cate_box .container{width:100%;margin-bottom:24px;margin-top:14px}

}@media only screen and (max-width:768px){.recommend_inner li{width:33.33333%}

.index .recommend_inner li:last-child{display:list-item}

.category li{width:50%}

.detail .lists_li{width:50%}

.list_play_show #clickpng,.list_play_show #shake{height:80px}

.listbox{margin-top:16px;padding-top:0}

.list .listbox{padding-top:0;margin-bottom:32px}

.more_btn{padding:10px 0px;margin-top:40px}

.listbox .pop_li{margin-top:16px}

main:not(.detail) .play_title{font-size:18px;line-height:22px}

main:not(.detail) .list_play_show li p{font-size:12px;line-height:18px;left:94px;width:190px}

main:not(.detail) .list_play_show .icon_down{right:12px}

.lists_cate li a svg{margin-left:13px}

}@media only screen and (max-width:767px){.header{height:48px}

.header .dropdown{display:none}

.logo{width:129px;height:48px}

.icon_menu{height:48px}

.nav-ul{height:48px}

.nav_li{margin-left:20px}

.nav_li .icon_favorite+span{top:10px;right:-10px}

.icon_menu,.nav_li .icon_favorite,.icon_clock{height:48px}

.nav_li .desktop_nav_hot{display:none}

.index .banner_box h1{width:74%;font-size:42px;line-height:48px;margin-bottom:0px}

.index .banner_box>p{width:74%;margin:15px 0}

.pop_li:hover .playNow{background-color:#f33;color:#fff;border-color:#f33}

.top_games .pop_li{width:25%}

.detail .pop_li,.detail .related li{width:25%;margin-top:16px}

.list .lists_cate{margin-top:16px}

.list .banner_box{margin-top:9px;margin-bottom:6px}

.list .banner_box h1{font-size:30px;font-size:24px}

.list .banner_box p{width:100%;font-size:14px;line-height:20px}

.list .listbox{margin-top:-6px}

.list_play_show li{width:100%}

.list_play_show li:nth-child(2){margin-top:8px}

html.root-play01,body.root-play01{height:100%;overflow:hidden}

.m-root-play01 .main.play01 ul.similargames_content{margin-right:-7px}

.m-root-play01 .main.play01 ul.similargames_content .pop_li{width:33.3333333%}

.m-root-play01 .main.play01 .game{bottom:90px}

.m-root-play01 .main.play01 #play_ad_02,.m-root-play01 .main.play01 .play_ad_02{display:block;width:100%;height:90px;background:#00ada5}

.main.play01{height:100%;overflow:hidden}

.main.play01 .container{height:100%;overflow:hidden}

.main.play01 #mobile-right,.main.play01 #mobile-menu{display:block}

.main.play01 #mobile-right{width:40px;height:40px}

.main.play01 #mobile-menu .similargames_title{justify-content:flex-start;border-bottom:1px solid #333}

.main.play01 .game{position:absolute;top:0;bottom:90px}

.main.play01 .game #game_tool_bar{display:none !important}

.main.play01 #play_ad_03{margin:16px 4px 0}

.main.play01 #play_m_ad_01 .play_m_ad_01{display:block;height:300px;margin:0 !important;padding:0 !important}

.main.play01 .wrapper .trendbox{display:none}

/* footer,.copyright{display:none} */

footer{height:auto;padding:24px 0}

.footer-content{flex-direction:column}

.logo_box{flex-direction:column}

.logo_box .addthis_inline_share_toolbox{margin-left:0;margin-top:16px}

.dropdown{margin-left:0;margin-top:8px;justify-content:center}

.dropdown-content a{padding-left:22px}

.container{justify-content:center;margin-top:16px;margin-bottom:16px;flex-wrap:wrap}

.cate_box .container{width:100%;margin-bottom:24px;margin-top:14px;padding-bottom:14px;border-bottom:1px solid #eee}

.copyright{text-align:center;}

.sub{margin:0 auto}

.sub .common_title{text-align:center}

.cr,.container li a,.container li{line-height:24px;text-align:center}

.detail .trendbox{margin-top:0}

.game{border-radius:0px}

#gameplug{width:68px;height:70px;top:10px;right:10px}

#gameplug img{width:66px;height:66px}

#gameplug a{width:68px;height:70px}

#gameplug a span{width:68px}

.infos .trendbox{margin-top:16px}

.infos .detail_trend{padding:0;border-radius:0}

.playOnphone{display:none}

.infos .detail_trend:before{content:none}

.game_box h1{font-size:24px;line-height:32px}

.game_box p{font-size:16px;margin:10px 0 19px}

.game_box .playNow{height:40px;line-height:39px;width:138px;font-size:16px}

.game_box .banner_img{height:260px;object-fit:cover}

.detail_trend{background-color:#fdfdfd;box-shadow:none}

.detail .list_play_show{margin-top:16px;padding-bottom:16px;border-bottom:1px solid #f5f5f5;margin-right:0}

.detail .list_play_show li{margin-right:0}

#ads1{margin:16px 0}

#ads2{display:block;margin-top:26px}

#disqus_thread{padding:12px}

.QRCode_box{display:none}

.err_img{width:100%}

.h2_404{font-size:36px}

.fav .banner_box{margin-top:9px;margin-bottom:6px}

.fav .listbox{margin-top:-6px;padding-top:0px}

.fav .banner_box .iconlinear{transform:translateY(7px)}

.fav .pop_li{margin-top:16px}

.fav_list .icon_close{display:inline-block}

.fav .banner_box h1{font-size:24px}

.empty{margin-top:16px;padding-top:40px}

.empty .empty_img{width:80px;height:auto}

.empty .add{font-size:16px;line-height:24px;margin:16px auto 40px}

.empty .listbox{padding-top:16px}

.lists .pop_li{width:25%}

.desktop-usetips{display:none}

.mobile-usetips{display:block;margin-right:6px}

.usetips-link{color:#00e;text-decoration:none}

.learnMore{display:none}

.usetips{padding:5px 16px;display:flex;justify-content:space-between}

.usetips-ls{margin-top:0px;margin-right:-16px}

.usetips-item{margin-right:16px}

}@media screen and (max-width:1366px)and (orientation:landscape){html.root-play01,body.root-play01{overflow-y:scroll}

.m-root-play01 .main.play01 .game{position:relative;height:100%}

.m-root-play01 .main.play01 #play_ad_02{display:none}

}@media only screen and (max-width:728px){.trendbox{margin-top:16px}

.bread_crumbs,.detail .trendbox{margin-top:8px}

.pop_games{margin-right:-16px}

.pop_li{padding-right:16px}

.recommend_inner li{width:50%}

.recommend_inner{margin-right:-16px}

.recommend_inner li{padding-right:16px}

.ads_fix_inner{width:100%}

}@media only screen and (max-width:600px){.index .banner_box h1{font-size:26px;line-height:32px;width:77%;text-align:center;margin:0 auto}

.index .banner_box>p{font-size:14px;line-height:21px;width:68%;text-align:center;margin:8px auto 15px}

.index .banner{height:350px;margin-bottom:65px}

.index .srcoll_box{height:115px}

.swiper-slide .playNow{bottom:70px}

.swiper-button-next,.swiper-button-prev{width:30px;height:30px;transform:translateY(-175px)}

.top_games .pop_li{width:33.333333%}

.category li{width:100%}

.desktop_inline{display:none}

.pop_li{width:33.33333%;padding-right:7px}

.pop_games{margin-right:-7px}

.infos .recommend_box{padding-bottom:0;border-bottom:0;margin:0;max-width:210px}

.infos .detail_trend{flex-direction:column;border-radius:8px;margin-bottom:0}

.left_img img{border-radius:0}

.left_img .playNow,.belong,.memory,.dots .actv{display:none}

.left_img .left_imga{width:100%;padding-top:56%}

.triangle{height:150px}

.img_topfix{width:150px;height:150px;margin:0 auto}

.img_topfix img{width:100%;height:100%}

.game_social{width:100%;margin-left:0;padding:16px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}

.desktop_howto{display:none}

.mobile_howto{display:block;margin-bottom:16px}

.game_description_text{width:calc(100% - 38px);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}

.desc_switcher{display:inline-block;color:blue;font-family:"Roboto Slab";vertical-align:middle}

.game_description_text.is-active{white-space:normal;width:100%;display:inline-block}

.desc_switcher.is-active{display:none}

.dots{width:100%}

.dots li{width:auto;border:none;margin:0;padding:0}

.dots li:not(:last-child){margin-right:16px}

.dots li:hover{border:none}

.dots .icon_favorite{width:24px;height:24px}

.dots .icon_random{width:28px;height:28px}

.dots .icon_share{width:21px;height:21px}

.dots .icon_home{width:22px;height:22px}

.playNow{width:160px;height:36px;font-size:14px;line-height:36px;margin:0 auto}

.play_show_trend{width:1024px;margin-top:12px}

.play_show_trend li{height:80px;margin-right:8px;width:324px}

.play_img{height:56px;width:56px}

.play_show h4{font-size:18px;line-height:22px}

.play_show p{font-size:12px;line-height:14px}

.game_social .game_title{font-size:21px;line-height:28px}

.cate_box .container li{font-size:12px}

.container li:not(:last-child) a:after{display:none}

.copyright .container li a{margin:0 10px}

#mobile-menu{width:100%}

.detail .play_title{font-size:18px;line-height:22px}

.detail .lists_li{width:100%}

.wrapper{padding-left:10px;padding-right:10px}

.hd-menu-wrapper{padding:0}

.detail .trendbox .trendbox{margin-top:13px}

.lists .pop_games,.detail .pop_games,.list .pop_games{margin-right:-7px}

.lists .pop_li,.detail .pop_li,.list .pop_li{margin-top:7px;padding-right:7px;width:33.3333333%;position:relative;z-index:2}

.lists .pop_name,.lists .pop_li_box:hover .pop_name,.detail .pop_name,.detail .pop_li_box:hover .pop_name,.list .pop_name,.list .pop_li_box:hover .pop_name{padding:5px 0 5px;text-decoration:none;bottom:-5px;font-size:12px;line-height:16px}

.lists_li{width:50%}

.three_line_ads{display:block;width:100%;margin-top:7px;position:relative;z-index:1}

.ads_padding{padding-right:7px}

.more_btn{width:100%}

}@media only screen and (max-width:425px){.detail .list_play_show li p{left:84px}

.game_social{padding:6px 0}

.dots li:not(:last-child){margin-right:6px}

}@media only screen and (max-width:375px){main:not(.detail) .list_play_show li p{left:94px;width:190px}

.belong .iconlinear{margin-right:2px}

.paging a{height:32px;line-height:32px;padding:0 11px;margin:0 3px}

}@media only screen and (max-width:360px){.index .banner_box h1{width:100%}

.index .banner_box>p{width:100%}

.game_box p{width:100%}

.game_box h1{width:100%}

.dots span{width:8px;height:8px}

.sub .send_box{width:280px}

.sub .emailbox{width:234px}

.list_play_show .icon_down{right:4px}

}@media only screen and (min-height:500px)and (max-width:1024px)and (orientation:landscape){#ads_fix{max-height:50px !important;height:50px !important}

.game{bottom:50px !important}

}