/* CSS Document by macapp.so */
@import url("baguetteBox.min.css");
@import url("icon.css");
@import url("lato.css");
@import url("timeTo.css");
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, button, input, textarea, th, td,figure{ margin:0; padding:0;list-style:none;} 
body, button, input, select, textarea, button{ font-size:16px;font-family: "Lato",Helvetica Neue,Helvetica,Arial,PingFang SC;font-weight:400;outline: none;color:#222;-webkit-font-smoothing: antialiased;} 
body{background: #f7f7f7;position: relative;min-height: 100vh;}

body:after{content: "";position: fixed; z-index: -1;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/img/food.svg) center -30px;opacity: .03;background-size:380px;top: 0;bottom: 0;left: 0;right: 0;background-attachment: fixed;}
a{text-decoration: none;color: #222;}
a:hover{color:#0c64ff;cursor: pointer;}
input:focus,textarea:focus{border-color: #06f!important;box-shadow: inset 0 1px 2px rgb(0 102 255 / 15%);    background-color: #fbfdff;}

header{background:#fff;z-index: 10;}
.game-page header{background:rgb(255 255 255 / 90%);position: relative;}
header .wrap{position: relative;}
.wrap{max-width: 1180px;margin: auto;position: relative;}

.navbar{white-space: nowrap;width: 100%;}
.navbar label{display: none; width: 50px;height: 60px;font-size: 24px;position: absolute;top: 0;}
.navbar label span{display: block;width: 22px;height: 2px;background: #000;position: absolute;left: 16px;z-index: 1;-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s;}
.navbar .line-top{top: 29px;-webkit-transform: translateY(-3px);  transform: translateY(-3px);}
.navbar .line-bottom{bottom: 28.5px;-webkit-transform: translateY(3px);transform: translateY(3px);}
.navbar .on .line-top{transform: rotate(45deg);}
.navbar .on .line-bottom{transform: rotate(-45deg);}

#nav #search input{border: none;height: 32px;width: 32px;border-radius: 32px;text-indent: 33px;color: #111; font-size: 16px; cursor: pointer;transition: width 0.4s;margin-top: 4px;margin-right: 4px;}
#nav #search input.on{width: 150px;cursor: inherit;border: 1px solid #06f;background-color: #fbfdff;padding-right: 10px;box-shadow: inset 0 1px 2px rgb(0 102 255 / 15%);text-indent: 0;padding-left: 33px;position: relative;z-index: 10;}
#nav #search input:focus{border-color:#06f!important;}

.search-list form{text-align: center;margin-bottom:10px;position: relative;overflow: hidden;}

.search-list form:before{background: #eee;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -2;}
.search-list form #keyboard{width: 300px;height: 40px;padding: 0 100px 0 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);}
.search-list form select{height: 40px;border:none ;background: none;width: 80px;margin-left: -100px;text-align: center;}
.search-list form button{height: 42px;width: 100px;margin-left: 20px;border: 1px solid #06f;color: #fff;background: #06f;border-radius: 5px;cursor: pointer;font-weight: 600;}
.search-wrap .container{max-width: inherit;}
.search-wrap .grid li span:nth-child(4),.search-wrap .grid li span:nth-child(5){display: none!important;}
.search-wrap .list li span:nth-child(6){width: 160px;}
.search-wrap .list li img{height: inherit;}
.search-wrap .list li a{line-height: 50px;max-height: 50px;overflow: hidden;}


.logo{display: inline-block;vertical-align: middle;position: relative;}

.logo a{display: inline-block;text-indent: -9999px;font-size: 0;background-size: contain;width: 160px;height: 40px;vertical-align: middle;position: relative;z-index: 10;}
.nav{display: inline-block;margin-left: 30px;vertical-align: middle;}
.nav li{display: inline-block;line-height: 60px;}
.nav li a{margin-left: 30px;display: block;padding-left: 28px;color: #000;}

.nav li a:hover{color: #06f;position: relative;}
/*.nav li a:hover:after{content: " ";position: absolute;height: 2px;background: #06f;bottom: 15px;left: 0;right: 0px;}*/
.search{display: inline-block;vertical-align: middle;position: absolute;right: 100px;top: 10px;}
.upload{display: inline-block;vertical-align: middle;position: absolute;right: 50px;top: 10px;}
.upload a{display: block;font-size: 0;text-indent: -9999px;width: 40px;height: 40px;}
.account{display: inline-block;vertical-align: middle;position: absolute;right: 0;top: 10px;}
.account a{display: block;font-size: 0;text-indent: -9999px;width: 40px;height: 40px;}

/* level */
.u1,.u2,.u6,.u5{display: inline-block;font-family: monospace;font-size: 11px;border-radius: 20px;margin: 0 0 0 3px;font-style: normal;padding: 1px 5px;font-weight: 600;transform: scale(.8);color: #f50;border: 1px solid #f50;}
.u5{color: #333;border: 1px solid #333;}
.u6{color: #f00;border: 1px solid #f00;}
.u{margin-right: 5px;}
.u1{display: none;}

/* index-slide */
.slide{max-width: 840px;margin:20px 0;}
.swiper,.gallery{--swiper-navigation-size: 60px;--swiper-navigation-color: #333;/*--swiper-pagination-color: rgba(0,0,0,.3);*/}
.featured-swiper .swiper-slide{max-width: 100%;height: 200px;background: #fff;overflow: hidden;border-radius: 5px;display: flex; justify-content: center; align-items: center;}
.featured-swiper a{padding:20px 70px;display: block;position: relative;width: 700px;}
.featured-swiper .cover a{height: -webkit-fill-available;}
.featured-swiper img{width: 135px;height: 135px;position: absolute;top: 50%;right: 80px;margin-top: -67.5px;}
.featured-swiper .cover img{width: 80px;float: inherit;margin-top: 5px;height: 80px;top: inherit;right: inherit;position: inherit;}
.featured-swiper .cover i:after{content: ""; position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: .3;}
.featured-swiper .cover span{margin: 0;color: #ddd;}
.featured-swiper .swiper-slide span{color: #999;margin: 10px 0;display: block;}
.featured-swiper .cover a span:nth-child(2),.featured-swiper .c1232 a span:nth-child(2),.featured-swiper .c1232 h2,.featured-swiper .c1232 i:after,.featured-swiper .c1232 img,.featured-swiper .c1232 span{display: none;}
.featured-swiper h2{font-weight: 400;max-width: 65%;text-overflow: ellipsis;overflow: hidden;max-height: 65px;}
.featured-swiper .cover h2{white-space: nowrap;border-radius: 5px;padding: 5px 0;color: #fff;width: fit-content;max-width: 80%;}

.featured-swiper i{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
.swiper-pagination-1{position: absolute;z-index: 10;bottom: 15px!important;}
.featured-app .swiper-pagination-2{position: absolute;z-index: 10;bottom: 0px!important;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}

main{position: relative;}
.container{background: #fff;max-width: 780px;margin: 20px 0 0;padding:20px 30px 25px;border-radius: 5px;}
.featured{padding: 20px 0;max-width: 840px;}
.container h2{font-size: 24px;font-weight: 300;position: relative;margin-bottom: 10px;-webkit-font-smoothing: initial;}
.featured h2{margin: 0 25px;-webkit-font-smoothing: initial;}
.container h2 a{position: absolute;right: 0;color: #06f;font-size: 13px;font-weight: 500;line-height: 40px;}
.apps ul{display: flex;flex-wrap: wrap;align-items: stretch;min-height: 50px;}
.apps li{flex: 0 0 25%;box-sizing: border-box;text-align: center;overflow: hidden;background: #fff;}

.featured ul{overflow: hidden;margin: 20px 40px;}
.featured li{flex: 0 0 31%;text-align: left;margin:0 0 -1px 2%;position: relative;color: #999;}
.games ul{overflow: hidden;}
.games li{flex: 0 0 31%;text-align: left;position: relative;margin:0 3.5% -1px 0;color: #999;}
.games li:nth-child(3n+3){margin-right: 0;margin-left: 0;}
.featured li:after{content: "";position: absolute;height: 1px;background: #f7f7f7;bottom: 0;left:0;right: 0;}
.apps li a{margin: 20px 0;display: block;position: relative;}
.featured li a{white-space: nowrap;}
.apps li h3{font-size: 16px;font-weight: 400;}
.apps li h3 sup,.widget li h3 sup{vertical-align: middle;text-indent: -9999px;font-size: 0;width: 8px;height: 8px;background: #1e94ff;display: inline-block;border-radius: 8px;margin-top: -3px;margin-right: 3px;color: #fff;}
.list li h3 sup{position: absolute;left: -15px;top: 50%;}
.featured li h3{vertical-align: middle;max-width: 70%;display: inline-block;white-space: normal;}
.apps li img{width: 78px;border-radius: 5px;margin-bottom: 10px;}
.featured li img{width: 45px;margin-right: 10px;margin-bottom:0;vertical-align: middle;display: inline-block;}
.games li img,.article li img{width:0;height: 0;}
.games li figure{display: block;margin: 0 auto 10px;width: 100%;height: 161px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 5px;background-color: #bbb;}
.games li figure:after,.article li figure:after{content: "";position: absolute;left: 0;right: 0;top: 0;background: #000;opacity: .2;border-radius: 5px;height: 161px;width: 100%;}
.games li .icon-cover{background-size: 50%;}
.game-list li figure,.game-list li figure:after{border-radius: 5px 5px 0 0;}
.article li figure{display: block;margin: 0 auto 10px;width: 100%;height: 161px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 5px}
.apps li span{color: #999;font-size: 15px;margin-top: 5px;display: block;}
.apps li span:nth-child(5){color: inherit;}
.apps li span:nth-child(3),.apps li span:nth-child(4),.apps li span:nth-child(5),.featured li span:nth-child(6),.apps li span:nth-child(7){display: none;}
.list li span:nth-child(4){margin-right: 5px;width: 25px;text-align: center;}
.list li span:nth-child(5){width: 80px;height: 15px;margin: 15px 0;}
.list li span:nth-child(6){width: 100px;text-align: right;margin-left: 10px;}
.list li span:nth-child(7){text-align: right;position: absolute;right: 0;line-height:45px;}

.marquee-fade {overflow: hidden;width: 300px;position: absolute;top: 0;right: 165px;line-height: 60px;color: #f30;}
.marquee-fade::before,.marquee-fade::after {content: "";position: absolute;top: 0;bottom: 0;width: 3rem;pointer-events: none;z-index: 5;}
.marquee-fade::before {left: 0;background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);}
.marquee-fade::after {right: 0;background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);}
.marquee-track {display: inline-block;white-space: nowrap;animation: marquee-fade 10s linear infinite;}
.marquee-item {display: inline-block;padding-right: 4rem;}

/* 关键帧 */
@keyframes marquee-fade {0%   { transform: translateX(0); }100% { transform: translateX(-50%); }
}

/* 可变速（使用 CSS 变量） */
.marquee-fade { --marquee-duration: 10s; }
.marquee-track { animation-duration: var(--marquee-duration); }


/* grid style */

.list-title{width: 100%;line-height:150px;background: url(https://macapp.so/d/file/p/2024/04-15/cacf984252bfc7419fd7eae0f1358c39.jpg) center no-repeat;background-size: cover;}
.list-title h1{font-weight: 400;text-align: center;background-color: rgba(0, 0, 0, .3);color: #fff;}
{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/6c31be37b3317c91c8ee0d55eae89470.png) center bottom no-repeat;background-size: cover;}
.dev-list{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/5ccd978fb5423eec50b46df237f0fc45.png) center no-repeat;background-size: 60%;background-color: #000;}
.tag-list{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/c089ecc0b256a3f6e4c9b0e4f4b51b62.jpg) center;background-size: cover;}
.album-list{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/c62f06ec0621dc2b2b979064347212b5.png) center bottom ;background-size: cover;}
.album-index{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/cc846c7853c72bb66cce52aa5ef751a0.png) center -20px no-repeat;background-size: 60%;}
.featured-list{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/53df96860c87eeb4338628739b5777fc.jpg) center no-repeat;background-size: cover;}
.featured-game{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/2a09da056e9fca68894d8bc31ffb86d5.png) center top no-repeat;background-size: cover;}
.search-list{width: 100%;line-height:150px;background: url(https://gcore.jsdelivr.net/gh/blanktian/static/d/file/p/2024/04-15/cc846c7853c72bb66cce52aa5ef751a0.png) center -200px no-repeat;background-size: 55%;}

.game-cover{position: fixed;top: 0;left: 50%;right: 0;height: 400px;width: 2200px;margin-left: -1100px;}
.game-cover:before{background: radial-gradient(50% 100% at 50% 0, rgba(30, 30, 30, .5) 0, #f7f7f7 100%), var(--bg-img);background-repeat: no-repeat;background-size: 100%;content: "";display: block;height: 550px;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;}
.game-name{font-weight: bold;position: relative;padding-top: 70px;font-size: 2.8rem;text-align:center;color: #fff;height: 110px;}
.game-name span{font-size: 20px;color: #bbb;display: block;}
.game-detail .container,.game-detail .widget{background:rgb(255 255 255 / 90%);}
.game-detail .rec_app{background-color: initial;}
.game-detail .sidebar{top: 200px;}
.game-detail .topic-detail,.game-detail .comments li{background:$fff;}


.grid li:nth-child(1){display: none;}
.list li{flex: 0 0 100%;text-align: left;}
.list li a{padding: 10px 0;margin: 0 20px;border-bottom: 1px solid #f2f2f2;}
.list li span{margin-top: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;display: inline-block;}
.list li span:nth-child(4),.list li span:nth-child(5),.list li span:nth-child(6),.list li span:nth-child(7){display: inline-block;}
.list li img{width:45px;height: 45px;display: inline-block;vertical-align: middle;margin-right: 20px;margin-bottom: 0;}
.list li h3{display: inline-block;width: 47%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}

.cat-title{position: relative;}
.cat-tab{position: absolute;top: 0;right: 20px;line-height: 40px;}
.cat-tab select{border: none;background: none;font-weight: 600;}
#applist .cat-tab{top: 0;}
.style-tab{line-height: 35px;margin: 10px 25px 15px;}
.style-tab a{text-indent: -9999px;font-size: 0;width: 30px;height: 30px;margin-right: 10px;}

.list-siderbar .cat-nav li{margin: 0 0 1px 0;text-align: left;flex: 0 0 100%;position: relative;}
.list-siderbar .cat-nav li a{padding: 10px;height: inherit;}
.list-siderbar .cat-nav li:after{position: absolute;bottom: -1px;right: 0;left: 72px;content: "";height: 1px;background: #f2f2f2;}
.list-siderbar .cat-nav li span{transform: inherit;}
.list-siderbar .cat-nav li img{margin: 0 20px 0 0;vertical-align: middle;display: inline-block;width: 42px;height: 42px;}
.list-siderbar h2{margin-bottom: 20px;}


.list li:nth-child(1) {font-weight: 600;display: block;}
.list li:nth-child(1) a{border-bottom: 1px solid #ddd;padding: 5px 0;border-top: 1px solid #ddd;}
.list li:nth-child(1) img{width: 0;margin-right: 5px;}
.list li:nth-child(1) h3{margin-right: 45px;font-weight: 600;color: #999;}
.list li:nth-child(1) span:nth-child(5){height: inherit;background: none;margin: 0;color: #999;margin-left: 30px;width: 65px;}

.games li span:nth-child(3){display: block;max-height: 40px;overflow: hidden;}
.games li a{margin-bottom: 0;}
/*.games li a:after{position: absolute;content: "";background: #aaa;left: 0;right: 0;top: 0;height: 143px;border-radius: 5px;}*/
.games li span{overflow: hidden;max-height: 28px;display: block;}
.games li span a{display: inline-block;margin: 0 0 20px 5px;color: #999;padding-left: 5px;position: relative;}
.games li span a:after{background: none;}
.games li span a:hover{color: #06f;}
.games li span a:nth-child(1){margin-left: 0;padding-left: 0;}
.games li span a:before{position: absolute;content: "/";left: -4px;font-size: 13px;top: 2px;}
.games li span a:hover:before{color: #999;}
.games li span a:nth-child(1):before{content: "";}
.games li em{font-size: 11px;font-weight: 600;background: rgba(0, 0, 0, .3);color: #fff;padding: 1px 3px;border-radius: 3px;display: block;position: absolute;top: 35px;right: 10px;font-style: normal;opacity: .9;z-index: 10;}
.album li{flex: 0 0 31%;box-sizing: border-box;margin:15px 3.5% 15px 0;border-radius: 5px;border: 1px solid #f0f0f0;padding: 25px 0 15px;}
.album li:nth-child(3n+3),.tips li:nth-child(3n+3){margin-right: 0;}
.album li img{width:35px;display: inline-block;margin: 0 4px;}
.album li h3{margin-top: 10px;line-height: 1rem;}
.album li span:nth-child(3){display: block;}

.article li{flex: 0 0 31%;text-align: left;position: relative;margin:0 3.5% 5px 0;color: #999;}
.article li:nth-child(3n+3){margin-right: 0;margin-left: 0;}
.article li a{margin-bottom: 0;}
.article li h3{max-height: 45px;overflow: hidden;}
.article li span img{width: 25px;height: 25px;vertical-align: middle;margin-right: 6px;margin-bottom: 0;padding: 1px;border: 1px solid #ddd;}
.article li span a{margin-top: 5px;display: inline-block;font-weight: 600;color: #999;}
.article li em{position: inherit;background: none;display: inline-block;color: inherit;font-size: 13px;font-weight:400 ;font-style: normal;margin-left: 5px;}

/* sidebar */
.sidebar{position: absolute;top: 0;right: 0;}
.widget{width:270px;background: #fff;padding:20px 25px;border-radius: 5px;margin-bottom: 20px;}
.widget h2{font-weight: 300;margin-bottom: 10px;text-align: left;-webkit-font-smoothing: initial;}
.widget ul{padding-top: 1px;}
.welcome{text-align: center;position: relative;overflow: hidden;}
.welcome span{font-size: 0;width: 70px;height:70px;display: block;margin: 20px auto 0;}
.welcome span img{width: 70px;height: 70px;border-radius: 70px;}
.welcome h3{font-weight: 400;margin-top: 10px;}
.welcome a:nth-child(5){border: 1px solid #bdd7ff;padding: 0 45px;border-radius: 5px;margin: 15px 0 10px;line-height: 35px;display: inline-block;font-weight: 600;color: #06f;font-size: 14px;}
.welcome a:nth-child(4){background: #06f;color: #fff;border: 1px solid #06f;;padding: 0 45px;border-radius: 5px;margin: 15px 10px 10px 0;line-height: 35px;display: inline-block;font-weight: 600;font-size: 14px;}
.welcome i{display: inline-block;font-size: 12px;padding: 0 12px;border-radius: 20px;font-style: normal;margin: 10px auto 15px;background: #999;color: #fff;font-weight: 600;font-family: monospace;line-height: 18px;transform: scale(1);}
.welcome i.u2,.welcome i.u6{background: #f30;}
.welcome i.u5{background: #333;}
.welcome p{font-style: normal;font-size: 13px;display: block;background: #fff0d1;padding: 6px 10px;border-radius: 5px;color: #f60;font-weight: 600;margin-bottom: 15px;}
.welcome i.u1,.welcome .d2 a,.welcome .d6 a,.welcome .d5 a,.welcome .d2 em,.welcome .d5 em,.welcome .d6 em,.welcome .d1 p{display: none;}
.welcome .d1 a{font-size: 14px;padding: 0 40px 0 30px;border-radius: 20px;line-height: 30px;display: inline-block;color: #fff;font-weight: 600;margin-top: 10px;}
.welcome .d1 em{font-style: normal;font-size: 13px;margin: 10px 0 5px;display: block;background: #fff0d1;padding: 8px 10px;border-radius: 5px;color: #f60;font-weight: 600;}

.widget-topic li{display: block;margin: 15px 0;padding-bottom: 15px;position: relative;font-size: 14px;}
.widget li:last-child{margin-bottom: 0;}
.widget-topic li:last-child:after{height: 0;}
.widget .user-img img{width: 40px;height: 40px;margin-right: 10px;border-radius: 35px;float: left;margin-bottom: 20px;}
.user-img img{border-radius:50%!important;}
.widget-topic li a:nth-child(2){margin-bottom:8px;max-height: 40px;overflow: hidden;display: block;font-size: 15px;}
.widget-topic li a.user-url{font-weight: 600;font-size: 14px;display: inline-block;color: #999;}
.widget-topic li span{color: #999;font-size: 14px;margin-left: 5px;}


.widget-comment li{display: block;margin: 15px 0;padding-bottom: 15px;position: relative;font-size: 14px;color: #999;white-space: nowrap;}
.widget-comment li:after{position: absolute;content: "";left: 55px;bottom: 0;right: 0;height: 1px;background: #fff;}
.widget-comment li:last-child:after{height: 0;}
.widget-comment li a:nth-child(1){font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;color: #999;}
.widget-comment li a:nth-child(1) img{width: 40px;height: 40px;vertical-align: text-top;margin-right: 10px;margin-bottom: 0;}
.widget-comment li img{width: 25px;height: 25px;vertical-align: bottom;}
.widget-comment li span{display: block;margin: -12px 0 10px;font-size: 15px;margin-left: 50px;max-height: 45px;overflow: hidden;color: #444;white-space: initial;line-height: 22px}
.widget-comment li a.user-url{display: inline-block;font-size: 14px;font-weight: 600;margin-left: 50px;color: #999;margin-right: 3px;max-width: 130px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.widget-comment li a.user-url img{width: 25px;height: 25px;vertical-align: middle;margin-right: 6px;border-radius: 20px;padding: 1px;border: 1px solid #ddd;}
.widget-comment li .u2,.widget-comment li .u5,.widget-comment li .u6{margin-left: 0;vertical-align: text-bottom;}
.sidebar-nav li{padding: 10px 20px;}
.sidebar-nav .current,.sidebar-nav .current a{color: #06f;font-weight: 600;}

/* category */
.cat-nav{}
.cat-nav h2{}
.cat-nav ul{display: flex;flex-wrap: wrap;align-items: stretch;position: relative;}
.cat-nav li{background: inherit;flex: 0 0 16.6%;text-align: center;margin:1% 0;}
.cat-nav li a{background: #fff;padding: 50% 0;height: 0;border-radius: 5px;display: block;font-weight:500;}
.cat-nav li a:hover{background: #06f;color: #fff;}
.cat-nav li span{transform: translateY(-50%);display: block;}
.cat-nav li img{width: 48px;height: 48px;display: block;margin: 0 auto 8px;border-radius: 5px;}

.widget-apps li{display: block;margin: 15px 0;padding-bottom: 15px;font-size: 14px;color: #999;position: relative;}
.widget-apps li:after{position: absolute;content: "";left: 50px;bottom: 0;right: 0;height: 0;background: #fff;}
.widget-apps li:last-child:after{height: 0;}

.widget-apps li img{width: 45px;height: 45px;float: left; margin-right: 10px;border-radius:5px;}
.widget-apps li h3{font-weight: 400;font-size: 16px;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.widget-apps li span:nth-child(6){color: #999;}
.widget-apps li span:nth-child(4),.widget-apps li span:nth-child(5),.widget-apps li span:nth-child(3),.widget-apps li span:nth-child(7){display: none;}


/* game list */
.game-slide .swiper-slide{height: 320px;}
.game-slide .featured-swiper a{padding: 20px 5px;height: -webkit-fill-available;width: 830px;}
.game-slide .featured-swiper a span:nth-child(2){display: none;}
.game-slide .swiper-button-next,.game-slide .swiper-button-prev{top: 38%;}
.game-slide .featured-swiper i{bottom: 80px;-webkit-filter:initial!important;opacity: inherit!important;background-size: 22%!important;background-position: center!important;background-color: #999!important;}
.game-slide .cover i{background-size: cover!important;}
.game-slide .cover img,.game-slide img{width: 60px;height: 60px;margin-top: 230px;float: left;margin-right: 10px;margin-left: 5px;position: inherit;top: inherit;right: inherit;}
.game-slide .cover h2,.game-slide h2{margin-top: 230px;padding:0;text-shadow: none;color: inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 80%;}
.game-slide .cover span,.game-slide .swiper-slide span{text-shadow: none;color: #999;margin: 0;}

.game-list{background: initial;padding: 0;max-width: 840px;position: relative;}
.featured-game-list{margin: 20px auto 0;}
.game-list h2{margin: 25px 0 15px;border-bottom: 0;}
.game-list li{background: #fff;margin: 0 3.5% 5% 0;padding-bottom: 8px;border-radius: 5px;flex: 0 0 31%;}
.game-list li:hover{box-shadow: 0 0 30px #ddd;}
.game-list li a{margin: 0;}
.game-list li img{border-radius: 0;width: inherit;}
.game-list li h3{padding: 0 10px;font-weight: 500;}
.game-list li span{padding:0 10px}
.game-list li a:after{height: 100%;max-height: 173px;border-radius: 5px 5px 0 0;}
.game-list li em{top: 15px;}
.game-list li .recommended-topic{top: 8px;}


/* article list */
.article-list{background: none;padding: 0;max-width: 840px;}
.article-list li img{width:0;height: 0;}
.rec-article{background:#fff;border-radius: 5px;overflow: hidden;max-width: 860px;}
.rec-article img{width: 0;height: 0;}
.article-list h3{padding: 20px 30px 10px;font-size: 24px;}
.article-list p{padding: 0 30px;color: #999;}
.article-list li span,.rec-article span{padding: 10px 30px 20px;display: block;line-height: 25px;color: #999;}
.article-list li i{display: block;width: 320px;height: 240px;margin-right: 30px;float: left;text-indent: -9999px;}
.article-list li span img,.rec-article span img{width: 30px;height: 30px;margin-right: 10px;vertical-align: middle;border-radius: 20px;padding: 1px;border: 1px solid #ddd;}
.article-list li span em,.rec-article span em{font-style: normal;font-size: 14px;margin-left: 10px;}
.article-list li span a,.rec-article span a{color: #999;font-weight: 600;font-size: 14px;}
.article-list li{background: #fff;margin: 30px 0 0 0;display: block;max-width: 840px;min-height: 240px;border-radius: 5px;overflow: hidden;position: relative;}
.article-list li span{position: absolute;bottom: 0;left: 320px;right: 0;}


/* topic list */
.newtopic {font-weight: 600; width: 100%;line-height: 42px;border-radius: 5px;text-align: center;margin: 20px auto 10px;background-color: #06f;display: none;color: #fff;}
.topic-list h2{margin-bottom: 20px;}
.topic-list h2:after{height: 1px;position: absolute;content: "";left: 0;right: 0;background: #f2f2f2;bottom: -10px;}
.newtopic:hover{color: #fff;}
.topic-sidebar .newtopic  {display: block;}
.topic-list li {padding: 30px 10px;position: relative;}
.topic-list li a:nth-child(1){display: inline-block;font-weight: 600;color: #999;}
.topic-list li em a:nth-child(1){font-weight: 400;}
.topic-list li:after{content: "";position: absolute;left:70px;height: 1px;right: 0;bottom: 0; background: #f1f1f1;}
.topic-list li a:nth-child(1) img{width: 48px;height: 48px;padding: 1px;border: 1px solid #ddd;border-radius: 35px; vertical-align: middle;margin-right: 10px;font-size: 15px;}
.topic-list .time{font-style: normal;color: #999;font-size: 15px;display: inline-block;white-space: nowrap;font-weight: 400;margin-left: 5px;}
.topic-list li a:nth-child(2) img{max-width: 240px;max-height: 200px;border-radius: 5px;margin: 20px 0 10px;display: block;margin-left: 60px;}
.topic-list li h3{font-size: 18px;margin:0 10px 5px 62px;font-weight: 500;}
.topic-list li em,.up{position: absolute;top: 43px;right: 10px;}
.topic-list li em label, .up label{cursor: pointer;}
.topic-list li :nth-child(4) a:after{background:none;}
.topic-list li :nth-child(5){float: right;}
.view-count,.reply-count{margin:0.5rem 0 0.5rem 20px;text-indent: 24px;line-height: 25px;font-style: normal;display: inline-block;color: #999;font-size: 15px;}
.avatar img{width: 45px;height: 45px;float: left;margin-right: 10px;border-radius:45px;}


/* topic detail */
.topic-detail{padding: 20px 30px;max-width: 780px;}
.topic-detail h1{margin: 10px 0 20px;}
.topic-detail .author{display: block;position: relative;margin-bottom: 20px;border-top: 1px solid #f2f2f2;padding-top: 10px;}
.author img{width: 35px;height: 35px;margin-right: 10px;vertical-align: middle;border: 1px solid #ddd;padding: 1px;border-radius: 100%;}
.author a{font-weight: 600;font-style: normal;color: #999;}
.up{top: 18px;font-weight: 400;}
.author .time{font-style: normal;color: #999;font-size: 15px;margin-left: 5px;}
.topic-detail article.text a{color: #06f;}
.topic-detail article.text img{max-width: 90%!important;}
.topic-detail article.text {line-height: 30px;font-size: 18px;margin-bottom: 30px;margin-top: 30px;}
.count{float: right;}
.node{display: inline-block;}
.node a{margin-left: 0;margin-right: 10px;}

.vote-wrap{padding: 30px 0;font-size: 16px;}
.vote-wrap h2{font-weight: 600;font-size: 18px;color: #06f;}
.vote-wrap li{padding: 10px 0 0;display: block;font-weight: 500;}
.vote-wrap li input{width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;margin-bottom: 3px;}
.vote-wrap button{width: 100px;background: #06f;color: #fff;border: 1px solid #06f;line-height: 35px;margin-top: 30px;border-radius: 5px;margin-right: 20px;font-weight: 600;}
.vote-wrap .btn{background: #fff;color: #06f;}


/* comments */
.comments{position: relative;min-height: 100px;}
.comments ul{counter-reset: section;}
.container h2 a.comment-url{position: initial;color: inherit;font-size: inherit;line-height: inherit;font-weight: 300;padding-right: inherit;background: none;}
.comments li{display: block;padding: 10px 0 15px;margin: 10px 0;position: relative;background: #fff;}
.comments li:before{counter-increment: section;content: counters(section, ".") " ";position: absolute;right: 0;display: block;padding: 0 5px;border-radius: 20px;background: #f0f0f0;font-size: 12px;top: 20px;line-height: 16px;color: #999;}
.comments li:after{position: absolute;bottom: 0;right: 0;left: 49px;content: "";height: 1px;background: #f2f2f2;}
.comments li:last-child:after{background:none;}

.none{position: absolute;color: #bbb;text-indent: 40px;display: block; width:120px!important;border: none!important;font-style: normal;padding: 0!important;line-height: 45px;}
.none:after{height: 0;}
.comments li span{color: #999;margin-bottom: 5px;display: block;font-size: 15px;position: relative;}
.comments li span img{width: 35px;height: 35px;margin-right: 10px;vertical-align: middle;border: 1px solid #ddd;padding: 1px;border-radius: 100%;}
.comments li span a{font-weight: 600;color: #999;margin-right: 3px;}
.comments li i{font-style: normal;}
.comments li span .time{font-size: 15px;margin-left: 3px;}
.comments li blockquote{padding: 0 20px 10px 49px;line-height: 30px;}
.comments li blockquote img{width: 38px;height: 38px;vertical-align: bottom;margin: 0 5px;}
.comments li em{padding: 5px 0 0 49px;color: #999;font-style: normal;display: block;}
.comments li em a{text-indent: -9999px;width: 22px;height: 19px;display: inline-block;vertical-align: bottom;margin-left: 5px;}
.comments li em i{font-size: 13px;margin-right: 5px;}
.comments li em i:nth-child(4){display: none;}

.comments li:hover a:nth-child(3),.comments li:hover i:nth-child(4){display: inline-block;}

.post-comment{margin: 20px 0;}
.post-wrapper{position: relative;text-align: right;}
.comment-face{position: absolute;bottom: 0;white-space: nowrap;width: 180px;overflow: hidden;transition: width 0.4s;border-radius: 20px;}
.comment-face:hover{width: 450px;}
.comment-face img{width: 30px;height: 30px;}
.post-con,.close{display: none;}
.post-con:checked ~ .post-comment{display: block;margin: 10px 0 20px;}
.post-btn{color: #0c64ff;position: absolute;right: 0;cursor: pointer;top: 1rem;display: none;line-height: 3.5rem;}
.close{width: 32px;height: 32px;font-size: 28px;line-height:28px;text-align: center;right: -12px;top: -12px;background: #fff;border-radius: 32px; box-shadow: 0 0 10px #999;color: #333;padding-right: 0;position: absolute;cursor: pointer;}
.post-con:checked ~ .comments .none{display: none;}
.post-comment textarea{width: -webkit-fill-available;border: 1px solid #ccc;border-radius: 5px;line-height: 2rem;padding: 10px;display: block;margin-bottom: 10px;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);background-color: #f9f9f9;min-height: 120px;}
.post-comment #plKeyImg{vertical-align: middle;height: 35px;border-radius: 3px;width: 80px;}
.post-comment .inputText{ height: 33px;border: 1px solid #ccc;border-radius: 3px;vertical-align: bottom;text-indent: 10px;width: 80px;margin-left: 10px;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);background-color: #f9f9f9;}
.post-comment .btn{height: 35px;width: 90px;background: #06f;border: 1px solid #06f;color: #fff;border-radius: 35px;cursor: pointer;vertical-align: bottom;margin-left: 5px;font-weight: 600;}
.more,.pagination__next{margin: 20px auto;line-height: 36px;color: #fff;border-radius: 20px;font-weight: 600;cursor: pointer;width: 120px;text-align: center;background: #06f;display: block;}
.num-0,.num-1,.num-2,.num-3,.num-4,.num-5,.num-6,.num-7,.num-8,.num-9,.num-10{display: none;}

/* article detail */
.article-detail{margin: 20px auto 0;}
.article-img{display: block;text-indent: -9999px;overflow: hidden;border-radius: 5px;}
.topic-detail .article-img{max-width: 90%;margin: 0 auto 30px;}
.article-detail .article-img {max-width: 100%!important;margin:0 auto;max-height: 400px;}
.article-detail .article-img img{width: 100%;}
.topic-detail article.text .article-img img{display: initial;}
.article-detail h1{margin: 20px 0;}
.article-detail .author{margin-bottom: 30px;padding-top: 20px;}
.article-detail .up{top: 26px;}
.article-detail article.text *{font-family: "Lato",Helvetica Neue,Helvetica,Arial!important;line-height: 40px;}
.article-detail article.text h2{font-weight: normal;margin-top: 30px;}
.article-detail article.text p{margin: 20px 0;}
.article-detail article.text ul,.article-detail article.text ol{padding: revert;}
.article-detail article.text li{list-style-type: decimal;}
.article-detail article.text td,.article-detail article.text th{border-bottom: 1px solid #f1f1f1;}
.article-detail article.text table {width: 100%;border-collapse: collapse;margin: 20px 0;}
.article-detail article.text th,.article-detail article.text td {border: 1px solid #ddd;padding: 5px 10px;text-align: left;}
.article-detail article.text th {background-color: #f8f9fa;font-weight: 600;}
.article-detail article.text table{width: 90%}
.article-detail article.text pre{font-size: 16px!important;position: relative;border: 1px solid #ddd;box-shadow: 0 5px 30px #ddd;max-width: 90%;margin: 20px auto;background: #1d662c;color: #ffe571;padding: 30px 15px;border-radius: 6px;overflow-x: auto;}
.article-detail article.text pre:before {position: absolute;content: '';background: #f2f2ef;display: block;height: 30px;top: 0;z-index: 10;left: 0;right: 0;border-radius: 5px 5px 0 0;}
.article-detail article.text pre:after {position: absolute;content: '';display: block;height: 30px;top: 0;z-index: 100;left: 0;right: 0;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNjUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iI0VFNkM1RCIgY3g9IjcuNSIgY3k9IjcuNSIgcj0iNy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2i5aSH5Lu9IiBmaWxsPSIjRjRCRTRDIiBjeD0iMzIuNSIgY3k9IjcuNSIgcj0iNy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2i5aSH5Lu9LTIiIGZpbGw9IiM2MEMzNTMiIGN4PSI1Ny41IiBjeT0iNy41IiByPSI3LjUiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 10px center no-repeat;background-size: 55px;}
.article-detail article.text img{margin: inherit;}
.article-detail article.text pre::-webkit-scrollbar{height:6px;background:#eee;border-radius:10px;}
.article-detail article.text pre::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;}
.article-detail article.text pre:hover::-webkit-scrollbar-thumb{background: #aaa;}


/* app detail */
.app-detail{padding: 40px;max-width: 760px;} 
.app-img{padding-bottom: 20px;position: relative;min-height:150px}
.passed:after{position: absolute;content: "";width: 90px;height: 90px;right: -25px;top: -25px;opacity: .8;}
.app-img img{width: 150px;height: 150px;margin-right: 40px;float: left;}
.app-img span{display: block;margin-left: 190px;}
.app-detail h1{margin-bottom: 10px;}
.app-detail h2{color: #999;font-family: "Lato",Helvetica Neue,Helvetica,Arial;font-weight:400;font-size: 20px;}
.game-page .app-detail h2{font-size: 24px;padding-top: 15px;}
.app-detail figure{padding-top: 15px;}
.app-detail figure h5{display: inline-block;background: #fff;border: 1px solid #aeceff;color: #06f;padding: 0 20px 2px;border-radius: 20px;margin-right:15px;position: relative;}
.app-detail figure h5:nth-child(1){border: 1px solid #06f;background: #06f;}
.app-detail figure h5 a{padding-left: 30px;font-size: 16px;font-weight: 500;line-height: 35px;color: #06f;display: block;position: relative;}
.app-detail figure h5:nth-child(1) a{color: #fff;}
.app-detail figure h5 i{position: absolute;display: none;top: -10px;right: -10px;background: #fff;box-shadow: 0 0 1px #ddd;transform: scale(.7);}
.app-detail figure h5 .u2,.app-detail figure h5 .u6{/*display: block;*/}

.rec_app{display: inline-block;padding-left: 32px;position: absolute;bottom: -48px;right:50%;margin-right: -67px;background-color: #fff;padding-right: 20px;border-radius: 5px;}
.rec_app i{display: block;width: 70px;line-height: 25px;color: #06f;padding-right: 12px;text-align: center;font-size: 14px;font-style: normal;font-weight: 600;height: 32px;}
.rec_app em{display: block;width: 70px;text-align: center;color: #999;font-size: 13px;font-style: normal;margin-top: -12px;}


.app-author{display: block;padding: 20px 10px;margin: 30px 0;border-top:1px solid #f2f2f2 ;border-bottom:1px solid #f2f2f2 ;white-space: nowrap;overflow: hidden;}
.app-author .u{margin-right: 8px;}
.app-author .author img{margin-right: 8px;}
.rating{display: inline-block;vertical-align: middle;line-height: 25px;}
.rating i{font-size: 28px;font-weight: 600;font-style: normal;display: inline-block;vertical-align: middle;margin-right: 5px;}

.star{width: 110px;height: 20px;display: inline-block;vertical-align: middle;position: relative;}
.rate{vertical-align: middle;font-weight: 600;margin: 8px 0 5px;display: inline-block;color: #999;}
.app-author .star span{margin-left: 0;max-width: 100%!important;}
.rating em{display: block;font-style: normal;color: #999;}
.star li{float: left;}
.star li a{display: block;width:22px; height: 20px;position: absolute;z-index: 1;text-indent: -9999px;}
.star1 { left: 0px; }
.star1:hover { width:22px; }
.star2 { left:20px; }
.star2:hover { width: 44px; }
.star3 { left: 40px; }
.star3:hover { width: 66px; }
.star4 { left: 60px; }
.star4:hover { width: 88px; }
.star5 { left: 80px; }
.star5:hover { width: 110px; }
.app-author .author{display: inline-block;margin-left: 20px;}
.app-author span{display: inline-block;color: #999;margin-left: 20px;}
.app-author span a{color: #06f;max-width: 145px;text-overflow: ellipsis;}

.app-detail h3{font-size: 24px;font-weight: 400;margin-bottom: 10px;}
.app-detail .gallery{position: relative;margin: -20px -50px 0;}
.app-detail .gallery h2{margin-left: 50px;}
.app-detail .gallery .swiper-pagination-1{bottom: 0!important;}
.app-detail .gallery .swiper-container{margin: 0 50px 30px 50px;padding: 25px 1px;}
.app-detail .gallery .swiper-slide img{max-width: 100%;max-height: 600px;border-radius: 3px;box-shadow: 0 0 1px #aaa;display: none;}
.app-detail .gallery .swiper-container .swiper-slide a{display: block;height: 420px;box-shadow: 0 0 1px #aaa;position: relative;border-radius: 4px;}
.app-detail .gallery .swiper-container .swiper-slide video{object-fit:cover;max-height: 420px;}
.app-detail .gallery .swiper-container .swiper-slide h4{position: absolute;bottom: 5px;width: 100%;text-align: center;color: rgba(0,0,0,.08);}
#detail{overflow: hidden;font-size: 18px!important;line-height:40px;}
#detail *{font-size: 18px!important;line-height:40px;}
#detail a{color: #06f;}
#expand{font-size: 18px;color: #06f;font-weight: 500;cursor: pointer;display: none;}
.app-detail .node a{border:1px solid #d9e8ff;padding:2px 10px 2px 26px;background-position-x:4px;color: #06f;}
.install{margin-top: 40px;}
.install-tips{font-size: 18px;line-height:40px;}
.gatekeeper{font-style: normal;font-size: 15px;margin: 15px 0;display: inline-block;background-color: #fff0d1;padding: 3px 15px 3px 42px;border-radius: 5px;color: #f60;font-weight: 500;line-height: 32px;}
.gatekeeper a{color: inherit;text-decoration: underline;text-underline-position: under;}



/* account */
.account-index{position: relative;margin-bottom: 30px;}
.account-index h1{font-size: 20px;font-weight: 400;font-weight: 600;line-height: 3rem;margin: 20px;}
.account-index h5{position: absolute;top: 0;line-height: 3rem;right: 0;}
.account-index h5 a{color: #06f;padding: 2px 10px;border-radius: 20px;font-weight: 600;border: 1px solid #06f;margin-right: 10px;}
.account-nav{width: 220px;display: inline-block;padding: 30px;}
.account-nav img{width: 80px;border-radius: 100%;border: 1px solid #f1f1f1;}
.account-nav h3{line-height: 2rem;margin-top: 5px;}
.account-nav h4{font-weight: 400;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.account-nav ul{margin-top: 40px;}
.account-nav li{line-height: 2rem;}
.account-main{width: 100%;max-width: 820px;vertical-align: top;display: inline-block;padding: 30px;}
.account-main ul{display: flex;flex-wrap: wrap;align-items: stretch;margin-right: -30px;min-height: 50px;}
.account-main .profile-list li{flex: 0 0 45%;box-sizing: border-box;background-image: linear-gradient(120deg,#fff 45%,#f5f5f5);border: 1px solid hsla(240,6%,83%,.63);filter: drop-shadow(0 10px 10px rgba(76,76,109,.07059));padding:20px;min-height: 180px;border-radius: 10px;margin: 0 25px 25px 0;position: relative;}
.profile-list .information a,.profile-list .security a{display: block;width: 100%;height: 100%;}
.profile-list .u1,.profile-list .u2,.profile-list .u5,.profile-list .u6{transform:scale(1.2); padding: 3px 13px;}
.profile-list .u2,.profile .u2{color: #fff;background: #f50;}
.profile-list .u5,.profile .u5{color: #fff;background: #333;}
.profile-list .u6,.profile .u6{color: #fff;background: #f00;}
.profile-list .u1{display: inline-block;background-color: #666;color: #fff;border-color: #555;}
.profile-list .d1,.profile-list .d5{text-indent: -9999px;}
.account-wrap {background: #fff;border-radius: 5px;}
.account-main .my-list li{margin-bottom:10px;display: block;width: 100%;border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;line-height: 40px;margin-right: 30px;background: #fff;z-index: 1;}
.account-main .my-list li img{width: 40px;vertical-align: bottom;margin-right: 5px;display: inline-block;}
.account-main .my-list li i{font-style: normal;font-size: 15px;color: #999;float: right;}
.account-main .my-list li i a{transform: scaleX(-1);display: inline-block;margin: 0 5px;}
.account-main .my-list li p{line-height: 25px;display: inline-block;}
.account-main .m-2 .t1,.account-main .m-1 .t2{display: none;}
.account-main .t1{max-width: 280px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;    vertical-align: middle;}
.account-main .m-1 li img{vertical-align: middle;}
.account-main h2{font-weight: 400;line-height: 2rem;}
.account-main h2 a{color: #06f;}
.account-main h4{font-weight: 400;line-height: 3rem;margin-bottom: 20px;}
.account-main h3{font-size: 18px;font-weight: 600;}
.account-main h3.m-nav{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.account-main h3 b a{display: inline-block;color: #999;margin: 0 5px;font-weight: 400;}
.account-main h3 b.current a{color: #333;}
.account-main li span{display: block;line-height: 2.4rem;color: #999;font-size: 15px;}
.account-main .level span b{}
.account-main .bill{min-height: 100px;}
.account-main .bill li{display: flex;flex-wrap: wrap;align-items: stretch;}
.account-main .bill .none{margin-top: 50px;}
.account-main .bill li:nth-child(1){height: 30px;}
.account-main .bill li:nth-child(1)  h3{font-size: 16px;}
.account-main .bill-detail span{display: inline-block;color: inherit;font-size: inherit;flex: 0 0 25%;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;height: 40px;}
.bill-detail span:nth-child(2),.bill-detail span:nth-child(5){display: none;}
.account-main .level s{text-decoration: none;font-size: 15px;float: left;margin-top: 50px;line-height: 25px;color: #999;}
.account-main .level a.go-vip{font-size: 13px;padding: 3px 28px 3px 10px;border-radius: 20px;color: #fff;margin-top:48px;display: inline-block;background-color: #f30;box-shadow: 0 0 10px #ddd;font-weight: 700;border: 1px solid #f30;float: right;background-position-x:60px}
.level i.s-1{display: inline-block;font-style: normal;padding: 2px 15px;font-size: 14px;border-radius: 20px;}
.level span.d-1,.level span.d-4{text-indent: -9999px;}
.level span.d-2,.level span.d-3{color: #444;}
.account-main .level a.v-2,.account-main .level a.v-6{opacity: .3;}
.level span.d-2 a{color: #f30;}
.up-avatar{position: relative;text-align: center;padding: 0;margin-bottom: 20px;overflow: hidden;height: 150px;width: 380px;}
.up-avatar img{width: 150px;height: 150px;border-radius: 50%;}
.account-index .up-avatar input{width: 150px;height: 150px;position: absolute;opacity: 0;top: 0;left: 50%;margin-left: -75px;border: none;cursor: pointer;margin: 0 0 0 -75px;}
.up-avatar i{width: 150px;height: 150px;position: absolute;top: 0;left: 50%;margin-left: -75px;text-indent: -9999px;background-color: rgba(0,0,0,.2);border-radius: 50%;}
.space-img{padding: 10px 0;}
.account-main .space-img li{border: none;background-position: center!important;}
.account-main form{font-weight: 600;}
.space-img li input{width: 20px;height:20px;}
.profile i.s-4{padding: 2px 10px 1px;}
.upgrade ul{margin: auto;}
.upgrade li.plan{flex: 0 0 30.1%;box-sizing: border-box;position: relative;margin:10px 1.6% 30px;}
.promotion{width: 91%;margin: 20px auto;padding: 15px 20px 15px 25px;position: relative;border-radius: 5px;color: #fff;background: #ff8a8a;}
.promotion h4{font-size: 26px;font-weight: 600;display: inline-block;color: #fff;margin:0;}
.promotion h4 b{font-size: 34px;vertical-align: bottom;}
#countdown-2{float: right;margin-top: 2px;font-family: inherit!important;transform: scale(.9);}
.promotion .timeunit{position: absolute;right: 0;bottom: 10px;font-weight: 600;font-size: 15px;}
.promotion .timeunit i{font-style: normal;margin-right: 48px;font-size: 14px;}
.promotion .timeunit i:nth-child(3){margin-right:40px;}
.promotion .timeunit i:nth-child(2){margin-right: 32px;}
.promotion .timeunit i:nth-child(1){margin-right: 26px;}
.promotion .timeTo span{color: #ff8a8a;}
.promotion .timeTo div{border-radius: 3px;background: #fff!important;line-height: 30px;font-weight: 400;font-size: 24px}
.promotion .timeTo ul{left: 6px!important;}


.single-page{line-height: 40px;padding-bottom:100px;}
.single-page h2{border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;margin-bottom:30px;}
.single-page p{text-indent:40px;font-size: 18px;}
.single-page p a{color: #06f;}
.single-page form h2{border-bottom: none;}


.plan{display: inline-block;position: relative;}
.plan input{-webkit-appearance:radio;position: absolute;width: 100%;height: 91%;opacity: 0;}

.plan s{position: absolute;color: #999;top: 125px; left: 50%;display: block;width: 60px;margin-left: -30px;text-align: center;font-size: 18px;font-weight: 400;}

.upgrade h3{font-size: 20px;line-height: 3rem;font-weight: 500;}
.plan h2{display: block;text-align: center;margin: 30px 0 5px;font-size: 20px;color: #f30;font-weight: 600;}
.upgrade li.plan h6{text-indent: -9999px;font-size: 16px;line-height: 2.5rem;border-radius: 7px 7px 0 0;color: #fff;}
.upgrade li.plan:nth-child(4) h2{color: #f00;}
.upgrade li.plan:nth-child(3) h6{text-indent: inherit;text-align: center;background: linear-gradient(60deg, rgb(83, 219, 255), rgb(59, 158, 255));box-shadow:0 10px 20px rgb(0 0 0 / 5%);}
.upgrade li.plan:nth-child(3) label{border-radius: 0 0 7px 7px;}
.plan dl{padding-bottom: 30px;}
.plan dt{text-align: center;font-weight: 700;font-size: 48px;margin-bottom: 35px;}
.plan dt sup{font-size: 20px;vertical-align: super;margin-right: 8px;font-weight: 400;}
.plan dt em{font-size: 16px;font-style: normal;margin-left: 5px;font-weight: 400;}
.plan dd b{color: #f30;position: relative;margin-right: 2px;display: none;}
.plan dd{display: block;line-height: 20px;padding: 8px 20px 8px 22px;-webkit-font-smoothing: initial;font-weight: 400;}

.plan dd:nth-child(4) i{background:none;color: #f30;}
.plan dd:nth-child(4) i,.plan dd:nth-child(5) i{text-indent: initial;width: inherit;}
.plan dd:nth-child(5) i{padding: 0 8px;margin-right: -6px;background: #f60;font-weight: 600;transform: scale(1);color: #fff;line-height: 18px;}
.plan dd:nth-child(5) i.u6{background: #f30;}
.plan dd:nth-child(6) b:after{position: absolute;height: 1px;bottom: -5px;border-bottom:2px dashed #00d719 ;left: 0;right: 0;content: "";}

.upgrade{/*padding: 0;max-width: 860px;*/background: #fff;border-radius: 5px;}
.paymethod{display: inline-block;margin: 20px 13px 30px;position: relative;}
.paymethod input{-webkit-appearance:radio;position: absolute;width: 100%;height: 100%;opacity: 0;}
.paymethod label{position: relative;display: block;cursor: pointer;background-color: #fff;border-radius: 7px;overflow: hidden;border: 2px solid #eee;width: 160px;height: 50px;}
.paymethod input:checked + label{/*background-color: #f1f6fb;*/border: 2px solid #f30;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}
.paymethod label.pay-5{background: url(/img/tenpay.png) center no-repeat;background-size: 80%;background-color: #fff;}
.paymethod label.pay-4{background: url(/img/alipay.png) center no-repeat;background-size: 55%;background-color: #fff;}
.upgrade button{width: 97%;margin: 20px auto;height: 46px;background: #06f;color: #fff;font-weight: 700;display: block;border: none;cursor: pointer;border-radius: 5px;}
.paymethod label i{text-indent: -9999px;display: inline-block;width: 100%;height: 100%;}

.paypal,.paypal-con{display: none;}
.paymethod label.paypal-btn{background: url(/img/paypal.svg) center no-repeat;background-size: 70%;background-color: #fff;}
.paypal-con:checked ~ .paypal{display: block;}
.paypal{position: fixed;width: 100%;background: rgba(0, 0, 0, .3);top: 0;left: 0;right: 0;bottom: 0;z-index: 9;}
.paypal-wrap{position: relative;top:30%;background: #fff;box-shadow: 0 0 5px #888;max-width: 600px;margin: auto;padding: 25px 30px 60px;border-radius: 5px;text-align: center;}
.paypal .close{display: block;}
.paypal .back{position: absolute;width: 100%;height: 100%;}
.single-page .paypal-wrap h2,.paypal-wrap h2{margin-bottom: 20px;text-align: left;border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;font-size: 24px;font-weight: 400;line-height: 40px;}
.paypal-wrap b{color: #f30;margin: 0 0 25px;display: block;text-decoration: underline;text-underline-position: under;font-weight: 400;}

/* profile */
.homepage-header{height: 240px;}
.profile{position: relative;border-radius: 5px 5px 0 0;}
.profile .avatar{border-radius: 100%;border: 4px solid #fff;width: 120px;position: absolute;background: #fff;box-shadow: 0 0 2px #ddd;height: 120px;left:50px;;top: -20px;}
.profile-details{margin-bottom: 10px;position: relative;margin-top: -50px;margin-left: 200px;}
.profile-details h1{display: inline-block;vertical-align: sub;line-height: 3rem;margin-right: 10px;color: #fff;}
.profile-details i{margin-right: -60px;transform: scale(1.1);}
.profile-details ul{margin-top: 10px;}
.profile-details li{display: inline-block;margin: 0 10px;text-indent: 20px;color: #999;}
.homepage-list{margin: 0 auto;border-radius: 0 0 5px 5px;}
.homepage-list li{background: #fff;z-index: 1;}
.homepage-list .container{margin: 0;padding:30px 50px 50px;}
.homepage-tab {border-bottom: 1px solid #f2f2f2;font-weight: 700;text-align: center;margin: 30px 40px 0;}
.homepage-tab a{width: 60px;text-align: center;display: inline-block;padding-bottom: 8px;margin: 0 10px;}


.l-1 li span:nth-child(6){display: none;}
.l-1 li{flex: 0 0 50%;margin-bottom: 30px;padding-right: 10px;text-align: left;}
.l-1 li span{color: inherit;font-size: inherit;line-height: inherit;padding: inherit;margin-bottom: 10px;}
.l-1 li img{width: 150px;min-height:80px;float: left;margin: 0 20px;}
.homepage-list .grid li:nth-child(1),.l-1 li span:nth-child(7){display: block;color: #999;}
.l-1 li h3{padding-top: 10px;font-weight: 600;}



/* post */
.post{margin: 20px auto;position: relative;padding: 40px;background: #fff;border-radius: 5px;max-width: 840px;}
.post h2{font-weight: 400;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;}
.post h4{font-weight: 400;position: absolute;top: 40px;line-height:2.5rem;}
.post section{display: inline-block;width: 100%;margin: 20px 0;}
.post .imgs i{width: 6%;}
.post section i{font-style: normal;width: 11%;text-align: right;padding-right: 10px;display: inline-block;vertical-align: top;line-height: 42px;font-weight: 700;}

.app-icon{width: 100px;height: 100px;vertical-align: middle;display: inline-block;overflow: hidden;text-align: center;position: relative;}
.app-icon img{max-height: 100px;}
.post .app-icon i{width: 100px;height: 100px;position: absolute;top: 0;left: 0;text-indent: -9999px;background-color: rgba(0,0,0,.1);padding-right: 0;text-align: left;border-radius: 10px;}
.post .app-icon input{width: 100px;height: 100px;position: absolute;opacity: 0;top: 0;left: 0;border: none;cursor: pointer;}
.up-image{display: inline-block;width: 500px;}
.post select{font-weight: 600;border-radius: 5px;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);background-color: #fff;border: 1px solid #ddd;height: 40px;width: 80px;text-indent: 10px;}
.post .kindeditor{display: inline-block;width: 88%;max-width: 600px;}
.post section:nth-child(1) select{width: 100%;max-width: 400px;}
.post section input{font-weight: 600;border-radius: 3px;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);background-color: #f9f9f9;border: 1px solid #ddd;height: 40px;width: 100%; max-width: 400px;text-indent: 10px;}
.post .showkey{margin-top: 10px;}
.post .showkey input{width: 120px;}
.post  #infoshowkey{display: inline-block;}
.up-image ul li{display: inline-block;margin-bottom: 20px;}
.up-image ul li:nth-child(1){width:9px ;padding-right: 10px;text-align: right;}
.up-image ul li:nth-child(2){width:88%;}
.up-image ul li:nth-child(2) input{width: 100%;max-width:400px;}
.post .add-image input{width: 100px;}
.post .add-image i{width: 11%;padding-right: 5px;font-weight: 400;}
.post button{height: 46px;width: 80px;font-weight: 700;background: #0c64ff;border: 1px solid #0c64ff;color: #fff;border-radius: 5px;cursor: pointer;}
.post .submit{width: 100%;max-width: 600px;margin-left: 0;}
.up-file div:nth-child(1){margin-bottom: 10px;border-bottom: 1px solid #f1f1f1;}
.up-file ul li{display: inline-block;line-height: 30px;margin: 10px 0;}
.up-file div:nth-child(1) li{font-weight: 700;text-align: center;}
.up-file div:nth-child(1) li:nth-child(3){text-align: center;}
.up-file ul li:nth-child(1){width: 12%;text-align: center;}
.up-file ul li:nth-child(2){width: 10%;}
.up-file ul li:nth-child(3){text-align: left;width: 52%;margin-left: 2%;}
.up-file ul li:nth-child(3) input{width: 65%;}
.up-file ul li:nth-child(3) select{width: 30%;}
.up-file ul li:nth-child(4){width: 10%;}
.up-file ul li:nth-child(5){width: 10%;}
#infoshowkey img{height: 35px;vertical-align: middle;border-radius: 3px;}


/*download*/
.go-down{text-align: center;margin: 20px auto;max-width: 800px;background: #fff;padding: 50px 40px 60px;border-radius: 5px;}
.go-down h1{font-size: 1.3rem;}
.go-down h3{margin: 10px 0;font-size: 1.6rem;}
.go-down #time{display: none;}
.go-down h4{color: #999;font-weight: 400;margin-bottom: 30px;font-weight: 600;}
.go-down h4 a{color: #06f;}
.go-down h4 i{color: #444;font-style: normal;font-weight: 600;}
.go-down h4 b{padding: 0 5px 2px;background: #333;border-radius: 3px;color: #fff;font-size: 14px;border: 1px solid #000;font-weight: 700;}
.download-hint{background: #fff;border-radius: 10px 10px 10px 0;bottom: 24px;box-shadow: 0 8px 16px 0 rgb(34 36 79 / 18%);font-size: 16px;left: 24px;position: fixed;transition: opacity .5s ease-in-out;width: 420px;z-index: 999;animation: download-hint 0s 3s forwards;opacity: 0;display: none;}
@keyframes download-hint {to   { opacity: 1; }
}

.download-hint:before {background: #fff;border-radius: 0 0 0 8px;bottom: -12px;box-shadow: 0 8px 16px 0 rgb(34 36 79 / 18%);content: "";height: 24px;left: 0;position: absolute;transform: skewY(-45deg);width: 24px;z-index: -1;}

.download-tips ul{display: flex;flex-wrap: wrap;align-items: stretch;}
.download-tips li {flex: 0 0 32%;box-sizing: border-box;text-align: center;background: #f3f8fb linear-gradient(90deg,#f3f8fb,#f4f7fa);padding: 20px 5px 30px;margin-right:2%;font-size: 15px;line-height: 1.5rem;border-radius: 10px;}
.download-tips li:nth-child(3){margin-right: 0;}
.download-tips li b{display: block;font-size: initial;margin-bottom: 6px;}
.download-tips li span{display: block;margin-top: 5px;min-height: 8rem;position: relative;}
.download-tips li span img{max-width: 60px;position: absolute;left: 2rem;top: 1.4rem;}
.download-tips li span i{font-size: 1.2rem;color: #666;line-height: 6.8rem; margin-right: 0.5rem;font-weight: 600;font-style: normal;}
.download-tips li:nth-child(1) span{background: url(/img/step-mac.png) center bottom no-repeat;background-size: cover;}
.download-tips li:nth-child(2) span{background: url(/img/step-drag.png) center bottom no-repeat;background-size: cover;}
.download-tips li:nth-child(3) span{background: url(/img/step-launch-mac.png) center bottom no-repeat;background-size: cover;}
.download-tips li:nth-child(3) span img{left: 7.5rem;top: .5rem;max-width: 75px;}


/* loader-ellips */
.loader-ellips {font-size: 20px;position: relative;width: 4em;height: 1em;margin: 10px auto;}
.loader-ellips__dot {display: block;width: 1em;height: 1em;border-radius: 0.5em;background: #555;position: absolute;animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {left: 0;}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal {from { transform: scale(0.001); }to { transform: scale(1); }}
@keyframes slide {to { transform: translateX(1.5em) }}
.loader-ellips__dot:nth-child(1) {animation-name: reveal;}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {animation-name: slide;}
.loader-ellips__dot:nth-child(4) {animation-name: reveal;animation-direction: reverse;}

/* scroller-status */
.scroller-status {display: none;padding: 20px 0;position:relative;}
.scroller-status__message {text-align: center;color: #aaa;font-size: 14px;}
.scroller-status__message:after{content: " ";position: absolute;bottom: 28px;left: 50%;height:1px;width: 30px;background: #bbb;margin-left:-60px;}
.scroller-status__message:before{content: " ";position: absolute;bottom: 28px;left: 50%;height:1px;width: 30px;background: #bbb;margin-left:26px;}
.next:after,.next:before{height: 0;}
.next a{background: #06f;width: 120px; line-height: 36px;color: #fff;display: inline-block;border-radius: 20px;font-weight: 700;}


footer{width: 100%;padding: 20px 0;background: #fff;position: absolute;bottom: 0;box-shadow: 0 0 1px #ddd;}
.footerbar{min-height:165px;}
footer .wrap ul{display: flex;flex-wrap: wrap;align-items: stretch;padding: 0 5px;}
footer .wrap li{padding-right:20px;position: relative;margin-right: 20px;-webkit-font-smoothing: initial;}
footer .wrap li:nth-child(2) a{}
footer .wrap li:after{content: "";font-size: 12px;position: absolute;right: 0;top: 50%;height:3px;width:3px;background: #ccc;border-radius: 2px;}
footer .wrap li:last-child:after{display: none;}
.copyright{padding: 10px 5px;line-height: 30px;color: #999;}
.copyright a{color: #999;}
.copyright span{display: block;}
.links ul{display: flex;flex-wrap: wrap;align-items: stretch;padding: 20px;}
.links li{flex: 0 0 33.3%;box-sizing: border-box;text-align: center;padding: 10px;}
.links li a{display: block;line-height: 60px;border: 2px solid #ddd;border-radius: 5px; -webkit-font-smoothing: initial;}
.links li a:hover{background: #06f;color: #fff;border-color: #06f;}


/* login */
.login h1{margin-right: inherit;text-align: center;}
.login h1 a{font-size: 22px;width: 200px;}
.login form{text-align: left;}
.login input,.login form,.login button,.login-wrap{font-size: 15px;}
.login .logo{margin-bottom: 30px;font-size: 22px;}
#checkkeyshowkey{font-size: 15px;position: absolute;bottom: 146px;right: 60px;line-height: 40px;}
#checkkeyshowkey a{margin-right: 10px;color: #0c64ff;}
#checkkeyshowkey img{height: 40px;border-radius: 0 5px 5px 0;}
/*.login .logo:after{content: " ";position: absolute;top: 90;left:30;height: 1px;right:30;}*/
.login{margin:100px auto 10px;padding: 50px 60px 60px;max-width: 350px;background: rgba(255, 255, 255, .8);box-shadow:0 0 10px rgb(0 0 0 / 30%);position: relative;-webkit-backdrop-filter: blur(45px);backdrop-filter: blur(45px);border-radius: 5px;font-size: 15px;text-align: center;font-weight: 500;}
.login-bg{position:fixed;left: 0;right: 0;top: 0;bottom: 0;background:url(https://gcore.jsdelivr.net/gh/blanktian/static/img/77658af40ff0d9618ebebed56bc53de4.jpg) center;background-size: cover;}
.login input,.login select,.login button,.change-pwd input,.change-pwd button,.change-pwd textarea{display: block;width: 100%; max-width: 380px;height: 42px;margin: 10px 0 20px;border: 1px solid #ccc;text-indent: 10px;color: rgb(3, 27, 78);border-radius: 5px;box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);background-color: #f9f9f9;font-weight: 400;}
.change-pwd{width: 380px;}
.change-pwd textarea{height: 100px;padding: 10px 0;}
.login button,.change-pwd button{background: #06f;border: 1px solid rgb(0, 97, 235);color: #fff;cursor: pointer;height: 45px;font-weight: 700;margin-top: 20px;}
.remember input{width: 17px;height: 17px;display: inline-block;margin: -3px 5px 0 0;vertical-align: middle;}
.login span{display: block;margin: 20px 0;}
.login span:last-child{text-align: center;}
.login .code {vertical-align: top;margin-top: -12px;display: inline-block;}
.login .code img{max-width: 80px;border: 1px solid #eee;margin-left: 10px;}
.login #code{width: 72%;display: inline-block;-}


.getpwd{position: relative;}
.getpwd a{position: absolute;right: 5px;top: 0;line-height: 44px;color: #0c64ff;font-size: 15px;}
.login #key{width: 150px;display: inline-block;margin-bottom: 10px;}
.login #loginshowkey,.login #regshowkey,.login #getpasswordshowkey,.login #regsendshowkey{display: inline-block;margin: 10px 0;}
.login #loginshowkey img,.login #regshowkey img,.login #getpasswordshowkey img,.login #regsendshowkey img{height: 30px;vertical-align: middle;border-radius: 3px;}
.login .signup{margin-top: 40px;}
.copy{text-align: center;position: relative;}
.pwd{background: #f2f2f2;}

/* QQ  */
.qq{position: fixed;right: 10px;top: 10%;padding: 8px 5px;border-radius: 4px;z-index: 99;}
.qq a {text-align: center;display: block;color: #84b5ff;font-size: 13px;font-weight: 600;font-family: monospace;}
.qq a img{margin: 0 auto;display: block;background: #b9d5ff;margin-bottom: 5px!important;padding: 3px;width: 35px;height: 35px;border-radius: 100%;border: 2px solid #fff!important;}
.qq i{font-style: normal;transition: block 0.4s;display: none;text-align: center;color: #999;font-size: 12px;font-weight: 600;}
.qq:hover i{display: block;}

#prompt {-moz-animation: cssAnimation 0s ease-in 10s forwards;/* Firefox */ -webkit-animation: cssAnimation 0s ease-in 10s forwards;  /* Safari and Chrome */ -o-animation: cssAnimation 0s ease-in 10s forwards;/* Opera */ -webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;position: fixed;bottom: 28px;right: 100px;}
@keyframes cssAnimation { to {opacity: 0;overflow:hidden;transition: opacity 3s;} }
@-webkit-keyframes cssAnimation { to {opacity: 0;visibility:hidden;transition: opacity 3s;} }



/* safari only */
_::-webkit-full-page-media, _:future, :root .download-hint {bottom: auto;left: auto;right: 40px;top: 24px;display: block;}
_::-webkit-full-page-media, _:future, :root .download-hint:before{border-radius: 4px 0 0 0;bottom: auto;left: auto;top: -12px;transform: rotate(45deg);right: 90px;}

/* chrome only */
@supports (-webkit-tap-highlight-color:currentcolor) and (not (-webkit-background-composite:clear)) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) { .download-hint { display: block; } }

/* Edge(Chromium) */
_:host-context(x)::-ms-clear, .download-hint {display: none;}
_:host-context(x)::-ms-reveal, .download-hint {display: none;}
_:lang(x)+_:-internal-autofill-previewed::-ms-clear, .download-hint {display: none;}
_:lang(x)+_:-internal-autofill-previewed::-ms-reveal, .download-hint {display: none;}



/* 768px */
@media (max-width: 768px){
.wrap{padding: 0 10px;}
#nav{padding: 0;}
.navbar{height: 60px;display: block;}
.navbar label{display: block;z-index: 200;}
.game-page header{position: initial;}
#nav{width: 100%;background: #fff;position: absolute;height: 60px;left: 0;overflow: hidden;transition: height 1s;z-index: 100;}
.logo{display: block;width: 100%}
.logo a{margin: 10px auto;display: block;}
.account{right: 5px;}
.account a{background-size: 25px;}
.nav,.search,.upload,.nav li{display: block;position: initial;}
.nav,.search,.upload{margin-left: 20px;position: relative;top: initial;right: initial;}
.nav li a{margin-left: 0;position: relative;padding-left: 38px;}
.nav ul li:nth-child(5) a{margin-left: 0;background-position-x: 0;padding:0 0 0 38px;line-height: 60px;background-position-y:center;height: initial;background-color: #fff;}
.search,.upload{padding: 10px 0;}
#nav #search input,.upload a{background-position-x: left;text-indent: 0;font-size: initial;padding-left: 38px;line-height: 40px;}
.nav li a:after,.search:after,.upload a:after{content: "";height: 1px;position: absolute;bottom: 0;left: 38px;right:30px;background: #dedede;}
.search:after{background-color: #ccc;}
#nav #search input,#nav #search input.on{width: 80%;height: 40px;margin: 0;border: none;box-shadow: none;background-color: #fff;background-position-x: left;}
.qq{top: initial;bottom: 70px;}
.featured-swiper a{width: 100%;}
.featured-swiper .cover img,.featured-swiper .cover h2{display: none;}
.featured-swiper .cover span{width: 100%;text-align: center;color: #ddd;margin-top: 130px;font-weight: 600;}
.featured-swiper a{padding: 20px 45px;}
.featured-swiper img{width: 80px;height: 80px;right: 35px;margin-top: -40px;}
.featured-swiper h2{max-width: 80%;}
.sidebar{position: inherit;margin-top: 20px;}
.widget{width: inherit;padding: 20px 15px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0!important}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0!important;}
.container{padding: 20px 15px 15px;}
.apps li{flex: 0 0 33.33%;}
.apps li img{width: 50px;}
.list{padding: 20px 5px 25px;}
.list li{flex: 0 0 100%;}
.list li a{margin: 0 10px 0 15px;}
.list h2{margin: 0 10px;}
.list .style-tab{margin: 10px 15px 15px;}
.cat-tab{right: 0;}
.list .cat-tab{right: 15px;}
.grid .style-tab{margin: 10px 5px 15px;}
.grid .cat-tab{right: 5px;}
.list li h3{width: 30%;}
.search-wrap .list li h3{width: 48%;}
.list li span:nth-child(4){margin-right: -5px;}
.list li span:nth-child(5){transform: scale(.8);}
.list li span:nth-child(6),.search-wrap .list li span:nth-child(6){width: 50px;margin-left: 0;}
.list li:nth-child(1) span:nth-child(5){width: 45px;transform: scale(1);}
.list li:nth-child(1) span:nth-child(7){line-height: 35px;}
.search-wrap .list li span:nth-child(7){display: none;}

.list li img{width: 35px;height: 35px;margin-right: 10px;}
.featured li{flex: 0 0 31%;}
.featured{padding: 20px 0;}
.featured h2{margin: 0 15px;}
.featured ul{margin: 20px 30px;}
.featured li img{margin-right: 0;}
.featured li h3{display: block;max-width:115px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 5px;}
.featured li a{text-align: center;margin: 10px 0 20px;}
.games li,.article li{flex: 0 0 100%;margin:0;}
.games li .icon-cover{background-size: 35%;}
.album li{flex: 0 0 100%;margin: 15px 0 0 0;padding: 5px 0;}
.footerbar{min-height: 160px;}
footer .wrap li{padding-right: 12px;margin-right: 12px;}
footer .wrap ul{padding: 0 10px;}
.copyright{padding: 10px;}
.cat-nav li{flex: 0 0 25%;}
.game-slide{margin-bottom: 10px;}
.game-list{margin-top: 0;padding: 0 5px;}
.game-list li{margin-bottom: 20px;}
.game-list h2{margin: 10px 0;}
.game-slide .swiper-slide{height:200px;}
.game-slide .featured-swiper i{bottom: 0;}
.game-slide .swiper-button-next, .game-slide .swiper-button-prev{top: 50%;}

.article-list{padding: 0;margin-top: 15px;}
.article-list li{margin-top: 20px;}
.article-list li i{width: 100%;margin-right: 0;margin-bottom: 10px;height: 160px;}
.article-list h3{padding: 10px 15px 10px;}
.article-list p{padding: 0 15px;display: none;}
.article-list li span, .rec-article span{padding: 0 15px 20px;position: initial;}
.article-list li span img, .rec-article span img{width: 25px;height: 25px;}
.article-detail article.text img{max-width: 100%!important;height: initial;}
.article li figure,.games li figure{border-radius: 5px 5px 0 0;}
.article li{margin-bottom: 10px;}
.count{float: initial;}
.view-count, .reply-count{margin: 0.5rem 20px 0.5rem 0;}
.comment-face{width: 90px;}
.comment-face:hover{width: 270px;}
.topic-list li{padding: 15px 0;}
.topic-list li a:nth-child(1) img{width: 35px;height: 35px;}
.topic-list li h3{margin-left: 49px;margin-top: 5px;}
.topic-list li a:nth-child(2) img,.topic-list li a:nth-child(3){margin-left: 47px;}
.topic-list li:after{left: 47px;}
.topic-list li em{top: 23px;}
.search-list form #keyboard{width: 180px;}
.search-list{line-height: 100px;}
.search-wrap .container{margin-top: 10px;}

.app-img img{float: initial;margin: 20px auto;display: block;}
.app-img span{margin: 0;text-align: center;}
.app-author{white-space: inherit;padding-top: 30px;display: flex;flex-wrap: wrap;align-items: stretch;}
.app-author span{margin: 10px 20px 0 0;}
.app-author span:last-child{margin-right: 0;}
.app-author .star span{margin-top: 0;}
.app-author .rating{flex: 0 0 45%;margin-left: 0;}
.app-author .author{flex: 0 0 55%;margin-left: 0;}

.app-detail .gallery{margin: -20px 0 0;}
.app-detail .gallery .swiper-container{margin: 0 0 30px 0;}
.app-detail .gallery .swiper-container .swiper-slide a{height: 220px;}
.gatekeeper{padding: 8px 5px 8px 35px;background-position-x: 10px;width: -webkit-fill-available;background-position-y: 9px;line-height: 22px;}
.passed:after{top: -15px;right: -10px;width: 50px;height: 50px;}
.app-detail figure h5{padding: 0 12px 2px;margin-right: 10px;}
.app-detail figure h5:last-child{margin-right: 0;}
.app-detail figure{margin: 0 -15px;}

.game-name{padding-top: 60px;font-size: 2.4rem;}
.game-name span{line-height: 28px;margin-top: 10px;}
.game-detail .sidebar{top: inherit;}
.promotion{width: initial;padding: 15px 15px 15px 10px;}
.promotion h4{font-size: 18px;line-height: 30px !important;}
.promotion h4 b{font-size: 26px;display: block;}
#countdown-2{position: absolute;top: 15px;right: 0;}
.promotion .timeunit{bottom: 20px;right: -20px;}
.upgrade li.plan{margin: 10px 4% 10px 0;flex: 0 0 48%;}
.plan dt{margin-bottom: 0;}
.plan dd{padding: 8px 10px 8px 12px;font-size: 15px;}
.plan dd:nth-child(5) i{transform: scale(.9);padding: 0 5px;}
.upgrade li.plan:nth-child(2){margin-right: 0;}
.upgrade li.plan h6{display: none;}
.upgrade li.plan:nth-child(3) h6{display: block;}
.plan s{top: 55px;}
.plan h2{margin: 20px 0 30px;}
.plan label,.plan input:checked + label{background-position-y:400px ;padding-bottom: 30px;}
.paymethod{ margin: 10px 10px 0;}
.paymethod:nth-child(4){margin-right: 0;}
.paypal-wrap{margin: 0 10px;}
.login{margin: 50px 10px 10px;padding: 20px 40px 20px;}
.login .logo{margin-bottom: 20px;}
.login figure,.sidebar-nav{display: none;}
.sidebar-nav ul{display: flex;flex-wrap: wrap;align-items: stretch;}
.sidebar-nav li{flex: 0 0 33.33%;padding: 10px 0;}
.account-nav{width: 100%;text-align: center;padding: 0;}
.account-nav ul{margin-top: 15px;display: flex;flex-wrap: wrap;align-items: stretch;}
.account-index{margin-bottom: 0;}
.account-index h5 a{margin-right: 0;}
.account-index h1{margin:10px 15px;}
.account-index h5{right: 15px;}
.account-nav li{flex: 0 0 25%;padding: 10px 0;}
.account-main{width: -webkit-fill-available;padding: 15px;margin-top:10px;}
.account-main ul{margin-right: initial;}
.account-main .profile-list li{flex: 0 0 100%;margin: 0 0 25px 0;}
.account-main .space-img li{min-height: 60px;}
.account-main .my-list li{margin-right: 0;}
.account-main .my-list li a{white-space: nowrap;max-width: 100px;text-overflow: ellipsis;overflow: hidden;vertical-align: bottom;display: inline-block;}
.account-main .my-list li i a{margin: 0 2px;}
.account-main .down-list li a{max-width: 240px;}
.profile .avatar{left: 50%;top: -65px;margin-left: -65px;}
.profile-details{margin-left: inherit;text-align: center;margin-top: -55px;}
.profile .avatar{top: -130px}
.profile-details ul{margin-top: 15px;}
.homepage-list .container{margin-top:initial;padding: 30px 15px;}
.l-1 li{flex: 0 0 100%;}



}


/* 414px */
@media (max-width: 414px){


}