body {
    background-size: 100% auto;
}

#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .2rem;
    padding-bottom: .15rem;
	background-color: #06e5da;
}

#logo {
    width: 2.13rem;
    height: .56rem;
}

#logo img {
    width: 2.13rem;
    height: .56rem;
}

#search {
    width: .34rem;
    height: .34rem;
    display: flex;
    align-items: center;
}

#search img {
    width: .34rem;
    height: .34rem;
}

.nav {
    height: .7rem;
    line-height: .7rem;
    background-image: linear-gradient(-90deg,
            #fff 0%,
            #fff 100%),
        linear-gradient(#fff,
            #fff);
    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #afafaf;
}

.nav ul {
    display: flex;
    align-items: center;
}

.nav ul li {
    width: 1.4rem;
}


.nav ul li.active  a{
}
.nav ul li a {
    text-align: center;
    font-size: .26rem;
    color: #3f3f3f;
}

.box {
    padding: .2rem .3rem;
    border-bottom: .1rem solid #f8f8f8;
}

.index-banner-swiper {
    margin-bottom: .2rem;
}

.index-banner-swiper .index-swiper-div a.img img {
    height: 3.6rem;
    width: 100%;
    border-radius: .15rem;
}

#footer {
    background: #f6f6f6;
    padding: .6rem 0;
    text-align: center;
    font-size: .24rem;
    color: #999;
}

#footer a {
    color: #999;
}

#footer p {
    margin: .15rem 0;
}

.foot-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-logo img {
    width: 2.14rem;
    height: .56rem;
}

.foot-a {
    display: flex;
    justify-content: center;
}

.foot-a a {
    margin-right: .2rem;
}

.foot-a a:last-child {
    margin-right: 0;
}

.index-hot-title>img {
    width: 4.21rem;
    display: block;
    margin: 0 auto;
}

.index-hot-title ul {
    display: flex;
    flex-wrap: wrap;
}

.index-hot-title ul li {
    width: 1.43rem;
    margin-top: .4rem;
    margin-right: .39rem;
}

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

.index-hot-title ul li .img {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto;
}


.index-hot-title ul li .img img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
}

.index-hot-title ul li .name {
    font-size: .24rem;
    color: #666;
    text-align: center;
    margin-top: .14rem;
}

.index-hot-title ul li .star {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #18c2bc;
    font-size: .24rem;
}

.index-hot-title ul li .star img {
    margin-right: .1rem;
    width: .22rem;
    height: .21rem;
    margin-top: .03rem;
}

.public-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.public-title span {
    background: url('../images/title_bg.png')no-repeat center left;
    background-size: .34rem .19rem;
    font-size: .3rem;
    color: #333;
    padding-left: .52rem;
    ;
}
.public-title span strong,.index-news ul li .name .highlight{color: #1ec4bf
}
.public-title a {
    width: 1.01rem;
    height: .37rem;
    border-radius: .04rem;
    border: solid .01rem #eeeeee;
    text-align: center;
    line-height: .35rem;
    font-size: .24rem;
    color: #999;
}

.links-box {
    padding: .2rem .3rem;
}

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

.links-list a {
    font-size: .24rem;
    color: #999;
    margin-top: .2rem;
    margin-right: .2rem;
}

.index-news ul li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .25rem;
}

.index-news ul li .img {
    width: 1.6rem;
    height: 1.1rem;
    border-radius: .1rem;
}

.index-news ul li .img img {
    width: 1.6rem;
    height: 1.1rem;
    border-radius: .1rem;
}

.index-news ul li .info {
    border-bottom: 1px dashed #dcdcdc;
    margin-left: .2rem;
    padding-bottom: .32rem;
}

.index-news ul li:last-child .info{
    border-bottom: none;
}

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

.index-news ul li p{
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    color:#999;
}

.index-news ul li .time{
    display: flex;
    align-items: center;
}

.index-news ul li .time img{
    width: .22rem;
	height: .24rem;
    margin-right: .12rem;
}

.index-game ul li{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .2rem;
}

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

.index-game ul li .num{
    position: absolute;
    top:0;
    left:0;
    width: .63rem;
	height: .54rem;
    background: url('../images/index_game_num2.png')no-repeat center;
    background-size: 100%;
    font-size: .24rem;
    color:#fff;
    font-weight: bold;
    padding-left: .1rem;
}

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

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

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

.index-game ul li:last-child .right{
    border-bottom: none;
}

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

.index-game ul li .down{
    width: 1.31rem;
	height: .63rem;
	background: #1ec6c0;
	border-radius: .1rem;
    font-size: .26rem;
    color:#fff;
    text-align: center;
    line-height: .63rem;
}

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

.public-list ul li:first-child{
    margin-top: 0;
}

.public-list ul li:last-child{
    margin-bottom: 0;
}


.public-list ul li .yd{
    width: .09rem;
	height: .09rem;
	background: #1ec6c0;
}

.public-list ul li .name{
    margin:0 .2rem;
    font-size: .24rem;
    color:#555;
}

.public-list ul li .time{
    font-size: .24rem;
    color:#999;
}

.index-tt-news{
    background: #f4fafa;
    padding:.3rem .2rem;
    margin-bottom: .2rem;
    margin-top: .25rem;
    position: relative;
}

.index-tt-news::after{
    position: absolute;
    right:0;
    top:0;
    width: 1.35rem;
	height: .84rem;
    content: '';
    background: url('../images/index_tt_ico.png')no-repeat center;
    background-size: 100%;
}

.index-tt-news .name{
    font-size: .26rem;
    color:#333;
    font-weight: bold;
    margin-right: 1rem;
    margin-bottom: .27rem;
}

.index-tt-news .bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    color:#999;
}

.index-tt-news p{
    margin-left: .21rem;
}

.index-tt-news  .img{
    width: 1.61rem;
	height: 1.11rem;
}

.index-tt-news  .img img{
    width: 1.61rem;
	height: 1.11rem;
}

.index-zl{
    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
    margin-top: .4rem;
}

.index-zl .item{
    width: 4.9rem;
    flex-shrink: 0;
}

.index-zl .item .title{
    height: .65rem;
    line-height: .65rem;
    font-size: .28rem;
    color:#333;
    padding-left: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-zl .item:nth-child(1) {
    margin-right: .3rem;
}
.index-zl .item:nth-child(1) .title{
    background: url('../images/index_album_1.png')no-repeat center;
    background-size: 100%;
}

.index-zl .item:nth-child(2) .title{
    background: url('../images/index_album_2.png')no-repeat center;
    background-size: 100%;
}

.index-zl .item  ul{
    display: flex;
    flex-wrap: wrap;
    padding:0 .3rem;
    border:1px solid #d0f2f1;
    padding-bottom: .27rem;
}

.index-zl .item  ul li{
    width: 1.1rem;
    margin-right: .33rem;
    margin-top: .24rem;
}

.index-zl .item  ul li:nth-child(3n){
    margin-right: 0;
}

.index-zl .item  ul li .img{
    width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
}

.index-zl .item  ul li .img img{
    width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
}

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

.news-bg{
    padding:.1rem;
    background: #fff; 
}

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

.public-box{
    padding:0 .3rem;
}

.bg-404{
    background: #fff;
    margin:0 .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.44rem;
    padding-bottom: 3.81rem;
}

.bg-404>img{
    height: 3.38rem;
    width: 3.52rem;
}

.bg-404 p{
    font-family: NSimSun;
    color:#100808;
    font-size: .24rem;
    margin-top: .71rem;
}

.bg-404 a{
    width: 1.6rem;
	height: .6rem;
	border: solid .01rem #13bfb9;
    text-align: center;
    line-height: .58rem;
    font-size: .24rem;
    color:#1ec6c0;
    margin-top: .5rem;
}
.album-info {
	text-align: center;
	color: #999;
	font-size: .26rem;
}
.album-info span {
	position: relative;
	padding-right: .2rem;
	margin-right: .1rem;
}
.album-info span::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: .02rem;
	height: 60%;
	background: #999;
}
.album-info span:last-child {
	padding: 0;
	margin: 0;
}
.album-info span:last-child::after {
	display: none;
}

.tip-cover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	left: 0;
	background: rgb(0 0 0 / 50%)
}
.tip-box {
	background: #fff;
	width: auto;
	margin: 8% .3rem;
	margin-bottom: .8rem;
	border-radius: .2rem;
	overflow: hidden;
}
.tip-box .box-head {
	position: relative;
	height: 2.3rem;
	background: fixed;
	text-align: center;
	background-image: linear-gradient( 90deg ,#01c4bd, #0fe0d7);
}
.tip-box .box-head span {
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.tip-qx span {
	background-image: url('../../../pc/assets/images/tip-qx.png');
}
.tip-ys span {
	background-image: url('../../../pc/assets/images/tip-ys.png');
}
.tip-box .box-head:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../../../pc/assets/images/tip-box-bg.png');
	background-size: 100%;
}
.tip-box .box-main {
	padding: .4rem;
}

.tip-box .box-main .title {
	font-size: .4rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.box-content {
	max-height: 4.4rem;
	overflow-y: scroll;
}
.tip-box .box-main .box-content h3 {
	font-weight: bold;
	color: #333;
	margin: .3rem 0;
	font-size: .3rem;
}
.tip-box .box-main .box-content p {
	margin: .3rem 0;
	line-height: .52rem;
	font-size: .28rem;
}
.tip-box .box-main .box-content b {
	color: #333;
	font-size: .3rem;
}
.tip-box .box-main .know-btn {
	margin-top: .4rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-image: linear-gradient( 90deg ,#01c4bd, #0fe0d7);
	line-height: .96rem;
	font-size: .34rem;
	border-radius: .2rem;
}
.tip-cover .box-close {
	width: .9rem;
	height: .9rem;
	background-repeat: no-repeat;
	background-image: url('../../../pc/assets/images/tip-close.png');
	margin: 0 auto;
}
.tip-open,
.tip-close {
	cursor: pointer;
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {text-align: right;padding-right: 20px;}
			.swiper-button-next,.swiper-container-rtl .swiper-button-prev {	right: 0px !important;background-image: url(./img/arrow-next.png) !important;}
			.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left: 0px !important;background-image: url(./img/arrow-prev.png) !important;}
			.swiper .img_wrap .tt-swiper01 {width: 100%;height: 230px;}
			.swiper .img_wrap .tt-itm {width: 100%;height: 240px ;}
			
			.swiper .img_wrap .tt-itm img {width: 100%;height: 240px;}
			.swiper .img_wrap .tt-itm h3 {position: relative;;width: 80%;padding: 0px 1%;padding-right: 20%;height: 40px;line-height: 40px;color: #fff;bottom: 0px;font-size: 20px;background: rgba(0, 0, 0, .5);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
			.swiper_right .swiper-button-next,.swiper_right .swiper-button-prev {width: 30px;height: 25px;}
			.swiper .img_wrap .tt-swiper01 .swiper-active-switch {background-color: #C10D0C;}
			.swiper .img_wrap .tt-swiper01 .swiper-active-switch {background-color: #f94742;}
			.swiper-slide {width: 100% !important;}
			.tt-itm a h3 {background-color: rgba(0, 0, 0, .5);position: relative;top: -49px;font-size: 0.5rem;color: #fff;line-height: 35px;width: 80%;overflow: hidden;padding-right: 20%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
			.swiper{width: 100%;}
			form {  
			    display: flex;  
			    align-items: center;  
			}  
			  
			/* 搜索输入框样式 */  
			#searchPlaceholder {  
			    width: calc(100% - 120px); /* 减去按钮的宽度和间距 */  
			    padding: 10px;  
			    font-size: 16px;  
			    border: 1px solid #ccc;  
			    border-radius: 4px 0 0 4px; /* 左侧圆角 */  
			    outline: none; /* 移除焦点时的边框 */  
			}  
			  
			#search_an {  
			    width: 100px; /* 按钮宽度 */  
			    padding: 10px;  
			    font-size: 16px;  
			    border: 1px solid #ccc;  
			    border-left: none; /* 移除左侧边框以合并 */  
			    background-color: #06e5da; /* 按钮背景色 */  
			    color: white; /* 按钮文字颜色 */  
			    cursor: pointer; /* 鼠标悬停时显示为手型 */  
			    border-radius: 0 4px 4px 0; /* 右侧圆角 */  
			    transition: background-color 0.3s ease; /* 背景色过渡效果 */  
			}  
			  
			/* 按钮悬停效果 */  
			#search_an:hover {  
			    background-color: #04b9b0; /* 悬停时的背景色 */  
			}
.search{background-color: #fff;padding: 10px 0 5px;display: none;}
/*
   Pagination B
*/

.pagination {
   display: inline-block;
   padding-left: 0;
   margin: 17px 0;
   border-radius: 3px;
}

.pagination > li {
   display: inline;
}

.pagination > li > a,.pagination > li > span {
   position: relative;
   float: left;
   padding: 6px 12px;
   line-height: 1.42857143;
   text-decoration: none;
   color: #2c3e50;
   background-color: #fff;
   border: 1px solid #ddd;
   margin-left: -1px;
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
   margin-left: 0;
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
}

.pagination > li:last-child > a,.pagination > li:last-child > span {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
}

.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
   z-index: 2;
   color: #11181f;
   background-color: #eeeeee;
   border-color: #ddd;
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
   z-index: 3;
   color: #fff;
   background-color: #06e5da;
   border-color: #06e5da;
   cursor: default;
}

.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
   color: #777777;
   background-color: #fff;
   border-color: #ddd;
   cursor: not-allowed;
}

.pagination-lg > li > a,.pagination-lg > li > span {
   padding: 10px 16px;
   font-size: 15px;
   line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {
   border-bottom-left-radius: 5px;
   border-top-left-radius: 5px;
}

.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
}

.pagination-sm > li > a,.pagination-sm > li > span {
   padding: 5px 10px;
   font-size: 11px;
   line-height: 1.5;
}

.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {
   border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
}

.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {
   border-bottom-right-radius: 2px;
   border-top-right-radius: 2px;
}
.pagination_center{text-align: center}
/*
   Pagination E
*/
#fixed {
	padding: 0 10px;
    display: flex;
    align-items: center;
    margin: 15px 0;
    font-size: 12px;
    color: #999;
}

#fixed a {
    color: #999;
}
#fixed > a + a:before {
    content: ">";
    padding: 0 5px;
    color: #ccc;
}
:root {
    --pm-c: #18C2BC;
}

.c-pm {
    color: #1ec6c0
}

.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 ul {
    display: flex;
    flex-wrap: wrap;
}

.news-nav ul li {
    width: 1.65rem;
    height: .69rem;
    background: url('../images/news_nav.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: .73rem;
    margin-right: .1rem;
    margin-top: .1rem;
}

.news-nav ul li.active {
    background: url('../images/news_nav_select.png')no-repeat center;
    background-size: 100%;
}

.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: #fff;
}

.list-news ul li {
    margin-top: .3rem;
    counter-increment: number;
}

.list-news ul li .name {
    font-size: .3rem;
    color: #333;
    margin-bottom: .23rem;
}

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

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

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

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

.list-news ul li .info {
    margin-left: .24rem;
    font-size: .24rem;
    color: #888;
    height: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: .4rem;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: .25rem;
}

.list-news ul li .time {
    color: #999;
    display: flex;
    align-items: center;
}

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


/*上下页按钮*/

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

.news-translate ul {}

.news-translate ul li {
    display: inline-block;
}

.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: 0.56rem;
    margin: 0.65rem auto 0.72rem;
    display: flex;
    justify-content: center;
}

.previous,
.next {
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999;
    border: 1px solid #e5e5e5
}

.prev {
    margin-right: 0.29rem;
}

.next {
    margin-left: 0.29rem;
}

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

.article-top {
    background: #fff;
    padding: 0.5rem 0;
    margin-bottom: .1rem;
}

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

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

.artice-content {
    background: #fff;
    margin-bottom: .1rem;
    padding: .3rem .2rem;
}
.artice-content img{display: block;width: 100%}
.artice-content p {
    font-size: .26rem;
    color: #666;
    line-height: .58rem;
    text-indent: 2em;
}

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

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

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

.news-xg-game {
    display: flex;
    justify-content: space-between;
    position: relative;
    border: solid 1px #1ec6c0;
    height: 1.77rem;
    padding: 0 .22rem;
    align-items: center;
}

.news-xg-game::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.11rem;
    height: 1.1rem;
    background: url('../images/xg_ico.png')no-repeat center;
    background-size: 100%;
}

.news-xg-game .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .1rem;
}

.news-xg-game .img img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .1rem;
}

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

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

.news-xg-game .down {
    position: absolute;
    right: .17rem;
    top: .35rem;
}

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

.show-hot-bq ul li {
    width: 47%;
    height: .62rem;
    line-height: .62rem;
    border: solid 1px #eeeeee;
    padding: 0 .25rem;
    box-sizing: border-box;
    margin-top: .22rem;
}

.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: .24rem;
    color: #999;
    margin-right: .2rem;
}

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

.show-game-commont ul li .down {
    width: 1rem;
    height: 1rem;
    border: solid 1px #00beb2;
    border-radius: 50%;
    text-align: center;
    line-height: 1rem;
    font-size: .26rem;
    color: #1ec6c0
}

.show-game-commont ul li:nth-child(-n+3) .down {
    width: 1.13rem;
    height: .94rem;
    font-size: 0;
    background: url('../images/show_game_comment.png')no-repeat center;
    background-size: 100%;
    border: none
}

.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: 0.63rem;
    height: 0.54rem;
    background: url(../images/index_game_num1.png)no-repeat center;
    background-size: 100%;
    font-size: .24rem;
    color: #fff;
    font-weight: bold;
    padding-left: 0.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;
    padding: .1rem 0;
    text-align: center;
    background-color: #ffffff;
    border-radius: .1rem;
    border: solid 1px #1ec6c0;
    color: #18c2bc;
}

.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-gift ul li .btn p:nth-child(1) img {
    width: .2rem;
    height: .2rem;
    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 {
    background: url('../images/game_bg.png')no-repeat center top;
    background-size: 100%;
    padding: .2rem;
    margin: 0 .3rem;
}


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

.show-game-top .top .img {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .2rem;
}

.show-game-top h1 {
    font-size: .32rem;
    color: #333;
    margin-bottom: .15rem
}

.show-game-top .top .info {
    margin-left: .28rem;
    min-height: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .24rem;
    color: #888;
}

.show-game-top .top .scope {
    width: 1.45rem;
    height: 1.45rem;
    background: url('../images/app_scope.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: 1.7rem;
    font-size: .6rem;
    color: #e1af65;
    font-weight: bold;
}

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

.show-game-top .top .game-scope {
    background: url('../images/game_scope.png')no-repeat center;
    background-size: 100%;
}

.show-game-top .bottom {
    display: flex;
    justify-content: space-between;
    background: #f3eee0;
    margin-top: .25rem;
    text-align: center;
    padding: .2rem .5rem;
}

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

}

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

.show-game-down {
    width: 100%;
    margin-top: .24rem;
}

.show-game-down>a {
    height: .88rem;
    line-height: .88rem;
    background-image: linear-gradient(0deg, #ff8e1f 45%, #ffeb67 100%);
    border-radius: .06rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
}

.show-game-down>a.none {
    display: block;
    background-image: linear-gradient(0deg, #e3e3e3 0%, #d0d0d0 100%);
}

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

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

.show-game-img img {
    width: 3rem;
    margin-right: .16rem;
    border-radius: .1rem
}

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

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

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

.show-game-content h2,
.show-game-content h3 {
    height: .5rem;
    line-height: .5rem;
    background: #f6f6f6;
    font-size: .24rem;
    color: #333;
    border-left: .03rem solid #1ec6c0;
    padding-left: .12rem;
    font-weight: bold;
    margin: .15rem 0;
}

.show-game-gift ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: .22rem;
}

.show-game-gift ul li .img {
    width: 1.11rem;
    height: 1.11rem;
    border-radius: 50%;
}

.show-game-gift ul li .img img {
    width: 1.11rem;
    height: 1.11rem;
    border-radius: 50%;
}

.show-game-gift ul li .right {
    flex: 1;
    overflow: hidden;
    display: flex;
    border-bottom: 1px dashed #dcdbdc;
    margin-left: .3rem;
    align-items: center;
    padding-bottom: .2rem;
}

.show-game-gift ul li .get {
    width: 1.2rem;
    height: .6rem;
    border-radius: .1rem;
    border: solid .01rem #1ec6c0;
    text-align: center;
    line-height: .58rem;
    font-size: .26rem;
    color: #1ec6c0;
}

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

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

.about-bg {
    background: #fff;
    padding: .1rem;
    margin: 0 .3rem;
}

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

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

.map-title {
    height: 0.5rem;
    line-height: .5rem;
    background: #f6f6f6;
    font-size: .24rem;
    color: #333;
    border-left: 0.03rem solid #1ec6c0;
    padding-left: 0.12rem;
    font-weight: bold;
    margin: 0.15rem 0;
}

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

.map-list a {
    margin-right: .2rem;
    font-size: .26rem;
    color: #666;
    margin-bottom: .2rem;
}

.map-content {
    padding: .3rem;
}

.search-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: .88rem;
    line-height: .88rem;
    margin: .1rem .3rem;
    padding: 0 .24rem;
    font-size: .24rem;
    color: #09b8b3;
}

.search-content {
    margin: 0 .3rem;
    background: #fff;
    padding: .2rem .3rem;
}

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

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

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

.search-top input {
    flex: 1;
    overflow: hidden;
    border: none;
    outline: none;

}

.search-title {
    font-size: .26rem;
    color: #333;
    font-weight: bold;
}

.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: .32rem;
    height: .41rem;
    background: url('../images/search_commont.png')no-repeat center;
    background-size: 100%;
    margin-top: .05rem;
    margin-right: .13rem;
}

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

.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 {
    font-size: .24rem;
    color: #999;
}

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

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

.show-gift-down span {
    height: .7rem;
    line-height: .7rem;
    background-image: linear-gradient(0deg,
    #08aea8 0%,
    #24e8ae 100%),
    linear-gradient(#bbbbbb,
            #bbbbbb);
    border-radius: .06rem;
}

.show-gift-down a {
    height: .7rem;
    line-height: .7rem;
    background-image: linear-gradient(0deg,#ff8e1f 0%,#ffeb67 100%),linear-gradient(#bbbbbb,#bbbbbb);
    border-radius: .12rem;
}

.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.71rem;
    height: 1.92rem;
    background: url('../images/gift_bg.png')no-repeat center;
    background-size: 100% 100%;
    margin: calc(50vh - 3.56rem) auto;
    text-align: center;
    padding-top: 1.64rem;
    position: relative;
}



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

.whole-mask .inner .active-code {

    color: #666;
}

.whole-mask .inner .receive-gift-close {
    position: absolute;
    bottom: -0.2rem;
    left: 2.69rem;
}

.whole-mask .inner .receive-gift-close img {
    width: .31rem;
    height: .31rem;
}

.whole-mask .inner .receive-btn {
    margin-top: .35rem;
}

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

.list-album ul li {
    margin-top: .35rem;
}

.list-album ul li .top {
    display: flex;
    height: .6rem;
    line-height: .6rem;
    justify-content: space-between;
    align-items: baseline;
}

.list-album ul li:nth-child(5n+1) .top {
    background: url('../images/album_title1.png')no-repeat center;
    background-size: 100%;
}

.list-album ul li:nth-child(5n+2) .top {
    background: url('../images/album_title2.png')no-repeat center;
    background-size: 100%;
}

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

.list-album ul li:nth-child(5n+4) .top {
    background: url('../images/album_title4.png')no-repeat center;
    background-size: 100%;
}

.list-album ul li:nth-child(5n+5) .top {
    background: url('../images/album_title5.png')no-repeat center;
    background-size: 100%;
}

.list-album ul li .top .title {
    font-size: .28rem;
    color: #333;
    margin: 0 .2rem;
}

.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 {
    border: solid 1px #d0f2f1;
    font-size: .24rem;
    color: #888;
    line-height: .5rem;
    padding: .25rem;
}

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

.album-list-a .item {
    width: 1.25rem;
    margin-right: .45rem;
}

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


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


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

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

.show-album-top {
    margin: 0 .3rem;
}

.show-album-top .top {
    background: #fff;
    padding: 0 .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .24rem;
    color: #999;
    padding-top: .35rem;
    padding-bottom: .2rem;
}

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

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

.show-album-top h1::after {
    content: '';
    width: 1.13rem;
    height: .3rem;
    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 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: .67rem;
    align-items: center;
}

.show-album-top .bottom::before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -.91rem;
    width: 1.82rem;
    height: .44rem;
    background: url('../images/xb_commont.png')no-repeat center;
    background-size: 100%;
}

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

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

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

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

.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 !important;
    font-weight: bold;
    margin-top: .5rem;
}

/* .show-album-list ul li:nth-child(-n+3) .img::after{
    display: none;
} */

/* .show-album-list ul li:nth-child(-n+3) .btn{
    font-size: 0;
    border: none;
    width: 1.19rem;
	height: 1.04rem;
} */

/* .show-album-list ul li:nth-child(-n+3) .btn>*{
    font-size: 0 !important;
} */

/* .show-album-list ul li:nth-child(-n+3) .btn p{
    display: none;
} */

/* .show-album-list ul li:nth-child(1) .btn{
    background: url('../images/show_album1.png')no-repeat center;
    background-size: 100%;
}

.show-album-list ul li:nth-child(2) .btn{
    background: url('../images/show_album2.png')no-repeat center;
    background-size: 100%;
}

.show-album-list ul li:nth-child(3) .btn{
    background: url('../images/show_album3.png')no-repeat center;
    background-size: 100%;
} */


.rank-nav {
    padding: 0 .3rem;
}

.rank-nav ul {
    display: flex;
    flex-wrap: wrap;
}

.rank-nav ul li {
    width: 2.25rem;
    height: .69rem;
    background: url('../images/rank_nav.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: .73rem;
    margin-right: .06rem;
    margin-top: .1rem;
}

.rank-nav ul li.active {
    background: url('../images/rank_nav_select.png')no-repeat center;
    background-size: 100%;
}

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

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

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

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

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

.rank-list ul li .img::after {
    counter-increment: section;
    position: absolute;
    content: counter(number);
    top: -.3rem;
    left: .37rem;
    width: .48rem;
    height: .47rem;
    background: url('../images/rank.png')no-repeat center;
    background-size: 100%;
    font-size: .24rem;
    color: #fff;
    font-weight: bold;
    line-height: .6rem;
    text-align: center;
}

.rank-list ul li:nth-child(1) .img::after {
    font-size: 0;
    background: url('../images/rank_1.png')no-repeat center;
    background-size: 100%;
    width: .46rem;
    height: .45rem;
}

.rank-list ul li:nth-child(2) .img::after {
    font-size: 0;
    background: url('../images/rank_2.png')no-repeat center;
    background-size: 100%;
    width: .46rem;
    height: .45rem;
}

.rank-list ul li:nth-child(3) .img::after {
    font-size: 0;
    background: url('../images/rank_3.png')no-repeat center;
    background-size: 100%;
    width: .46rem;
    height: .45rem;
}

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

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

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

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

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

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

.rank-list ul li .down {
    width: 1.11rem;
    height: .61rem;
    text-align: center;
    line-height: .58rem;
    font-size: .24rem;
    color: #1ec6c0;
    background-color: #ffffff;
    border-radius: .1rem;
    border: solid 1px #1ec6c0;
}

.rank-list ul li p.star {
    display: flex;
    align-items: center;
    color: #18c2bc;
}

.rank-list ul li p.star img {
    width: .22rem;
    height: .21rem;
    margin-right: .1rem;
}

.hide {
    display: none !important;
}




.add-rank-list ul li {
    height: 2.61rem;
    background-color: #f8f8f8;
    padding-left: .24rem;
    padding-top: .23rem;
    margin-top: .2rem;
}

.add-rank-list ul li .name {
    font-size: .3rem;
    color: #333;
    font-weight: bold;
}

.add-rank-list ul li .img-list {
    display: flex;
    align-items: center;
    margin-top: .2rem;
    margin-bottom: .2rem;
}

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

.add-rank-list ul li .img-list img {
    height: .3rem;
    width: .3rem;
    border: .03rem solid #f8f8f8;
    border-radius: 50%;
    margin-left: -0.1rem;
}

.add-rank-list ul li .img-list img:nth-child(1) {
    margin-left: 0;
}

.add-rank-list ul li .time {
    font-size: .28rem;
    color: #999;
}

.add-rank-list ul li .down {
    width: 1.67rem;
    height: .5rem;
    border-radius: .08rem;
    border: solid 1px #1ec6c0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    color: #1ec6c0;
    margin-top: .2rem;
}

.add-rank-list ul li .down img {
    height: .23rem;
    width: .23rem;
    margin-left: .1rem;
}

.add-rank-list ul li .right {
    display: flex;
    align-items: flex-end;
    flex: 1;
    justify-content: space-between;
    margin-left: .35rem;
    margin-right: .2rem;
}

.add-rank-list ul li .right .item {
    width: 1rem;
}

.add-rank-list ul li .right .img {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.add-rank-list ul li .item:nth-child(1) .img::after {
    position: absolute;
    font-size: 0;
    background: url('https://m.zuobiandown.com/themes/default/common_cms/mobile/assets/images/list_rank1.png')no-repeat center;
    background-size: 100%;
    width: 0.42rem;
    height: 0.41rem;
    top: -0.3rem;
    left: 50%;
    margin-left: -0.21rem;
    content: '';
}


.add-rank-list ul li .item:nth-child(2) .img::after {
    position: absolute;
    font-size: 0;
    background: url('https://m.zuobiandown.com/themes/default/common_cms/mobile/assets/images/list_rank2.png')no-repeat center;
    background-size: 100%;
    width: 0.42rem;
    height: 0.41rem;
    top: -0.3rem;
    left: 50%;
    margin-left: -0.21rem;
    content: '';
}



.add-rank-list ul li .item:nth-child(3) .img::after {
    position: absolute;
    font-size: 0;
    background: url('https://m.zuobiandown.com/themes/default/common_cms/mobile/assets/images/list_rank3.png')no-repeat center;
    background-size: 100%;
    width: 0.42rem;
    height: 0.41rem;
    top: -0.3rem;
    left: 50%;
    margin-left: -0.21rem;
    content: '';
}


.add-rank-list ul li .right .item:nth-child(2) .img {
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
}

.add-rank-list ul li .right .item:nth-child(2) .img img {
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
}

.add-rank-list ul li .right .img img {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
}

.add-rank-list ul li .right .right-name {
    margin-top: .18rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .24rem;
    color: #666;
}

.rank-show {
    display: flex;
    justify-content: space-between;
    height: .6rem;
    background: rgba(0, 47, 114, 0.5);
    align-items: center;
    padding: 0 .23rem;
    box-sizing: border-box;
    position: absolute;
    bottom: .1rem;
    left: .1rem;
    width: calc(100% - 0.2rem);
}

.show-rank-bg {
    position: relative;
}

.rank-show h1 {
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-show time {
    font-size: .24rem;
    color: #fff;
}


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

.rank-game-list ul li:last-child {
    margin-bottom: 0;
}

.rank-game-list ul li .yd {
    width: .09rem;
    height: .09rem;
    background-color: #1ec6c0;
}

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

.rank-game-list ul li .time {
    font-size: .24rem;
    color: #888;
}

.rank-game-hot {
    background: url('../images/rank_game_bg.png')no-repeat center top;
    background-size: 100%;
    padding-left: .3rem;
    padding-top: .3rem;
    box-sizing: border-box;
    padding-bottom: .4rem;
    margin-top: .46rem;
}

.rank-game-hot .title {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
}

.rank-game-hot ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-right: .3rem;
    margin-top: .4rem;
}

.rank-game-hot ul li {
    width: 2rem;
}

.rank-game-hot ul li .img {
    width: 1.07rem;
    height: 1.07rem;
    border-radius: 50%;
    margin: 0 auto;
}

.rank-game-hot ul li:nth-child(2) .img {
    width: 1.45rem;
    height: 1.45rem;
}

.rank-game-hot ul li:nth-child(2) .img img {
    width: 1.45rem;
    height: 1.45rem;
}

.rank-game-hot ul li .img img {
    width: 1.07rem;
    height: 1.07rem;
    border-radius: 50%;
}

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

.hidden {
    display: none;
}

#game-box {}

#game-box .box-warp {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #000;
    border-radius: .16rem;
    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(.2rem);
    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 !important;
}

#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: -.22rem;
    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: -.22rem;
    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-game-top .bottom .item span {
    display: block;
    margin-top: .1rem
}

#app_info {
    margin-top: 10px
}

#app_info li,
#app_info li b {
    font-size: 13px !important
}