html,
body {
	padding: 0;
	margin: 0;
	position: relative;
	height: 100%;
	background-color: #f5f5f5;
	font-size: 16px;
	min-width: 1200px;
}

ul {
	padding: 0;
}

ul,
p,
h3 {
	margin: 0;
	font-weight: 400;
}

li {
	list-style-type: none;
}

a {
	color: #000000;
	text-decoration: none;
}

input {
	outline: none;
}

.content {
	width: 1200px;
	margin: 0 auto;
}

.header-top {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.phone {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.phone .phone-img {
	height: 25px;
}

.phone:hover .code {
	display: block;
}

.code {
	display: none;
	width: 120px;
	position: absolute;
	top: 32px;
	right: 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8);
}

.header-logo-b {
	background-color: #ffffff;
	height: 80px;
}

.header-logo {
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search {
	height: 40px;
	display: flex;
	align-items: center;
	border: 1px solid #4cc9b6;
	border-radius: 50px;
	padding: 0 10px;
}

.search input {
	border: 0;
}

.search img {
	width: 30px;
	cursor: pointer;
}

.header-nav-b {
	background-color: #4cc9b6;
	height: 60px;
}

.header-nav ul {
	display: flex;
}

.header-nav ul a {
	width: 20%;
	text-align: center;
	line-height: 60px;
	color: #ffffff;
	font-size: 20px;
}

.header-nav ul li:hover {
	background-color: #87dbce;
	font-weight: bold;
}

.active-nav {
	background-color: #87dbce;
	font-weight: bold;
}

.recommend {
	margin-top: 15px;
}

.recommend-tab {
	display: flex;
}

.recommend-title {
	background-color: #ffffff;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
}

.recommend-title:hover {
	background-color: #4cc9b6;
	color: #ffffff;
}

.active-recommend {
	background-color: #4cc9b6;
	color: #ffffff;
}

.recommend-cont {
	display: none;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.game-list {
	display: flex;
	padding: 20px;
}

.game-title {
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.game {
	margin-right: 18px;
}

.game-img {
	width: 80px;
	height: 80px;
}

.game-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.news {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}

.news-left {
	width: 40%;
	height: 520px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide a {
	width: 100%;
	height: 100%;
}

.swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.mySwiper2 {
	height: 100%;
	width: 100%;
}

.mySwiper {
	position: absolute !important;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.7;
	cursor: pointer;
}

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}


.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mySwiper2 .swiper-slide {
	position: relative;
}

.swiper-title {
	width: 100%;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 0;
	color: #ffffff;
	line-height: 40px;
	text-align: left;
	overflow: hidden;
}

.swiper-title a {
	color: #ffffff;
}

.news-right {
	width: calc(100% - 40% - 15px);
	background-color: #ffffff;
	border-radius: 10px;
}

.news-h {
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
	color: #4cc9b6;
	font-weight: bold;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.more a {
	color: #7d7d7d;
	font-size: 16px;
}

.more:hover a {
	color: #4cc9b6;
}

.news-list li {
	padding: 10px 20px;
}

.news-list li a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news-list li p:first-child {
	width: calc(100% - 100px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000000;
}

.news-list li p:last-child {
	color: #7d7d7d;
}

/* 游戏下载 */
.down-game {
	background-color: #ffffff;
	margin-top: 15px;
	border-radius: 10px;
}

.game-h {
	display: flex;
	align-items: center;
}

.game-h img {
	width: 35px;
	margin-right: 10px;
}

.mySwiper3 {
	margin-top: 20px;
	width: 96%;
	border-radius: 10px;
}

.down-game-list {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	padding: 0 20px;
	height: 395px;
}

.down-left {
	width: 69%;
}

.down-tab {
	display: flex;
	margin-bottom: 20px;
}

.down-tab div {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.acitve-down {
	color: #4cc9b6;
	font-weight: bold;
	border-bottom: 3px solid #4cc9b6;
}

.down-list {
	display: none;
	flex-wrap: wrap;
}

.down-game-li {
	display: flex;
	cursor: pointer;
	width: 255px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.down-game-li:nth-child(3n) {
	margin-right: 0;
}

.down-game-li .down-img {
	width: 95px;
	height: 95px;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 10px;
}

.down-game-li .down-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.game-info {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.game-info h3 {
	font-size: 18px;
	font-weight: 400;
}

.game-info p {
	color: #7d7d7d;
}

.see {
	width: 100px;
	border: 1px solid #4cc9b6;
	text-align: center;
	border-radius: 5px;
}

.see a {
	color: #4cc9b6;
}

.down-game-li:hover .see {
	background-color: #4cc9b6;
}

.down-game-li:hover .see a {
	color: #ffffff;
}

.down-right {
	width: 29%;
}

.down-h {
	display: flex;
	align-items: center;
	color: #4cc9b6;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.down-h img {
	width: 35px;
	margin-right: 15px;
}

.down-ranking {
	display: flex;
	align-items: center;
}

.ranking-num {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #7d7d7d;
	color: #fff;
	border-radius: 50%;
	margin-right: 10px;
}

.ranking-img {
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.ranking-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ranking-info {
	margin-left: 10px;
}

.ranking-info p {
	width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ranking-info p a {
	color: #000000;
	font-size: 18px;
}

.ranking-info .see {
	margin-top: 20px;
}

.see:hover {
	background-color: #4cc9b6;
}

.see:hover a {
	background-color: #4cc9b6;
	color: #ffffff;
}

.ranking-list .ranking-img {
	display: none;
}

.ranking-list .see {
	display: none;
}

.down-ranking:first-child .ranking-num {
	background-color: #fa4e57;
}

.down-ranking:first-child .ranking-img,
.down-ranking:first-child .see {
	display: block;
}

.down-ranking:nth-child(2) .ranking-num {
	background-color: #ff9000;
}

.down-ranking:nth-child(3) .ranking-num {
	background-color: #ffc000;
}

.down-ranking {
	margin-bottom: 10px;
}

/* 应用下载 */
.down-apply {
	background-color: #ffffff;
	margin-top: 15px;
	border-radius: 10px;
}

.down-apply-list {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	padding: 0 20px;
	height: 395px;
}

.down-apply-li {
	display: flex;
	cursor: pointer;
	width: 255px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.down-apply-li:nth-child(3n) {
	margin-right: 0;
}

.down-apply-li .down-img {
	width: 95px;
	height: 95px;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 10px;
}

.down-apply-li .down-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.apply-info {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.apply-info h3 {
	font-size: 18px;
}

.apply-info p {
	color: #7d7d7d;
}

.down-apply-li:hover .see {
	background-color: #4cc9b6;
}

.down-apply-li:hover .see a {
	color: #ffffff;
}

.down-left-apply {
	width: 69%;
}

.down-tab-apply {
	display: flex;
	margin-bottom: 20px;
}

.down-tab-apply div {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.down-list-apply {
	display: none;
	flex-wrap: wrap;
}

.down-ranking-apply {
	display: flex;
	align-items: center;
}

.down-ranking-apply:first-child .ranking-num {
	background-color: #fa4e57;
}

.down-ranking-apply:first-child .ranking-img,
.down-ranking-apply:first-child .see {
	display: block;
}

.down-ranking-apply:nth-child(2) .ranking-num {
	background-color: #ff9000;
}

.down-ranking-apply:nth-child(3) .ranking-num {
	background-color: #ffc000;
}

.down-ranking-apply {
	margin-bottom: 10px;
}

/* 合集 */
.collection-list {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}

.collection-li {
	margin-right: 15px;
}

.collection-li:nth-child(6n) {
	margin-right: 0;
}

.collection-img {
	width: 180px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
}

.collection-li p {
	margin: 10px 0;
	font-size: 18px;
	color: #000000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.collection-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 游戏人气榜 */
.popularity-ranking {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.game-popularity {
	padding: 20px;
	width: calc(33.33% - 50px);
	background-color: #fff;
	border-radius: 10px;
}

.down-left-popularity {
	width: 69%;
}

.down-tab-popularity {
	display: flex;
	margin-bottom: 20px;
}

.down-tab-popularity div {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.down-list-popularity {
	display: none;
	flex-wrap: wrap;
}

.down-ranking-popularity {
	display: flex;
	align-items: center;
}

.down-ranking-popularity:first-child .ranking-num {
	background-color: #fa4e57;
}

.down-ranking-popularity:first-child .ranking-img,
.down-ranking-popularity:first-child .see {
	display: block;
}

.down-ranking-popularity:nth-child(2) .ranking-num {
	background-color: #ff9000;
}

.down-ranking-popularity:nth-child(3) .ranking-num {
	background-color: #ffc000;
}

.down-ranking-popularity {
	margin-bottom: 10px;
}

/* 软件人气榜 */
.down-left-popularity-apply {
	width: 69%;
}

.down-tab-popularity-apply {
	display: flex;
	margin-bottom: 20px;
}

.down-tab-popularity-apply div {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.down-list-popularity-apply {
	display: none;
	flex-wrap: wrap;
}

.down-ranking-popularity-apply {
	display: flex;
	align-items: center;
}

.down-ranking-popularity-apply:first-child .ranking-num {
	background-color: #fa4e57;
}

.down-ranking-popularity-apply:first-child .ranking-img,
.down-ranking-popularity-apply:first-child .see {
	display: block;
}

.down-ranking-popularity-apply:nth-child(2) .ranking-num {
	background-color: #ff9000;
}

.down-ranking-popularity-apply:nth-child(3) .ranking-num {
	background-color: #ffc000;
}

.down-ranking-popularity-apply {
	margin-bottom: 10px;
}

/* 游戏攻略榜 */
.down-left-popularity-introduction {
	width: 69%;
}

.down-tab-popularity-introduction {
	display: flex;
	margin-bottom: 20px;
}

.down-tab-popularity-introduction div {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.down-list-popularity-introduction {
	display: none;
	flex-wrap: wrap;
}

.down-ranking-popularity-introduction {
	display: flex;
	align-items: center;
}

.down-ranking-popularity-introduction:first-child .ranking-num {
	background-color: #fa4e57;
}

.down-ranking-popularity-introduction:first-child .ranking-img,
.down-ranking-popularity-introduction:first-child .see {
	display: block;
}

.down-ranking-popularity-introduction:nth-child(2) .ranking-num {
	background-color: #ff9000;
}

.down-ranking-popularity-introduction:nth-child(3) .ranking-num {
	background-color: #ffc000;
}

.down-ranking-popularity-introduction {
	margin-bottom: 10px;
}

/* 底部 */
.footer {
	margin-top: 30px;
	padding: 60px 0;
	background-color: #4cc9b6;
}

.footer .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-top {
	display: flex;
}

.footer-top div {
	border-right: 1px solid #fff;
	padding-right: 20px;
	margin-right: 20px;
}

.footer-top div:last-child {
	border-right: 0;
}

.footer-top div a {
	color: #ffffff;
}

.Copyright {
	margin-top: 20px;
	color: #ffffff;
}

/* 下载页 */
.type {
	background-color: #fff;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.type div {
	font-size: 18px;
	color: #4cc9b6;
	background-color: #f5f5f5;
	padding: 10px 20px;
	border-radius: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.active-type {
	background-color: #4cc9b6 !important;
	color: #fff !important;
	font-weight: bold;
}
.active-type a{
	color: #fff !important;
	font-weight: bold;
}

.min-height {
	min-height: 56.5vh;
}

.game_list {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
}

.downlong {
	width: 360px;
	margin-right: 30px;
	margin-bottom: 15px;
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
}

.downlong:nth-child(3n) {
	margin-right: 0;
}

.down_apply_li {
	display: flex;
}

.down_apply_li .down_img {
	width: 120px;
	height: 120px;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 10px;
}

.down_apply_li .down_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.see:hover {
	background-color: #4cc9b6;
}

.see:hover a {
	color: #ffffff;
}

.apply_info {
	width: calc(100% - 135px);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: relative;
}

.apply_info h3 {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: 400;
}

.apply_info p {
	font-size: 15px;
}

.apply_info h3:hover a {
	color: #4cc9b6;
}

.title {
	margin-top: 10px;
	color: #7d7d7d;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	overflow-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
}

.downnum {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #7d7d7d;
	display: flex;
	align-items: center;
}

.downnum img {
	width: 20px;
}

/* 游戏详情 */
.date-left {
	min-height: 45vh;
	margin-top: 15px;
	width: 70%;
}

.det-info {
	background-color: #ffffff;
	width: calc(100% - 20px);
	border-radius: 10px;
	padding: 10px;
}

.det-info h1 {
	font-size: 26px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin: 0;
}

.det-info .det-con{
	display: flex;
	margin-top: 15px;
}

.deta-img {
	padding-right: 10px;
}

.deta-img img {
	width: 120px;
	height: 120px;
	border-radius: 20px;
}

.deta-info {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	width: calc(100% - 270px);
}

.deta-img-code{
	border-left: 1px solid #efefef;
	padding-left: 10px;
}

.det-con .code-text{
	font-size: 14px;
	color: #999;
	text-align: center;
}

.info-title {
	display: flex;
	flex-wrap: wrap;
}

.info-title p {
	width: 33.333%;
	line-height: 38px;
}

.info-title p.tag_list{
	width: 100%;
}

.info-title p.tag_list .tag{
	padding: 3px 8px;
	background: #e3e0e0;
	color: #999;
	margin-right: 10px;
	border-radius: 7px
}

.deta-down {
	width: max-content;
	background-color: #4cc9b6;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-top: 10px;
}

.deta-down.disabled{
	background: #e3e0e0;
	color: #999;
	cursor: default;
}

.deta-down a {
	color: #fff;
}

.deta-down.disabled a{
	color: #999;
}

.deta-swiper-img {
	bottom: 10px;
}

.deta-swiper {
	width: 100%;
	height: 420px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
}

.introduce {
	background-color: #fff;
	border-radius: 10px;
	margin-top: 15px;
	padding: 10px;
}

.deta-h {
	color: #4cc9b6;
	border-bottom: 2px solid #ccc;
}

.deta-h p {
	padding-bottom: 10px;
	width: max-content;
	color: #4cc9b6;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px solid #4cc9b6;
}

.deta-cont {
	padding: 10px;
}

.deta-cont img{
	max-width: 100%;
}

.dis-f {
	display: flex;
	justify-content: space-between;
}

.dis-left{
    width: calc(100% - 94px);
}

.date-right {
	width: 29%;
}

.date-r-c {
	margin-top: 15px;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 10px;
}

.deta-r-li {
	display: flex;
	margin-top: 10px;
}

.deta-c-img {
	width: 120px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 10px;
}

.deta-c-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.detail-t h3 {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 游戏攻略 */
.intro-list {
	min-height: 56.6vh;
	margin-top: 15px;
}

.intro-li {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	margin-bottom: 15px;
}

.intro-img {
	width: 220px;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 15px;
}

.intro-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro-title {
	width: calc(100% - 235px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.time {
	color: #7d7d7d;
}

/* 排行榜 */
.ranking-left {
	margin-top: 15px;
	width: 280px;
	height: max-content;
	background-color: #4cc9b6;
	border-radius: 10px;
	overflow: hidden;
}

.list {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
}

.list img {
	width: 50px;
	margin-right: 10px;
}

.list h3 a {
	color: #ffffff;
}

.acitve-rank {
	background-color: #87dbce;
}

.ranking-right {
	width: calc(100% - 310px);
	margin-top: 15px;
}

.ranking-li {
	background-color: #ffffff;
	border-radius: 10px;
	position: relative;
	padding: 30px 10px 10px 10px;
	margin-bottom: 15px;
}

.rank-num {
	background-color: #7d7d7d;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 10px 0 10px 0;
	color: #ffffff;
}

.rank-img {
	width: 90px;
	height: 90px;
	border-radius: 20px;
	margin-right: 10px;
}

.rank-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rank-f {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width:calc(100% - 100px);
}

.dis-c {
	align-items: center;
}

.btn {
	height: max-content;
}

.btn a {
	background-color: #4cc9b6;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

.ranking-li:nth-child(1) .rank-num {
	background-color: #fa4e57;
}

.ranking-li:nth-child(2) .rank-num {
	background-color: #ff9000;
}

.ranking-li:nth-child(3) .rank-num {
	background-color: #ffc000;
}

/* 合集 */
.colle-h {
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}

.colle-h div {
	width: 120px;
	text-align: center;
}

.colle-titles {
	padding: 10px 0;
	width: max-content;
	color: #4cc9b6;
	font-size: 18px;
	border-bottom: 3px solid #4cc9b6;
	font-weight: bold;
}

.colle-titles a {
	color: #4cc9b6;
}

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

.colle-li {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	margin-top: 15px;
	margin-right: 13px;
}

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

.colle-img {
	width: 270px;
	height: 140px;
	border-radius: 10px;
	overflow: hidden;
}

.colle-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.colle-title {
	width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	margin-top: 5px;
}

.colle-info {
	background-color: #fff;
	padding: 20px;
	margin: 15px 0;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
}

.colle-info-img {
	width: 570px;
	height: 320px;
}

.colle-info-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.colle-info-text {
	width: 570px;
}

.colle-info-text p{
	line-height: 28px;
}

.colle-info-text h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

/* 详情页 */
.detail {
	min-height: 56.6vh;
	margin: 15px 0;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
}

.detail img{
	max-width: 100%;
}

.detail h3 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}

.detail-header {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.detail-header p {
	margin: 0 40px;
	color: #7d7d7d;
}

/* 搜索 */
.search-header {
	width: 520px;
	height: 50px;
	border: 1px solid #4cc9b6;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: 10px;
}

.search-header input {
	width: 560px;
	border: 0;
}

.search-header img {
	width: 40px;
	cursor: pointer;
}

.search button{
	background: transparent;
	border: none;
}

#page{
	margin: 40px auto 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#page li {
	display: inline-block;
	margin: 0 5px;
}
#page li a,#page li span{
	display: block;
	padding: 0 10px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #fff;
	background: #fff;
}
#page li.active span{
	background: #4cc9b6;
	color: #fff;
}

.indexRec {
	height: 371px;
	background-color: #fff;
	overflow: hidden;
	margin-top: 15px;
	border-radius: 10px;
}

.indexRecL {
	width: 533px;
	height: 331px;
	border: 2px solid #000;
	margin: 18px !important;
	position: relative;
	float: left;
	overflow: hidden;
}

.indexRecL .swiper-wrapper {
	position: relative;
}

.indexRecL .text {
	display: block;
	width: 473px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	bottom: 0;
	padding: 15px 45px 15px 15px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	background: rgba(0,0,0,0.72);
}

.indexRecL .dot {
	width: 30px;
	position: absolute;
	top: 288px;
	right: 5px;
	overflow: hidden;
	z-index: 1;
	left: auto;
}

.indexRecL .dot span {
	float: right;
	display: block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin: 5px 4px 0 0 !important;
	background-color: #999;
	cursor: pointer;
	border-radius: 0;
	padding: 0;
}

.indexRecL .dot span.swiper-pagination-bullet-active {
	background: #4cc9b6;
}

.indexRecM {
	width: 420px;
	float: left;
}

.indexRecM .txt_box {
	padding: 20px 12px;
	text-align: center;
}

.indexRecM .txt_box p,.indexRecM .txt_box>a,.indexRecM ul li {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.indexRecM .txt_box>a {
	display: block;
	font-size: 20px;
	color: #4cc9b6;
	line-height: 42px;
	font-weight: bold;
	text-overflow: ellipsis;
	text-align: left;
}

.indexRecM .txt_box p {
	color: #d4d4d4;
	overflow: hidden;
	*zoom: 1;}

.indexRecM .txt_box p a {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.indexRecM ul {
	margin-top: 12px;
	position: relative;
}

.indexRecM li {
	position: relative;
	overflow: hidden;
	*zoom: 1;}

.indexRecM li a {
	display: block;
	overflow: hidden;
	*zoom: 1;margin-left: 20px;
}

.indexRecM .circleList ul .line {
	position: absolute;
	left: 3px;
	top: 16px;
	width: 1px;
	background-color: #dde1e8;
}

.indexRecM li span {
	float: right;
	display: block;
	width: 48px;
	height: 32px;
	line-height: 32px;
	text-align: right;
	font-size: 12px;
	color: #999;
}

.indexRecM li p {
	float: left;
	display: block;
	width: 346px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	color: #353533;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indexRecM li:hover p {
	color: #fa6400;
	text-decoration: underline;
}

.indexRecM li:hover span {
	color: #fa6400;
}

.indexRecM li:before {
	content: "";
	position: absolute;
	z-index: 3;
	width: 3px;
	height: 3px;
	background: #fff;
	border: 1px solid #dde1e8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	left: 1.5px;
	top: 15px;
}

.indexRecM li:hover:before {
	width: 5px;
	height: 5px;
	background-color: #fd8042;
	border-color: #fd8042;
	left: 0.5px;
}

.indexRecR {
	position: relative;
	float: right;
	width: 166px;
	margin-right: 18px;
	text-align: center;
}

.indexRecR em {
	position: absolute;
	display: block;
	top: 24px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.indexRecR a {
	display: block;
	margin-top: 18px;
}

.indexRecR a img {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 16px;
	margin: auto;
}

.indexRecR a p {
	width: 90%;
	margin: auto;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	white-space: normal;
}

.indexRecR a img:hover {
	opacity: 0.9;
}

.indexRecR a:hover p {
	color: #4cc9b6;
}

.indexRecR .down-h{
	margin-top: 20px;
	justify-content: center;
}

.w-70{
	width: 70%;
}

.article-down-wrap{
	background-color: #ffffff;
	border-radius: 10px;
}

.article-down-wrap .down-game-li{
	width: 278px;
}

.article-down-wrap .down-game-li:nth-child(3n) {
	margin-right: 15px;
}

.article-down-wrap .down-game-li:nth-child(4n) {
	margin-right: 0;
}

.article-down-list{
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}

.mt-5{
	margin-top: 5px;
}

.detail-t{
	width: calc(100% - 90px);
}

.margin-left-10{
	margin-left: 10px;
}