.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: .2rem .3rem;
    box-shadow: 0rem .02rem .08rem 0rem rgba(191, 191, 191, 0.25);
    border-radius: .1rem;
    padding-bottom: .1rem;
}

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

}

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


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

.news-nav ul li a {
    font-size: .26rem;
    color: #666;
    background: #f7f7f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:0 .1rem;
}

.news-nav ul li.active a {
    background: #FFF8F2;
    color: #fd8610;
}

.list-news ul li {
    margin-top: .3rem;
    counter-increment: number;
    border-bottom: 1px dashed #dcdcdc;
    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: #333;
    font-weight: bold;
}

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

.list-news ul li .img {
    width: 2.35rem;
    height: 1.55rem;
    border-radius: .1rem;
    position: relative;
}

.list-news ul li .img img {
    width: 2.35rem;
    height: 1.55rem;
    border-radius: .1rem;
}

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

}

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

.list-news ul li .time span:first-child {
    min-width: 1.3rem;
    box-sizing: border-box;
    padding:0 .1rem;
    height: .4rem;
    border-radius: .2rem;
    border: solid 1px #fd8610;
    color: #fd8610;
    font-size: .24rem;
    text-align: center;
    line-height: .38rem;
}

.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 {
    width: 1.2rem;
    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;
    border: 1px solid #e5e5e5
}

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

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

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

.article-more-a {
    height: .9rem;
    background-color: #f6f6f6;
    line-height: .9rem;
    text-align: center;
    font-size: .26rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .2rem;
}

.article-top {
    padding: .4rem .1rem;
    background: #fff;
    margin: .2rem .3rem;
    box-shadow: 0rem .02rem .08rem 0rem rgba(191, 191, 191, 0.25);
    border-radius: .1rem;
}

.article-top h1 {
    font-size: .32rem;
    color: #333;
    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-bottom: 0;
}

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

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

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

.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;
    flex-direction: column;
}

.show-game-top .top .img {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #dddddd;
    box-shadow: 0rem .06rem .07rem 0rem rgba(191, 191, 191, 0.7);
    border-radius: .2rem;
    margin-top: .25rem;
}

.show-game-top .top h1 {
    font-size: .3rem;
    color: #333;
    font-weight: bold;
    margin-top: .25rem;
}

.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, .4);
    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;
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
    border-radius: .1rem;
    background: url('../images/game_msg_bg.png')no-repeat center;
    background-size: 100% 100%;
    padding: .3rem 0;
}

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


.show-game-top .bottom .item {
    position: relative;
    flex-shrink: 0;
    width: 50%;
    display: flex;
    padding-left: .3rem;
    box-sizing: border-box;
    font-size: .24rem;
    color: #888;
}

.show-game-top .bottom .item:nth-child(-n+3) {
    margin-bottom: .12rem;
    padding-bottom: .12rem;
}

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



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

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

.show-game-bg {
    background-size: 100%;
    overflow: hidden;
    margin: 0 .3rem;
}

.show-gift-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .25rem;
}

.show-gift-top img {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #dddddd;
    box-shadow: 0rem .06rem .07rem 0rem rgba(191, 191, 191, 0.7);
    border-radius: .2rem;
}

.show-gift-bg .bottom {
    background: url('../images/gift_bg1.png')no-repeat center;
    background-size: 100% 100%;
    height: 2rem;
    margin: 0 .3rem;
    font-size: .24rem;
    color: #888;
    padding: .1rem .25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
}

.show-gift-top h1 {
    font-size: .3rem;
    color: #333;
    font-weight: bold;
    margin-top: .2rem;
}

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

.show-game-down>a {
    height: .84rem;
    background-color: #fd8610;
    line-height: .84rem;
    border-radius: .15rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
}

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

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

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

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

.show-game-content p {
    text-indent: 2em;
}

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

.show-game-content h2,
.show-game-content h3 {
    height: .6rem;
    background: #FFF8F2;
    background-size: 100%;
    line-height: .6rem;
    font-size: .26rem;
    color: #333;
    position: relative;
    margin: .12rem 0;
    padding-left: .2rem;
    font-weight: bold;
    border-left: .05rem solid #fd8610;
}


.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;
    margin-top: .2rem;
}

.map-list a {
    width: 1.55rem;
    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: .1rem .3rem;
    margin-bottom: 0;
}

.search-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.15rem .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 {
    background: #fff;
    display: flex;
    justify-content: space-between;
    box-shadow: 0rem 0rem .05rem 0rem 
    rgba(255, 123, 57, 0.75);
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    flex: 1;
    overflow: hidden;
    margin-left: .4rem;
}

.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: .29rem;
    height: .5rem;
}

.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-bg{
    background: url('../images/search_bg.png')no-repeat center top;
    background-size: 100% auto;
}

.search-msg {
    height: .96rem;
    line-height: .96rem;
    background-color: #fff;
    font-size: .26rem;
    color: #999;
    box-shadow: 0rem .02rem .08rem 0rem rgba(191, 191, 191, 0.25);
    margin: 0 .3rem;
    padding-left: .3rem;
    border-radius: .1rem;
}

.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: .84rem;
    background-color: #ff7568;
    border-radius: .15rem;
    line-height: .84rem;
    font-size: .28rem;
    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: .84rem;
    line-height: .84rem;
    background-color: #fd8610;
    border-radius: .15rem;
    color: #fff;
    text-align: center;
    font-size: .28rem;
    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.11rem;
    height: 4.37rem;
    background-color: #ffffff;
    border-radius: 20px;
    margin: calc(50vh - 4.37rem) auto;
    text-align: center;
    position: relative;
}



.whole-mask .inner .info {
    margin: .3rem 0;
    margin-bottom: .5rem;
    font-size: .24rem;
    color: #666;
}

.whole-mask .inner .active-code {

    color: #666;
}

.whole-mask .inner .receive-gift-close {
    position: absolute;
    right: .3rem;
    top: .3rem;
    background: url('../images/menu_close.png')no-repeat center;
    width: .29rem;
    height: .29rem;
    background-size: 100% 100%;
}

.whole-mask .inner img {
    width: 2.36rem;
    height: 2.12rem;
    margin-top: -1rem;
}

.whole-mask .inner .title {
    text-align: center;
    font-size: .3rem;
    color: #fd8610;
    font-weight: bold;
    margin: .3rem 0;
}

.whole-mask .inner .receive-btn {
    margin: 0 .57rem;
    height: .67rem;
    line-height: .67rem;
    background-color: #fd8610;
    border-radius: .1rem;
    text-align: center;
    font-size: .26rem;
    color: #fff;
}

.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: .6rem;
    height: 2.21rem;
    border-radius: .06rem;
    border: solid 1px #eeeeee;
    display: flex;
}

.list-album ul li>.left {
    display: flex;
    flex-direction: column;
    width: 1.93rem;
    background-color: #f6f6f6;
    align-items: center;
    font-size: .24rem;
    color: #999;
    height: 100%;
    position: relative;
}

.list-album ul li>.left::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    border-right: .29rem solid white;
    border-top: .19rem solid transparent;
    border-bottom: .19rem solid transparent;
    margin-top: -.2rem;
}

.list-album ul li>.left p {
    margin-top: .14rem;
}

.list-album ul li>.left .img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem;
    margin-top: -.2rem;
}

.list-album ul li>.left .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem;
}

.list-album ul li .right {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: .24rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: .24rem;
    color: #999;
    padding-top: .15rem;
}

.list-album ul li .right .down {
    position: absolute;
    right: .2rem;
    bottom: .55rem;
    width: .97rem;
    height: .6rem;
    background-color: #fd8610;
    border-radius: .06rem;
    border: solid 1px #fd8610;
    text-align: center;
    line-height: .6rem;
    font-size: .26rem;
    color: #fff;
}

.list-album ul li .right .list-img {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    margin-right: .1rem;
}

.list-album ul li .right .list-img img {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
}

.list-album ul li .right .name {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
}

.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 {
    background: #fff;
    margin: .2rem .3rem;
    box-shadow: 0rem .02rem .08rem 0rem rgba(191, 191, 191, 0.25);
    border-radius: .1rem;
    padding-bottom: .7rem;
}


.show-album-top .top {
    padding: .4rem .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .24rem;
    color: #999;
    padding-bottom: 2rem;
    position: relative;
}

.show-album-top .top::after {
    content: '专辑';
    width: 3.39rem;
    height: 1.18rem;
    text-align: center;
    line-height: 1.18rem;
    position: absolute;
    font-size: 1.2rem;
    top: .1rem;
    left: 50%;
    color: #f4f4f4;
    margin-left: -1.7rem;
    font-weight: bold;
    z-index: 9;
    letter-spacing: .06rem;
}

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

.show-album-top .top .tags span {
    height: .37rem;
    line-height: .37rem;
    padding: 0 .15rem;
}

.show-album-top .top .tags span:not(:last-child)::after {
    content: '丨';
    margin-left: .2rem;
}

.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: #333;
    font-size: .36rem;
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
    background: #fff;
    position: relative;
    z-index: 10;
}




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

.show-album-top .bottom {
    height: 2rem;
    background: url('../images/album_game_comment.png')no-repeat center;
    background-size: 99% 99%;
    position: relative;
    margin: 0 .2rem;
    padding: 0 .3rem;
    padding-top: .77rem;
    margin-top: -1.6rem;
}

.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: #fd8610;
    border-radius: .1rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
}



.show-album-top .bottom .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .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: .2rem 0.3rem;
    box-shadow: 0rem .02rem .08rem 0rem 
    rgba(191, 191, 191, 0.25);
    border-radius: 0.2rem;
    padding-bottom: 0;
}

.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: .06rem;
    font-size: .26rem;
    background-color: #f7f7f7;
    color: #666;
    text-align: center;
    margin-bottom: .2rem;
}

.rank-nav ul li.active {
    background: #fff8f2;
}


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

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

.rank-list {
    margin: 0 .3rem;
}

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

.rank-list ul li {
    margin-top: .3rem;
}

.rank-list ul li .top{
    height: .7rem;
	background-color: #f6f6f6;
    position: relative;
    padding-left: .2rem;
}

.rank-list ul li .top::after{
    position: absolute;
    content: '';
    left: .41rem;
    bottom: 0;
    border-bottom: .1rem solid white;
    border-left: .11rem solid transparent;
    border-right: .11rem solid transparent;
}

.rank-list ul li .name{
    font-size: .28rem;
    color:#333;
    display: flex;
    align-items: center;
    height: 100%;
}

.rank-list ul li .name img{
    width: .17rem;
	height: .16rem;
    margin-left: .07rem;
}

.rank-list ul li .name img:nth-child(1){
    margin-left: .24rem;
}

.rank-list ul li .num{
    position: absolute;
    right:.34rem;
    top:0;
    width: .65rem;
	height: .9rem;
    background: url('../images/rank_num.png')no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    line-height: 1.1rem;
    font-size: .26rem;
    color:#fff;
}

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

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

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

.rank-list ul li .bottom{
    margin-top: .3rem;
}

.rank-list ul li .info{
    margin:0 .2rem;
    font-size: .24rem;
    color:#666;
    line-height: .5rem;
}

.rank-list ul li .down{
    width: 1.3rem;
	height: .6rem;
	border-radius: .06rem;
	border: solid .01rem #fd8610;
    text-align: center;
    line-height: .6rem;
    font-size: .26rem;
    color:#fd8610;
}

.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;
    justify-content: space-between;
    margin-top: .3rem;
}

.list-gift ul li .right {
    border-bottom: dashed 1px #dcdbdc;
    padding-bottom: .3rem;
    align-items: center;
    margin-left: .2rem;
}

.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-right: .2rem;
    font-size: .24rem;
    color: #888;
    height: 1.21rem;
}

.list-gift ul li .name {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    margin-top: .2rem;
    margin-bottom: .1rem;
}

.list-gift ul li .down {
    width: .74rem;
    height: .74rem;
    background-color: #fd8610;
    text-align: center;
    border-radius: 50%;
    font-size: .28rem;
    color: #fff;
    line-height: .75rem;
    flex-shrink: 0;
}

.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-top: .3rem;
    padding-left: .3rem;
    border-bottom: .1rem solid #f5f5f5;
    padding-bottom: 0;
}

.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;
}

.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-zj-tabs {
    display: flex;
    justify-content: space-between;
}

.game-zj-tabs>span {
    width: 50%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    box-sizing: border-box;
    background-color: #f6f6f6;
    font-size: .28rem;
    color: #666;
}

.game-zj-tabs>span.active {
    border-top: .04rem solid #fd8610;
    background: #fff;
    color: #333;
    font-weight: bold;
}

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

.game-zj-content ul li span {
    font-size: .24rem;
    color: #999;
}

.game-zj-content ul li .tags {
    font-size: .25rem;
    color: #999;
}

.game-zj-content ul li .name {
    font-size: .28rem;
    color: #333;
    margin: 0 .2rem
}

.game-show-video ul li .img::after {
    display: none;
}

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

.gift-list-top ul li {
    width: 2.15rem;
    height: 3.3rem;
    box-shadow: 0rem .02rem .08rem 0rem rgba(191, 191, 191, 0.25);
    border-radius: .1rem;
    background: url('../images/gift_top_bg.png')no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gift-list-top ul li .img {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: .2rem;
    margin-top: .4rem;
}

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

.gift-list-top ul li .name {
    height: .64rem;
    line-height: .32rem;
    margin: 0 auto;
    margin-top: .23rem;
    width: 1.47rem;
    white-space: unset;
    font-size: .24rem;
    color: #333;
    margin-bottom: .22rem;
}

.gift-list-top ul li .down {
    width: 1.25rem;
    height: .47rem;
    background-color: #ffeedd;
    border-radius: .1rem;
    border: solid .01rem #fd8610;
    text-align: center;
    line-height: .47rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    color: #fd8610;
    margin: 0 auto;
}

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

.show-side-gift ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.19rem;
    background-color: #f7f7f7;
    border-radius: .2rem;
    position: relative;
    padding-left: 1.6rem;
    margin-top: .6rem;
}

.show-side-gift ul li .img {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .2rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

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

.show-side-gift ul li .info {
    font-size: .24rem;
    color: #888;
}

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

.show-side-gift ul li .get {
    width: 1rem;
    height: .54rem;
    border-radius: .06rem;
    border: solid .01rem #fd8610;
    text-align: center;
    line-height: .54rem;
    font-size: .26rem;
    color: #fd8610;
    margin: 0 .2rem;
}

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

}

.show-xg-gift ul li .down {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    background-color: #fd8610;
}

.show-xg-gift ul li .down img {
    width: .29rem;
    height: .29rem;
}

.show-xg-gift ul li .right {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: .2rem;
    margin-left: .2rem;
    font-size: .24rem;
    color: #888;
}

.show-xg-gift ul li .name {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .2rem;
}

.public-rank-list ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.45rem;
	background-color: #fbfbfb;
    padding:.2rem;
    margin-bottom: .2rem;
}

.public-rank-list ul li .left{
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    padding:.2rem 0;
    font-size: .24rem;
    color:#999;
}

.public-rank-list ul li .name{
    color:#2c2c34;
    font-size: .3rem;
    font-weight: bold;
}

.public-rank-list ul li .item-list{
    display: flex;
    align-items: center;
}

.public-rank-list ul li .item-list .img{
    width: .56rem;
	height: .56rem;
    border-radius: 50%;
    margin-right: .18rem;
}

.public-rank-list ul li .item-list .img img{
    width: .56rem;
	height: .56rem;
    border-radius: 50%;
}

.public-rank-list ul li .right{
    box-sizing: border-box;
    width: .78rem;
	height: 1.59rem;
	border-radius: .1rem;
	border: solid 1px #fd8610;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:.24rem;
    color: #fd8610;
    line-height: .35rem;
    padding: 0 .16rem;
}

.public-rank-list ul li  i{
    text-align: center;
}

.public-rank-list ul li .right .icon{
    width: .39rem;
	height: .34rem;
    background: url('../images/rank_right.png')no-repeat center;
    background-size: 100% 100%;
    margin-bottom: .1rem;
}

.show-rank-top{
    background: url('../images/rank_show_bg.png')no-repeat center;
    background-size: 100% 100%;
	height: 2.45rem;
	background-color: #ffffff;
	border-radius: .1rem;
    margin:.2rem .3rem;
    font-size: .24rem;
    color:#999;
    text-align: center;
    padding-top: .58rem;
    box-sizing: border-box;
}

.show-rank-top h1{
    font-size: .32rem;
    color:#333;
    font-weight: bold;
    margin-bottom: .35rem;
}

.show-more-rank{
    overflow: auto;
}

.show-more-rank ul{
    width: 10.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:0 .3rem;
}

.show-more-rank ul li{
    width: 4.91rem;
	height: .61rem;
	border-radius: .04rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .17rem;
    padding:0 .2rem;
    box-sizing: border-box;
}

.show-more-rank ul li:nth-child(-n+2){
    background: #EDFBF5;
}

.show-more-rank ul li .name{
    font-size: .26rem;
    margin-right: .1rem;
}

.show-more-rank ul li .down{
    height: .21rem;
    width: .21rem;
}

.show-more-rank ul li:nth-child(3),.show-more-rank ul li:nth-child(4){
    background: #FEFAF2;
}

.show-more-rank ul li:nth-child(5),.show-more-rank ul li:nth-child(6){
    background: #EDF8FF;
}

.show-more-rank ul li:nth-child(7),.show-more-rank ul li:nth-child(8){
    background: #FFF6FB;
}

.show-more-rank ul li:nth-child(-n+2) .name{
    color:#38d08f;
}

.show-more-rank ul li:nth-child(3) .name,.show-more-rank ul li:nth-child(4) .name{
    color:#ffb632;
}

.show-more-rank ul li:nth-child(5) .name,.show-more-rank ul li:nth-child(6) .name{
    color:#66c3ff;
}

.show-more-rank ul li:nth-child(7) .name,.show-more-rank ul li:nth-child(8) .name{
    color:#fe9fd7;
}

.show-more-rank ul li:nth-child(-n+2) .down{
    background: url('../images/rank_more1.png')no-repeat center;
    background-size: 100% 100%;
}

.show-more-rank ul li:nth-child(3) .down,.show-more-rank ul li:nth-child(4) .down{
    background: url('../images/rank_more2.png')no-repeat center;
    background-size: 100% 100%;
}

.show-more-rank ul li:nth-child(5) .down,.show-more-rank ul li:nth-child(6) .down{
    background: url('../images/rank_more3.png')no-repeat center;
    background-size: 100% 100%;
}

.show-more-rank ul li:nth-child(7) .down,.show-more-rank ul li:nth-child(8) .down{
    background: url('../images/rank_more4.png')no-repeat center;
    background-size: 100% 100%;
}

.page{
    margin-top: 15px;
    text-align: center;
}
.page a{
    border: 1px solid #fd8610;
    padding: 5px 10px;
    margin: 5px 5px;
    line-height: 15px;
    display: inline-block;
}
.page .current{
    background-color: #fd8610;
    color: #fff;
}

.sprk {
    font-size: 26px;
    flex: 1;
    display: block;
    height: 45px;
    line-height: 40px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    color: #fff!important;
    background: #fd8610;
    text-shadow: 1px 7px 4px #000000;
    box-shadow: 3px 8px 8px #000000;
    text-decoration:none;
    margin: 0 20px 20px;
    animation: shareCodeBtnAn 0.5s ease-in-out infinite alternate;
}
@keyframes shareCodeBtnAn {
    from {
        transform: scale(0.93);
    }

    to {
        transform: scale(1);
    }
}