.news-top-switch ul {
    width: 11rem;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .1rem;
}

.news-top-switch ul li {
    width: 5.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .2rem;
    margin-top: .3rem;
}

.news-top-switch ul li .img {
    width: 1.61rem;
    height: 1.2rem;
    border-radius: .1rem;
}


.news-top-switch ul li .img img {
    width: 1.61rem;
    height: 1.2rem;
    border-radius: .1rem;
}

.news-top-switch ul li .info {
    flex: 1;
    overflow: hidden;
    font-size: .24rem;
    color: #999;
    margin-left: .2rem;
}

.news-top-switch ul li .name {
    font-size: .28rem;
    color: #333;
    margin-bottom: .15rem;
}

.news-nav {
    padding: .2rem;
    background: #fff;
    margin: 0 .3rem;
    margin-top: -0.4rem;
    box-shadow: 0rem .02rem .16rem 0rem rgba(167, 167, 167, 0.43);
    border-radius: .2rem;
    padding-bottom: .1rem;
}

.news-nav ul {
    display: flex;
    flex-wrap: wrap;

}

.news-nav ul li {
    width: 1.5rem;
    height: .6rem;
    border-radius: .1rem;
    border: solid 1px #eeeeee;
    line-height: .6rem;
    text-align: center;
    margin-right: .1rem;
    margin-bottom: .1rem;
}

.news-nav ul li.active {
    border: solid 1px #3b9dff;
}

.news-nav ul li:nth-child(4n) {
    margin-right: 0;
}

.news-nav ul li a {
    font-size: .26rem;
    color: #666;
}

.news-nav ul li.active a {
    color: #3b9dff;
}

.list-news ul li {
    margin-top: .3rem;
    counter-increment: number;
    border-bottom: 1px dashed #eee;
    padding-bottom: .3rem;
}

.list-news ul li .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .23rem;
    align-items: center;
}

.list-news ul li .top .tags {
    width: 1.2rem;
    height: .4rem;
    background-color: #fbefef;
    text-align: center;
    line-height: .4rem;
    font-size: .24rem;
    color: #ea494b;
    margin-right: .1rem;
}

.list-news ul li .name {
    font-size: .28rem;
    color: #38516b;
    font-weight: bold;
}

.list-news ul li .bottom {
    display: flex;
    justify-content: space-between;
}

.list-news ul li .img {
    width: 2.3rem;
    height: 1.6rem;
    position: relative;
}

.list-news ul li .img img {
    width: 2.3rem;
    height: 1.6rem;
}

.list-news ul li .info {
    margin-left: .24rem;
    font-size: .24rem;
    color: #959fa8;
    height: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: .4rem;

}

.list-news ul li .time span {
    padding: 0 .15rem;
    height: .4rem;
    background-color: #f3f8fc;
    font-size: .24rem;
    color: #3b9dff;
    margin-right: .1rem;
}

.list-news ul li .time img {
    height: .24rem;
    width: .21rem;
    margin-right: .11rem;
}


/*上下页按钮*/

.news-translate {
    display: flex;
    font-size: .24rem;
    justify-content: center;
    margin: .7rem 0;
}

.news-translate div {
    margin-right: .3rem;
    width: 1.4rem;
    height: .56rem;
    background: #f8f8f8;
    border-radius: .1rem;
    text-align: center;
    line-height: .56rem;
}

.page-btn {
    height: .56rem;
    margin: .65rem auto .72rem;
    display: flex;
    justify-content: center;
}

.previous,
.next {

    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: .25rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999;
        display: flex;
}


.prev {
    margin-right: .29rem;
}

.next {
    margin-left: .29rem;
}

.page-active {
    background: #FFF0ED;
    color: #ff684f;
}

.article-top {
    padding: .5rem .1rem;
    padding-bottom: .3rem;
}

.article-top h1 {
    font-size: .36rem;
    color: #38516b;
    text-align: center;
    margin-bottom: .35rem;
}

.article-top p {
    display: flex;
    justify-content: space-around;
    font-size: .24rem;
    color: #999;
}

.artice-content {
    background: #fff;
    margin-bottom: .1rem;
    padding: .3rem 0;
    padding-bottom: 0;
}

.artice-content p {
    font-size: .28rem;
    color: #666;
    line-height: .45rem;
    text-indent: 2em;
    margin: .15rem 0;
}

.artice-content p iframe {
    width: 100%;
    margin: .2rem 0;
    margin-left: -2em;
}

.artice-content p a {
    display: inline;
    color: #3b9dff
}

.artice-content p img {
    display: block;
    margin: .2rem auto !important;
    max-width: 90%;
}

.news-xg-game {
    background: url('../images/releve_bg.png')no-repeat center;
    background-size: 100% 100%;
    position: relative;
    height: 1.63rem;
    padding: 0 .22rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-xg-game .one-cute {
    font-size: .24rem;
    color: #fff;
    margin-top: .25rem;
}

.news-xg-game .tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-xg-game .tags span {
    height: .4rem;
    line-height: .4rem;
    border: solid .01rem #3b9dff;
    padding: 0 .1rem;
    font-size: .24rem;
    color: #3b9dff;
}

.news-xg-game .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.news-xg-game .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.news-xg-game .info {
    font-size: .24rem;
    color: #fff;
    margin-left: .21rem;
    height: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: .2rem;
}

.news-xg-game .down {
    width: 1.1rem;
    height: .6rem;
    background-color: #3b9dff;
    border-radius: .1rem;
    text-align: center;
    line-height: .6rem;
    font-size: .26rem;
    color: #fff;
}

.news-xg-game .name {
    font-size: .28rem;
    color: #38516b;
    font-weight: bold;
}

.news-xg-game .scope {
    position: absolute;
    width: 1.15rem;
    height: 1.16rem;
    right: .2rem;
    top: .26rem;
    background: url('../images/game_scope.png')no-repeat center;
    background-size: 100% 100%;
    font-size: .4rem;
    color: #b9665c;
    font-weight: bold;
    text-align: center;
    line-height: 1.16rem;
}

.news-xg-game .down img {
    width: 1.55rem;
    height: .76rem;
}

.show-news-gl ul li .img::after {
    width: .83rem !important;
    height: .43rem !important;
    background: url('../images/show_news_comment.png')no-repeat center !important;
    background-size: 100% !important;
    content: '' !important;
    padding: 0 !important;
}

.show-news-gl ul li:last-child .info {
    border: none;
}

.show-hot-bq {
    margin: .2rem 0;
}

.show-hot-bq ul {
    display: flex;
    flex-wrap: wrap;
}

.show-hot-bq ul li {
    width: 24%;
    height: .6rem;
    line-height: .6rem;
    border: solid 1px #eeeeee;
    padding: 0 .1rem;
    box-sizing: border-box;
    margin-top: .22rem;
    margin-right: 1%;
    text-align: center;
}

.show-hot-bq ul li:nth-child(4n) {
    margin-right: 0;
}

.show-hot-bq ul li a {
    font-size: .26rem;
    color: #666;
}

.show-gl ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.show-gl ul li {
    width: 3.31rem;
    margin-top: .3rem;
}

.show-gl ul li .img {
    width: 3.31rem;
    height: 1.96rem;
}

.show-gl ul li .img img {
    width: 3.31rem;
    height: 1.96rem;
}

.show-gl ul li .name {
    font-size: .26rem;
    color: #666;
    margin-top: .24rem;
    text-align: center;
}

.show-hot-hj {
    display: flex;
    justify-content: space-between;
    margin-top: .4rem;
}

.show-hot-hj .item {
    width: 3.31rem;
}

.show-hot-hj .item>.title {
    height: .61rem;
    background: #eeeeee;
    line-height: .61rem;
    text-align: center;
    font-size: .28rem;
    color: #333;
}

.show-hot-hj .item ul {
    border: solid 1px #eeeeee;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .3rem;
    justify-content: space-between;
    padding-bottom: .25rem;
}

.show-hot-hj .item ul li {
    width: 1.2rem;
    margin-top: .23rem;
}

.show-hot-hj .item ul li .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.show-hot-hj .item ul li .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.show-hot-hj .item ul li .name {
    font-size: .24rem;
    color: #666;
    text-align: center;
    margin-top: .12rem;
}

.show-game-commont ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
}

.show-game-commont ul li .img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .1rem;
}

.show-game-commont ul li .img img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .1rem;
}

.show-game-commont ul li .info {
    margin-left: .27rem;
    font-size: .26rem;
    color: #999;
    margin-right: .2rem;
}

.show-game-commont ul li .name {
    font-size: .32rem;
    color: #333;
    margin-bottom: .2rem;
}

.show-game-commont ul li .down {
    width: .66rem;
    height: .82rem;
    background: url('../images/show_game_comment.png')no-repeat center;
    background-size: 100%;
}

.game-top-switch ul {
    width: 9rem;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
}

.game-top-switch ul li {
    width: 4.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .2rem;
    margin-top: .3rem;
}

.game-top-switch ul li .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
}

.game-top-switch ul li .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
}

.game-top-switch ul li .info {
    flex: 1;
    overflow: hidden;
    font-size: .24rem;
    color: #999;
    margin-left: .2rem;
    height: 1.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.album-top-swicth ul li .info {
    height: 1rem;
}

.game-top-switch ul li .name {
    font-size: .3rem;
    color: #333;
}

.game-top-switch ul li .star {
    display: flex;
    align-items: center;
    color: #18c2bc;
    font-size: .24rem;
}

.game-top-switch ul li .star img {
    width: .22rem;
    height: .21rem;
    margin-right: .1rem;
}

.list-game ul li {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    counter-increment: number;
}

.list-game ul li .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
    margin-top: .05rem;
    position: relative;
}

.list-game ul li:nth-child(-n+3) .img::after {
    counter-increment: section;
    position: absolute;
    content: counter(number);
    top: 0;
    left: 0;
    width: .63rem;
    height: .54rem;
    background: url(../images/index_game_num1.png)no-repeat center;
    background-size: 100%;
    font-size: .24rem;
    color: #fff;
    font-weight: bold;
    padding-left: .1rem;
}

.list-game ul li .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.list-game ul li .right {
    border-bottom: 1px dashed #dcdcdc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .22rem;
    font-size: .24rem;
    color: #999;
    padding-bottom: .25rem;
}

.list-game ul li .name {
    font-size: .3rem;
    color: #333;
}

.list-game ul li .info {
    height: 1.34rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: .2rem;
}

.list-game ul li .info p span {
    margin-right: .4rem;
}

.list-game ul li .info p span:last-child {
    margin-right: 0;
}

.list-game ul li .btn {
    width: 1.11rem;
    height: 1.01rem;
    background-color: #ffffff;
    border-radius: .1rem;
    border: solid 1px #1ec6c0;
}

.list-game ul li .btn p:nth-child(1) {
    display: flex;
    align-items: center;
    height: .5rem;
    line-height: .5rem;
    justify-content: center;
    font-size: .24rem;
    color: #18c2bc;
}

.list-game ul li .btn p:nth-child(1) img {
    width: .22rem;
    height: .21rem;
    margin-right: .1rem;
}



.list-game ul li .btn p:nth-child(2) {
    height: .51rem;
    line-height: .51rem;
    background: #1ec6c0;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}

.show-game-top {}


.show-game-top .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.show-game-top .top .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
    border: .03rem solid #fff;
    font-size: 0;
}

.show-game-top .top h1 {
    font-size: .36rem;
    color: #fff;
}

.show-game-top .top .info {
    display: flex;
    flex-direction: column;
    height: 1.3rem;
    justify-content: space-between;
    margin: 0 .3rem;
    color: rgba(255, 255, 255, .6);
    font-size: .24rem;
}

.show-game-top .top .scope {}

.show-game-top .top .gift-icon {
    width: 1.45rem;
    height: 1.45rem;
}

.show-game-top .top .game-scope {
    width: 1.52rem;
    height: 1.42rem;
    background: url('../images/game_crown.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: 1.42rem;
    font-size: .43rem;
    font-weight: bold;
}

.show-game-top .top .game-scope span {
    background-image: -webkit-linear-gradient(top, #ffffff, #fedb6b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.show-game-top .bottom {
    display: flex;
    justify-content: center;
    background: #fff;
    text-align: center;
    height: 1.4rem;
    flex-wrap: wrap;
    align-content: center;
    margin-top: .3rem;
    border-radius: .1rem;
}

.show-game-top .gift-bottom{
    height: auto;
    padding:.1rem 0;
}


.show-game-top .bottom .item {
    position: relative;
    flex-shrink: 0;
    width: 32%;
}

.show-game-top .bottom .item:nth-child(-n+3) {
}

.show-game-top .gift-bottom .item:nth-child(-n+3){
    border-bottom: none;
    padding-bottom: 0;
    padding-top: .1rem;
}

.show-game-top .bottom .item::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: .8rem;
    background: #eee;
}

.show-game-top .bottom .item:nth-child(3n)::after {
    display: none;
}

.show-game-top .bottom .item p:nth-child(1) {
    font-size: .24rem;
    color: #333;
}

.show-game-top .bottom .item p:nth-child(2) {
    font-size: .24rem;
    color: #999;
	margin-top: 0.1rem;
}

.show-game-bg {
    padding: .3rem;
    background: url('../images/show_game_bg.png')no-repeat center top;
    background-size: 100%;
    overflow: hidden;
}

.show-gift-bg{
    background: url('../images/show_gift_bg.png')no-repeat center top;
    background-size: 100%;
}

.show-game-down {
    margin: 0 .3rem;
    margin-top: .24rem;
}

.show-game-down>a {
    height: .8rem;
    background-color: #3b9dff;
    line-height: .8rem;
    border-radius: .1rem;
    text-align: center;
    font-size: .3rem;
    color: #fff;
}

.show-game-down img {
    width: 100%;
}

.show-game-img {
    margin-top: .24rem;
}

.show-game-img img {
    width: 2.66rem;
    margin-right: .1rem;
}

.show-game-content {
    font-size: .28rem;
    color: #666;
    line-height: .45rem;
    margin-top: .3rem;
}

.show-game-content p {
    text-indent: 2em;
	line-height: .6rem;
}

.show-game-content a {
    display: inline;
    color: #3b9dff
}

.show-game-content h2,
.show-game-content h3 {
    height: .6rem;
    background: url('../images/game_h.png')no-repeat center;
    background-size: 100%;
    line-height: .6rem;
    font-size: .24rem;
    color: #38516b;
    position: relative;
    margin: .12rem 0;
    padding-left: .2rem;
    font-weight: bold;
}

.show-game-content h2::after,
.show-game-content h3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6.9rem;
    height: 1px;
    background: #f1f1f1;
}

.show-game-gift {
    margin-top: .4rem;
}

.show-game-gift ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
    border-bottom: 1px dashed #dcdbdc;
    padding-bottom: .3rem;
}

.show-game-gift ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.show-game-gift ul li .img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.show-game-gift ul li .img img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.show-game-gift ul li .right {
    flex: 1;
    overflow: hidden;
    display: flex;
    margin-left: .3rem;
    align-items: center;
}

.show-game-gift ul li .get {
    width: 1.31rem;
    height: .62rem;
    border-radius: .08rem;
    border: solid .01rem #dcdbdc;
    text-align: center;
    line-height: .62rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #333;
}

.show-game-gift ul li .get img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
}

.show-game-gift ul li .info {
    margin-right: .1rem;
    font-size: .24rem;
    color: #888;
}

.show-game-gift ul li .name {
    font-size: .3rem;
    color: #333;
    margin-bottom: .2rem;
}

.about-bg {}

.about-bg>img {
    width: 100%;
}

.about-content {
    padding: .3rem;
    line-height: .5rem;
    text-indent: 2em;
    font-size: .24rem;
    color: #666;
}

.map-title {
    height: 0.6rem;
    background: url(../images/game_h.png)no-repeat center;
    background-size: 100%;
    line-height: .6rem;
    font-size: .24rem;
    color: #38516b;
    position: relative;
    margin: 0.12rem 0;
    padding-left: 0.2rem;
    font-weight: bold;
}


.map-list {
    display: flex;
    flex-wrap: wrap;
}

.map-list a {

    height: .62rem;
    border-radius: .08rem;
    font-size: .28rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    line-height: .62rem;
    margin-right: .04rem;
    margin-bottom: .2rem;
}

.rank-map-list {
    display: flex;
    justify-content: space-between;
}

.rank-map-list a {
    width: 47.5%;
    margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map-list a:nth-child(4n) {
    margin-right: 0;
}

.map-content {
    margin: .4rem .3rem;
    margin-bottom: 0;
}

.search-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: .3rem;
    font-size: .24rem;
    color: #09b8b3;
    box-shadow: 0rem .02rem .09rem .01rem 
    rgba(136, 136, 136, 0.3);
}

.search-content {
    margin: .4rem .3rem;
    background: url('../images/search_bg.png')no-repeat center;
    background-size: 100% 100%;
    padding: .2rem;
}

.search-top form {
    display: flex;
    justify-content: space-between;
    height: .55rem;
    border-radius: .1rem;
    border: solid 1px #2894ff;
    flex: 1;
    overflow: hidden;
    margin: 0 .2rem;
}

.search-top button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    margin-left: .2rem;
    margin-right: .2rem;
}

.search-top .seach-btn {
    margin: 0;
    font-size: .24rem;
    color: #333;
}

.search-top button img {
    width: .26rem;
    height: .26rem;
}

.search-top input {
    flex: 1;
    overflow: hidden;
    border: none;
    outline: none;
    color: #999;
    font-size: .24rem;
    padding-left: .24rem;
}

#back-btn img {
    width: .18rem;
    height: .33rem;
}

.search-title {
    width: 1.51rem;
    height: .54rem;
    background: #ffffff;
    border-radius: .27rem;
    font-size: .26rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: .54rem;
}

.search-gl {
    margin-top: .2rem;
}

.search-gl ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.search-gl ul li {
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .3rem;
}

.search-gl ul li span {
    width: .28rem;
    height: .28rem;
    background: url('../images/search_commont.png')no-repeat center;
    background-size: 100%;
    margin-left: .13rem;
}

.search-gl ul li .name {
    font-size: .26rem;
    color: #333;
}

.search-game ul {
    display: flex;
    flex-wrap: wrap;
}

.search-game ul li {
    width: .95rem;
    margin-right: .38rem;
    margin-top: .4rem;
}


.search-game ul li:nth-child(5n) {
    margin-right: 0;
}

.search-game ul li .img {
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
}

.search-game ul li .img img {
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
}

.search-game ul li .name {
    margin-top: .2rem;
    color: #666;
    font-size: .24rem;
    text-align: center;
}

.search-msg {
    height: .7rem;
    line-height: .7rem;
    background-color: #f7f7f7;
    font-size: .24rem;
    color: #999;
    padding-left: .32rem;
}

.show-gift-down {
    display: flex;
    flex-direction: column;
}

.show-gift-down>* {
    width: 100%;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}

.show-gift-down span {
    height: .8rem;
    background-color: #68d265;
    border-radius: .06rem;
    line-height: .8rem;
    font-size: .3rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.show-gift-down span img{
	width: .28rem;
	height: .32rem;
    margin-right: .2rem;
    margin-bottom: .02rem;
}

.show-gift-down a {
    height: .8rem;
    line-height: .8rem;
    background-color: #3b9dff;
	border-radius: .06rem;
    color: #fff;
    text-align: center;
    font-size: .3rem;
    margin-top: .3rem;
    font-weight: bold;
}

.show-gift-down a img{
	width: .24rem;
	height: .28rem;
    margin-right: .15rem;
    margin-bottom: .02rem;
}

.whole-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.33);
    z-index: 10;
}

.whole-mask .inner {
    width: 5.44rem;
	height: 4.88rem;
    background: #fff;
    margin: calc(50vh - 3.56rem) auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}



.whole-mask .inner .info {
    margin: 0;
    font-size: .24rem;
    color: #333;
}

.whole-mask .inner .active-code {

    color: #666;
}

.whole-mask .inner .receive-gift-close {
	width: 2.01rem;
	height: .63rem;
	border: solid 1px #3b9dff;
    text-align: center;
    line-height: .63rem;
    font-size: .24rem;
    color:#3b9dff;
    background-color: #fff;
}

.whole-mask .inner img{
    width: 2.19rem;
    height: 1.99rem;
    margin-top: .1rem;
    margin-bottom: .3rem;
}

.whole-mask .inner .title{
    height: .76rem;
	background-color: #ecf5ff;
    text-align: center;
    line-height: .76rem;
    font-size: .28rem;
    color:#3b9dff;
    font-weight: bold;
}

.whole-mask .inner .receive-btn {
    width: 2.01rem;
	height: .63rem;
    text-align: center;
    line-height: .63rem;
    font-size: .24rem;
    color:#fff;
    background-color: #3b9dff;
}

.whole-mask .inner .receive-btn img {
    width: 1.94rem;
    height: .61rem;
}

.whole-mask-btn{
    margin:0 .5rem;
    margin-top: .3rem;
}

.list-album ul li {
    margin-top: .35rem;
    border: 1px solid #eeeeee;
}

.list-album ul li .top {
    display: flex;
    height: .6rem;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
    padding: 0 .2rem;
}

.list-album ul li .top .top-img {
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
}

.list-album ul li .top .info {
    margin: 0 .2rem;
    font-size: .24rem;
    color: #888;
}

.list-album ul li .top>img{
    width: .19rem;
	height: .19rem;
    margin-right: .19rem;
}

.list-album ul li .top .size{
    padding:0 .15rem;
	height: .4rem;
	border-radius: .06rem;
	border: solid .01rem #dcdcdc;
    text-align: center;
    line-height: .4rem;
    font-size: .24rem;
    color:#999;
    margin-right: .2rem;
}

.list-album ul li .top .down img {
    height: .28rem;
    width: .28rem;
}

.list-album ul li .top .top-img img {
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
}

.list-album ul li .top .title {
    font-size: .28rem;
    color: #38516b;
    font-weight: bold;
}

.list-album ul li .top .time {
    width: 1.11rem;
    height: .38rem;
    background: #ffffff;
    border-radius: .19rem;
    text-align: center;
    line-height: .38rem;
    font-size: .24rem;
    margin-right: .15rem;
}

.list-album ul li:nth-child(5n+1) .top .time {
    color: #7572ba;
}

.list-album ul li:nth-child(5n+2) .top .time {
    color: #dda038;
}

.list-album ul li:nth-child(5n+3) .top .time {
    color: #74a69a;
}

.list-album ul li:nth-child(5n+4) .top .time {
    color: #be7992;
}

.list-album ul li:nth-child(5n+5) .top .time {
    color: #4f9194;
}

.list-album ul li .bottom {
    font-size: .24rem;
    color: #888;
    line-height: .5rem;
    padding: .25rem;
    padding-top: .15rem;
}

.list-album ul li .bottom .two-cute{
    line-height: .5rem;
    font-size: .24rem;
    color:#888;
}

.album-list-a {
    display: flex;
    margin-top: .25rem;
    flex-wrap: wrap;
}

.album-list-a>img{
    width: .42rem;
    height: 1.47rem;
    margin-right: .3rem;
}

.album-list-a .item {
    width: .96rem;
    margin-right: .2rem;
}

.album-list-a .item:last-child{
    margin-right: 0;
}


.album-list-a .item .img {
	width: .87rem;
	height: .87rem;
    border-radius: .1rem;
    margin: 0 auto;
}


.album-list-a .item .img img {
	width: .87rem;
	height: .87rem; 
    border-radius: .1rem;
}

.album-list-a .item .name {
    font-size: .24rem;
    color: #666;
    text-align: center;
    margin-top: .1rem;
}


.show-album-top .top {
    background: url('../images/album_show_bg.png')no-repeat center;
    background-size: 100% 100%;
    padding: .4rem .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .24rem;
    color: #bbd3e8;
    padding-bottom: 2rem;
}

.show-album-top .top  .tags{
    display: flex;
    justify-content: center;
}

.show-album-top .top  .tags span{
	height: .37rem;
	border: solid .01rem #bbd3e8;
    line-height: .37rem;
    padding:0 .15rem;
    margin-right: .15rem;
}

.show-album-top .top  .tags span:last-child{
    margin-right: 0
}

.show-album-top .top .two-cute {
    margin-top: .2rem;
}

.show-album-top h1 {
    color: #fff;
    font-size: .3rem;
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}

.show-album-top h1::before {
    content: '';
    width: .78rem;
    height: .11rem;
    background: url('../images/album_right.png')no-repeat center;
    background-size: 100%;
    margin-right: .23rem;
}

.show-album-top h1::after {
    content: '';
    width: .78rem;
    height: .11rem;
    background: url('../images/album_left.png')no-repeat center;
    background-size: 100%;
    margin-left: .23rem;
}


.show-album-top p {
    line-height: .45rem;
}

.show-album-top .bottom {
    background: #fff;
    position: relative;
    margin: 0 .3rem;
    padding: .4rem;
    padding-top: .6rem;
    box-shadow: 0px 2px 16px 0px 
    rgba(167, 167, 167, 0.43);
border-radius: 10px;
   margin-top: -1.4rem;
}

.show-album-top .bottom-bottom {
    display: flex;
    justify-content: space-between;

    align-items: center;
    margin-bottom: .3rem;
}

.show-album-top .bottom .down {
    height: .76rem;
    line-height: .76rem;
    background-color: #ea494b;
    border-radius: .1rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
}

.show-album-top .bottom::before {
    position: absolute;
    content: '';
    top: -.24rem;
    left: -.06rem;
    width: 2.31rem;
    height: .55rem;
    background: url('../images/album_comment.png')no-repeat center;
    background-size: 100%;
}

.show-album-top .bottom .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
    margin-right: .2rem;
}

.show-album-top .bottom .img img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
}

.show-album-top .bottom .name {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
}

.show-album-top .bottom .info {
    margin-left: .25rem;
    font-size: .24rem;
    color: #888;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.34rem;
}

.show-album-top .bottom .info span {
    margin-right: .2rem;
}


.album-show-btn {
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    margin: 0 .2rem;
    background-image: linear-gradient(0deg,
            #04b6af 0%,
            #1ac3bd 100%),
        linear-gradient(#f5f8fc,
            #f5f8fc);
    background-blend-mode: normal,
        normal;
    border-radius: .2rem;
    font-size: .3rem;
    color: #fff;
    font-weight: bold;
    margin-top: .5rem;
}

.show-album-list ul li {
    position: relative;
}

.show-album-list ul li:nth-child(1)::after {
    width: .65rem;
    height: .65rem;
    content: '';
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    background: url('../images/album_1.png')no-repeat center;
    background-size: 100% 100%;
}

.show-album-list ul li:nth-child(2)::after {
    width: .65rem;
    height: .65rem;
    content: '';
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    background: url('../images/album_2.png')no-repeat center;
    background-size: 100% 100%;
}

.show-album-list ul li:nth-child(3)::after {
    width: .65rem;
    height: .65rem;
    content: '';
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    background: url('../images/album_3.png')no-repeat center;
    background-size: 100% 100%;
}


.rank-nav {
    padding: 0.2rem;
    background: #fff;
    margin: 0 0.3rem;
    margin-top: -0.4rem;
    box-shadow: 0rem 0.02rem 0.16rem 0rem rgba(167, 167, 167, 0.43);
    border-radius: 0.2rem;
    padding-bottom: 0.1rem;
}

.rank-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rank-nav ul li {
    width: 47%;
	height: .6rem;
    line-height: .6rem;
	border-radius: .1rem;
    border: solid 1px #eeeeee;

    font-size: .26rem;
    color: #666;
    text-align: center;
    margin-bottom: .2rem;
}

.rank-nav ul li.active {
	border: solid 1px #3b9dff;
}


.rank-nav ul li a {
    color: #666;
    text-align: center;
}

.rank-nav ul li.active a {
    color: #3b9dff;
}

.rank-list {
    margin: 0 .3rem;
    overflow: hidden;

}

.rank-list ul {
    margin-bottom: .35rem;
}

.rank-list ul li {
    display: flex;
    align-items: center;
    background: #fff;
    margin-top: .12rem;
    padding: .2rem;
    padding-left: 0;

}

.rank-list ul li .img {
    width: 1.24rem;
    height: 1.24rem;
    border-radius: .2rem;
}

.rank-list ul li .img img {
    width: 1.24rem;
    height: 1.24rem;
    border-radius: .2rem;
}

.rank-list ul li .info {
    margin: 0 .2rem;
    display: flex;
    flex-direction: column;
    height: 1.3rem;
    justify-content: space-between;
    font-size: .24rem;
    color: #888;
}

.rank-list ul li .info p span{
    height: .4rem;
    line-height: .4rem;
    padding:0 .1rem;
	background-color: #f6f6f6;
    display: inline-block;
}

.rank-list ul li .info p span:nth-child(1) {
    margin-right: .1rem;
}

.rank-list ul li .right{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: .27rem;
}

.rank-list ul li .down{
    width: 1.16rem;
	height: .61rem;
	background-color: #2894ff;
	border-radius: .06rem;
	border: solid .01rem #3b9dff;
    text-align: center;
    line-height: .61rem;
    font-size: .26rem;
    color:#fff;
}

.rank-list ul li .name {
    font-size: .28rem;
    color: #333;
}

.rank-list ul li .num {
    width: .53rem;
    height: .6rem;
    margin-right: .28rem;
}

.rank-list ul li:nth-child(1) .num {
    background: url('../images/rank_show_1.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(2) .num {
    background: url('../images/rank_show_2.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(3) .num {
    background: url('../images/rank_show_3.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(4) .num {
    background: url('../images/rank_show_4.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(5) .num {
    background: url('../images/rank_show_5.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(6) .num {
    background: url('../images/rank_show_6.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(7) .num {
    background: url('../images/rank_show_7.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(8) .num {
    background: url('../images/rank_show_8.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(9) .num {
    background: url('../images/rank_show_9.png')no-repeat center;
    background-size: 100% 100%;
}

.rank-list ul li:nth-child(10) .num {
    background: url('../images/rank_show_10.png')no-repeat center;
    background-size: 100% 100%;
}

.news-banner-swiper {
    position: relative;
    overflow: hidden;
}

.news-banner-swiper a.img img {
    height: 3.82rem;
    width: 100%;
}

.news-banner-swiper .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    background: #fff;
    opacity: 1;
    margin: 0 .01rem !important
}

.news-banner-swiper .swiper-pagination-bullet-active {
    background: #ea494b;
}

.show-game-album {
    border: 1px solid #eeeeee;
    margin-top: .3rem;
}

.show-game-album .top {
    display: flex;
    align-items: center;
    height: 1.65rem;
    background-color: #f7f7f7;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #888;
}

.show-game-album .top .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.show-game-album .top .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.show-game-album .info {
    margin-left: .2rem;
}

.show-game-album .top .top-name {
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}

.show-game-album .top .name {
    flex: 1;
    font-size: .28rem;
    color: #333;
}

.show-game-album .top .tags {
    width: 1.26rem;
    height: .34rem;
    background-color: #ea494b;
    border-radius: .04rem;
    text-align: center;
    line-height: .34rem;
    font-size: .24rem;
    color: #fff;
}

.show-game-album ul {
    display: flex;
    flex-wrap: wrap;
    padding: .3rem;
    padding-bottom: 0;
}

.show-game-album ul li {
    width: 1.21rem;
    margin-right: .47rem;
    margin-bottom: .3rem;
}

.show-game-album ul li:nth-child(4n) {
    margin-right: 0;
}

.show-game-album ul li .item-img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.show-game-album ul li .item-img img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.show-game-album ul li .item-name {
    text-align: center;
    font-size: .24rem;
    color: #555;
    margin-top: .22rem;
}

.show-news-gl {
    position: relative;
}

.show-news-gl::after {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    border-left: 1px solid #eee;
    height: calc(100% - 1rem);
}

.show-news-gl ul li {
    padding-left: .4rem;
    position: relative;
    margin-top: .6rem;
}

.show-news-gl ul li::after {
    content: '';
    height: .13rem;
    width: .13rem;
    position: absolute;
    left: -0.05rem;
    top: .16rem;
    background: #ea494b;
    border-radius: 50%;
    z-index: 99;
}

.show-news-gl ul li .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.show-news-gl ul li .top .time {
    font-size: .24rem;
    color: #999;
}

.show-news-gl ul li .top .tags {
    background: url('../images/tags_bg.png')no-repeat center;
    background-size: 100% 100%;
    width: 1.4rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    color: #ea494b;
    font-size: .24rem;
}

.show-news-gl ul li .name {
    font-size: .28rem;
    color: #333;
}

.games-bg .news-nav {
    padding: 0;
}

.games-bg {
    height: 3.73rem;
    background: url('../images/game_banner.png')no-repeat center top;
    background-size: 100% 100%;
    display: flex;
    align-items: flex-end;
}

.soft-bg {
    background: url('../images/soft_banner.png')no-repeat center top;
    background-size: 100% 100%;
}

.game-top-list {
    margin: 0 .3rem;
    flex: 1;
    padding: 0 .3rem;
    padding-top: .25rem;
    padding-bottom: .1rem;
    overflow: hidden;
    background: #f6f6f6;
}

.game-top-list ul {
    display: flex;
    justify-content: space-between;
}

.game-top-list ul li {
    width: 1.15rem;
}

.game-top-list ul li .img {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: .2rem;
}

.game-top-list ul li .img img {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: .2rem;
}

.game-top-list ul li .name {
    font-size: .26rem;
    color: #666;
    text-align: center;
    margin-top: .25rem;
}

.list-gift-bg {
    height: 3.73rem;
    background: url('../images/gift_banner.png')no-repeat center;
    background-size: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
}

.list-gift-bg ul {
    background: #fff;
    margin: 0 .3rem;
    display: flex;
    justify-content: space-between;
    height: 1.75rem;
    align-items: center;
    padding: 0 .2rem;
}

.list-gift-bg ul li {
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-gift-bg ul li .img {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: .2rem;
}

.list-gift-bg ul li .img img {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: .2rem;
}

.list-gift-bg ul li .info {
    margin-left: .2rem;
}

.list-gift-bg ul li .t2 {
    font-size: .28rem;
    color: #333;
}

.list-gift ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: dashed 1px #dcdbdc;
    padding-bottom: .3rem;
    margin-top: .3rem;
}

.list-gift ul li .img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.list-gift ul li .img img {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: .2rem;
}

.list-gift ul li .info {
    margin: 0 .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.22rem;
    font-size: .24rem;
    color: #888;
}

.list-gift ul li .name {
    font-size: .3rem;
    color: #333;
}

.list-gift ul li .down {
    width: 1.31rem;
    height: .62rem;
    border-radius: .08rem;
    border: solid 1px #ea494b;
    text-align: center;
    line-height: .62rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #ea494b;
}

.list-gift ul li .down img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
}

.show-game-top .gift-bottom .item {
    width: 32%;
}

.show-game-top .gift-bottom .item::after {
    right: 0;
    top:.07rem
}

.show-game-top .gift-socpe{
    width: 1.16rem;
	height: 1.29rem;
    background:url('../images/gift_g.png')no-repeat center;
    background-size: 100%;
}


.show-new-gift {
    position: relative;
}

.show-new-gift::after {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    border-left: 1px solid #eee;
    height: calc(100% - 1rem);
}

.show-new-gift ul li {
    padding-left: .4rem;
    position: relative;
    margin-top: .4rem;
    font-size: .24rem;
    color: #999;
}

.show-new-gift ul li::after {
    content: '';
    height: .13rem;
    width: .13rem;
    position: absolute;
    left: -0.05rem;
    top: .16rem;
    background: #ea494b;
    border-radius: 50%;
    z-index: 99;
}

.show-new-gift ul li .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.show-new-gift ul li .top .time {
    font-size: .24rem;
    color: #999;
}

.show-new-gift ul li .top .tags {
    width: 1rem;
    height: .44rem;
    background: url('../images/gift_new.png')no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #ea494b;
    font-size: .24rem;
    margin-right: .22rem;
}

.show-new-gift ul li .name {
    font-size: .28rem;
    color: #333;
}

.search-new-gl {
    margin-top: .7rem;
    margin-bottom: 3rem;
}

.search-new-gl ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.search-new-gl ul li .tags {
    width: 1.2rem;
    height: .4rem;
    background-color: #fbefef;
    text-align: center;
    line-height: .4rem;
    font-size: .24rem;
    color: #ea494b;
    margin-right: .1rem;
}

.search-new-gl ul li .name {
    font-size: .28rem;
    color: #333;

}

.news-bg {
    background: url('../images/bg_news.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.game-bg {
    background: url('../images/bg_game.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.soft-bg {
    background: url('../images/bg_soft.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.rank-bg {
    background: url('../images/bg_rank.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.album-bg {
    background: url('../images/bg_album.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.gift-bg {
    background: url('../images/bg_gift.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.about-bg {
    background: url('../images/bg_about.png')no-repeat center;
    background-size: 100%;
    height: 3.09rem;
    width: 100%;
}

.news-hot-zx ul li {
    margin-top: .3rem;
}

.news-hot-zx ul li .img {
    position: relative;
    width: 1.81rem;
    height: 1.21rem;
}

.news-hot-zx ul li .img img {
    width: 1.81rem;
    height: 1.21rem;
}

.news-hot-zx ul li .time {
    position: absolute;
    left: 0;
    top: 0;
    width: .98rem;
    height: .38rem;
    text-align: center;
    line-height: .38rem;
    background: rgba(0, 0, 0, .7);
    font-size: .24rem;
    color: #fff;
}

.news-hot-zx ul li .two-cute {
    margin-left: .23rem;
    font-size: .28rem;
    color: #333;
    line-height: .5rem;
}

.news-gl-rank {
padding: 0.3rem;
    border-bottom: 0.1rem solid #f5f5f5;
    padding-top: 0.2rem;
}

.news-gl-rank ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 2.5rem;
    overflow: auto;
    margin-top: .1rem;
}

.news-gl-rank ul li {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 5.5rem;
    margin-right: .3rem;
}

.news-gl-rank ul li .num {
    width: .5rem;
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #fff;
    background: url('../images/gl_span.png')no-repeat center;
    text-align: center;
    margin-right: .1rem;
    flex-shrink: 0;
    background-size: 100% 100%;
}

.news-gl-rank ul li .name {
    font-size: .28rem;
    color: #333;
}

.news-new-gl ul li {
    display: flex;
    margin-top: .3rem;
}

.news-new-gl ul li .tags {
    width: .7rem;
    height: .34rem;
    background-color: #ffa53b;
    border-radius: .04rem;
    text-align: center;
    line-height: .34rem;
    font-size: .24rem;
    color: #fff;
    margin-right: .2rem;
    margin-top: 0.09rem;
}

.news-new-gl ul li:last-child .right {
    border: none;
    padding-bottom: 0;
}

.news-new-gl ul li .right {
    border-bottom: dashed 1px #dcdcdc;
    padding-bottom: .27rem;
    font-size: .24rem;
    color: #999;
}

.news-new-gl ul li .name {
    font-size: .28rem;
    color: #333;
    margin-bottom: .1rem;
}

.show-game-cx ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.show-game-cx ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 48%;
    margin-top: .3rem;
}

.show-game-cx ul li .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
}

.show-game-cx ul li .img img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
}

.show-game-cx ul li .name {
    font-size: .28rem;
    color: #333;
    margin-bottom: .2rem;
}

.show-game-cx ul li .down {
    width: 1.2rem;
    height: .5rem;
    background-color: #f6f6f6;
    border-radius: .25rem;
    text-align: center;
    line-height: .5rem;
    font-size: .24rem;
    color: #999;
}

.show-game-cx ul li .info {
    margin-left: .22rem;
}

.box .public-list-gift ul li .tags {
    border: none;
    width: auto;
}



#game-box {}
#game-box .box-warp {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #000;
	border-radius: 8px;
	margin: 0 .2rem;
	padding: .2rem;
	margin: .2rem;
}
#game-box .box-warp>*{
	z-index: 10;
}
#game-box .box-bg {
	position: absolute;
	z-index: 2 !important;
	filter: blur(10px);
	opacity: .6;
}
#game-box .icon {
	width: 1rem;
	height: 1rem;
}
#game-box .icon img {
	width: 100%;
	height: 100%
}
#game-box .box-info {
	overflow: hidden;
	flex: 1;
	margin: 0 .2rem
}
#game-box .box-info .title {
	color: #fff;
	margin-bottom: .2rem;
	font-weight: bold;
	font-size: .28rem;
}
#game-box .box-info .desc {
	color: #fff;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: .6;
	font-size: .26rem;
}
#game-box .box-down {
	display: block;
	color: #fff;
	font-size: .26rem;
	background-image: linear-gradient( 180deg, #00b3ad, #3492d0);
	border-radius: 0.12rem;
	padding: 0.1rem 0.2rem;
}
#kf-body {
	position: relative;
	overflow: hidden;
	background-image: url('../images/kf-box-bg.png');
	background-size: 100%;
	margin: 0 .2rem;
}
.kaifu {}
.shangjia {
	margin-bottom: -0.5rem;
}
#kf-body .box-title {
	margin: 0.25rem 0;
	line-height: normal;
	background-repeat: no-repeat;
	background-size:auto 100%;
	background-position: center;
	height: .48rem;
	color: #fff;
	text-align: center;
	font-size: .34rem;
	font-weight: bold;
}
#kf-body .box-tab {
	margin: .20rem;
}
#kf-body .box-tab .tab-head {
	text-align: center;
	color: #ffea00;
	font-size: .28rem;
	background: rgb(255 255 255 / 30%);
	font-weight: bold;
	padding: .2rem;
	position: relative;
}
#kf-body .box-tab .tab-head span {
	position: relative;
	display: inline-block;
}
#kf-body .box-tab .tab-head span:after {
	content: '';
	position: absolute;
	right: -.5rem;
	top: 48%;
	transform: translate(0,-50%) rotate(180deg);
	display: inline-block;
	width: .3rem;
	height: .25rem;
	background-image: url('../images/tab-head-arrow.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
#kf-body .box-tab .tab-head span:before {
	content: '';
	position: absolute;
	left: -.5rem;
	top:50%;
	transform: translate(0,-50%);
	display: inline-block;
	width: .3rem;
	height: .25rem;
	background-image: url('../images/tab-head-arrow.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
#kf-body .box-tab ul {
	background: #fffccf;
}
#kf-body .box-tab ul li {
	display: flex;
	align-items: center;
	font-size: .24rem;
	text-align: center;
	border-bottom: 0.01rem solid rgb(57 63 112 / 50%);
	overflow: hidden;
	line-height: .32rem;
}
#kf-body .box-tab ul li>* {
	width: 33.33%;
	display: inline-block;
	padding: 0.1rem .2rem;
}
#kf-body .box-tab ul li .type {
	position: relative;
}
#kf-body .box-tab ul li .type:after {
	content: '';
	border-left: 0.01rem solid rgb(57 63 112 / 50%);
	position: absolute;
	top: -11px;
	right: 0;
	height: 200%;
}
#kf-body .box-tab ul li .type:before {
	content: '';
	border-right: 0.01rem solid rgb(57 63 112 / 50%);
	position: absolute;
	top: -11px;
	left: 0;
	height: 200%;
}
#kf-body .box-tab ul li>* {
	line-height: 0.60rem;
	overflow: hidden;

}
#kf-body .box-tab ul li a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#kf-body .box-tab ul li .gname a {
	color: #342bd9;
}
#kf-body .box-tab ul li .star a {
	color: #0964f4;
	font-weight: bold;
}

.show-album-top p a {
    color: #ffa360;
    text-decoration: none;
    transition: all .2s ease-out;
    display: inline;
}