@charset "utf-8";

/* 顶部公祭日 */
.topDn {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #282828;
}
.topDn-img {
	margin: 0 auto;
	width: 12rem;
}
@media only screen and (min-width: 996px){
	.topDn-img {
		width: 980px;
	}
}

/*首页*/
#yiwu {
	width: 100%;
	height: auto;
	color: #333;
	background: url(../images/m_bg-1.png) no-repeat top #f6f7f9;
	background-size: 100% auto;
}

#yiwu_kfzx {
	width: 100%;
	height: 100%;
	overflow: scroll;
	color: #333;
	background: #FFFFFF;
	background: url(../images/m_bg-2.png) no-repeat top #f6f7f9;
	background-size: 100% auto;
}

/* 内容最大宽度 */
.ywyx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1584px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

/* 左导航栏 */
.ywyx_header {
	line-height: normal;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 266px;
	flex: 0 0 266px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.ywyx_header .ywyx_header-container {
	font-size: 0;
	position: sticky;
	top: 0;
}

.ywyx_header .ywyx_header-container-logo {
	width: 169px;
	height: 57px;
	display: inline-block;
	margin: 19px 0 0 29px;
}

.ywyx_header .ywyx_header-container-logo img {
	width: 100%;
}

.ywyx_header .ywyx_header-container-logo-wide {
	width: 100%;
	height: 100%;
	fill: #15C5CE;
}

.ywyx_header .ywyx_header-container-logo-narrow {
	display: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#16d1d6), to(#14b9c6));
	background: linear-gradient(180deg, #16d1d6, #14b9c6);
	fill: #fff;
}

.ywyx_header .ywyx_header-container-nav {
	margin-top: 43px;
}

.ywyx_header .ywyx_header-container-nav .ywyx_header-container-nav-item {
	width: 100%;
	height: 54px;
	margin-bottom: 18px;
}

/* a标签 */
.ywyx_header-container-nav-item .nav-item_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding-left: 26px;
	text-decoration: none;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	font-weight: 700;
	border-radius: 38px;
}

/* 鼠标样式 */
.tap-router[data-v-17303b36] {
	cursor: pointer;
}

/* 图标 */
.nav-item_link-icon {
	display: inline-block;
	width: 32px;
	height: 31px;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -367px -749px;
	background-size: 1200px;
}

.svg-icon_2 {
	background-position-x: -401px;
}

.svg-icon_3 {
	background-position-x: -438px;
}

.svg-icon_4 {
	background-position-x: -470px;
}

/* 选择的图标 */
.ywyx_header-container-nav .ywyx_header-container-nav-item.active .nav-item_link-icon {
	background-position-y: -707px;
}

.icon-home-new-pressed::before {
	content: "";
}

.nav-item_link .nav-item_link-title {
	margin-left: 14px;
	color: #a4a4a4;
	font-size: 21px;
	line-height: 26px;
}

/* 选中的字体样式 */
.ywyx_header-container-nav .ywyx_header-container-nav-item.active .nav-item_link .nav-item_link-title {
	background: linear-gradient(to right, #ff8100, #fe1600);
	-webkit-background-clip: text;
	color: transparent;
}

/* 选中的a标签 */
.ywyx_header-container-nav .ywyx_header-container-nav-item.active .nav-item_link {
	background-color: #fff;
	/* color: #15C5CE; */
}

/* 主要内容 */
.ywyx_main {
	max-width: 1187px;
	width: 100%;
	height: 100%;
	margin-left: 176px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*头部*/
.topnav,
.topnav_inform {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 51px;
	margin-top: 17px;
	overflow: hidden;
	position: relative;
}

.topnav .logo {
	display: block;
	width: 3.49rem;
	padding-left: 0.49rem;
	display: inline-block;
}

.topnav .logo img {
	width: 100%;
}

.topnav .link-part {
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: 0.5rem;
}

.topnav .link-part a {
	width: 0.8rem;
	height: 0.8rem;
	background: url(../images/icon_public_img.png) no-repeat 0 -1.6rem;
	background-size: 12rem;
	flex: none;
}

.topnav .link-part .service-link {
	margin-right: 0.4rem;
	background-position-x: -0.8rem;
}

.topnav_inform .link-part {
	height: 100%;
	display: flex;
	align-items: center;
}

.topnav_inform .link-part a {
	width: 0.8rem;
	height: 0.8rem;
	background: url(../images/icon_public_img.png) no-repeat 0 -1.6rem;
	background-size: 12rem;
	flex: none;
}

.topnav_inform .link-part .service-link {
	margin-right: 0.4rem;
	background-position-x: -0.8rem;
}

/* 头部搜索框 */
.search_Box {
	width: 600px;
	position: relative;
	right: 0;
	top: 0;
}

.search_Box .search-word {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 40px;
	padding-left: 1.56rem;
	border: none;
	font-size: 20px;
	/* font-weight: bold; */
	color: #000;
}

.search_Box input::placeholder {
	color: #c6c5c5;
}

.search_Box .search-btn {
	width: 26px;
	height: 26px;
	background: url(../images/icon_seek.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.68rem;
	margin: auto;
	cursor: pointer;
}


/* 内容 */
.ywyx_main .ywyx_main-wrap {
	margin: 0;
	padding: 0;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.ywyx_main-wrap .ywyx_main-container,
.ywyx_main-wrap .ywyx_aside-container {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* 左边内容 */
.ywyx_main-wrap .ywyx_main-container {
	width: 12.42rem;
	height: 100%;
	/* overflow: scroll; */
}

/* 右边内容 */
.ywyx_main-wrap .ywyx_aside-container {
	width: 367px;
	height: 100%;
	margin-left: 176px;
}



/* 热门游戏 */
.aside_popularGame {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	border-radius: 20px;
}

.aside_popularGame .aside_popularGame-title {
	height: 62px;
	border-bottom: 1px solid #eeeeee;
	margin: 0 23px;
	font-size: 21px;
	font-weight: bold;
	line-height: 60px;
	color: #5a5a5a;
}

.aside_popularGame .aside_popularGame-examine {
	text-align: center;
	padding: 18px 0;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fe3a00;
}

.aside_popularGame .aside_popularGame-examine_2 {
	display: block;
	text-align: center;
	padding: 18px 0;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fe3a00;
}

.aside_popularGame ul {
	padding-left: 23px;
	padding-right: 14px;
}

.aside_popularGame .aside_popularGame-recommend {
	width: 100%;
	height: 55px;
	padding: 14px 0;
	display: flex;
	align-items: center;
}

.aside_popularGame .aside_popularGame-recommend:first-child {
	padding-top: 23px;
}

.aside_popularGame .aside_popularGame-recommend:last-child {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 30px;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-img {
	width: 56px;
	height: 56px;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-box {
	flex: auto;
	padding-left: 14px;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-box .name {
	font-size: 18px;
	font-weight: bold;
	color: #3a3a3a;
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-box .introduce {
	margin-top: 6px;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-yue {
	flex: none;
	display: block;
	width: 83px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 3px 8px 2px rgb(254 51 0 / 25%);
	box-shadow: 0 3px 8px 2px rgb(254 51 0 / 25%);
	border-radius: 0.6rem;
}

.aside_popularGame .aside_popularGame-recommend .aside_popularGame-recommend-no {
	flex: none;
	display: block;
	width: 83px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	background-color: #cacaca;
	border-radius: 0.6rem;
}

/* 推荐与热玩榜-tab */
.recommend {
	height: 100%;
	position: relative;
}

.recommend .login-tab {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	z-index: 100;
}

.recommend .login-tab .login-tab-bg1 {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	width: 11.54rem;
	height: 1.48rem;
	margin: 0 auto;
	background: url(../images/icon_tuijian_bg.png) no-repeat;
	background-size: 11.54rem;
	z-index: 10;
}

.recommend .login-tab .login-tab-bg2 {
	display: none;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translate(50%);
	width: 11.54rem;
	height: 1.48rem;
	margin: 0 auto;
	background: url(../images/icon_tuijian_bg-2.png) no-repeat;
	background-size: 11.54rem;
	z-index: 10;
}

.recommend .login-tab .login-tab-bg3 {
	display: none;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translate(50%);
	width: 11.54rem;
	height: 1.48rem;
	margin: 0 auto;
	background: url(../images/icon_tuijian_bg-3.png) no-repeat;
	background-size: 11.54rem;
	z-index: 10;
}

.recommend .login-tab span {
	letter-spacing: normal;
	font-size: 0.52rem;
	color: #a1a1a1;
	display: inline-block;
	margin: 0 0.8rem;
	padding: 11px 0px;
	position: relative;
	z-index: 100;
}

.recommend .login-tab span.active {
	color: #fe3a00;
	font-size: 0.63rem;
	font-weight: 600;
	z-index: 99;
}

.recommend .login-tab span.active::after {
	width: 0.9rem;
}

.recommend .login-tab span::after {
	content: '';
	display: block;
	height: 0.08rem;
	width: 0;
	border-radius: 0.02rem;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: 0.3s;
}

.recommend .tab-con {
	height: 100%;
	/* background-color: #fff; */
	box-sizing: border-box;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	overflow: hidden;
	z-index: 1;
}

/* 推荐内容 */
/* 推荐-卡片 */
.feed-card {
	margin: 0 0.45rem 0.64rem;
	list-style: none;
	text-align: left;
	position: relative;
	background-color: #fafafa;
	overflow: hidden;
	border-radius: 0.4rem;
	-webkit-box-shadow: 0 4px 15px 3px rgb(0 0 0 / 5%);
	box-shadow: 0 4px 15px 3px rgb(0 0 0 / 5%);
}

.feed-card:last-child {
	margin: 0 0.45rem 0.44rem;
}

/* 视频 */
.feed-card .feed-card_video {
	position: absolute;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 100;
}

.feed-card .feed-card_banner {
	/* display: none; */
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.feed-card .feed-card_banner .feed-card_image {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color .3s ease-in-out .1s;
	transition: background-color .3s ease-in-out .1s;
	-webkit-appearance: none;
	-webkit-backface-visibility: hidden;
}

.feed-card .feed-card_banner .feed-card_image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.feed-card .feed-card_contents {
	padding: 0.4rem 0.4rem 0.5rem;
}

.feed-card .feed-card_contents .feed-card-classify {
	margin-bottom: 0.38rem;
}

.feed-card_contents .feed-card_message {
	display: flex;
	align-items: center;
}

.feed-card_contents .feed-card_message .feed-card_message-left {
	flex: auto;
	display: flex;
	align-items: center;
}

.feed-card_contents .feed-card_message .feed-card_message-a {
	width: 2.5rem;
	line-height: 0.98rem;
	text-align: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 3px 8px 2px rgb(254 51 0 / 25%);
	box-shadow: 0 3px 8px 2px rgb(254 51 0 / 25%);
	border-radius: 40px;
	font-size: 0.47rem;
	color: #ffffff;
}

.feed-card_contents .feed-card_message .feed-card_message-img {
	width: 1.5rem;
}

.feed-card_contents .feed-card_message .feed-card_message-img img {
	width: 100%;
	border-radius: 0.3rem;
}

.feed-card_contents .feed-card_message .feed-card_message-title {
	padding-left: 0.3rem;
	width: 100%;
	overflow: hidden;
}

.feed-card_message-title .name,
.feed-card_message-title .introduce {
	font-size: 0.44rem;
	line-height: 1.4em;
	font-weight: bold;
	color: #3a3a3a;
	width: 6rem;
	overflow: hidden;
	/*超出部分隐藏*/
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	white-space: nowrap;
	/*规定段落中的文本不进行换行 */
}

.feed-card_message-title .introduce {
	padding-top: 0.14rem;
	color: #a1a1a1;
	font-size: 0.32rem;
	font-weight: 100;
}

/* 卡片-热门活动 */
/* .activity {
	margin: auto 0.5rem;
	overflow: hidden;
} */

.activity_card {
	display: block;
	margin: 0.5rem 0.5rem;
	background-color: #ffffff;
	border-radius: 0.4rem;
	-webkit-box-shadow: 0 0px 10px 1px rgb(0 0 0 / 5%);
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
}

/* 上部分 */
.activity_card .activity_card-top {
	display: flex;
	align-items: center;
	padding: 0.3rem 0 0.26rem;
}

.activity_card .activity_card-top .left {
	flex: auto;
	padding-left: 0.32rem;
	display: flex;
	align-items: center;
}

.activity_card .activity_card-top .logo {
	width: 0.71rem;
}

.activity_card .activity_card-top .name {
	color: #a1a1a1;
	font-size: 0.34rem;
	line-height: 0.44rem;
	padding-left: 0.24rem;
}

.activity_card .activity_card-top .time {
	flex: none;
	color: #cacaca;
	font-size: 0.28rem;
	padding-right: 0.3rem;
}

/* 图片 */
.activity_card .activity_card-img {
	margin: 0 auto;
	padding: 0 0.4rem;
}

.activity_card .activity_card-button {
	margin: auto 0.65rem;
}

.activity_card .activity_card-button .title {
	font-size: 0.43rem;
	font-weight: bold;
	line-height: 0.53rem;
	color: #363636;
	padding: 0.45rem 0 0.26rem;
	/* 隐藏小数点 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 线 */
.xing {
	display: inline-block;
	width: 100%;
	height: 0.02rem;
	background-color: #eeeeee;
	margin: 0.5rem auto;
}

.activity_card .activity_card-button .check {
	display: flex;
	align-items: center;
	padding-bottom: 0.42rem;
}

.activity_card .activity_card-button .check .con {
	flex: auto;
	color: #c4c3c3;
	font-size: 0.34rem;
	line-height: 0.44rem;
}

.activity_card .activity_card-button .check .go {
	flex: none;
	display: inline-block;
	width: 0.18rem;
	height: 0.35rem;
	line-height: 0;
	margin-top: 0.1rem;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -1.73rem -1.78rem;
	background-size: 12rem;
}

.activity_card .activity_card-button .introduce {
	color: #6e6e6e;
	font-size: 0.36rem;
	line-height: 0.46rem;
	/* 溢出换行，超出第二行隐藏 */
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 热玩榜内容 */
.ranking {
	min-height: 7.08rem;
	padding: 0 0.66rem;
	position: relative;
	display: flex;
}

/* 排名底台 */
/* 第一名 */
.ranking .ranking_bg-1 {
	width: 3.44rem;
	min-height: 4.69rem;
	margin: 1.78rem 0.38rem 0.66rem;
	position: relative;
	box-sizing: border-box;
}
.ranking .ranking_bg-1 .backdrop1 {
	position: absolute;
	height: 100%;
	border-radius: 0.6rem;
	z-index: -1;
}

.ranking .ranking_bg-1 .crown_1 {
	width: 1.25rem;
	height: 0.81rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -1.38rem;
	margin-left: -0.62rem;
}

.ranking .ranking_bg-1 .logo_1 {
	width: 2.35rem;
	height: 2.35rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -0.6rem;
	margin-left: -1.17rem;
}

/* 第二名 */
.ranking .ranking_bg-2 {
	position: relative;
	margin: 1.99rem 0 0.98rem;
	width: 3.44rem;
	min-height: 4.12rem;
}

.ranking .ranking_bg-2 .backdrop2 {
	position: absolute;
	z-index: -1;
	height: 100%;
	border-radius: 0.6rem;
}

.ranking .ranking_bg-2 .crown_2,
.ranking .ranking_bg-3 .crown_3{
	width: 1.04rem;
	height: 0.67rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -1.08rem;
	margin-left: -0.5rem;
}

.ranking .ranking_bg-2 .logo_2,
.ranking .ranking_bg-3 .logo_3{
	width: 1.88rem;
	height: 1.88rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -0.44rem;
	margin-left: -0.94rem;
}

/* 第三名 */
.ranking .ranking_bg-3 {
	position: relative;
	margin: 1.99rem 0 0.98rem;
	width: 3.44rem;
	min-height: 4.12rem;
}
.ranking .ranking_bg-3 .backdrop3 {
	position: absolute;
	height: 100%;
	border-radius: 0.6rem;
	z-index: -1;
}
.logo_1 img, .logo_2 img, .logo_3 img{border-radius: 0.4rem;}

/* 皇冠 */
.img img {
	width: 100%;
}

/* 排名内容 */
.ranking .ranking-content_one {
	margin-top: 1.8rem;
	box-sizing: border-box;
	position: relative;
}
.ranking .ranking-content_tow {
	margin-top: 1.46rem;
	box-sizing: border-box;
	position: relative;
}

.ranking .name {
	padding-top: 0.33rem;
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 0.47rem;
	font-weight: bold;
	text-align: center;
}

.ranking .introduce {
	margin: 0;
	padding-top: 0.2rem;
	width: 100%;
	text-align: center;
	font-size: 0.29rem;
	color: #ffffff;
	overflow: hidden;
	word-break: break-all;
}

/* 后面排名 */
.tab-con .ranking_bg-4 {
	position: relative;
	margin: 0 0.48rem;
	background-color: #ffffff;
}

.ranking_bg-4:nth-child(2) {
	border-radius: 0.4rem 0.4rem 0 0;
}

.ranking_bg-4:last-child {
	margin-bottom: 0.44rem;
	border-radius: 0 0 0.4rem 0.4rem;
	-webkit-box-shadow: 0 4px 15px 3px rgb(0 0 0 / 3%);
	box-shadow: 0 4px 15px 3px rgb(0 0 0 / 3%);
}

.ranking_bg-4:last-child .ranking_bg-content {
	border: none;
}

.ranking_bg-4 .ranking_bg-content {
	border-bottom: 0.02rem solid #eeeeee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto 0.35rem;
}

.ranking_bg-4 .ranking_con {
	flex: auto;
	display: flex;
	align-items: center;
	height: 3.14rem;
}

.ranking_bg-4 .ranking_con .figure {
	flex: none;
	color: #a1a1a1;
	font-size: 0.51rem;
	text-align: center;
}

.ranking_bg-4 .ranking_con .ranking_con-logo {
	padding-left: 0.35rem;
	width: 1.78rem;
}

.ranking_bg-4 .ranking_con .ranking_con-logo img {
	width: 100%;
}

.ranking_bg-4 .ranking_con .ranking_con-title {
	flex: auto;
	padding-left: 0.42rem;
}

.ranking_con-title .name {
	color: #3a3a3a;
	font-size: 0.5rem;
	font-weight: bold;
	line-height: 0.6rem;
}

.ranking_con-title .introduce {
	padding-top: 0.3rem;
	color: #a1a1a1;
	font-size: 0.34rem;
	line-height: 0.44rem;
	display: flex;
	align-items: center;
}

.ranking_con-title .introduce span {
	display: inline-block;
	width: 0.02rem;
	height: 0.32rem;
	margin: 0.05rem 0.17rem 0;
	background-color: #a1a1a1;
}

/* 下载按钮颜色 */
.btn-ffc731 {
	color: #ffc731;
}

.btn-f8622c {
	color: #f8622c;
}

/* 公告与攻略 */
.recommend_notice {
	margin: 0.78rem 0.5rem 0.26rem;
	-webkit-box-shadow: 0 0px 10px 1px rgb(0 0 0 / 5%);
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
	border-radius: 0.3rem;
}

/* 框 */
.recommend_notice .recommend_conent {
	/* display: flex;
	align-items: center; */
	height: 3.76rem;
	padding-left: 0.25rem;
	padding-right: 0.32rem;
}

.recommend_notice .recommend_conent a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.strategy li {
	border-bottom: 0.02rem solid #eeeeee;
	margin-left: 0.25rem;
	margin-right: 0.32rem;
	padding: 0;
}

.recommend_notice .recommend_conent:first-child {
	/* margin-top: 0.78rem; */
	border-radius: 0.3rem 0.3rem 0 0;
}

.recommend_notice .recommend_conent:last-child {
	border-radius: 0 0 0.3rem 0.3rem;
}

.recommend_notice li:last-child {
	border-radius: 0 0 0.3rem 0.3rem;
	border: none;
}

/* 背景颜色 */
.ba-ff {
	background-color: #ffffff;
}

.ba-fa {
	background-color: #fafafa;
}

/* 左边图片 */
.recommend_notice-img {
	width: 4.22rem;
}

/* 公告右边-内容 */
.recommend_notice .recommend_notice-content {
	margin-left: 0.44rem;
	flex: auto;
}

.recommend_notice .recommend_notice-content .recommend_notice-content-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

/* 标题 */
.recommend_notice-content-title .name {
	width: 5.36rem;
	color: #3a3a3a;
	font-size: 0.42rem;
	font-weight: bold;
	line-height: 0.62rem;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 当属性值为3，表示超出3行隐藏 */
}

.recommend_notice-content .recommend_notice-content-message {
	display: flex;
	align-items: center;
	margin-top: 0.78rem;
}

.recommend_notice-content .recommend_notice-content-message .gameName {
	flex: auto;
	display: flex;
	align-items: center;
}

/* 游戏小logo */
.gameName .logo {
	display: inline-block;
	width: 0.53rem;
	height: 0.53rem;
}

.gameName .logo img {
	width: 100%;
}

.gameName .name {
	color: #a1a1a1;
	font-size: 0.34rem;
	line-height: 0.44rem;
	padding-left: 0.16rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.recommend_notice-content .recommend_notice-content-message .time {
	flex: none;
	color: #cacaca;
	font-size: 0.26rem;
	line-height: 0.36rem;
}

/* 热门活动-轮播图banner */
.banner {
	width: 100%;
	margin: 0.75rem auto 0.8rem;
}

.swiper-container-banner {
	padding-bottom: 0.6rem;
	width: 12.42rem;
}

.swiper-container-banner .swiper-slide {
	border-radius: 0.2rem;
	width: 12.42rem;
	transition: 300ms;
	transform: scale(0.9);
}

.swiper-container-banner .swiper-slide img {
	width: 100%;
	border-radius: 0.2rem;
}

.swiper-container-banner .swiper-slide a {
	display: block;
	line-height: 0;
	margin: 0 0.56rem;
	border-radius: 0.2rem;
	box-shadow: 0 0 0.2rem rgba(222, 225, 238, 1);
}

.swiper-container-banner .swiper-slide-active {
	transform: scale(1);
	/* box-shadow: 0 0 0.2rem rgba(222, 225, 238, 1); */
}

.swiper-container-banner .swiper-slide-prev,
.swiper-container-banner .swiper-slide-next {
	opacity: 0.5;
}

/* 指示器 */
.swiper-container-banner .swiper-pagination {
	line-height: 0;
	bottom: 0.1rem;
	box-sizing: border-box;
}

.swiper-container-banner .swiper-pagination span {
	width: 0.2rem;
	height: 0.2rem;
	opacity: 1;
	box-sizing: border-box;
	background-color: #fff;
	transition: 0.3s;
	margin: 0 0.05rem;
}

.swiper-container-banner .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #f97730;
}

/* 礼包中心 */
.gift {
	margin: 0.46rem 0.5rem 0;
}

/* 标题 */
.recommend .recommend_title {
	display: flex;
	align-items: center;
	margin: 0.46rem auto;
}

.recommend .recommend_title .recommend_title-fl {
	flex: auto;
	display: flex;
	align-items: center;
}

.recommend .recommend_title .recommend_title-rl {
	flex: none;
	display: flex;
	align-items: center;
}

.recommend_title-img-1 {
	width: 0.42rem;
	padding-right: 0.2rem;
}

.recommend_title-img-2 {
	width: 0.49rem;
	padding-right: 0.12rem;
}

.recommend_title-name {
	color: #5a5a5a;
	font-size: 0.51rem;
	line-height: 0.6rem;
}

.recommend_title-more {
	color: #a8a8a8;
	font-size: 0.43rem;
	line-height: 0.53rem;
	padding-right: 0.25rem;
}

/* 热门礼包 */
.recommend_hot {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

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

.recommend_hot .recommend_hot-content {
	width: 2.61rem;
	margin-right: 0.3rem;
	margin-bottom: 0.27rem;
	background-color: #ffffff;
	border-radius: 0.4rem;
}

.recommend_hot .recommend_hot-content:nth-child(4),
.recommend_hot .recommend_hot-content:nth-child(8),
.recommend_hot .recommend_hot-content:last-child {
	margin-right: 0;
}

.recommend_hot .recommend_hot-content .recommend_hot-content-logo {
	width: 1.47rem;
	margin: 0.38rem auto;
}

.recommend_hot .recommend_hot-content .recommend_hot-content-name {
	color: #5f5d5d;
	font-size: 0.34rem;
	line-height: 0.44rem;
	text-align: center;
}

/* 全部礼包 */
.gift-list-box {
	position: relative;
	width: 100%;
}

.gift-list-box .item {
	-webkit-animation: opacityThis 0.3s linear;
	animation: opacityThis 0.3s linear;
	background: #fff;
	border-radius: 0.4rem;
	padding: 0 0.39rem;
	margin-bottom: 0.6rem;
	-webkit-box-shadow: 0 4px 15px 3px rgb(0 0 0 / 3%);
	box-shadow: 0 4px 15px 3px rgb(0 0 0 / 3%);
}

.gift-list-box .item:last-child {
	margin: 0;
}

.gift-list-box .item .game-info {
	display: flex;
	align-items: center;
}

.gift-list-box .game-info-content {
	flex: auto;
	padding: 0.44rem 0 0.54rem;
	display: flex;
	align-items: center;
}

/* logo */
.gift-list-box .item .game-info .icon {
	width: 2.17rem;
	height: 2.17rem;
}

.gift-list-box .item .game-info .icon img {
	width: 100%;
	height: 100%;
}

/* 游戏名称 */
.gift-list-box .item .game-info .text {
	flex: auto;
	overflow: hidden;
	padding-left: 0.4rem;
}

.gift-list-box .game-info-content .text-img {
	padding-bottom: 0.35rem;
	display: flex;
}

.gift-list-box .game-info-content .text-img span {
	margin-right: 0.2rem;
}

.gift-list-box .item .game-info .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gift-list-box .item .game-info .text .name {
	font-size: 0.55rem;
	font-weight: bold;
	color: #363636;
	line-height: 0.65rem;
}

.gift-list-box .item .game-info .text .type {
	font-size: 0.28rem;
	color: #a1a1a1;
	line-height: 0.38rem;
	padding-top: 0.2rem;
}

/* 礼包信息 */
.gift-list-box .item .gift-box {
	width: 100%;
	position: relative;
}

.gift-list-box .item .gift-item {
	padding: 0.5rem 0;
	border-bottom: 0.01rem solid #f1f1f1;
	display: flex;
	align-items: center;
}

.gift-list-box .item .gift-item:first-child {
	border-top: 0.01rem solid #f1f1f1;
}

/* 第二条礼包信息开始隐藏 */
.gift-list-box .item .gift-item:nth-of-type(n+2) {
	display: none;
}

/* 显示 */
.gift-list-box .item.show .gift-item:nth-of-type(n+2) {
	display: flex;
}

.gift-list-box .item .gift-item .text {
	flex: auto;
	overflow: hidden;
}

/* 领取礼包名称 */
.gift-list-box .item .gift-item .gift-name {
	font-size: 0.34rem;
	line-height: 1.4em;
	color: #6e6e6e;
	display: flex;
	align-items: center;
}

/* 礼包图标 */
.gift-list-box .item .gift-item .gift-name:before {
	content: '';
	display: inline-block;
	width: 0.33rem;
	height: 0.32rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -3rem -2.55rem;
	background-size: 12rem;
}

.gift-list-box .item .gift-item .gift-num {
	display: flex;
	align-items: center;
	padding: 0.25rem 0;
}

.gift-list-box .item .gift-item .gift-num .bar {
	width: 5.13rem;
	margin-right: 0.1rem;
	height: 0.16rem;
	background: #e5e5e5;
	border-radius: 0.06rem;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.gift-list-box .item .gift-item .gift-num .bar i {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(to right, #f97730, #fc2d2d);
}

.gift-list-box .item .gift-item .gift-num .num {
	padding-left: 0.75rem;
	color: #fe3a00;
	font-size: 0.28rem;
}

.gift-list-box .item .gift-item .gift-intr {
	font-size: 0.32rem;
	color: #b4b4b4;
	line-height: 1.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 领取按钮 */
.gift-list-box .item .gift-item .get-btn {
	flex: none;
	font-size: 0.43rem;
	color: #ff0000;
	padding: 0.06rem;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(left, #f97730 0%, #fc2d2d 90%);
	background-image: -moz-linear-gradient(left, #f97730 0%, #fc2d2d 90%);
	background-image: linear-gradient(left, #f97730 0%, #fc2d2d 90%);
	border-radius: 0.9rem;
	width: 2.36rem;
	height: 0.9rem;
	line-height: 0.9rem;
	text-align: center;
}

.gift-list-box .item .gift-item .get-btn .box {
	width: 100%;
	height: 100%;
	font-size: 0.44rem;
	line-height: 0.8rem;
	border-radius: 0.9rem;
	background: #fff;
}

/* 礼包没有了 */
.gift-list-box .item .gift-item .get-no {
	flex: none;
	font-size: 0.43rem;
	color: #cacaca;
	border: 2px solid #cacaca;
	border-radius: 0.9rem;
	width: 2.36rem;
	line-height: 0.9rem;
	text-align: center;
}

/* 查看更多礼包 */
.gift-list-box .item .gift-item-toggle {
	height: 1.57rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gift-list-box .item .gift-item-toggle .text {
	font-size: 0.36rem;
	color: #b1b0b0;
	line-height: 0.46rem;
	display: flex;
	align-items: center;
}

.gift-list-box .item .gift-item-toggle .text:after {
	content: '';
	display: inline-block;
	margin-left: 0.25rem;
	width: 0.34rem;
	height: 0.34rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -1.4rem -2.54rem;
	background-size: 12rem;
}

.gift-list-box .item.show .gift-item-toggle .text:after {
	content: '';
	display: inline-block;
	margin-left: 0.25rem;
	width: 0.34rem;
	height: 0.34rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -3.33rem -1.9rem;
	background-size: 12rem;
}

/*内页-活动中心*/
/*文章详细页面*/
.list_detail_box {
	padding: 1.15rem 0.9rem;
}

.list_detail {
	border-bottom: 0.03rem dashed #dcdcdc;
	text-align: center
}

.list_detail h1 {
	font-size: 18px;
	color: #323131;
	line-height: 17px;
	padding-top: 16px;
	font-weight: normal;
}

.list_detail .title {
	width: 100%;
	font-size: 0.55rem;
	color: #67686c;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.list_detail .text {
	display: block;
	font-size: 0.36rem;
	color: #67686c;
	line-height: 1.6em;
	padding: 0.3rem 0;
}

/*上下页*/
.page_updown {
	border-top: 1px solid #f1f1f1;
	font-size: 14px;
	color: #595858;
	line-height: 16px;
	padding: 20px 0 10px
}

.page_updown p {
	width: 48%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.page_updown a {
	color: #666
}

.page_updown a:hover {
	color: #ffd600
}

.m_text {
	font-size: 0.32rem !important;
	color: #67686c;
	line-height: 1.4em;
	padding: 0.5rem 0
}

.m_text>div,
.m_text>p,
.m_text_span {
	font-size: 14px !important;
	color: #595858;
	line-height: 25px;
	word-wrap: break-word;
}

.m_text img {
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}

.m_text video {
	width: 100%;
	max-width: 640px;
	height: auto;
	margin: 10px auto;
	display: block;
}

.m_text table {
	width: 100%;
}

.m_text table,
.m_text th,
.m_text td {
	border: 1px solid black;
}

.m_text td p {
	width: 100%;
	word-wrap: break-word;
}