html {
	color: #0F1433;
	background: #F6F7FF;
	overflow-y: auto;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html * {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
	height: 100%
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

input,
select,
textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: none
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500
}

ol,
ul {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500
}

q:after,
q:before {
	content: ''
}

a {
	text-decoration: none
}

button {
	border: none
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
	-webkit-appearance: button;
	text-transform: none;
	outline: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999
}

input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

textarea {
	vertical-align: top
}

button,
input {
	line-height: normal
}

select {
	margin: 0;
	outline: 0
}

input.fixAKeyboard:focus,
textarea.fixAndroidKeyboard:focus {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-modify: read-write-plaintext-only
}

button,
input[type=button],
input[type=checkbox],
input[type=reset],
input[type=submit],
label {
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

input[type=submit] {
	-moz-user-modify: read-plaintext-only;
	-ms-user-modify: read-plaintext-only;
	-o-user-modify: read-plaintext-only;
	-webkit-user-modify: read-plaintext-only
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none
}

input[type='search'] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

.flex {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}

.justify-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

*,
*:before,
*:after {
	box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

body {
	font-size: .24rem;
	line-height: .28rem;
	width: 100%;
	max-width: 7.5rem;
	min-width: 3.2rem;
	margin: 0 auto
}

.gmBodyWrap {
	background: #f2f2f2;
	padding-bottom: .38rem
}

.ndBodyWrap {
	background: #FFFFFF
}

.rkBodyWrap,
.tpBodyWrap {
	background: #f2f2f2
}

.rkBodyWrap {
	position: relative;
	z-index: 1
}

.rkBodyWrap::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	min-height: 5.48rem;
	background-image: url(../ig/rkBg.png);
	background-repeat: no-repeat;
	background-size: 7.5rem 5.48rem;
	background-position: 0 0;
	z-index: -1
}

.tdBodyWrap {
	padding-bottom: .3rem;
	background: #f2f2f2;
	position: relative;
	z-index: 1
}

.tdBodyWrap::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 8.84rem;
	background: linear-gradient(180deg, #FFEFD0 0%, #FFFFFF 58%, #FFFFFF 85%, rgba(255, 255, 255, 0) 100%);
	z-index: -1
}

a {
	color: inherit
}

.gdTitle,
.inTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .36rem;
	line-height: .4rem
}

.gdTitle .titleL,
.inTitle .titleL {
	display: flex;
	align-items: center;
	font-weight: bold
}

.gdTitle a.titleR,
.inTitle a.titleR {
	font-size: .24rem;
	color: #A1A5B2;
	display: flex;
	align-items: center
}

.gdTitle a.titleR::before,
.inTitle a.titleR::before {
	content: "";
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: .24rem;
	height: .22rem;
	background-position: -0.19rem -2.19rem;
	margin-right: .1rem
}

.gdTitle {
	font-size: .32rem;
	color: #000;
	line-height: .36rem
}

.gdInfoTitle {
	font-size: .28rem;
	line-height: .32rem;
	color: #1D2127
}

.titleWrap {
	display: flex;
	align-items: center;
	font-size: .32rem;
	justify-content: space-between
}

.titleWrap .titleL {
	display: flex;
	align-items: center;
	line-height: .32rem
}

.titleWrap .titleL i {
	width: .05rem;
	height: .32rem;
	display: inline-block;
	background-color: #d42a47;
	margin-right: .1rem
}

.titleWrap .titleR {
	width: .78rem;
	height: .3rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -0.02rem -1.88rem;
	position: relative
}

.titleWrap .titleR>a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.titleWrap .titleR>a>span {
	font-size: .2rem;
	zoom: .8;
	color: #D20E33;
	padding-left: .1rem
}

.boxMainItem {
	height: 2.2rem;
	font-size: .24rem;
	color: #999999;
	margin-top: .26rem;
	display: flex
}

.boxMainItem .mainImg {
	width: 3.2rem;
	display: block
}

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

.boxMainItem .imgInfo {
	padding: .2rem .15rem .15rem .2rem;
	background: #FFF6F6;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: .2rem
}

.boxMainItem .imgInfo .titleInfo {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.boxMainItem .imgInfo .titleInfo>p {
	font-size: .24rem;
	line-height: .24rem;
	color: #000;
	margin-bottom: .15rem
}

.boxMainItem .imgInfo .titleInfo .time {
	font-size: .2rem;
	line-height: .2rem;
	color: #999999;
	display: block;
	margin-bottom: .14rem
}

.boxMainItem .imgInfo .titleInfo>span {
	font-size: .2rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify
}

.boxMainItem .imgInfo .otherInfo {
	font-size: .2rem;
	color: #999999;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.boxMainItem .imgInfo .otherInfo .icon {
	display: flex;
	align-items: center
}

.boxMainItem .imgInfo .otherInfo .icon i {
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -0.02rem -7.78rem;
	width: .24rem;
	height: .16rem;
	display: block;
	margin-right: .05rem
}

.boxMainItem .imgInfo .otherInfo .otherTop {
	display: flex
}

.boxMainItem .imgInfo .otherInfo .otherTop img {
	width: .42rem;
	height: .42rem;
	border-radius: .1rem;
	margin-left: -0.2rem;
	border-right: .02rem solid #fff
}

.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(1) {
	z-index: 3
}

.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(2) {
	z-index: 2
}

.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(3) {
	z-index: 1
}

.box_item {
	margin: 0 .26rem .31rem;
	font-size: .32rem
}

.box_item .title {
	display: flex;
	align-items: center
}

.box_item .title .title_l {
	display: flex;
	align-items: center
}

.box_item .title .title_l>i,
.box_item .title>i {
	width: .05rem;
	height: .32rem;
	display: inline-block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: 0 -7.28rem;
	margin-right: .1rem
}

.imgBox {
	overflow: hidden
}

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

.icon {
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem
}

.fourColumnList {
	display: grid;
	grid-template-columns: repeat(4, 1.48rem);
	justify-content: space-between
}

.fourColumnList .listItem {
	margin: .28rem auto 0
}

.fourColumnList .listItem>a {
	width: 1.48rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative
}

.fourColumnList .listItem>a>img {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .3rem
}

.fourColumnList .listItem>a>p {
	margin-top: .14rem;
	font-size: .24rem;
	color: #333333;
	line-height: .28rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	width: inherit
}

.fourColumnList .listItem>a .btn {
	margin-top: .14rem
}

.btn {
	font-size: .24rem;
	color: #7bc71f;
	width: 1.2rem;
	height: .44rem;
	background: #F6F7FF;
	border-radius: .12rem;
	text-align: center;
	line-height: .44rem
}

.downBtns {
	display: flex;
	flex-direction: column;
	font-size: .3rem;
	color: #F6F7FF
}

.downBtns .btnItem {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .1rem;
	height: .72rem;
	background: #7bc71f;
	border-radius: .16rem
}

.downBtns .btnItem.noBtn {
	color: #999999;
	background: #ededed
}

.near_title .title {
	font-size: .36rem;
	font-weight: 400;
	color: #252728;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.near_title .title>i {
	width: .78rem;
	height: .34rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: 0 -1.86rem
}

.near_title .title span {
	display: flex;
	align-items: baseline
}

.near_title .title span>i {
	color: #D20E33;
	font-style: normal
}

.near_title .title span .icon {
	width: .34rem;
	height: .08rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: 0 -1.76rem;
	margin-left: .06rem
}

.indexTitleWrap {
	font-size: .36rem;
	color: #333333;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.indexTitleWrap .titleL {
	font-weight: bold;
	line-height: .4rem;
	display: flex;
	align-items: center
}

.indexTitleWrap .titleL .icon {
	width: .21rem;
	height: .28rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -0.91rem -0.74rem;
	margin-right: .09rem
}

.indexTitleWrap .titleR {
	height: .3rem;
	position: relative
}

.indexTitleWrap .titleR>a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.indexTitleWrap .titleR>a>span {
	font-size: .24rem;
	color: #999
}

.load_more {
	height: .56rem;
	background: #FFFFFF;
	border-radius: .06rem;
	font-size: .22rem;
	color: #999999;
	line-height: .56rem;
	text-align: center;
	margin-top: .2rem
}

.load_more span {
	opacity: .65
}

.load_more a {
	color: inherit
}

.pageCode {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: .24rem;
	color: #949799
}

.pageCode>a,
.pageCode>span {
	margin: .12rem .1rem 0;
	min-width: .48rem;
	height: .48rem;
	background: #F4F4F4;
	border-radius: .16rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.pageCode>a.disabled,
.pageCode>span.disabled {
	cursor: not-allowed;
	opacity: .65
}

.pageCode>a.current,
.pageCode>span.current {
	background: #7bc71f;
	color: #FFFFFF
}

.pageCode>a .left,
.pageCode>span .left,
.pageCode>a .right,
.pageCode>span .right {
	width: .16rem;
	height: .28rem;
	background-position: -0.84rem -2.16rem
}

.pageCode>a .left,
.pageCode>span .left {
	transform: rotateY(180deg)
}

.pageCode>a:first-child,
.pageCode>span:first-child,
.pageCode>a:last-child,
.pageCode>span:last-child {
	letter-spacing: .02rem;
	padding: 0 .18rem
}

.pageCode>a:first-child,
.pageCode>span:first-child {
	margin-left: 0
}

.pageCode>a:last-child,
.pageCode>span:last-child {
	margin-right: 0
}

.pageCode>span {
	margin: -0.02rem .04rem 0;
	background: unset;
	min-width: unset
}

.labelList {
	margin: .06rem -0.1rem 0;
	font-size: .28rem;
	color: #999999;
	display: flex;
	flex-wrap: wrap
}

.labelList li {
	width: fit-content
}

.labelList li>a {
	margin: .2rem .1rem 0;
	padding: 0 .26rem;
	width: fit-content;
	height: .64rem;
	line-height: .64rem;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: .32rem;
	display: flex;
	align-items: center;
	color: inherit
}

.labelList li>a>i {
	width: .04rem;
	height: .04rem;
	background-color: #666;
	border-radius: 50%;
	margin: 0 .1rem 0 .12rem
}

.labelList li>a::before {
	content: "";
	display: block;
	width: .24rem;
	height: .24rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -1.18rem -0.74rem
}

.twoColumnList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.twoColumnList .listItem {
	width: 3.36rem;
	margin-top: .26rem;
	display: flex;
	flex-direction: column
}

.twoColumnList .listItem>a {
	display: flex;
	flex-direction: column
}

.twoColumnList .listItem>a .imgBox {
	width: 100%;
	height: 1.88rem;
	background: #EEEEEE;
	border-radius: .16rem;
	overflow: hidden
}

.twoColumnList .listItem>a .itemInfo {
	display: flex;
	margin-top: .2rem
}

.twoColumnList .listItem>a .itemInfo p {
	flex: 1;
	font-size: .3rem;
	line-height: .34rem;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.twoColumnList .listItem>a .itemInfo span {
	font-size: .24rem;
	color: #999999
}

.ztList ul {
	margin-top: .2rem;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	background: #fff;
	padding: 0 .2rem;
	border-radius: .2rem
}

.ztList li {
	position: relative;
	display: block;
	padding: .16rem 0 .14rem;
	margin-bottom: .24rem;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden
}

.ztList li:last-child {
	border-bottom: unset
}

.ztList li .img {
	position: relative;
	display: block;
	width: 100%;
	height: 3.08rem;
	border-radius: .12rem;
	overflow: hidden
}

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

.ztList li .img div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: .25rem .22rem 0 .25rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%)
}

.ztList li .img div span {
	flex: 1;
	font-size: .3rem;
	color: #fff;
	line-height: .76rem;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ztList li .img div i {
	font-style: normal;
	font-size: .24rem;
	color: #fff;
	line-height: .76rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ztList li p {
	margin-top: .2rem;
	position: relative;
	display: block;
	height: 1.62rem;
	line-height: .54rem;
	font-size: .28rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.ztList li .toTopic {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 3.36rem;
	height: .84rem;
	line-height: .84rem;
	text-align: right;
	font-size: .24rem;
	color: #FF4C4C;
	background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0) 100%)
}

.ztList li .toTopic:before {
	content: "";
	position: relative;
	top: .3rem;
	vertical-align: top;
	display: inline-block;
	width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -1.49rem -0.03rem
}

.twoCollList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -0.02rem
}

.twoCollList .listItem {
	margin-top: .38rem;
	width: 3.32rem;
	height: 2.26rem;
	box-shadow: -0.06rem -0.26rem 0 -0.1rem rgba(255, 214, 89, 0.15);
	border-radius: .2rem
}

.twoCollList .listItem>a {
	box-shadow: -0.06rem -0.19rem 0 -0.1rem rgba(255, 214, 89, 0.2);
	border-radius: .2rem;
	display: block;
	width: inherit;
	height: inherit;
	position: relative
}

.twoCollList .listItem>a .imgBox {
	width: 100%;
	height: 100%;
	border-radius: .2rem
}

.twoCollList .listItem>a .itemInfo {
	border-radius: .2rem;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: .18rem;
	line-height: .22rem;
	background: rgba(0, 0, 0, 0.25);
	color: rgba(255, 255, 255, 0.75);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 .1rem
}

.twoCollList .listItem>a .itemInfo p {
	margin-top: .06rem
}

.twoCollList .listItem>a .itemInfo p span {
	margin: 0 .1rem
}

.twoCollList .listItem>a .itemInfo p.title {
	margin-top: .08rem;
	font-weight: bold;
	font-size: .22rem;
	line-height: .26rem;
	color: #fff
}

.tagList {
	display: flex;
	flex-wrap: wrap;
	margin: -0.22rem -0.14rem 0
}

.tagList li {
	margin: .22rem .14rem 0
}

.tagList li a {
	display: block;
	width: fit-content;
	height: .48rem;
	line-height: .48rem;
	font-size: .24rem;
	background: #FEF9F0;
	border-radius: .22rem;
	box-shadow: 0 0 1px 1px #fcf5ec;
	color: #FF9933;
	padding: 0 .26rem
}

.time {
	font-size: .24rem;
	line-height: .28rem;
	color: #999999
}

.singleRkList .listItem,
.singleVersionList .listItem,
.singleGmList .listItem,
.singleRankList .listItem {
	margin-top: .46rem
}

.singleRkList .listItem:first-child,
.singleVersionList .listItem:first-child,
.singleGmList .listItem:first-child,
.singleRankList .listItem:first-child {
	margin-top: 0
}

.singleRkList .listItem a,
.singleVersionList .listItem a,
.singleGmList .listItem a,
.singleRankList .listItem a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .24rem;
	line-height: .28rem;
	color: #999;
	position: relative
}

.singleRkList .listItem a>span,
.singleVersionList .listItem a>span,
.singleGmList .listItem a>span,
.singleRankList .listItem a>span {
	width: .8rem;
	font-size: .3rem;
	color: #CBD5D4;
	text-align: center
}

.singleRkList .listItem a img,
.singleVersionList .listItem a img,
.singleGmList .listItem a img,
.singleRankList .listItem a img {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .28rem;
	border: .02rem solid transparent
}

.singleRkList .listItem a .itemInfo,
.singleVersionList .listItem a .itemInfo,
.singleGmList .listItem a .itemInfo,
.singleRankList .listItem a .itemInfo {
	padding-left: .28rem;
	width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: .2rem;
	line-height: .24rem;
	color: #999999
}

.singleRkList .listItem a .itemInfo p,
.singleVersionList .listItem a .itemInfo p,
.singleGmList .listItem a .itemInfo p,
.singleRankList .listItem a .itemInfo p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: .16rem
}

.singleRkList .listItem a .itemInfo p.tit,
.singleVersionList .listItem a .itemInfo p.tit,
.singleGmList .listItem a .itemInfo p.tit,
.singleRankList .listItem a .itemInfo p.tit {
	margin-top: 0;
	font-size: .26rem;
	line-height: .3rem;
	color: #000000
}

.singleRkList .listItem a .itemInfo p.tip,
.singleVersionList .listItem a .itemInfo p.tip,
.singleGmList .listItem a .itemInfo p.tip,
.singleRankList .listItem a .itemInfo p.tip {
	display: flex;
	align-items: center;
	color: #ccc;
	margin: .14rem -0.06rem 0
}

.singleRkList .listItem a .itemInfo p.tip span,
.singleVersionList .listItem a .itemInfo p.tip span,
.singleGmList .listItem a .itemInfo p.tip span,
.singleRankList .listItem a .itemInfo p.tip span {
	color: #999999;
	margin: .02rem .06rem 0
}

.singleRkList .listItem:nth-child(1) a>span,
.singleVersionList .listItem:nth-child(1) a>span,
.singleGmList .listItem:nth-child(1) a>span,
.singleRankList .listItem:nth-child(1) a>span {
	color: #FF6100
}

.singleRkList .listItem:nth-child(1) a img,
.singleVersionList .listItem:nth-child(1) a img,
.singleGmList .listItem:nth-child(1) a img,
.singleRankList .listItem:nth-child(1) a img {
	border-color: #FF6100
}

.singleRkList .listItem:nth-child(2) a>span,
.singleVersionList .listItem:nth-child(2) a>span,
.singleGmList .listItem:nth-child(2) a>span,
.singleRankList .listItem:nth-child(2) a>span {
	color: #FFB100
}

.singleRkList .listItem:nth-child(2) a img,
.singleVersionList .listItem:nth-child(2) a img,
.singleGmList .listItem:nth-child(2) a img,
.singleRankList .listItem:nth-child(2) a img {
	border-color: #FFB100
}

.singleRkList .listItem:nth-child(3) a>span,
.singleVersionList .listItem:nth-child(3) a>span,
.singleGmList .listItem:nth-child(3) a>span,
.singleRankList .listItem:nth-child(3) a>span {
	color: #C666FF
}

.singleRkList .listItem:nth-child(3) a img,
.singleVersionList .listItem:nth-child(3) a img,
.singleGmList .listItem:nth-child(3) a img,
.singleRankList .listItem:nth-child(3) a img {
	border-color: #C666FF
}

.singleNwList,
.singleNewsList {
	font-size: .26rem;
	color: #000000;
	line-height: .36rem
}

.singleNwList .listItem,
.singleNewsList .listItem {
	margin-top: .46rem
}

.singleNwList .listItem:first-child,
.singleNewsList .listItem:first-child {
	margin-top: 0
}

.singleNwList .listItem>a,
.singleNewsList .listItem>a {
	display: flex;
	color: inherit
}

.singleNwList .listItem>a .imgBox,
.singleNewsList .listItem>a .imgBox {
	width: 2.35rem;
	height: 1.42rem;
	border-radius: .2rem;
	overflow: hidden
}

.singleNwList .listItem>a .itemInfo,
.singleNewsList .listItem>a .itemInfo {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: .1rem 0 .16rem .3rem
}

.singleNwList .listItem>a .itemInfo p,
.singleNewsList .listItem>a .itemInfo p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify
}

.singleNwList .listItem>a .itemInfo .time,
.singleNewsList .listItem>a .itemInfo .time {
	font-size: .18rem;
	line-height: .22rem;
	display: flex;
	align-items: center
}

.singleNwList .listItem>a .itemInfo .time .icon,
.singleNewsList .listItem>a .itemInfo .time .icon {
	width: .18rem;
	height: .18rem;
	background-position: -1.82rem -1.04rem;
	margin: .01rem .08rem .02rem 0
}

.singleGmList .listItem {
	margin-top: 0;
	padding: .22rem .2rem .26rem;
	border-bottom: 1px solid #f4f4f4
}

.singleGmList .listItem:last-child {
	border-bottom: unset
}

.singleGmList .listItem a img {
	border: unset
}

.singleGmList .listItem a .itemInfo {
	font-size: .22rem
}

.singleGmList .listItem a .itemInfo p {
	margin-top: .14rem
}

.singleGmList .listItem a .itemInfo p.tit {
	font-size: .28rem
}

.singleGmList .listItem a .itemInfo p.tip {
	margin-top: .12rem
}

.singleGmList .listItem a .itemInfo p.time {
	font-size: .22rem
}

.singleVersionList .listItem {
	margin-top: 0
}

.singleVersionList .listItem a {
	padding: .34rem 0 .26rem;
	border-bottom: 1px solid #E6E9ED
}

.singleVersionList .listItem a .itemInfo {
	padding-left: 0;
	font-size: .22rem;
	line-height: .26rem;
	color: #333333
}

.singleVersionList .listItem a .itemInfo p {
	margin-top: 0
}

.singleVersionList .listItem a .itemInfo p span {
	margin-right: .15rem
}

.singleVersionList .listItem a .itemInfo p span:last-child {
	margin-right: 0 !important
}

.singleVersionList .listItem a .itemInfo p.time {
	margin-top: .16rem;
	font-size: .18rem;
	line-height: .22rem
}

.singleVersionList .listItem a .itemInfo p.time span {
	margin-right: .25rem
}

.singleNwList .listItem {
	margin-top: .2rem
}

.singleNwList .listItem a {
	padding: .3rem .2rem .3rem .25rem;
	background: #FFFFFF;
	border-radius: .2rem
}

.singleNwList .listItem a .itemInfo {
	padding: .1rem .3rem .14rem 0
}

.singleNwList .listItem a .itemInfo p .num {
	font-size: .2rem;
	font-weight: bold;
	font-style: normal;
	color: #FF6100;
	position: relative;
	z-index: 1;
	margin-right: .06rem;
	vertical-align: bottom
}

.singleNwList .listItem a .itemInfo p .num::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: .1rem;
	height: 1px;
	background: #FF6100;
	z-index: -1
}

.singleNwList .listItem:nth-child(2) a .itemInfo p .num {
	color: #FFB100
}

.singleNwList .listItem:nth-child(2) a .itemInfo p .num::after {
	background-color: #FFB100
}

.singleNwList .listItem:nth-child(3) a .itemInfo p .num {
	color: #C666FF
}

.singleNwList .listItem:nth-child(3) a .itemInfo p .num::after {
	background-color: #C666FF
}

.multiColumnList {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	justify-content: space-between
}

.singleAppList {
	font-size: .24rem;
	line-height: .28rem;
	color: #A1A5B2
}

.singleAppList li>div,
.singleAppList li>a {
	display: flex;
	align-items: center;
	padding: .24rem 0;
	border-bottom: 1px solid #F3F3F5
}

.singleAppList li>div>span,
.singleAppList li>a>span {
	width: .68rem;
	font-size: .4rem;
	font-style: italic;
	text-align: center;
	padding-right: .15rem
}

.singleAppList li>div .imgBox,
.singleAppList li>a .imgBox {
	width: 1rem;
	height: 1rem;
	border-radius: .24rem
}

.singleAppList li>div .textBox,
.singleAppList li>a .textBox {
	flex: 1;
	width: 0;
	padding-left: .16rem
}

.singleAppList li>div .textBox .scoreWrap,
.singleAppList li>a .textBox .scoreWrap {
	display: flex;
	margin: .06rem -0.04rem 0
}

.singleAppList li>div .textBox .scoreWrap input[type="range"],
.singleAppList li>a .textBox .scoreWrap input[type="range"] {
	-webkit-appearance: none;
	width: 1.4rem;
	margin: 0;
	outline: 0
}

.singleAppList li>div .textBox .scoreWrap input[type="range" i]::-webkit-slider-runnable-track,
.singleAppList li>a .textBox .scoreWrap input[type="range" i]::-webkit-slider-runnable-track {
	background: #facc01;
	height: .28rem;
	-webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDcwN0JERDQyNTYxMUVGQjE2RURDNTVBREM0RUE0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDcwN0JERTQyNTYxMUVGQjE2RURDNTVBREM0RUE0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NzA3QkRCNDI1NjExRUZCMTZFREM1NUFEQzRFQTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0NzA3QkRDNDI1NjExRUZCMTZFREM1NUFEQzRFQTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L1TfsQAAAXVJREFUeNpi/H/ZhoGegPH///+0MfmKLVZhJgY6A9r5EIdvmcg0IBmIi+jjwyu2CkDyPpRnx6Bz+DCtfdiPxJ5KqmYmEn2nCiQDkER0gWKetLOQgWECFrFO2lh4xVYLSHphkQH50omyRHPFVh9IghKHEhBrALEyEIOKJHY8Zh0C4jtAfAOI7wLxA2CCOoeeaDAtvGJ7BEhaUykHPgRaqkAolXJRMctzExOHlkB8lQqWPYJGBQELdQ7/BJJ6QHyCAssugc3QOfyJtJLmiu0eIOlMomUHgRY5kFfS6Bx2AZI3SfIZumVk5ENSLLxLWca/YssCTUTEAk1KSxpZIBYlwUJ5oCO5KbFQGof4dyD+g0WcE1oy4bEQR9sDCsywWNQKxOJALAnEE7HosSDsQ9yWSiGxJwOxDDAV1gDxZyB+A8QF0DJ3EZI6GXwWsqDkFR2MyrsPWmLsAMrdwpF1HgLJeKD+qdA8Ox9/bUHndindm4nD30KAAAMAvAtmWYjBaPUAAAAASUVORK5CYII=");
	-webkit-mask-size: .28rem;
	-webkit-mask-repeat: repeat-x
}

.singleAppList li>div .textBox .scoreWrap input[type="range" i]::-webkit-slider-thumb,
.singleAppList li>a .textBox .scoreWrap input[type="range" i]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 0;
	height: 100%;
	box-shadow: 999px 0 0 999px #f2f2f8
}

.singleAppList li>div .textBox .scoreWrap input[type=range],
.singleAppList li>a .textBox .scoreWrap input[type=range] {
	-webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDcwN0JERDQyNTYxMUVGQjE2RURDNTVBREM0RUE0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDcwN0JERTQyNTYxMUVGQjE2RURDNTVBREM0RUE0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NzA3QkRCNDI1NjExRUZCMTZFREM1NUFEQzRFQTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0NzA3QkRDNDI1NjExRUZCMTZFREM1NUFEQzRFQTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L1TfsQAAAXVJREFUeNpi/H/ZhoGegPH///+0MfmKLVZhJgY6A9r5EIdvmcg0IBmIi+jjwyu2CkDyPpRnx6Bz+DCtfdiPxJ5KqmYmEn2nCiQDkER0gWKetLOQgWECFrFO2lh4xVYLSHphkQH50omyRHPFVh9IghKHEhBrALEyEIOKJHY8Zh0C4jtAfAOI7wLxA2CCOoeeaDAtvGJ7BEhaUykHPgRaqkAolXJRMctzExOHlkB8lQqWPYJGBQELdQ7/BJJ6QHyCAssugc3QOfyJtJLmiu0eIOlMomUHgRY5kFfS6Bx2AZI3SfIZumVk5ENSLLxLWca/YssCTUTEAk1KSxpZIBYlwUJ5oCO5KbFQGof4dyD+g0WcE1oy4bEQR9sDCsywWNQKxOJALAnEE7HosSDsQ9yWSiGxJwOxDDAV1gDxZyB+A8QF0DJ3EZI6GXwWsqDkFR2MyrsPWmLsAMrdwpF1HgLJeKD+qdA8Ox9/bUHndindm4nD30KAAAMAvAtmWYjBaPUAAAAASUVORK5CYII=");
	-webkit-mask-size: .28rem;
	-webkit-mask-repeat: repeat-x;
	height: .28rem
}

.singleAppList li>div .textBox .scoreWrap input[type=range]::-moz-range-track,
.singleAppList li>a .textBox .scoreWrap input[type=range]::-moz-range-track {
	background: #f2f2f8;
	height: inherit
}

.singleAppList li>div .textBox .scoreWrap input[type=range]::-moz-range-progress,
.singleAppList li>a .textBox .scoreWrap input[type=range]::-moz-range-progress {
	background: #facc01;
	height: inherit
}

.singleAppList li>div .textBox .scoreWrap input[type=range]::-moz-range-thumb,
.singleAppList li>a .textBox .scoreWrap input[type=range]::-moz-range-thumb {
	width: 0;
	opacity: 0
}

.singleAppList li>div .textBox a,
.singleAppList li>a .textBox a,
.singleAppList li>div .textBox p,
.singleAppList li>a .textBox p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.singleAppList li>div .textBox a.tit,
.singleAppList li>a .textBox a.tit,
.singleAppList li>div .textBox p.tit,
.singleAppList li>a .textBox p.tit {
	font-size: .3rem;
	line-height: .34rem;
	color: #0F1433
}

.singleAppList li>div .textBox a.tip,
.singleAppList li>a .textBox a.tip,
.singleAppList li>div .textBox p.tip,
.singleAppList li>a .textBox p.tip {
	margin-top: .06rem
}

.singleAppList li:last-child a {
	border: unset
}

.newsContList {
	margin-top: .02rem
}

.newsContList .countItem {
	font-size: .24rem;
	color: #999999;
	line-height: .4rem;
	border-bottom: 1px solid #EEEEEE
}

.newsContList .countItem>a {
	display: block;
	padding: .2rem 0 .28rem;
	color: inherit
}

.newsContList .countItem>a>p {
	font-size: .32rem;
	font-weight: bold;
	color: #333333;
	line-height: .48rem
}

.newsContList .countItem>a .itemBox {
	margin-top: .16rem;
	display: flex
}

.newsContList .countItem>a .itemBox .imgBox {
	width: 2.5rem;
	height: 1.5rem;
	border-radius: .16rem
}

.newsContList .countItem>a .itemBox .itemInfo {
	flex: 1;
	padding-left: .22rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.newsContList .countItem>a .itemBox .itemInfo p {
	margin-top: -0.08rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align: justify;
	-webkit-line-clamp: 3
}

.newsContList .countItem>a .itemBox .itemInfo p.info {
	margin-top: 0rem;
	line-height: .32rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.newsContList .countItem>a .itemBox .itemInfo p.info span {
	display: flex;
	align-items: center
}

.newsContList .countItem>a .itemBox .itemInfo p.info span::before {
	margin-right: .08rem;
	content: "";
	display: block;
	width: .22rem;
	height: .24rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -1.48rem -0.74rem
}

.newsContList .countItem>a .itemBox .itemInfo p.info span.time::before {
	width: .24rem;
	background-position: -1.76rem -0.74rem
}

.newsContList .countItem:last-child {
	border-bottom: none
}

header {
	background: #fff;
	padding-bottom: .3rem;
	font-size: .32rem;
	position: relative
}

header .hdTop {
	height: 1.28rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: .28rem .4rem
}

header .hdTop>a {
	width: 1.76rem;
	height: .72rem;
	display: block;
	position: relative
}

header .hdTop>a .logo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

header .hdTop .hdMenu {
	padding: .12rem 0
}

header .hdTop .hdMenu .icon {
	width: .48rem;
	height: .4rem;
	background-position: -0.19rem -0.97rem;
	position: relative;
	display: block
}

header .hdMenuWrap {
	position: absolute;
	top: 1.28rem;
	left: .2rem;
	right: .2rem;
	height: max-content;
	background-color: #fff;
	z-index: 1000;
	padding: 0 .2rem;
	font-size: .36rem;
	line-height: .4rem;
	color: #404040;
	border-radius: .2rem
}

header .hdMenuWrap .icon {
	width: .34rem;
	height: .34rem;
	background-position: -0.19rem -0.15rem
}

header .hdMenuWrap .menList {
	padding: .5rem 0 0 0;
	display: flex;
	align-items: center;
	padding-bottom: .4rem;
	justify-content: space-between;
	border-bottom: .01rem solid #efefef
}

header .hdMenuWrap .menList li a {
	color: inherit;
	display: flex;
	font-size: .25rem;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

header .hdMenuWrap .menList li a .icon {
	width: .34rem;
	height: .34rem;
	background-position: -0.19rem -0.15rem;
	margin-bottom: .04rem
}

header .hdMenuWrap .menList li.current {
	color: #7bc71f
}

header .hdMenuWrap .menList li.current a .icon {
	background-position: -0.19rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(2n) a .icon {
	width: .35rem;
	height: .31rem;
	background-position: -0.79rem -0.15rem
}

header .hdMenuWrap .menList li:nth-child(2n).current a .icon {
	background-position: -0.8rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(3n) a .icon {
	width: .28rem;
	height: .31rem;
	background-position: -1.41rem -0.15rem
}

header .hdMenuWrap .menList li:nth-child(3n).current a .icon {
	background-position: -1.41rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(4n) a .icon {
	width: .29rem;
	height: .31rem;
	background-position: -1.95rem -0.15rem
}

header .hdMenuWrap .menList li:nth-child(4n).current a .icon {
	background-position: -1.95rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(5n) a .icon {
	width: .32rem;
	height: .31rem;
	background-position: -2.51rem -0.15rem
}

header .hdMenuWrap .menList li:nth-child(5n).current a .icon {
	background-position: -2.51rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(6n) a .icon {
	width: .31rem;
	height: .31rem;
	background-position: -3.09rem -0.15rem
}

header .hdMenuWrap .menList li:nth-child(6n).current a .icon {
	background-position: -3.09rem -0.55rem
}

header .hdMenuWrap .menList li:nth-child(7n) a .icon {
	width: .26rem;
	height: .29rem;
	background-position: -3.61rem -0.17rem
}

header .hdMenuWrap .menList li:nth-child(7n).current a .icon {
	background-position: -3.61m -0.57rem
}

header .hdMenuWrap .gameType {
	padding-bottom: .4rem
}

header .hdMenuWrap .gameType .gameTypeTitle {
	padding: .2rem 0 0 0
}

header .hdMenuWrap .gameType .gameTypeTitle span {
	font-weight: bold;
	color: #333333;
	font-size: .3rem;
	line-height: .3rem;
	position: relative;
	z-index: 1
}

header .hdMenuWrap .gameType .gameTypeTitle span::after {
	content: "";
	width: 160%;
	height: .15rem;
	position: absolute;
	left: 0;
	bottom: .02rem;
	z-index: -1;
	background: linear-gradient(90deg, #7bc71f 0%, rgba(123, 199, 31, 0) 80%)
}

header .hdMenuWrap .gameType .gameTypeList {
	display: flex;
	flex-wrap: wrap
}

header .hdMenuWrap .gameType .gameTypeList a {
	width: auto;
	display: block;
	color: #333333;
	font-size: .2rem;
	line-height: .2rem;
	border-radius: .19rem;
	box-sizing: border-box;
	padding: .08rem .16rem;
	margin: .15rem .18rem 0 0;
	border: .01rem solid #eeeeee
}

header .hdMenuWrap .gameTypeOne {
	padding-bottom: 0
}

header .hdMenuWrap .close {
	width: .88rem;
	height: .88rem;
	position: absolute;
	left: 50%;
	margin-left: -0.44rem;
	bottom: -1.28rem;
	background: url(../ig/publicNav.png) no-repeat;
	background-size: 1rem 10rem;
	background-position: -0.06rem -9.08rem
}

header nav {
	display: flex;
    align-items: flex-start;
    column-gap: .06rem;
    height: .5rem;
    overflow: hidden;
    transition: height .3s ease;
}

header nav.open{
    height: 1.3rem;
}

header nav ul {
	height: inherit;
	display: flex;
	align-items: center;
	padding: 0 0 0 .24rem;
	flex-wrap: wrap;
	font-size: .4rem;
	line-height: .28rem;
    row-gap: .3rem;
}

header nav ul li{
    height: .5rem;
}

header nav .menu-toggle{
    width: .5rem;
    height: .5rem;
    background-image: url(../ig/arrUpDown.png);
    background-size: .36rem .2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: .24rem;
    transition: transform .3s ease;
}

header nav.open .menu-toggle{
    transform: rotate(180deg);
}

header nav ul li a {
	color: inherit;
	padding: 0 .24rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    height: .5rem;
}

header nav ul li a .icon {
	width: .34rem;
	height: .34rem;
	background-position: -0.19rem -0.15rem;
	margin-bottom: .04rem
}

header nav ul li.current {
	color: #7bc71f
}

header nav ul li.current a .icon {
	background-position: -0.19rem -0.55rem
}

header nav ul li:nth-child(2n) a .icon {
	width: .35rem;
	height: .31rem;
	background-position: -0.79rem -0.15rem
}

header nav ul li:nth-child(2n).current a .icon {
	background-position: -0.8rem -0.55rem
}

header nav ul li:nth-child(3n) a .icon {
	width: .28rem;
	height: .31rem;
	background-position: -1.41rem -0.15rem
}

header nav ul li:nth-child(3n).current a .icon {
	background-position: -1.41rem -0.55rem
}

header nav ul li:nth-child(4n) a .icon {
	width: .29rem;
	height: .31rem;
	background-position: -1.95rem -0.15rem
}

header nav ul li:nth-child(4n).current a .icon {
	background-position: -1.95rem -0.55rem
}

header nav ul li:nth-child(5n) a .icon {
	width: .32rem;
	height: .31rem;
	background-position: -2.51rem -0.15rem
}

header nav ul li:nth-child(5n).current a .icon {
	background-position: -2.51rem -0.55rem
}

header nav ul li:nth-child(6n) a .icon {
	width: .31rem;
	height: .31rem;
	background-position: -3.09rem -0.15rem
}

header nav ul li:nth-child(6n).current a .icon {
	background-position: -3.09rem -0.55rem
}

header nav ul li:nth-child(7n) a .icon {
	width: .26rem;
	height: .29rem;
	background-position: -3.61rem -0.17rem
}

header nav ul li:nth-child(7n).current a .icon {
	background-position: -3.61m -0.57rem
}

header nav ul::-webkit-scrollbar {
	display: none
}

header nav ul {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 998
}

.fslInSwBox {
	background: #FFFFFF;
	border-radius: 0 0 .32rem .32rem;
	padding: 0 .4rem .48rem;
	position: relative
}

.fslInSwBox .inSwWrap {
	margin: 0 -0.4rem;
	padding: 0 .4rem .7rem;
	height: 3.6rem;
	height: 4.3rem;
	font-size: .28rem;
	line-height: .28rem
}

.fslInSwBox .inSwWrap .swiper-slide {
	border-radius: .2rem;
	box-shadow: 0 .7rem .7rem -0.7rem rgba(212, 100, 33, 0.35);
	margin-right: .4rem;
	overflow: hidden
}

.fslInSwBox .inSwWrap .swiper-slide:last-child {
	margin-right: 0
}

.fslInSwBox .inSwWrap .swiper-pagination {
	height: .1rem;
	left: 0;
	right: 0;
	bottom: .94rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.fslInSwBox .inSwWrap .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	width: .16rem;
	height: .16rem;
	background: #FFFFFF;
	border-radius: .08rem;
	margin: 0 .115rem
}

.fslInSwBox .inSwWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #FF914E
}

.fslInSwBox .multiColumnList {
	text-align: center;
	margin: -0.15rem -0.2rem 0;
	display: flex;
	justify-content: space-around
}

.fslInSwBox .multiColumnList li a {
	display: block
}

.fslInSwBox .multiColumnList li a .icon {
	display: block;
	margin: 0 auto;
	width: .66rem;
	height: .6rem;
	background-position: -0.19rem -1.47rem
}

.fslInSwBox .multiColumnList li a span {
	display: block;
	margin: .18rem auto 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslInSwBox .multiColumnList li:nth-child(2) a .icon {
	background-position: -1.1rem -1.47rem
}

.fslInSwBox .multiColumnList li:nth-child(3) a .icon {
	width: .59rem;
	height: .61rem;
	background-position: -2.01rem -1.46rem
}

.fslInSwBox .multiColumnList li:nth-child(4) a .icon {
	width: .77rem;
	height: .6rem;
	background-position: -2.85rem -1.47rem
}

.fslInSwBox .multiColumnList li:nth-child(5) a .icon {
	width: .64rem;
	height: .6rem;
	background-position: -3.87rem -1.47rem
}

.fslInMastBox {
	margin: .48rem .4rem 0
}

.fslInMastBox .inMastSwBox {
	margin: .18rem -0.4rem 0;
	padding: 0 .4rem
}

.fslInMastBox .inMastSwBox .swiper-slide {
	width: 4.4rem;
	height: 2.28rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .24rem;
	margin-right: .3rem
}

.fslInMastBox .inMastSwBox .swiper-slide:last-child {
	margin-right: 0
}

.fslInMastBox .inMastSwBox .swiper-slide .topBox {
	display: flex
}

.fslInMastBox .inMastSwBox .swiper-slide .topBox .imgBox {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .24rem
}

.fslInMastBox .inMastSwBox .swiper-slide .topBox>p {
	margin-top: .04rem;
	flex: 1;
	width: 0;
	max-height: 1.08rem;
	padding-left: .2rem;
	font-size: .24rem;
	line-height: .36rem;
	font-weight: normal;
	color: #A1A5B2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: justify
}

.fslInMastBox .inMastSwBox .swiper-slide .bottomBox {
	margin-top: .12rem;
	display: flex;
	align-items: center
}

.fslInMastBox .inMastSwBox .swiper-slide .bottomBox p.title {
	font-size: .3rem;
	line-height: .34rem;
	flex: 1;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslChAppBox,
.fslGdRecomBox,
.fslGdSameBox,
.fslGmHotBox,
.fslInAppBox,
.fslInNewBox {
	margin: .48rem .4rem 0
}

.fslChAppBox .boxCont,
.fslGdRecomBox .boxCont,
.fslGdSameBox .boxCont,
.fslGmHotBox .boxCont,
.fslInAppBox .boxCont,
.fslInNewBox .boxCont {
	margin-top: .18rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .24rem
}

.fslChAppBox .multiColumnList,
.fslGdRecomBox .multiColumnList,
.fslGdSameBox .multiColumnList,
.fslGmHotBox .multiColumnList,
.fslInAppBox .multiColumnList,
.fslInNewBox .multiColumnList {
	margin: -0.3rem -0.05rem 0;
	grid-template-columns: repeat(4, 1.3rem);
	text-align: center
}

.fslChAppBox .multiColumnList li a,
.fslGdRecomBox .multiColumnList li a,
.fslGdSameBox .multiColumnList li a,
.fslGmHotBox .multiColumnList li a,
.fslInAppBox .multiColumnList li a,
.fslInNewBox .multiColumnList li a {
	margin-top: .3rem;
	display: block
}

.fslChAppBox .multiColumnList li a .imgBox,
.fslGdRecomBox .multiColumnList li a .imgBox,
.fslGdSameBox .multiColumnList li a .imgBox,
.fslGmHotBox .multiColumnList li a .imgBox,
.fslInAppBox .multiColumnList li a .imgBox,
.fslInNewBox .multiColumnList li a .imgBox {
	display: block;
	margin: 0 auto;
	width: 1.2rem;
	height: 1.2rem;
	background: #F8F8F8;
	border-radius: .28rem
}

.fslChAppBox .multiColumnList li a p,
.fslGdRecomBox .multiColumnList li a p,
.fslGdSameBox .multiColumnList li a p,
.fslGmHotBox .multiColumnList li a p,
.fslInAppBox .multiColumnList li a p,
.fslInNewBox .multiColumnList li a p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: .14rem auto 0
}

.fslChAppBox .multiColumnList li a p.title,
.fslGdRecomBox .multiColumnList li a p.title,
.fslGdSameBox .multiColumnList li a p.title,
.fslGmHotBox .multiColumnList li a p.title,
.fslInAppBox .multiColumnList li a p.title,
.fslInNewBox .multiColumnList li a p.title {
	margin-top: .16rem;
	font-size: .3rem;
	color: #0F1433
}

.fslChAppBox .multiColumnList li a p {
	font-size: .3rem;
	line-height: .34rem
}

.fslChAppBox .multiColumnList li a p.btn {
	font-size: .24rem;
	height: .48rem;
	line-height: .48rem
}

.fslNewsBox {
	margin: .5rem .4rem 0
}

.fslNewsBox.newsWrap .tabsMenu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fslNewsBox.newsWrap .tabsMenu li{
    width: 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.18rem;
    font-size: .32rem;
    color: #9A9A9A;
    height: 0.68rem;
}

.fslNewsBox.newsWrap .tabsMenu li.active{
    background-color: #55ae03;
    border-radius: 0 0.6rem 0.6rem 0.6rem;
    color: #ffffff;
}

.fslNewsBox.newsWrap .tabsMenu li i{
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../ig/gl.png);
}

.fslNewsBox.newsWrap .tabsMenu li:nth-child(2) i{
    background-image: url(../ig/xw.png);
}

.fslNewsBox.newsWrap .tabsMenu li:nth-child(3) i{
    background-image: url(../ig/jc.png);
}

.fslNewsBox.newsWrap .tabsMenu li.active i{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}

.fslNewsBox.newsWrap .tabsCont .tabInfo{
    display: flex;
    flex-direction: column;
}

.fslNewsBox.newsWrap .tabsCont .tabInfo.hide{
    display: none;
}

.fslNewsBox.newsWrap .tabsCont .tabInfo a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem;
    overflow: hidden;
    border-bottom: 1px dashed #f0f0f0;
    position: relative;
}

.fslNewsBox.newsWrap .tabsCont .tabInfo a::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background-color: #dddddd;
}

.fslNewsBox.newsWrap .tabsCont .tabInfo a p{
    width: 4.5rem;
    margin-left: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.3rem;
    color: #2A2A2A;
    line-height: 0.4rem;
}

.fslNewsBox.newsWrap .tabsCont .tabInfo a span{
    font-size: 0.26rem;
    color: #bbbbbb;
}

.fslInColSwBox {
	margin: .5rem .4rem 0
}

.fslInColSwBox .boxSwCont {
	margin: 0 -0.4rem;
	padding: 0 .4rem
}

.fslInColSwBox .boxSwCont .swiper-slide {
	width: 3.2rem;
	border-radius: .08rem;
	overflow: hidden;
	font-size: .3rem;
	margin-right: .3rem
}

.fslInColSwBox .boxSwCont .swiper-slide:last-child {
	margin-right: 0
}

.fslInColSwBox .boxSwCont .swiper-slide .imgBox {
	width: 100%;
	height: 1.76rem
}

.fslInColSwBox .boxSwCont .swiper-slide .txtBox {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: .7rem;
	line-height: .7rem;
	background: #FFFFFF;
	padding: 0 .1rem 0 .2rem
}

.rankingBox {
	margin-top: .18rem;
	padding: .24rem .24rem;
	border-radius: .16rem;
	background-color: white
}

.rankingBox .rankingFilter {
	height: .53rem;
	display: flex;
	border-radius: .26rem;
	background-color: #f6f7f9
}

.rankingBox .rankingFilter li {
	flex: 1;
	text-align: center;
	line-height: .53rem
}

.rankingBox .rankingFilter li.active {
	color: white;
	border-radius: .53rem;
	background-color: #ffa67e
}

.rankingBox .rankingList .rankingItem {
	margin-top: .4rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.rankingBox .rankingList .rankingItem .numTxtImg {
	flex: 1;
	display: flex;
	align-items: center;
	overflow: hidden
}

.rankingBox .rankingList .rankingItem .numTxtImg .num {
	width: .35rem;
	height: .35rem;
	color: white;
	font-size: .2rem;
	font-weight: bold;
	text-align: center;
	line-height: .35rem;
	background-color: #879299
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg {
	flex: 1;
	padding-left: .29rem;
	display: flex;
	overflow: hidden
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .imgBox {
	width: 1.15rem;
	height: 1.15rem;
	overflow: hidden;
	border-radius: .2rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox {
	flex: 1;
	overflow: hidden;
	padding-left: .25rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox .name {
	margin-top: .05rem;
	display: block;
	color: #333333;
	font-size: .25rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: .25rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox .sizeBox {
	display: flex;
	margin-top: .15rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox .sizeBox p {
	color: #999999;
	font-size: .22rem;
	line-height: .22rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox .sizeBox p:nth-child(2) {
	margin: 0 .1rem
}

.rankingBox .rankingList .rankingItem .numTxtImg .txtImg .txtBox .time {
	margin-top: .15rem;
	color: #999999;
	font-size: .22rem;
	line-height: .22rem
}

.rankingBox .rankingList .rankingItem .btn {
	display: block;
	width: 1.19rem;
	height: .46rem;
	text-align: center;
	line-height: .46rem;
	border-radius: 0;
	background-color: white;
	border: .01rem solid #7bc71f
}

.rankingBox .rankingList .rankingItem:nth-child(1) .numTxtImg .num {
	background-color: #ff5757
}

.rankingBox .rankingList .rankingItem:nth-child(2) .numTxtImg .num {
	background-color: #fa7a53
}

.rankingBox .rankingList .rankingItem:nth-child(3) .numTxtImg .num {
	background-color: #fbc258
}

.fslRkRkBox,
.fslInRkBox {
	margin: .48rem .4rem 0
}

.fslRkRkBox .boxCont,
.fslInRkBox .boxCont {
	margin-top: .18rem;
	background: #FFFFFF;
	padding: .55rem .2rem 0;
	border-radius: .16rem;
	position: relative;
	z-index: 1;
	min-height: 2.6rem
}

.fslRkRkBox .boxCont:before,
.fslInRkBox .boxCont:before {
	z-index: -1;
	content: "";
	display: block;
	background-image: url(../ig/inRkBg.png);
	background-size: 6.7rem 2.6rem;
	background-repeat: no-repeat;
	background-position: top;
	height: 2.6rem;
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.fslRkRkBox .boxCont .title,
.fslInRkBox .boxCont .title {
	width: fit-content;
	font-weight: bold
}

.fslRkRkBox .boxCont .title>p,
.fslInRkBox .boxCont .title>p {
	font-size: .48rem;
	line-height: .52rem
}

.fslRkRkBox .boxCont .title>p.tip,
.fslInRkBox .boxCont .title>p.tip {
	font-weight: normal;
	text-align: center;
	margin-top: .14rem;
	font-size: .24rem;
	line-height: .28rem
}

.fslRkRkBox .boxCont>ul,
.fslInRkBox .boxCont>ul {
	margin-top: .4rem;
	display: flex;
	justify-content: space-between;
	height: .7rem;
	font-size: .3rem;
	color: #A1A5B2;
	background: #F5F6FF
}

.fslRkRkBox .boxCont>ul li,
.fslInRkBox .boxCont>ul li {
	height: inherit;
	flex: 1
}

.fslRkRkBox .boxCont>ul li>div,
.fslInRkBox .boxCont>ul li>div,
.fslRkRkBox .boxCont>ul li>a,
.fslInRkBox .boxCont>ul li>a {
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 .13rem;
	z-index: 1
}

.fslRkRkBox .boxCont>ul li>div::before,
.fslInRkBox .boxCont>ul li>div::before,
.fslRkRkBox .boxCont>ul li>a::before,
.fslInRkBox .boxCont>ul li>a::before,
.fslRkRkBox .boxCont>ul li>div::after,
.fslInRkBox .boxCont>ul li>div::after,
.fslRkRkBox .boxCont>ul li>a::after,
.fslInRkBox .boxCont>ul li>a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -0.3rem;
	width: 0;
	height: 0;
	border-right: .3rem solid transparent;
	border-bottom: .7rem solid transparent;
	z-index: -1
}

.fslRkRkBox .boxCont>ul li>div::after,
.fslInRkBox .boxCont>ul li>div::after,
.fslRkRkBox .boxCont>ul li>a::after,
.fslInRkBox .boxCont>ul li>a::after {
	top: unset;
	bottom: 0;
	left: unset;
	right: -0.3rem
}

.fslRkRkBox .boxCont>ul li:first-child>div,
.fslInRkBox .boxCont>ul li:first-child>div,
.fslRkRkBox .boxCont>ul li:first-child>a,
.fslInRkBox .boxCont>ul li:first-child>a {
	padding: 0 .26rem;
	background: #fff;
	margin-left: 0
}

.fslRkRkBox .boxCont>ul li:first-child>div::before,
.fslInRkBox .boxCont>ul li:first-child>div::before,
.fslRkRkBox .boxCont>ul li:first-child>a::before,
.fslInRkBox .boxCont>ul li:first-child>a::before {
	visibility: hidden
}

.fslRkRkBox .boxCont>ul li:first-child>div::after,
.fslInRkBox .boxCont>ul li:first-child>div::after,
.fslRkRkBox .boxCont>ul li:first-child>a::after,
.fslInRkBox .boxCont>ul li:first-child>a::after {
	border-bottom-color: #fff
}

.fslRkRkBox .boxCont>ul li:last-child>div,
.fslInRkBox .boxCont>ul li:last-child>div,
.fslRkRkBox .boxCont>ul li:last-child>a,
.fslInRkBox .boxCont>ul li:last-child>a {
	padding: 0 .26rem;
	background: #fff;
	margin-right: 0
}

.fslRkRkBox .boxCont>ul li:last-child>div::before,
.fslInRkBox .boxCont>ul li:last-child>div::before,
.fslRkRkBox .boxCont>ul li:last-child>a::before,
.fslInRkBox .boxCont>ul li:last-child>a::before {
	border-right-color: #fff
}

.fslRkRkBox .boxCont>ul li:last-child>div::after,
.fslInRkBox .boxCont>ul li:last-child>div::after,
.fslRkRkBox .boxCont>ul li:last-child>a::after,
.fslInRkBox .boxCont>ul li:last-child>a::after {
	visibility: hidden
}

.fslRkRkBox .boxCont>ul li.active>div,
.fslInRkBox .boxCont>ul li.active>div,
.fslRkRkBox .boxCont>ul li.active>a,
.fslInRkBox .boxCont>ul li.active>a {
	background: #7bc71f;
	color: #FFFFFF
}

.fslRkRkBox .boxCont>ul li.active>div::before,
.fslInRkBox .boxCont>ul li.active>div::before,
.fslRkRkBox .boxCont>ul li.active>a::before,
.fslInRkBox .boxCont>ul li.active>a::before {
	border-right-color: #7bc71f
}

.fslRkRkBox .boxCont>ul li.active>div::after,
.fslInRkBox .boxCont>ul li.active>div::after,
.fslRkRkBox .boxCont>ul li.active>a::after,
.fslInRkBox .boxCont>ul li.active>a::after {
	border-bottom-color: #7bc71f
}

.fslRkRkBox .boxCont>ul li.active:first-child>div,
.fslInRkBox .boxCont>ul li.active:first-child>div,
.fslRkRkBox .boxCont>ul li.active:last-child>div,
.fslInRkBox .boxCont>ul li.active:last-child>div,
.fslRkRkBox .boxCont>ul li.active:first-child>a,
.fslInRkBox .boxCont>ul li.active:first-child>a,
.fslRkRkBox .boxCont>ul li.active:last-child>a,
.fslInRkBox .boxCont>ul li.active:last-child>a {
	padding: 0 .26rem
}

.fslGdUpdateBox,
.fslInUpdateBox {
	margin: .48rem .4rem 0
}

.fslGdUpdateBox .singleAppList,
.fslInUpdateBox .singleAppList {
	margin-top: .18rem;
	background: #fff;
	border-radius: .16rem;
	padding: .06rem .2rem
}

.fslGdUpdateBox .singleAppList li>div,
.fslInUpdateBox .singleAppList li>div,
.fslGdUpdateBox .singleAppList li>a,
.fslInUpdateBox .singleAppList li>a {
	padding: .18rem 0;
	border: unset;
	position: relative
}

.fslGdUpdateBox .singleAppList li>div .imgBox,
.fslInUpdateBox .singleAppList li>div .imgBox,
.fslGdUpdateBox .singleAppList li>a .imgBox,
.fslInUpdateBox .singleAppList li>a .imgBox {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .24rem
}

.fslGdUpdateBox .singleAppList li>div .textBox,
.fslInUpdateBox .singleAppList li>div .textBox,
.fslGdUpdateBox .singleAppList li>a .textBox,
.fslInUpdateBox .singleAppList li>a .textBox {
	padding-left: .2rem
}

.fslGdUpdateBox .singleAppList li>div .textBox a.tip,
.fslInUpdateBox .singleAppList li>div .textBox a.tip,
.fslGdUpdateBox .singleAppList li>a .textBox a.tip,
.fslInUpdateBox .singleAppList li>a .textBox a.tip,
.fslGdUpdateBox .singleAppList li>div .textBox p.tip,
.fslInUpdateBox .singleAppList li>div .textBox p.tip,
.fslGdUpdateBox .singleAppList li>a .textBox p.tip,
.fslInUpdateBox .singleAppList li>a .textBox p.tip {
	margin-top: .1rem;
	display: flex
}

.fslGdUpdateBox .singleAppList li>div .textBox a.tip span,
.fslInUpdateBox .singleAppList li>div .textBox a.tip span,
.fslGdUpdateBox .singleAppList li>a .textBox a.tip span,
.fslInUpdateBox .singleAppList li>a .textBox a.tip span,
.fslGdUpdateBox .singleAppList li>div .textBox p.tip span,
.fslInUpdateBox .singleAppList li>div .textBox p.tip span,
.fslGdUpdateBox .singleAppList li>a .textBox p.tip span,
.fslInUpdateBox .singleAppList li>a .textBox p.tip span {
	width: 0;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslGdUpdateBox .singleAppList li>div .textBox a.tip em,
.fslInUpdateBox .singleAppList li>div .textBox a.tip em,
.fslGdUpdateBox .singleAppList li>a .textBox a.tip em,
.fslInUpdateBox .singleAppList li>a .textBox a.tip em,
.fslGdUpdateBox .singleAppList li>div .textBox p.tip em,
.fslInUpdateBox .singleAppList li>div .textBox p.tip em,
.fslGdUpdateBox .singleAppList li>a .textBox p.tip em,
.fslInUpdateBox .singleAppList li>a .textBox p.tip em {
	font-size: .2rem;
	font-weight: normal;
	min-width: 1.2rem;
	text-align: center
}

.fslGdUpdateBox .singleAppList li>div .textBox .scoreWrap,
.fslInUpdateBox .singleAppList li>div .textBox .scoreWrap,
.fslGdUpdateBox .singleAppList li>a .textBox .scoreWrap,
.fslInUpdateBox .singleAppList li>a .textBox .scoreWrap {
	margin: .12rem -0.23rem 0
}

.fslGdUpdateBox .singleAppList li>div .textBox .scoreWrap>span,
.fslInUpdateBox .singleAppList li>div .textBox .scoreWrap>span,
.fslGdUpdateBox .singleAppList li>a .textBox .scoreWrap>span,
.fslInUpdateBox .singleAppList li>a .textBox .scoreWrap>span,
.fslGdUpdateBox .singleAppList li>div .textBox .scoreWrap input[type=range],
.fslInUpdateBox .singleAppList li>div .textBox .scoreWrap input[type=range],
.fslGdUpdateBox .singleAppList li>a .textBox .scoreWrap input[type=range],
.fslInUpdateBox .singleAppList li>a .textBox .scoreWrap input[type=range] {
	margin: 0 .23rem
}

.fslGdUpdateBox .singleAppList li>div .btn,
.fslInUpdateBox .singleAppList li>div .btn,
.fslGdUpdateBox .singleAppList li>a .btn,
.fslInUpdateBox .singleAppList li>a .btn {
	position: absolute;
	right: 0
}

.fslTdHotBox,
.fslInHotBox {
	margin: .48rem .4rem 0
}

.fslTdHotBox .boxCont,
.fslInHotBox .boxCont {
	margin-top: .18rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .24rem .2rem
}

.fslTdHotBox .boxCont .multiColumnList,
.fslInHotBox .boxCont .multiColumnList {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: .28rem;
	margin-top: -0.3rem;
	grid-template-columns: repeat(3, 1.9rem)
}

.fslTdHotBox .boxCont .multiColumnList li a,
.fslInHotBox .boxCont .multiColumnList li a {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	display: block;
	border-radius: .08rem;
	margin-top: .3rem;
	padding: 0 .1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #C83E3A;
	background: #FFF5F5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(2n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(2n) a {
	color: #1192CD;
	background: #F5FCFF
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(3n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(3n) a {
	color: #CACF43;
	background: #FEFFEB
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(4n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(4n) a {
	color: #B27CDA;
	background: #FBF5FF
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(5n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(5n) a {
	color: #F6BF60;
	background: #FFFBF5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(6n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(6n) a {
	color: #7DDA70;
	background: #F6FFF5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(7n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(7n) a {
	color: #EE8C49;
	background: #FFF9F5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(8n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(8n) a {
	color: #A196D6;
	background: #F7F5FF
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(9n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(9n) a {
	color: #F79CAD;
	background: #FFF5F7
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(10n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(10n) a {
	color: #8BB03B;
	background: #FCFFF5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(11n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(11n) a {
	color: #F6673C;
	background: #FFF7F5
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(12n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(12n) a {
	color: #57CAFF;
	background: #F5FCFF
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(13n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(13n) a {
	color: #427898;
	background: #F5FBFF
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(14n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(14n) a {
	color: #53A65A;
	background: #F5FFF6
}

.fslTdHotBox .boxCont .multiColumnList li:nth-child(15n) a,
.fslInHotBox .boxCont .multiColumnList li:nth-child(15n) a {
	color: #C16AFE;
	background: #FBF5FF
}

.fslAppClassifyBox,
.fslGmClassifyBox {
	margin: .08rem .4rem 0;
	background: #FFFFFF;
	padding: .1rem .2rem .26rem;
	border-radius: .16rem
}

.fslAppClassifyBox .title,
.fslGmClassifyBox .title {
	font-size: .36rem;
	line-height: .4rem;
	width: fit-content;
	height: .72rem;
	padding-top: .22rem;
	font-weight: bold;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1
}

.fslAppClassifyBox .title::after,
.fslGmClassifyBox .title::after {
	content: "";
	display: block;
	width: 2.68rem;
	height: .72rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -3.19rem -2.61rem;
	position: absolute;
	top: 0;
	left: -0.38rem;
	z-index: -1
}

.fslAppClassifyBox .multiColumnList,
.fslGmClassifyBox .multiColumnList {
	font-size: .24rem;
	grid-template-columns: repeat(3, 1.96rem)
}

.fslAppClassifyBox .multiColumnList li a,
.fslGmClassifyBox .multiColumnList li a {
	margin-top: .2rem;
	height: .72rem;
	background: #F6F7FF;
	border-radius: .16rem;
	padding: 0 .16rem 0 .18rem;
	display: flex;
	align-items: center;
	text-align: center;
	line-height: .72rem
}

.fslAppClassifyBox .multiColumnList li a>span,
.fslGmClassifyBox .multiColumnList li a>span {
	width: 0;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.fslAppClassifyBox .multiColumnList li a .imgBox,
.fslGmClassifyBox .multiColumnList li a .imgBox {
	width: .4rem;
	height: .4rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -0.19rem -3.71rem;
	border-radius: .08rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(2n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(2n) a .imgBox {
	background-position: -0.79rem -3.72rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(3n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(3n) a .imgBox {
	background-position: -1.39rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(4n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(4n) a .imgBox {
	background-position: -1.99rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(5n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(5n) a .imgBox {
	background-position: -2.59rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(6n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(6n) a .imgBox {
	background-position: -3.19rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(7n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(7n) a .imgBox {
	background-position: -3.79rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(8n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(8n) a .imgBox {
	background-position: -4.39rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(9n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(9n) a .imgBox {
	background-position: -5.01rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(10n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(10n) a .imgBox {
	background-position: -5.63rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(11n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(11n) a .imgBox {
	background-position: -6.22rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(12n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(12n) a .imgBox {
	background-position: -6.81rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(13n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(13n) a .imgBox {
	background-position: -7.38rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(14n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(14n) a .imgBox {
	background-position: -7.98rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li:nth-child(15n) a .imgBox,
.fslGmClassifyBox .multiColumnList li:nth-child(15n) a .imgBox {
	background-position: -8.59rem -3.71rem
}

.fslAppClassifyBox .multiColumnList li.active a,
.fslGmClassifyBox .multiColumnList li.active a {
	color: #FFFFFF;
	background: #3F91FF
}

.fslAppClassifyBox .multiColumnList li.active a .imgBox,
.fslGmClassifyBox .multiColumnList li.active a .imgBox {
	width: .44rem;
	height: .44rem;
	border: .02rem solid #fff
}

.fslAppClassifyBox .title {
	padding-top: .24rem
}

.fslAppClassifyBox .title::after {
	width: 2.68rem;
	height: .72rem;
	background-position: -0.16rem -2.61rem
}

.fslGmAddBox {
	margin: .48rem .4rem 0
}

.fslGmAddBox .inTitle .titleR {
	font-size: .24rem;
	color: #A1A5B2
}

.fslGmAddBox .inTitle .titleR i {
	color: #7bc71f;
	font-style: normal
}

.fslGmAddBox .inTitle .tabsMenu {
	display: flex;
	align-items: center;
	font-size: .24rem;
	color: #A1A5B2
}

.fslGmAddBox .inTitle .tabsMenu li {
	display: flex;
	align-items: center;
	cursor: pointer
}

.fslGmAddBox .inTitle .tabsMenu li::after {
	font-weight: normal;
	content: "/";
	display: block;
	color: #A1A5B2;
	margin: 0 .1rem
}

.fslGmAddBox .inTitle .tabsMenu li.active {
	font-weight: bold;
	color: #3F91FF
}

.fslGmAddBox .inTitle .tabsMenu li:last-child::after {
	display: none
}

.fslGmAddBox .boxCont {
	margin-top: .18rem;
	background: #fff;
	border-radius: .16rem;
	padding: .06rem .2rem .3rem
}

.fslGmAddBox .boxCont .singleAppList li>div,
.fslGmAddBox .boxCont .singleAppList li>a {
	padding: .18rem 0;
	border: unset;
	position: relative
}

.fslGmAddBox .boxCont .singleAppList li>div .imgBox,
.fslGmAddBox .boxCont .singleAppList li>a .imgBox {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .24rem
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox,
.fslGmAddBox .boxCont .singleAppList li>a .textBox {
	padding-left: .2rem
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox a.tip,
.fslGmAddBox .boxCont .singleAppList li>a .textBox a.tip,
.fslGmAddBox .boxCont .singleAppList li>div .textBox p.tip,
.fslGmAddBox .boxCont .singleAppList li>a .textBox p.tip {
	margin-top: .1rem;
	display: flex
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox a.tip span,
.fslGmAddBox .boxCont .singleAppList li>a .textBox a.tip span,
.fslGmAddBox .boxCont .singleAppList li>div .textBox p.tip span,
.fslGmAddBox .boxCont .singleAppList li>a .textBox p.tip span {
	width: 0;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox a.tip em,
.fslGmAddBox .boxCont .singleAppList li>a .textBox a.tip em,
.fslGmAddBox .boxCont .singleAppList li>div .textBox p.tip em,
.fslGmAddBox .boxCont .singleAppList li>a .textBox p.tip em {
	font-size: .2rem;
	font-weight: normal;
	min-width: 1.2rem;
	text-align: center
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox .scoreWrap,
.fslGmAddBox .boxCont .singleAppList li>a .textBox .scoreWrap {
	margin: .12rem -0.23rem 0
}

.fslGmAddBox .boxCont .singleAppList li>div .textBox .scoreWrap>span,
.fslGmAddBox .boxCont .singleAppList li>a .textBox .scoreWrap>span,
.fslGmAddBox .boxCont .singleAppList li>div .textBox .scoreWrap input[type=range],
.fslGmAddBox .boxCont .singleAppList li>a .textBox .scoreWrap input[type=range] {
	margin: 0 .23rem
}

.fslGmAddBox .boxCont .singleAppList li>div .btn,
.fslGmAddBox .boxCont .singleAppList li>a .btn {
	position: absolute;
	right: 0
}

.fslGdMainBox {
	margin: .02rem .4rem 0;
	padding: 0 .2rem .24rem;
	background: #FFFFFF;
	border-radius: .16rem;
	position: relative
}

.fslGdMainBox .feedbackBtn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .18rem;
	font-size: .2rem;
	color: #FFFFFF;
	height: .36rem;
	line-height: .36rem;
	background: #3F91FF;
	border-radius: 0 .16rem 0 .16rem
}

.fslGdMainBox .boxCont {
	padding: .3rem 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #F3F3F5
}

.fslGdMainBox .boxCont .imgBox {
	width: 1.44rem;
	height: 1.44rem;
	border-radius: .32rem
}

.fslGdMainBox .boxCont .textBox {
	flex: 1;
	width: 0;
	padding-left: .25rem
}

.fslGdMainBox .boxCont .textBox h1 {
	font-size: .36rem;
	line-height: .4rem;
	font-weight: bold
}

.fslGdMainBox .boxCont .textBox p {
	font-size: .24rem;
	line-height: .28rem
}

.fslGdMainBox .boxCont .textBox p i {
	font-style: normal;
	color: #A1A5B2
}

.fslGdMainBox .boxCont .textBox p a {
	color: #7bc71f
}

.fslGdMainBox .boxCont .textBox p.tip {
	margin-top: .16rem;
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(2, 1fr)
}

.fslGdMainBox .boxCont .textBox p.tags {
	margin-top: .22rem;
	color: #7bc71f;
	display: flex;
	flex-wrap: wrap
}

.fslGdMainBox .boxCont .textBox p.tags span {
	display: flex;
	align-items: center;
	margin-right: .26rem
}

.fslGdMainBox .boxCont .textBox p.tags span:last-child {
	margin-right: 0
}

.fslGdMainBox .boxCont .textBox p.tags span::before {
	content: "";
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: .24rem;
	height: .24rem;
	background-position: -1.11rem -2.2rem;
	margin-right: .06rem
}

.fslGdMainBox .boxInfo {
	padding: .18rem 0;
	line-height: .48rem;
	display: flex;
	align-items: center;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.fslGdMainBox .boxInfo li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 .32rem
}

.fslGdMainBox .boxInfo li:first-child {
	margin-left: 0
}

.fslGdMainBox .boxInfo li:last-child {
	margin-right: 0
}

.fslGdMainBox .boxInfo li span {
	width: max-content
}

.fslGdMainBox .boxInfo li span:first-child {
	color: #A1A5B2
}

.fslGdMainBox p.tip {
	margin-top: .2rem;
	color: #A1A5B2;
	display: flex;
	align-items: center
}

.fslGdMainBox p.tip .icon {
	width: .22rem;
	height: .24rem;
	background-position: -1.46rem -2.2rem;
	margin-right: .08rem;
	flex-shrink: 0
}

.fslGdBaseBox {
	margin: .5rem .4rem 0;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .24rem .2rem;
	color: #A1A5B2;
	font-size: .28rem;
	line-height: .48rem
}

.fslGdBaseBox .linkList {
	font-size: .26rem;
	height: .76rem;
	line-height: .76rem;
	background: #F3F3F5;
	border-radius: .16rem .16rem 0 0;
	display: flex
}

.fslGdBaseBox .linkList li {
	padding: 0 .17rem 0 .34rem;
	position: relative;
	z-index: 1;
	flex: 1
}

.fslGdBaseBox .linkList li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -0.17rem;
	width: 0;
	height: 0;
	border-right: .17rem solid transparent;
	border-bottom: .77rem solid transparent;
	z-index: -1
}

.fslGdBaseBox .linkList li.active {
	color: #7bc71f;
	background: #FFFFFF
}

.fslGdBaseBox .linkList li.active::after {
	border-bottom-color: #fff
}

.fslGdBaseBox .boxSwCont {
	margin-top: .3rem;
	overflow: hidden
}

.fslGdBaseBox .boxSwCont .swiper-slide {
	width: fit-content;
	height: 2.4rem;
	border-radius: .08rem;
	margin-right: .1rem;
	overflow: hidden;
	display: block;
}

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

.fslGdBaseBox .boxSwCont .swiper-slide video {
	object-fit: fill;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 2.4rem;
}

.fslGdBaseBox .boxSwCont .swiper-slide:last-child {
	margin-right: 0
}

.fslGdBaseBox .tagsBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: .2rem
}

.fslGdBaseBox .tagsBox span {
	background: linear-gradient(280deg, #78EFDB 0%, #45B9F2 100%);
	-webkit-background-clip: text;
	display: block;
	-webkit-text-fill-color: transparent;
	margin-right: .18rem;
	margin-top: .1rem
}

.fslGdBaseBox .tagsBox .tags {
	flex: 1;
	display: flex;
	flex-wrap: wrap
}

.fslGdBaseBox .tagsBox .tags p {
	width: auto;
	color: #32B16C;
	cursor: pointer;
	background: #EBFFF4;
	border-radius: .14rem;
	height: .48rem;
	padding: 0 .18rem;
	margin-right: .18rem;
	margin-top: .1rem
}

.fslGdBaseBox .tagsBox .tags p:nth-child(2) {
	background: #EBF4FF;
	color: #2E90FB
}

.fslGdBaseBox .tagsBox .tags p:nth-child(3) {
	background: #FFECEB;
	color: #F36861
}

.fslGdBaseBox .tagsBox .tags p:last-child {
	margin-right: 0
}

.fslGdBaseBox .tagsBox .tags p::after {
	content: "+"
}

.fslGdBaseBox .boxCont h3,
.fslGdBaseBox .boxCont p {
	margin-top: .18rem;
	color: #0F1433;
}

.fslGdBaseBox .boxCont h3 em,
.fslGdBaseBox .boxCont p em,
.fslGdBaseBox .boxCont h3 strong,
.fslGdBaseBox .boxCont p strong {
	color: #0F1433
}

.fslGdBaseBox .boxCont h3 {
	font-weight: bold;
	color: #0F1433
}

.fslGdBaseBox .boxCont video,
.fslGdBaseBox .boxCont img {
	max-height: 60vh;
	width: 100%;
	display: block;
	margin: .26rem auto 0;
	object-fit: cover;
    object-position: center;
}

.fslGdBaseBox .boxTsCont {
	margin-top: .26rem
}

.fslGdBaseBox .boxTsCont .inTitle .titleL {
	position: relative;
	z-index: 1;
	font-weight: normal;
	font-size: .28rem;
	color: #FFFFFF;
	line-height: .52rem
}

.fslGdBaseBox .boxTsCont .inTitle .titleL::before {
	content: "";
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: 1.74rem;
	height: .63rem;
	background-position: -0.19rem -4.9rem;
	z-index: -1;
	position: absolute;
	top: 0;
	left: -0.32rem
}

.fslGdBaseBox .boxTsCont>p {
	margin-top: .12rem
}

.fslGdBaseBox .boxTsCont ul {
	margin-top: .28rem
}

.fslGdBaseBox .boxTsCont ul li a {
	margin-top: .2rem;
	display: block;
	padding: .18rem;
	background: #F3F3F5;
	border-radius: .16rem
}

.fslGdBaseBox .boxTsCont ul li a p.tip {
	font-size: .24rem;
	line-height: .44rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.fslGdBaseBox .boxTsCont ul li a p.cont {
	display: flex;
	align-items: center;
	color: #0F1433
}

.fslGdBaseBox .boxTsCont ul li a p.cont span.txt {
	width: 0;
	flex: 1
}

.fslGdBaseBox .boxTsCont ul li a p.cont span.btn {
	width: fit-content;
	background: unset
}

.fslGdHistoryBox {
	margin: .46rem .4rem 0
}

.fslGdHistoryBox .multiColumnList {
	margin-top: -0.06rem;
	grid-template-columns: repeat(2, 3.21rem);
	font-size: .24rem;
	line-height: .28rem;
	color: #A1A5B2
}

.fslGdHistoryBox .multiColumnList li {
	margin-top: .28rem;
	width: 100%;
	height: 2.73rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .22rem .38rem 0;
	display: flex;
	flex-direction: column
}

.fslGdHistoryBox .multiColumnList li a,
.fslGdHistoryBox .multiColumnList li p {
	margin-top: .12rem
}

.fslGdHistoryBox .multiColumnList li a.mainTxt,
.fslGdHistoryBox .multiColumnList li p.mainTxt {
	font-size: .3rem;
	line-height: .34rem;
	color: #0F1433;
	margin-top: 0;
	margin-bottom: .1rem
}

.fslGdHistoryBox .multiColumnList li a.linkBtn,
.fslGdHistoryBox .multiColumnList li p.linkBtn {
	width: fit-content;
	position: relative
}

.fslGdHistoryBox .multiColumnList li a.linkBtn::after,
.fslGdHistoryBox .multiColumnList li p.linkBtn::after {
	content: ">";
	display: inline-block;
	position: absolute;
	right: -0.25rem
}

.fslGdHistoryBox .multiColumnList li a.btn,
.fslGdHistoryBox .multiColumnList li p.btn {
	margin: .22rem auto 0
}

.fslGdDownBox {
	margin: .48rem .4rem 0
}

.fslGdDownBox .boxCont {
	padding: .16rem .2rem;
	font-size: .24rem;
	color: #A1A5B2;
	line-height: .36rem;
	margin-top: .22rem;
	background: #FFFFFF;
	border-radius: .16rem
}

.fslGdDownBox .boxCont em,
.fslGdDownBox .boxCont a {
	color: #7bc71f
}

.fslGdDownBox .boxCont strong {
	font-weight: normal;
	color: #0F1433
}

.fslGdDownBox .boxCont p {
	margin-top: .16rem
}

.fslGdDownBox .boxCont p:first-child {
	margin-top: 0
}

.fslGdInfoBox {
	margin: .48rem .4rem 0
}

.fslGdInfoBox .boxCont {
	margin-top: .22rem;
	padding: .02rem .2rem .35rem;
	background: #FFFFFF;
	border-radius: .16rem;
	font-size: .28rem;
	line-height: .38rem
}

.fslGdInfoBox .boxCont ul li {
	margin-top: .26rem;
	display: flex;
	justify-content: space-between
}

.fslGdInfoBox .boxCont ul li p {
	flex: 1;
	display: flex
}

.fslGdInfoBox .boxCont ul li p span:first-child {
	width: 1.16rem;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute-all-lines
}

.fslGdInfoBox .boxCont ul li p span:last-child {
	color: #A1A5B2;
	flex: 1;
	width: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.fslGdVersionBox {
	margin: .48rem .4rem 0
}

.fslGdVersionBox .boxCont {
	margin-top: .22rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: 0 .2rem
}

.fslGdVersionBox .boxCont .singleAppList li>div .imgBox,
.fslGdVersionBox .boxCont .singleAppList li>a .imgBox {
	width: 1.2rem;
	height: 1.2rem
}

.fslGdVersionBox .boxCont .singleAppList li>div .textBox .scoreWrap,
.fslGdVersionBox .boxCont .singleAppList li>a .textBox .scoreWrap {
	margin: .16rem -0.23rem
}

.fslGdVersionBox .boxCont .singleAppList li>div .textBox .scoreWrap span,
.fslGdVersionBox .boxCont .singleAppList li>a .textBox .scoreWrap span,
.fslGdVersionBox .boxCont .singleAppList li>div .textBox .scoreWrap input,
.fslGdVersionBox .boxCont .singleAppList li>a .textBox .scoreWrap input {
	margin: 0 .23rem
}

.fslGdVersionBox .boxCont .singleAppList li>div .textBox .tip,
.fslGdVersionBox .boxCont .singleAppList li>a .textBox .tip {
	margin: .12rem -0.2rem 0
}

.fslGdVersionBox .boxCont .singleAppList li>div .textBox .tip span,
.fslGdVersionBox .boxCont .singleAppList li>a .textBox .tip span {
	margin: 0 .2rem
}

.fslGdVersionBox .boxCont .singleAppList li>div .btn,
.fslGdVersionBox .boxCont .singleAppList li>a .btn {
	margin-top: .5rem
}

.fslGdSameBox {
	margin: .48rem .4rem 0
}

.fslGdRecomBox {
	margin: .46rem .4rem 0
}

.fslGdRecomBox .tabsWrap {
	margin-top: .22rem;
	background: #FFFFFF;
	padding: .2rem .2rem .24rem;
	border-radius: .16rem
}

.fslGdRecomBox .tabsWrap>ul {
	color: #A1A5B2;
	display: flex;
	flex-wrap: wrap;
	line-height: .54rem;
	background: #F6F7FF;
	border-radius: .27rem;
	text-align: center
}

.fslGdRecomBox .tabsWrap>ul li {
	flex: 1
}

.fslGdRecomBox .tabsWrap>ul li a {
	display: block;
	padding: 0 .3rem
}

.fslGdRecomBox .tabsWrap>ul li.active a {
	color: #FFFFFF;
	border-radius: .27rem;
	background: #3F91FF;
	box-shadow: 0 0 6px 6px rgba(63, 145, 255, 0.16)
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a {
	display: flex;
	margin-top: .34rem;
	position: relative;
	justify-content: flex-end
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .imgBox {
	width: 3.2rem;
	height: 1.76rem;
	border-radius: .16rem;
	position: absolute;
	left: 0;
	top: -0.1rem
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .time {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #A1A5B2;
	font-size: .24rem;
	line-height: .4rem;
	padding-left: .22rem
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .time::before {
	content: "";
	display: block;
	width: .32rem;
	height: .31rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -2.19rem -4.9rem;
	position: absolute;
	left: 0;
	bottom: 0
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .textBox {
	width: 3.81rem;
	height: 2.08rem;
	border-radius: .16rem;
	background-image: url(../ig/gdBg.png);
	background-size: 3.81rem 2.08rem;
	background-repeat: no-repeat;
	background-position: top;
	padding: .25rem .25rem .22rem .92rem
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .textBox p {
	font-size: .3rem;
	line-height: .34rem;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: justify
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo>a .textBox p.txt {
	margin-top: .1rem;
	-webkit-line-clamp: 3;
	font-size: .24rem;
	line-height: .4rem;
	opacity: .6
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo .multiColumnList {
	margin: 0 -0.05rem 0
}

.fslGdUpdateBox {
	margin: .36rem .4rem 0
}

.fslTpSwBox {
	margin: .02rem .4rem 0
}

.fslTpSwBox .tpSwBox {
	overflow: hidden;
	margin: 0 -0.4rem;
	padding-bottom: .36rem;
	position: relative
}

.fslTpSwBox .tpSwBox .swiper-wrapper {
	align-items: center
}

.fslTpSwBox .tpSwBox .swiper-wrapper .swiper-slide {
	position: relative;
	border-radius: .2rem;
	overflow: hidden;
	transition: 300ms;
	transform: scale(.9);
	width: 6.4rem;
	height: 3.44rem;
	margin: 0 -0.085rem
}

.fslTpSwBox .tpSwBox .swiper-wrapper .swiper-slide.swiper-slide-active,
.fslTpSwBox .tpSwBox .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active {
	transform: scale(1)
}

.fslTpSwBox .tpSwBox .swiper-wrapper .swiper-slide .textBox {
	font-size: .3rem;
	line-height: .34rem;
	color: #FFFFFF;
	padding: .28rem .22rem .18rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.fslTpSwBox .tpSwBox .swiper-pagination {
	height: .16rem;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0
}

.fslTpSwBox .tpSwBox .swiper-pagination .swiper-pagination-bullet {
	margin: 0 .11rem;
	width: .16rem;
	height: .16rem;
	background: #E5E5E5;
	border-radius: .08rem;
	opacity: 1
}

.fslTpSwBox .tpSwBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #FF914E
}

.fslTpAllBox {
	margin: .4rem .4rem 0
}

.fslTpAllBox .tabsWrap {
	color: #A1A5B2
}

.fslTpAllBox .tabsWrap>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.fslTpAllBox .tabsWrap>ul li a {
	display: block;
	margin: .1rem .075rem 0;
	height: .64rem;
	line-height: .64rem;
	padding: 0 .52rem;
	background: #FFFFFF;
	border-radius: .32rem
}

.fslTpAllBox .tabsWrap>ul li.active a {
	color: #fff;
	background: linear-gradient(90deg, #78EFDB 0%, #45B9F2 100%)
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li {
	margin-top: .24rem;
	background: #fff;
	padding: .3rem .18rem .28rem;
	border-radius: .16rem
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	font-size: .36rem;
	line-height: .4rem;
	color: #7bc71f
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .title p.txt {
	display: flex;
	font-weight: bold;
	flex: 1;
	width: 0
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .title p.txt span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .title p.txt em {
	font-weight: normal;
	margin: -0.12rem 0 0 .05rem;
	width: fit-content;
	height: .32rem;
	line-height: .32rem;
	display: block;
	font-size: .2rem;
	color: #FFFFFF;
	background: linear-gradient(90deg, #FA8053 0%, #FC5B3F 100%);
	border-radius: .16rem;
	padding: 0 .14rem;
	flex-shrink: 0
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .title p.time {
	color: #A1A5B2;
	font-size: .24rem
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li>a .tip {
	margin-top: .1rem;
	line-height: .48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align: justify;
	-webkit-line-clamp: 2
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li .multiColumnList {
	margin-top: .16rem;
	justify-content: space-around;
	grid-template-columns: repeat(4, 1.3rem);
	text-align: center
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li .multiColumnList li a {
	display: block
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li .multiColumnList li a .imgBox {
	display: block;
	margin: 0 auto;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .28rem
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo>ul>li .multiColumnList li a p {
	font-size: .3rem;
	line-height: .34rem;
	margin: .16rem auto 0;
	color: #0F1433;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo .pageCode {
	margin: .18rem 0 0
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo .pageCode a {
	background: #fff
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo .pageCode a.current {
	background: #7bc71f
}

.fslTdMainBox {
	font-size: .24rem;
	color: #A1A5B2;
	line-height: .48rem;
	background: #FFFFFF;
	border-radius: .05rem;
	margin: 0 .4rem;
	padding: .1rem .2rem .12rem
}

.fslTdMainBox h1 {
	font-size: .42rem;
	color: #333;
	line-height: .56rem;
	font-weight: bold;
	text-align: center
}

.fslTdMainBox .icon {
	width: .24rem;
	height: .26rem;
	background-position: -1.79rem -2.19rem;
	margin-right: .1rem
}

.fslTdMainBox p.title {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.fslTdItemBox {
	margin: .25rem .4rem 0;
	border: 2px solid rgba(63, 145, 255, 0.2);
	border-radius: .3rem;
	padding: .2rem;
	background: #fff
}

.fslTdItemBox a {
	display: flex;
	align-items: center
}

.fslTdItemBox a .imgBox {
	width: 1.3rem;
	height: 1.3rem;
	border-radius: .26rem
}

.fslTdItemBox a .txtBox {
	flex: 1;
	width: 0;
	padding-left: .2rem;
	display: flex;
	flex-direction: column
}

.fslTdItemBox a .txtBox strong {
	font-size: .34rem;
	color: #333;
	line-height: .5rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslTdItemBox a .txtBox p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .24rem;
	color: #999;
	line-height: .4rem
}

.fslTdItemBox a .txtBox p em,
.fslTdItemBox a .txtBox p span {
	color: #7bc71f
}

.fslTdItemBox .btn {
	margin-top: .15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: .15rem auto 0;
	width: 100%;
	height: .58rem;
	line-height: .58rem
}

.fslTdGameBox {
	margin: .48rem .4rem 0
}

.fslTdGameBox .inTitle .titleL::before {
	content: "";
	display: block;
	width: .38rem;
	height: .5rem;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -3.13rem -4.9rem;
	margin-right: .09rem
}

.fslTdGameBox .inTitle .titleR {
	font-size: .24rem;
	color: #A1A5B2
}

.fslTdGameBox .inTitle .titleR i {
	font-style: normal;
	color: #7bc71f
}

.fslTdGameBox .boxCont {
	margin-top: .12rem;
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .06rem .2rem .3rem
}

.fslTdGameBox .boxCont .singleAppList li>div,
.fslTdGameBox .boxCont .singleAppList li>a {
	padding: .18rem 0;
	border: unset
}

.fslTdGameBox .boxCont .singleAppList li>div .imgBox,
.fslTdGameBox .boxCont .singleAppList li>a .imgBox {
	width: 1.2rem;
	height: 1.2rem
}

.fslTdGameBox .boxCont .singleAppList li>div .textBox,
.fslTdGameBox .boxCont .singleAppList li>a .textBox {
	padding-left: .2rem
}

.fslTdGameBox .boxCont .singleAppList li>div .textBox a,
.fslTdGameBox .boxCont .singleAppList li>a .textBox a,
.fslTdGameBox .boxCont .singleAppList li>div .textBox p,
.fslTdGameBox .boxCont .singleAppList li>a .textBox p {
	margin-top: .1rem
}

.fslTdGameBox .boxCont .singleAppList li>div .textBox a.tit,
.fslTdGameBox .boxCont .singleAppList li>a .textBox a.tit,
.fslTdGameBox .boxCont .singleAppList li>div .textBox p.tit,
.fslTdGameBox .boxCont .singleAppList li>a .textBox p.tit {
	margin-top: 0;
	line-height: .42rem
}

.fslTdHotBox {
	margin: .48rem .4rem 0
}

.fslChTjBox {
	margin: .02rem .4rem 0;
	background: #FFFFFF;
	border-radius: 0 0 .32rem .32rem;
	padding: .1rem .2rem .3rem
}

.fslChTjBox .btn {
	height: .48rem;
	line-height: .48rem
}

.fslChTjBox .title {
	padding-top: .22rem;
	font-size: .36rem;
	line-height: .4rem;
	width: fit-content;
	height: .72rem;
	font-weight: 700;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1
}

.fslChTjBox .title::after {
	content: "";
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: 2.59rem;
	height: .72rem;
	background-position: -6.22rem -2.61rem;
	position: absolute;
	top: 0;
	left: -0.38rem;
	z-index: -1
}

.fslChTjBox .boxCont {
	padding: .38rem .04rem .32rem
}

.fslChTjBox .boxCont .multiColumnList {
	margin: -0.3rem -0.05rem 0;
	grid-template-columns: repeat(4, 1.3rem);
	text-align: center
}

.fslChTjBox .boxCont .multiColumnList li a {
	margin-top: .3rem;
	display: block
}

.fslChTjBox .boxCont .multiColumnList li a .imgBox {
	display: block;
	margin: 0 auto;
	width: 1.2rem;
	height: 1.2rem;
	background: #f8f8f8;
	border-radius: .28rem
}

.fslChTjBox .boxCont .multiColumnList li a p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: .14rem auto 0
}

.fslChTjBox>.multiColumnList {
	border-top: 1px dashed #E6E6E6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: .28rem;
	margin-top: 0rem;
	grid-template-columns: repeat(3, 1.9rem)
}

.fslChTjBox>.multiColumnList li a {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	display: block;
	border-radius: .3rem;
	margin-top: .24rem;
	padding: 0 .1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #EE8C49;
	background: #FFF9F5
}

.fslChTjBox>.multiColumnList li:nth-child(2n) a {
	color: #A196D6;
	background: #F7F5FF
}

.fslChTjBox>.multiColumnList li:nth-child(3n) a {
	color: #F79CAD;
	background: #FFF5F7
}

.fslChOtherBox {
	margin: .5rem .4rem 0;
	color: #362C2A;
	font-size: .3rem
}

.fslChOtherBox .boxCont {
	background: #FFFFFF;
	border-radius: .16rem;
	padding: .3rem .2rem 0
}

.fslChOtherBox .boxCont>ul {
	display: flex;
	text-align: center;
	justify-content: center
}

.fslChOtherBox .boxCont>ul li a {
	display: block;
	min-width: 1.8rem;
	height: .6rem;
	line-height: .6rem;
	border-radius: .3rem
}

.fslChOtherBox .boxCont>ul li.active a {
	font-weight: bold;
	color: #FFFFFF;
	background: linear-gradient(90deg, #1DE5E2 0%, #B588F7 100%);
	box-shadow: 0 0 .12rem 0 #c4dcff
}

.fslChOtherBox .boxCont .singleList {
	margin-top: .08rem;
	line-height: .75rem
}

.fslChOtherBox .boxCont .singleList li a {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #F3F3F5
}

.fslChOtherBox .boxCont .singleList li a::before {
	content: "";
	display: block;
	width: .06rem;
	height: .06rem;
	background: #3F91FF;
	border-radius: .01rem;
	margin-right: .16rem
}

.fslChOtherBox .boxCont .singleList li a p {
	flex: 1;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fslChOtherBox .boxCont .singleList li a p.time {
	width: unset;
	flex: unset;
	font-size: .24rem;
	color: #A1A5B2
}

.fslChOtherBox .boxCont .singleList li:last-child a {
	border-bottom: unset
}

.fslRkTitleBox {
	width: 100%;
	height: 1.8rem;
	background-image: url(../ig/rkBg.png);
	background-size: 7.5rem 1.8rem;
	background-repeat: no-repeat;
	background-position: top;
	padding: 0 .1rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.fslRkTitleBox h1 {
	width: fit-content;
	padding: .15rem .3rem;
	font-size: .48rem;
	line-height: .54rem;
	color: #fff;
	font-weight: 700;
	border-radius: .16rem;
	background: rgba(0, 23, 82, 0.2);
	display: flex;
	flex-wrap: wrap;
	text-shadow: 0 3px 0 rgba(9, 26, 56, 0.5)
}

.fslRkRkBox {
	margin: 0 .4rem 0
}

.fslRkRkBox .boxCont {
	margin-top: .02rem;
	padding: 0 0 0 0
}

.fslRkRkBox .boxCont>ul {
	margin-top: 0
}

.fslRkRkBox .boxCont::before {
	display: none
}

footer {
	margin-top: .5rem;
	background: #4B4F55;
	border-radius: .16rem .16rem 0 0;
	font-size: .22rem;
	color: #999;
	line-height: .36rem;
	text-align: center;
	padding: .43rem 0 .5rem
}

.gmFooter {
	border-top: .04rem solid #FFD659
}

.crumbsBox {
	padding: .26rem .4rem;
	font-size: .24rem;
	line-height: .28rem;
	color: #A1A5B2
}

.crumbsBox p {
	display: flex;
	align-items: center
}

.crumbsBox p>a {
	display: flex;
	align-items: center
}

.crumbsBox p>a::after {
	content: ">";
	margin: 0 .3rem;
	font-size: .24rem;
	color: #A1A5B2
}

.crumbsBox p>a:last-child {
	color: #7bc71f
}

.crumbsBox p>a:last-child::after {
	display: none
}

.crumbsBox p span {
	color: #7bc71f;
	font-size: .24rem;
	display: block;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gmRecommendBox {
	margin: .06rem .3rem 0
}

.gmRecommendBox .inTitle .titleL .icon {
	width: .56rem;
	height: .35rem;
	background-position: -0.68rem -1.42rem
}

.gmRecommendBox .gmSwWrap {
	margin: .22rem -0.3rem 0;
	padding: 0 .3rem
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide {
	width: fit-content;
	margin-right: .2rem
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide:last-child {
	margin-right: 0
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a {
	width: 5.4rem;
	height: 3.59rem;
	background: #fff;
	border-radius: .2rem;
	display: flex;
	flex-direction: column
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgBox {
	width: 100%;
	height: 2.5rem;
	border-radius: .2rem .2rem 0 0
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo {
	padding: 0 .15rem .25rem;
	flex: 1;
	display: flex;
	align-items: flex-end
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>img {
	margin-top: -0.3rem;
	width: 1.09rem;
	height: 1.09rem;
	background: #5A96FF;
	border-radius: .15rem;
	border: .03rem solid #FFFFFF;
	object-fit: cover
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p {
	width: 0;
	padding-left: .1rem;
	padding-bottom: .06rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: .24rem;
	line-height: .28rem;
	color: #000000
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p .time {
	margin-top: .1rem
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo .btn {
	background: #FAE083;
	border-color: #FAE083;
	color: #333333;
	margin-bottom: .08rem
}

.gmClassifyBox {
	margin-top: .3rem;
	font-size: .3rem;
	color: #666666;
	padding: .25rem .5rem .35rem;
	background: #FFFFFF;
	border-radius: .2rem;
	border: .03rem solid #290E00
}

.gmClassifyBox .boxList {
	margin-top: -0.2rem;
	display: grid;
	grid-template-columns: repeat(3, 2.02rem);
	justify-content: space-between;
	height: 2.46rem;
	overflow: hidden
}

.gmClassifyBox .boxList li>a {
	color: inherit;
	margin-top: .2rem;
	display: block;
	width: 100%;
	height: .62rem;
	line-height: .6rem;
	background: #F4F4F4;
	border-radius: .1rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 .1rem
}

.gmClassifyBox .boxList li.active>a {
	background: #333333;
	color: #fff
}

.gmClassifyBox .boxList li.openBtn>a {
	color: #333333
}

.gmClassifyBox .boxList li.closeBtn>a {
	color: #CCCCCC
}

.gmAllBox {
	border-radius: .2rem;
	background: #F9F9F9;
	margin: .3rem .3rem 0
}

.gmAllBox .singleGmList {
	background: #fff;
	border-radius: .2rem
}

.gdMainBox {
	margin: .04rem .3rem 0;
	font-size: .24rem;
	line-height: .28rem;
	color: #333333;
	background: linear-gradient(0deg, #FFFFFF, #FFEECF);
	border-radius: .2rem;
	border: .03rem solid #290E00;
	padding: .28rem .26rem .26rem
}

.gdMainBox .boxInfo {
	display: flex;
	align-items: center
}

.gdMainBox .boxInfo .imgBox {
	width: 1.52rem;
	height: 1.52rem;
	border-radius: .3rem
}

.gdMainBox .boxInfo .infoBox {
	width: 0;
	flex: 1;
	padding-left: .2rem
}

.gdMainBox .boxInfo .infoBox h1 {
	font-size: .34rem;
	line-height: .38rem;
	color: #290E00;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gdMainBox .boxInfo .infoBox p {
	margin-top: .18rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gdMainBox .boxInfo .infoBox p.tags {
	display: flex;
	margin-left: -0.0725rem
}

.gdMainBox .boxInfo .infoBox p.tags a,
.gdMainBox .boxInfo .infoBox p.tags span {
	padding: 0 .16rem;
	height: .32rem;
	line-height: .32rem;
	font-size: .18rem;
	color: #FF6D22;
	background: rgba(255, 255, 255, 0.75);
	border-radius: .06rem;
	margin: 0 .0725rem
}

.gdMainBox .btns {
	padding: .2rem 0 .16rem
}

.gdMainBox .btns .btnItem {
	margin-top: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: .65rem;
	background: #ffbf48;
	font-size: .28rem;
	color: #290e00;
	border-radius: .1rem
}

.gdMainBox .btns .btnItem .icon {
	width: .28rem;
	height: .28rem;
	background-position: -0.65rem -2.16rem;
	margin-left: .1rem;
	margin-top: .02rem
}

.gdMainBox .btns .btnItem.bookingBtn {
	background: #D5B57C;
	color: #825D0A
}

.gdMainBox .btns .btnItem.bookingBtn .icon {
	width: .28rem;
	height: .28rem;
	background-position: -0.03rem -2.16rem
}

.gdMainBox .btns .btnItem.iosBtn {
	background: #11AEFF
}

.gdMainBox .btns .btnItem.noBtn {
	color: #999999;
	background: #ededed
}

.gdMainBox>p {
	font-size: .24rem;
	color: #D5B57C;
	line-height: .3rem
}

.gdInfoBox {
	overflow: hidden;
	margin: 0 .3rem;
	padding: .28rem .2rem 0;
	background: linear-gradient(0deg, #FFFFFF, #F4F4F4);
	font-size: .24rem;
	color: #333;
	line-height: .44rem
}

.gdInfoBox .gdSwOfVideoBox {
	margin: .18rem -0.2rem 0;
	padding: 0 .2rem
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide {
	border: .03rem solid transparent;
	width: auto;
	max-width: 5.83rem;
	height: 3.37rem;
	border-radius: .2rem;
	overflow: hidden;
	margin-right: .2rem
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide>video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide.swiper-slide-active {
	border-color: #FFD659
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide:last-child {
	margin-right: 0
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide .play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.375rem;
	margin-left: -0.375rem
}

.gdInfoBox .gdSwOfVideoBox .swiper-slide .play_btn .icon {
	width: .71rem;
	height: .71rem;
	background-position: -0.03rem -2.54rem
}

.gdInfoBox .boxCont p {
	margin-top: 10px
}

.gdInfoBox .boxCont img {
	max-width: 90%;
	height: auto;
	max-height: 60vh;
	display: block;
	margin: 0 auto
}

.gdInfoBox .boxCont h3,
.gdInfoBox .boxCont .gdInfoTitle {
	margin-top: .28rem;
	font-size: .28rem;
	line-height: .32rem;
	color: #1D2127
}

.gdVersionInfoBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .22rem .2rem 0
}

.gdVersionInfoBox .inTitle {
	font-size: .32rem;
	line-height: .36rem;
	color: #000000
}

.gdVersionInfoBox .inTitle .titleR {
	font-size: .2rem
}

.gdVersionInfoBox .versionList {
	font-size: .24rem;
	line-height: .44rem;
	color: #333
}

.gdVersionInfoBox .versionList .listItem {
	margin-top: .14rem
}

.gdVersionInfoBox .versionList .listItem p:first-child {
	color: #CCCCCC
}

.gdDetailBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .3rem .2rem 0
}

.gdDetailBox .gdTitle {
	font-size: .32rem;
	line-height: .36rem;
	color: #000000
}

.gdDetailBox .gdTitle .titleR {
	height: .35rem;
	background: #FFF6EF;
	border-radius: .06rem;
	font-size: .2rem;
	color: #FF9830;
	display: flex;
	align-items: center;
	padding: 0 .12rem
}

.gdDetailBox .gdTitle .titleR .icon {
	width: .18rem;
	height: .22rem;
	background-position: -0.39rem -2.16rem;
	margin-right: .08rem
}

.gdDetailBox>ul {
	margin-top: .22rem;
	padding: .08rem .18rem .16rem;
	background: #FAFAFA;
	border-radius: .2rem;
	font-size: .24rem;
	color: #999999;
	line-height: .62rem
}

.gdDetailBox>ul li {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.gdDetailBox>ul li span:last-child {
	color: #1F1F1F;
	padding-left: 10px;
	flex: 1;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gdVersionBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .38rem .2rem 0
}

.gdVersionBox .inTitle {
	font-size: .32rem;
	line-height: .36rem;
	color: #000000
}

.gdVersionBox .singleVersionList {
	margin-top: -0.1rem
}

.gdSimilarBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .4rem .2rem 0
}

.gdSimilarBox .fourColumnList {
	margin: -0.02rem -0.1rem 0
}

.gdSimilarBox .fourColumnList .listItem {
	margin-top: .3rem
}

.gdTopicBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .38rem .2rem 0;
	overflow: hidden
}

.gdTopicBox .gdSwOfTopicBox {
	margin: .28rem -0.2rem 0;
	padding: 0 .2rem
}

.gdTopicBox .gdSwOfTopicBox .slide-w {
	position: relative
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgBox {
	width: 100%;
	height: 3.1rem;
	border-radius: .2rem .2rem 0 0
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo {
	font-size: .26rem;
	line-height: .3rem;
	color: #FFFFFF;
	background: #A0A0C2;
	height: 1rem;
	border-radius: 0 0 .2rem .2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .2rem
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo p {
	display: flex;
	flex-direction: column
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo p span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo p span.time {
	margin-top: .1rem;
	font-size: .18rem;
	line-height: .22rem;
	color: rgba(255, 255, 255, 0.6)
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo p span.time i {
	margin: 0 5px;
	font-style: normal
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList {
	display: flex
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img {
	margin-left: -0.23rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	border: .03rem solid #A0A0C2
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img:nth-child(1) {
	z-index: 10
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img:nth-child(2) {
	z-index: 9
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img:nth-child(3) {
	z-index: 8
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img:nth-child(4) {
	z-index: 7
}

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo .imgList img:nth-child(5) {
	z-index: 6
}

.gdNewsBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .38rem .2rem .2rem;
	overflow: hidden
}

.gdNewsBox .singleNewsList {
	margin-top: .28rem
}

.gdRecomBox {
	background: #fff;
	margin: 0 .3rem;
	padding: .18rem .2rem .5rem;
	border-radius: 0 0 .2rem .2rem;
	overflow: hidden
}

.gdRecomBox .fourColumnList {
	margin: 0 -0.1rem
}

.popupBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1002;
	display: flex;
	align-items: center;
	justify-content: center
}

.popupBox .boxCont {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.popupBox .icon {
	background-image: url(../ig/popup.png);
	background-repeat: no-repeat;
	background-size: 5.02rem 2.2rem
}

.popupBox .authBox,
.popupBox .historyBox,
.popupBox .feedbackBox,
.popupBox .subSuccessBox,
.popupBox .subBox {
	width: 5.2rem;
	height: 3.24rem;
	border-radius: .24rem;
	background: linear-gradient(180deg, #ECFFF6 0%, #fff 50%, #fff 100%);
	padding: .24rem 0;
	position: relative
}

.popupBox .authBox>.tip,
.popupBox .historyBox>.tip,
.popupBox .feedbackBox>.tip,
.popupBox .subSuccessBox>.tip,
.popupBox .subBox>.tip {
	position: absolute;
	top: -0.11rem;
	left: .33rem;
	width: .87rem;
	height: .95rem;
	background-position: -3.03rem -0.02rem
}

.popupBox .authBox .boxTop,
.popupBox .historyBox .boxTop,
.popupBox .feedbackBox .boxTop,
.popupBox .subSuccessBox .boxTop,
.popupBox .subBox .boxTop {
	display: flex;
	flex-direction: column;
	align-items: center
}

.popupBox .authBox .boxTop>p,
.popupBox .historyBox .boxTop>p,
.popupBox .feedbackBox .boxTop>p,
.popupBox .subSuccessBox .boxTop>p,
.popupBox .subBox .boxTop>p {
	font-size: .36rem;
	line-height: .6rem;
	color: #333;
	font-weight: bold
}

.popupBox .authBox .boxCenter,
.popupBox .historyBox .boxCenter,
.popupBox .feedbackBox .boxCenter,
.popupBox .subSuccessBox .boxCenter,
.popupBox .subBox .boxCenter {
	margin: .28rem .6rem .32rem;
	position: relative
}

.popupBox .authBox .boxCenter p,
.popupBox .historyBox .boxCenter p,
.popupBox .feedbackBox .boxCenter p,
.popupBox .subSuccessBox .boxCenter p,
.popupBox .subBox .boxCenter p {
	font-size: .22rem;
	line-height: .26rem;
	color: #333
}

.popupBox .authBox .boxCenter input,
.popupBox .historyBox .boxCenter input,
.popupBox .feedbackBox .boxCenter input,
.popupBox .subSuccessBox .boxCenter input,
.popupBox .subBox .boxCenter input {
	font-size: .22rem;
	color: #999999;
	margin-top: .18rem;
	width: 100%;
	height: .54rem;
	background: #F7F7F7;
	border-radius: .05rem;
	border: unset;
	text-indent: .2rem
}

.popupBox .authBox .boxBottom,
.popupBox .historyBox .boxBottom,
.popupBox .feedbackBox .boxBottom,
.popupBox .subSuccessBox .boxBottom,
.popupBox .subBox .boxBottom {
	display: flex;
	justify-content: center
}

.popupBox .authBox .boxBottom button,
.popupBox .historyBox .boxBottom button,
.popupBox .feedbackBox .boxBottom button,
.popupBox .subSuccessBox .boxBottom button,
.popupBox .subBox .boxBottom button {
	width: 3.5rem;
	height: .54rem;
	background: #7bc71f;
	border-radius: .05rem;
	font-size: .2rem;
	color: #fff;
	text-align: center;
	line-height: .54rem
}

.popupBox .authBox .close,
.popupBox .historyBox .close,
.popupBox .feedbackBox .close,
.popupBox .subSuccessBox .close,
.popupBox .subBox .close {
	cursor: pointer
}

.popupBox .authBox>.close,
.popupBox .historyBox>.close,
.popupBox .feedbackBox>.close,
.popupBox .subSuccessBox>.close,
.popupBox .subBox>.close {
	width: .2rem;
	height: .2rem;
	background-position: -0.06rem -1.07rem;
	position: absolute;
	top: .24rem;
	right: .24rem
}

.popupBox .waitBox,
.popupBox .subSuccessBox {
	height: 2.36rem
}

.popupBox .waitBox>.tip,
.popupBox .subSuccessBox>.tip {
	top: -0.13rem;
	width: .96rem;
	height: .98rem;
	background-position: -4.05rem -0.02rem
}

.popupBox .waitBox .boxCenter,
.popupBox .subSuccessBox .boxCenter {
	text-align: center;
	margin: .24rem 0
}

.popupBox .waitBox .boxCenter p.wait,
.popupBox .subSuccessBox .boxCenter p.wait,
.popupBox .waitBox .boxCenter p.success,
.popupBox .subSuccessBox .boxCenter p.success {
	font-size: .22rem;
	color: #999
}

.popupBox .waitBox .boxCenter p.wait,
.popupBox .subSuccessBox .boxCenter p.wait {
	display: none
}

.popupBox .waitBox .boxCenter p.wait {
	display: block
}

.popupBox .waitBox .boxCenter p.success {
	display: none
}

.popupBox .authBox,
.popupBox .historyBox,
.popupBox .feedbackBox {
	width: 5.6rem;
	border-radius: .24rem;
	height: fit-content;
	max-height: calc(100vh - 1rem);
	background: linear-gradient(180deg, #F5F5FF 0%, #fff 21%, #fff 100%);
	padding: .22rem 0 .32rem
}

.popupBox .authBox .tip,
.popupBox .historyBox .tip,
.popupBox .feedbackBox .tip {
	width: .96rem;
	height: .96rem;
	background-position: -1.93rem -0.03rem;
	left: .25rem;
	top: -0.11rem
}

.popupBox .authBox .boxHead,
.popupBox .historyBox .boxHead,
.popupBox .feedbackBox .boxHead {
	display: flex;
	flex-direction: column;
	align-items: center
}

.popupBox .authBox .boxHead p,
.popupBox .historyBox .boxHead p,
.popupBox .feedbackBox .boxHead p {
	font-size: .36rem;
	line-height: .64rem;
	color: #333;
	font-weight: 700
}

.popupBox .authBox .boxBody,
.popupBox .historyBox .boxBody,
.popupBox .feedbackBox .boxBody {
	max-height: calc(100% - 1.18rem);
	font-size: .22rem;
	line-height: .26rem;
	color: #333;
	margin-right: .1rem;
	padding: .06rem .2rem .32rem .35rem;
	overflow-y: auto
}

.popupBox .authBox .boxBody::-webkit-scrollbar,
.popupBox .historyBox .boxBody::-webkit-scrollbar,
.popupBox .feedbackBox .boxBody::-webkit-scrollbar {
	width: .07rem
}

.popupBox .authBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .feedbackBox .boxBody::-webkit-scrollbar-thumb {
	background: #dfdfdf;
	border-radius: .06rem
}

.popupBox .authBox .boxBody .bodyItem,
.popupBox .historyBox .boxBody .bodyItem,
.popupBox .feedbackBox .boxBody .bodyItem {
	position: relative
}

.popupBox .authBox .boxBody .bodyItem>p,
.popupBox .historyBox .boxBody .bodyItem>p,
.popupBox .feedbackBox .boxBody .bodyItem>p {
	margin-top: .22rem
}

.popupBox .authBox .boxBody .bodyItem .feedBackList,
.popupBox .historyBox .boxBody .bodyItem .feedBackList,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList {
	display: grid;
	grid-template-columns: repeat(3, 30%);
	justify-content: space-between;
	font-size: .2rem;
	color: #999999
}

.popupBox .authBox .boxBody .bodyItem .feedBackList li,
.popupBox .historyBox .boxBody .bodyItem .feedBackList li,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList li {
	cursor: pointer;
	margin-top: .12rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	padding: 0 .05rem;
	background: #F7F5F5;
	border-radius: .05rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.popupBox .authBox .boxBody .bodyItem .feedBackList li.active,
.popupBox .historyBox .boxBody .bodyItem .feedBackList li.active,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList li.active {
	color: #fff;
	background: #7bc71f
}

.popupBox .authBox .boxBody .bodyItem input,
.popupBox .historyBox .boxBody .bodyItem input,
.popupBox .feedbackBox .boxBody .bodyItem input,
.popupBox .authBox .boxBody .bodyItem textarea,
.popupBox .historyBox .boxBody .bodyItem textarea,
.popupBox .feedbackBox .boxBody .bodyItem textarea {
	font-size: .22rem;
	color: #999999;
	padding: .1rem .12rem;
	margin-top: 16px;
	width: 100%;
	height: 1.3rem;
	background: #F7F7F7;
	border-radius: .05rem;
	border: unset;
	resize: none
}

.popupBox .authBox .boxBody .bodyItem input,
.popupBox .historyBox .boxBody .bodyItem input,
.popupBox .feedbackBox .boxBody .bodyItem input {
	height: .54rem;
	font-size: .22rem
}

.popupBox .authBox .boxBody .bodyItem .countChange,
.popupBox .historyBox .boxBody .bodyItem .countChange,
.popupBox .feedbackBox .boxBody .bodyItem .countChange {
	position: absolute;
	right: .1rem;
	bottom: .1rem;
	font-size: .22rem;
	line-height: .26rem;
	color: #999
}

.popupBox .historyBox {
	max-height: 6rem;
	background: linear-gradient(180deg, #FDF0EA 0%, #fff 26%, #fff 100%)
}

.popupBox .historyBox .tip {
	width: .83rem;
	height: .95rem;
	background-position: -0.96rem -0.03rem;
	left: .32rem;
	top: -0.1rem
}

.popupBox .historyBox .boxBody {
	margin: .24rem .24rem 0 0;
	max-height: calc(100vh - 280px);
	font-size: .22rem;
	line-height: .28rem;
	color: #999;
	padding: 0 .12rem .32rem .38rem;
	overflow-y: auto;
	height: 4.52rem
}

.popupBox .historyBox .boxBody::-webkit-scrollbar {
	width: .12rem;
	background: #EEEEEE
}

.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb {
	background: #DCDCDC;
	border-radius: 0
}

.popupBox .historyBox .boxBody ul li {
	padding: .26rem 0 .24rem;
	border-bottom: 1px dashed #dcdcdc
}

.popupBox .historyBox .boxBody ul li:first-child {
	padding-top: .02rem
}

.popupBox .historyBox .boxBody ul li p.time {
	font-size: .22rem;
	line-height: .26rem;
	display: flex;
	justify-content: space-between
}

.popupBox .historyBox .boxBody ul li p.title {
	margin-top: .14rem;
	color: #333;
	line-height: .2rem
}

.popupBox .historyBox .boxBody ul li p.cont {
	margin-top: .1rem
}

.popupBox .videoBox {
	width: 1200px;
	height: 678px;
	position: relative
}

.popupBox .videoBox .close {
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 20px;
	background-position: -6px -107px;
	position: absolute;
	top: 0;
	right: 0
}

.popupBox .videoBox video {
	width: 100%;
	height: 100%
}

.popupBox.hide {
	display: none
}

.nwInfoBox {
	margin: 0 .3rem
}

.nwInfoBox .tabsWrap {
	font-size: .28rem;
	color: #4E4E4E
}

.nwInfoBox .tabsWrap>ul {
	margin: 0 -0.1rem;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .14rem;
	position: relative
}

.nwInfoBox .tabsWrap>ul::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: .1rem;
	right: .1rem;
	height: 1px;
	background: rgba(255, 214, 89, 0.5)
}

.nwInfoBox .tabsWrap>ul li {
	margin: .06rem .1rem
}

.nwInfoBox .tabsWrap>ul li a {
	display: block;
	padding: 0 .22rem;
	height: .6rem;
	line-height: .6rem;
	background: #FFFFFF;
	border-radius: .2rem
}

.nwInfoBox .tabsWrap>ul li.active a {
	background: #FFB731;
	color: #FFFFFF
}

.nwInfoBox .tabsWrap .singleNwList {
	z-index: 1;
	position: relative
}

.nwInfoBox .tabsWrap .singleNwList .listItem:first-child {
	margin-top: .2rem
}

.nwInfoBox .tabsWrap .pageCode {
	background: #F9F9F9;
	border-radius: 0 0 .2rem .2rem;
	padding-top: .5rem;
	margin-top: -0.2rem;
	z-index: -1
}

.nwSwBox {
	margin: 0 .26rem
}

.nwSwBox .nwSwWrap {
	width: 100%;
	height: 3.6rem;
	font-size: .3rem;
	line-height: .34rem
}

.nwSwBox .nwSwWrap .swiper-slide {
	border-radius: .24rem;
	overflow: hidden
}

.nwSwBox .nwSwWrap .swiper-slide>div {
	height: 3.6rem;
	position: relative
}

.nwSwBox .nwSwWrap .swiper-slide>div img {
	width: 100%;
	height: 100%
}

.nwSwBox .nwSwWrap .swiper-slide>div .bt {
	height: .7rem;
	backdrop-filter: blur(5px);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .18rem 2rem .18rem .26rem;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: space-between
}

.nwSwBox .nwSwWrap .swiper-slide>div .bt img {
	width: .48rem;
	height: .48rem;
	background: #FFFFFF;
	border-radius: .12rem
}

.nwSwBox .nwSwWrap .swiper-slide>div .bt .info {
	flex: 1;
	width: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.nwSwBox .nwSwWrap .swiper-slide>div .bt .info>p {
	color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nwSwBox .nwSwWrap .swiper-pagination {
	width: fit-content;
	height: .7rem;
	bottom: 0rem;
	right: 0;
	left: unset;
	display: flex;
	align-items: center;
	padding: 0 .16rem
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet {
	margin: 0 .05rem;
	width: .1rem;
	height: .1rem;
	background: #DCDCDC;
	opacity: .5;
	border-radius: .05rem
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: .3rem;
	background: #47FFA3;
	border-radius: .05rem;
	opacity: 1;
	margin: 0 .08rem
}

.nwTabBox .newsContList {
	margin-top: .12rem
}

.nwTabBox .pageCode {
	padding-top: .22rem
}

.ndDetailBox {
	margin: 0 .3rem
}

.ndDetailBox h1 {
	font-weight: bold;
	font-size: .36rem;
	color: #242424;
	line-height: .54rem
}

.ndDetailBox>.time {
	color: #ccc;
	font-size: .2rem;
	line-height: .24rem;
	margin-top: .2rem;
	margin-bottom: .32rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.ndDetailBox>.time span {
	display: flex;
	align-items: center;
	margin: 0 .08rem
}

.ndDetailBox>.time span .icon {
	width: .2rem;
	height: .2rem;
	background-position: -2.12rem -1.04rem;
	margin-right: .05rem
}

.ndDetailBox .boxCont {
	border-top: 1px solid #FFD659;
	font-size: .22rem;
	color: #242424;
	line-height: .42rem;
	text-align: justify
}

.ndDetailBox .boxCont p {
	margin: .3rem 0 0
}

.ndDetailBox .boxCont p:first-child {
	margin-top: .26rem
}

.ndDetailBox .boxCont h3 {
	font-weight: bold;
	font-size: .26rem;
	line-height: .42rem;
	margin: .3rem 0 -0.06rem;
	color: #000000;
	display: block
}

.ndDetailBox .boxCont img {
	display: block;
	margin: .3rem auto;
	width: unset !important;
	height: unset !important;
	max-width: 100%;
	max-height: 75vh
}

.ndDetailBox .singleItem {
	margin: .4rem 0 0;
	font-weight: bold;
	font-size: .24rem;
	line-height: .28rem;
	color: #000000
}

.ndDetailBox .singleItem>a {
	padding: .21rem;
	background: #FAFAFA;
	border-radius: .2rem;
	border: 1px solid rgba(255, 211, 88, 0.3);
	display: flex;
	align-items: center;
	color: inherit
}

.ndDetailBox .singleItem>a .imgBox {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: .2rem
}

.ndDetailBox .singleItem>a .itemInfo {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 0 0 .2rem
}

.ndDetailBox .singleItem>a .itemInfo p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ndDetailBox .singleItem>a .itemInfo .time {
	margin-top: .08rem;
	font-size: .2rem;
	line-height: .24rem;
	color: #999999;
	font-weight: normal
}

.ndDetailBox .singleItem>a .btn {
	background: #ffd659;
	color: #fff;
	font-weight: normal;
	border: unset;
	line-height: .5rem
}

.ndDetailBox .boxCopy {
	margin: .25rem 0 0;
	font-size: .22rem;
	line-height: .38rem;
	color: #8F8F8F;
	display: flex;
	align-items: center;
	font-weight: 300
}

.ndDetailBox .boxCopy span.copyBtn {
	margin-right: .12rem;
	padding: 0 .1rem;
	height: .38rem;
	background: #FFFFFF;
	border: 1px solid rgba(255, 169, 0, 0.5);
	border-radius: .06rem;
	color: #FFA900;
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0
}

.ndDetailBox .boxCopy span.copyBtn .icon {
	width: .18rem;
	height: .18rem;
	background-position: -0.27rem -3.85rem;
	margin-right: .07rem
}

.ndSimilarGameBox {
	margin: .5rem .3rem 0
}

.ndNewsBox {
	margin: .48rem .3rem 0
}

.ndNewsBox .singleNewsList {
	margin-top: .28rem
}

.ndRecomBox {
	margin: .42rem .3rem .5rem
}

.ndRecomBox .fourColumnList {
	margin: 0 -0.1rem
}

.tpInfoBox {
	margin: 0 .3rem
}

.tpInfoBox .tabsWrap {
	font-size: .28rem;
	color: #4E4E4E
}

.tpInfoBox .tabsWrap>ul {
	margin: 0 -0.1rem;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .14rem;
	position: relative
}

.tpInfoBox .tabsWrap>ul::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: .1rem;
	right: .1rem;
	height: 1px;
	background: rgba(255, 214, 89, 0.5)
}

.tpInfoBox .tabsWrap>ul li {
	margin: .06rem .1rem
}

.tpInfoBox .tabsWrap>ul li a {
	display: block;
	padding: 0 .22rem;
	height: .6rem;
	line-height: .58rem;
	background: #FFFFFF;
	border-radius: .2rem
}

.tpInfoBox .tabsWrap>ul li.active a {
	background: #FFB731;
	color: #FFFFFF
}

.tpInfoBox .tabsWrap .pageCode {
	padding: .4rem 0 .54rem
}

.tdDetailBox {
	margin: 0 .26rem 0
}

.tdDetailBox .boxCont {
	margin-top: .26rem;
	border-radius: .2rem;
	border: .03rem solid #EBC9A3;
	padding: 0 .28rem .32rem;
	position: relative
}

.tdDetailBox .boxCont .imgBox {
	margin-top: -0.2rem;
	width: 100%;
	height: 3.78rem;
	background: #878787;
	border-radius: .2rem
}

.tdDetailBox .boxCont h1 {
	margin-top: .24rem;
	font-weight: bold;
	font-size: .3rem;
	line-height: .42rem;
	color: #290E00
}

.tdDetailBox .boxCont p {
	display: flex;
	align-items: center;
	margin-top: .2rem;
	font-size: .2rem;
	color: #666666;
	line-height: .34rem
}

.tdDetailBox .boxCont p.tip {
	position: absolute;
	right: .28rem;
	top: -0.03rem;
	padding: 0 .09rem 0 .12rem;
	background: #EBC9A3;
	border-radius: .06rem 0 0 .06rem;
	font-size: .2rem;
	color: #9C6C3A;
	height: .39rem;
	line-height: .39rem;
	margin: 0
}

.tdDetailBox .boxCont p.time {
	margin-top: .14rem;
	color: rgba(153, 153, 153, 0.25);
	line-height: .24rem
}

.tdDetailBox .boxCont p.time span {
	color: #999;
	margin: 0 .14rem;
	display: flex;
	align-items: center
}

.tdDetailBox .boxCont p.time span:first-child {
	margin-left: 0
}

.tdDetailBox .boxCont p.time span i {
	font-style: normal;
	color: #FFB934;
	font-weight: bold;
	margin-right: .06rem
}

.tdDetailBox .boxCont p.time span .icon {
	width: .2rem;
	height: .2rem;
	background-position: -2.44rem -1.04rem
}

.tdDetailBox .boxCont p.tags {
	margin-top: .16rem;
	color: #999;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: .32rem
}

.tdDetailBox .boxCont p.tags a,
.tdDetailBox .boxCont p.tags span {
	background: #FFF3EA;
	border-radius: .06rem;
	padding: 0 .16rem;
	color: #FF6D22;
	margin: .1rem .0725rem
}

.tdHotGameBox {
	margin: .2rem .3rem 0;
	background: #FFFFFF;
	border-radius: .2rem;
	padding: .25rem .2rem .4rem
}

.tdHotGameBox .fourColumnList {
	margin: -0.02rem -0.1rem 0
}

.tdHotGameBox .fourColumnList .listItem {
	margin: .3rem auto 0
}

.tdBoutiqueBox {
	margin: .2rem .3rem 0;
	background: #FFFFFF;
	border-radius: .2rem;
	padding: .25rem .2rem
}

.tdBoutiqueBox .singleGmList {
	margin: 0 -0.2rem
}

.tdBoutiqueBox .pageCode {
	padding: .08rem 0 0
}

.tdBoutiqueBox .pageCode a {
	margin: 0 .04rem;
	padding: 0 .05rem
}

.tdCollBox {
	margin: .2rem .3rem 0;
	background: #FFFFFF;
	border-radius: .2rem;
	padding: .25rem .2rem .4rem
}

.tdCollBox .twoCollList {
	margin: -0.02rem -0.2rem 0
}

.tdCollBox .tagList {
	margin: .1rem -0.045rem 0;
	display: flex;
	flex-wrap: wrap
}

.tdCollBox .tagList li {
	margin: .22rem .045rem 0
}

.tdCollBox .tagList li a {
	padding: 0 .25rem
}

.rkDetailBox {
	margin: 0 .3rem;
	min-height: 3rem;
	padding-bottom: .44rem
}

.rkDetailBox>.icon {
	width: 2.01rem;
	height: .62rem;
	background-position: -7.92rem -0.07rem;
	display: block;
	margin: 0 auto
}

.rkDetailBox .tabsWrap>ul {
	margin-top: .48rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .26rem;
	color: #FFB23F
}

.rkDetailBox .tabsWrap>ul li {
	opacity: .5
}

.rkDetailBox .tabsWrap>ul li a {
	display: flex;
	align-items: center
}

.rkDetailBox .tabsWrap>ul li a::before,
.rkDetailBox .tabsWrap>ul li a::after {
	content: "";
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: .29rem;
	height: .46rem;
	background-position: -0.03rem -4.22rem;
	margin: 0 .12rem
}

.rkDetailBox .tabsWrap>ul li a::before {
	transform: rotateY(180deg)
}

.rkDetailBox .tabsWrap>ul li.active {
	font-weight: bold;
	opacity: 1
}

.rkDetailBox .tabsWrap .tabsCont {
	font-size: .22rem;
	color: #666666
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox {
	margin-top: .16rem;
	background: linear-gradient(180deg, #FFEECF 0%, #FFFFFF 1.6rem);
	border-radius: .2rem;
	position: relative;
	overflow: hidden
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: .05rem;
	background: #FF4E19
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox>ul {
	padding: .1rem .2rem .2rem;
	display: grid;
	grid-template-columns: repeat(3, 2.02rem);
	justify-content: space-between;
	overflow: hidden;
	max-height: 2.34rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox>ul li {
	margin-top: .2rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox>ul li a {
	text-align: center;
	display: block;
	height: .48rem;
	padding: 0 .1rem;
	line-height: .48rem;
	background: #FAFAFA;
	border-radius: .22rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox>ul li.active a {
	color: #FFFFFF;
	background: #FFBA37
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox .loadMore {
	padding: .04rem 0 .2rem;
	cursor: pointer
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox .loadMore .icon {
	width: .17rem;
	height: .18rem;
	background-position: -0.54rem -3.85rem;
	display: block;
	margin: 0 auto
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo>.time {
	padding: .18rem 0;
	font-size: .18rem;
	line-height: .22rem;
	color: #CCCCCC;
	display: flex;
	align-items: center
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo>.time .icon {
	width: .18rem;
	height: .18rem;
	background-position: -2.76rem -1.04rem;
	margin-right: .05rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem {
	margin-top: .2rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem:first-child {
	margin-top: 0
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a {
	height: 1.8rem;
	background: #FFFFFF;
	border-radius: .2rem;
	padding-right: .2rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a>span {
	width: .6rem;
	font-weight: bold;
	font-size: .28rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a img {
	border: unset
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a .itemInfo {
	padding-left: .26rem;
	font-size: .22rem;
	line-height: .26rem
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a .itemInfo p.tit {
	font-size: .28rem;
	line-height: .32rem
}

.rkDetailBox .boxMainTitle {
	width: auto;
	height: 3rem;
	border-radius: .16rem;
	background-image: url(../ig/rkBg.png);
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	padding-top: .35rem
}

.rkDetailBox .boxMainTitle .txt {
	text-align: center;
	padding-right: .06rem;
	padding-top: .28rem
}

.rkDetailBox .boxMainTitle h1 {
	font-size: .72rem;
	line-height: .76rem;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 4px 0 #4ad2d9
}

.rkDetailBox .boxMainTitle .tip {
	margin-top: .18rem;
	font-size: .24rem;
	color: #F8F8F8;
	line-height: .4rem;
	width: 4rem;
	height: .4rem;
	background: rgba(38, 98, 219, 0.6);
	border-radius: .2rem;
	text-align: center
}

.rkDetailBox .boxMainTitle .icon {
	width: 1.57rem;
	height: 1.7rem;
	background-position: -0.04rem -5.31rem
}

.rkHotBox {
	margin: .16rem .26rem 0
}

.rkHotBox ul {
	margin-top: .05rem;
	margin-bottom: .2rem;
	font-size: .28rem;
	line-height: .88rem;
	color: #333333
}

.rkHotBox ul li a {
	color: inherit;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee
}

.rkHotBox ul li a::before {
	content: "";
	display: block;
	width: .06rem;
	height: .06rem;
	background: #47FFA3
}

.rkHotBox ul li a span.txt {
	flex: 1;
	padding: 0 .1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.rkHotBox ul li a span.time {
	font-size: .24rem;
	color: #999999
}

.rkHotBox ul li:last-child a {
	border-bottom: unset
}

.rankCrumbsBox {
	background-image: url(../ig/rank_bg.png);
	background-repeat: no-repeat;
	background-size: 19.2rem 2.56rem;
	background-position: -6rem 0;
	width: 100%;
	height: 2.56rem
}

.rankMainBox {
	margin-top: -2.06rem;
	height: 2.06rem
}

.rankMainBox .mianTitle {
	font-size: .2rem;
	color: #FFCCCC;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.rankMainBox .mianTitle>i {
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -3.02rem -4.68rem;
	width: 2.38rem;
	height: .86rem;
	display: block
}

.rankMainBox .mianTitle>p {
	display: flex;
	align-items: center;
	margin-top: .08rem;
	line-height: .2rem
}

.rankMainBox .mianTitle>p i {
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: -0.01rem -9.75rem;
	width: .18rem;
	height: .18rem;
	display: block;
	margin-right: .06rem;
	margin-top: .01rem
}

.rankTabsBox {
	margin-top: .5rem;
	padding: 0 .25rem .3rem;
	font-size: .3rem
}

.rankTabsBox>.tabsWrap>.tabs {
	display: flex;
	height: .65rem;
	line-height: .65rem;
	justify-content: space-evenly;
	font-size: .28rem;
	color: #fff
}

.rankTabsBox>.tabsWrap>.tabs li {
	flex: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #CF1232;
	opacity: .4
}

.rankTabsBox>.tabsWrap>.tabs li>i {
	width: .32rem;
	height: .32rem;
	display: inline-block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	background-position: 0 0;
	margin-right: .08rem
}

.rankTabsBox>.tabsWrap>.tabs li>i.game {
	width: .36rem;
	height: .32rem;
	background-position: -0.83rem -6.62rem
}

.rankTabsBox>.tabsWrap>.tabs li>i.app {
	width: .3rem;
	height: .32rem;
	background-position: -1.61rem -6.6rem
}

.rankTabsBox>.tabsWrap>.tabs li.active {
	background: #CF1232;
	opacity: 1
}

.rankTabsBox>.tabsWrap>.tabs li.active>i.game {
	background-position: -0.41rem -6.62rem
}

.rankTabsBox>.tabsWrap>.tabs li.active>i.app {
	background-position: -1.25rem -6.6rem
}

.rankTabsBox .tabInfo {
	font-size: .24rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs {
	margin: .3rem -0.1rem 0;
	border: 1px solid #FFDEDE;
	padding: .02rem .02rem .22rem;
	background: #FFFFFF
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul {
	overflow: hidden;
	height: 2.42rem;
	display: grid;
	grid-template-columns: repeat(4, 22.5%);
	justify-content: space-evenly
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li {
	width: 100%;
	height: .58rem;
	line-height: .58rem;
	border: unset;
	background-color: #f4f4f4;
	border-radius: .03rem;
	overflow: hidden
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.active {
	background-color: #E13D3D;
	position: relative
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.active::after {
	display: none
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.openBtn {
	color: #E13D3D
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont {
	background: #FFFFFF
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo>p {
	font-size: .28rem;
	font-weight: bold;
	color: #333333;
	line-height: .83rem;
	text-align: center
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList {
	padding: 0;
	margin: 0;
	border-top: .02rem solid #E13D3D;
	position: relative
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList::before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: .1rem solid #E13D3D;
	border-right: .15rem solid transparent;
	border-left: .15rem solid transparent;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.075rem;
	top: -0.1rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem .listNum {
	width: .72rem;
	font-size: .24rem;
	font-weight: bold;
	color: #BFBFBF;
	margin-right: .23rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .listNum i,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .listNum i,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .listNum i {
	width: .72rem;
	height: .19rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg {
	width: 1.2rem;
	height: 1.2rem;
	border: .02rem solid #C9CDD8;
	border-radius: .28rem;
	position: relative
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>i,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>i,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>i {
	position: absolute;
	top: -0.2rem;
	left: -0.23rem;
	width: .38rem;
	height: .38rem;
	display: block;
	background-image: url(../ig/icon.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>img,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>img,
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>img {
	width: 100%;
	height: 100%
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .listNum i {
	background-position: -1.71rem -7rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg {
	border-color: #FABD4C
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>i {
	background-position: -0.39rem -7rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .listNum i {
	background-position: -1.71rem -7.23rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg {
	border-color: #C9CDD8
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>i {
	background-position: -0.83rem -7rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .listNum i {
	background-position: -1.71rem -7.45rem
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg {
	border-color: #f4915a
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>i {
	background-position: -1.27rem -6.99rem
}

.noPageBox {
	margin-top: .5rem;
	width: 100%;
	min-height: 4.2rem;
	height: calc(100vh - 3.75rem);
	display: flex;
	align-items: center;
	justify-content: center
}

.noPageBox .boxWrap {
	height: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.noPageBox .boxWrap::before {
	content: "";
	background-image: url(../ig/404.png);
	background-repeat: no-repeat;
	background-size: 4.56rem 3.23rem;
	display: block;
	width: 4.56rem;
	height: 3.23rem;
	background-position: 0px 0px
}

.noPageBox .boxWrap p {
	margin-top: .26rem;
	color: #999;
	font-size: .22rem;
	line-height: .26rem
}

.noPageBox .boxWrap a {
	margin-top: .34rem;
	height: .48rem;
	line-height: .48rem;
	color: #fff;
	background: #7bc71f;
	border-radius: .08rem;
	padding: 0 .25rem;
	width: fit-content
}

.noPageBox .boxWrap a:hover {
	opacity: .85
}

.bhlNwSwBox {
	margin: .1rem .3rem 0
}

.bhlNwSwBox .boxSwCont {
	margin: 0 -0.3rem;
	padding: 0 .3rem;
	overflow: hidden;
	font-size: .28rem;
	line-height: .32rem
}

.bhlNwSwBox .boxSwCont .swiper-slide {
	width: 6.9rem;
	height: 3.34rem;
	border-radius: .2rem;
	position: relative;
	color: #FFFFFF;
	line-height: .32rem;
	text-align: center;
	margin-right: .32rem
}

.bhlNwSwBox .boxSwCont .swiper-slide:last-child {
	margin-right: 0
}

.bhlNwSwBox .boxSwCont .swiper-slide p {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .8rem .12rem .16rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0, transparent 100%)
}

.bhlNwSwBox .boxSwCont .swiper-slide.hot::after {
	content: "HOT!";
	font-weight: bold;
	font-size: .18rem;
	color: #FFFFFF;
	height: .28rem;
	line-height: .28rem;
	padding: 0 .08rem 0 .05rem;
	background: #E45F2B;
	border-radius: .03rem;
	font-style: italic;
	position: absolute;
	top: .1rem;
	left: .1rem
}

.bhlNwAllBox {
	margin: 0 .3rem 0
}

.bhlNwAllBox .tabsWrap>ul {
	font-size: .3rem;
	color: #666666;
	display: flex;
	overflow: auto;
	margin: .2rem -0.3rem 0;
	padding: 0 .2rem;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.bhlNwAllBox .tabsWrap>ul::-webkit-scrollbar {
	display: none
}

.bhlNwAllBox .tabsWrap>ul li {
	flex-shrink: 0
}

.bhlNwAllBox .tabsWrap>ul li a {
	display: block;
	height: .62rem;
	line-height: .59rem;
	padding: 0 .4rem;
	margin: .1rem;
	background: #F6F9FB;
	border-radius: .31rem;
	box-shadow: 0 0 .15rem 0 rgba(40, 40, 40, 0.15);
	border: 1px solid rgba(216, 216, 216, 0.5)
}

.bhlNwAllBox .tabsWrap>ul li.active {
	color: #FFFFFF
}

.bhlNwAllBox .tabsWrap>ul li.active a {
	background: #3F91FF;
	border-color: #3F91FF
}

.bhlNwAllBox .tabsWrap .tabsCont {
	margin: .2rem 0 0
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul {
	font-size: .28rem;
	color: #000000;
	line-height: .36rem
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a {
	display: flex;
	margin-top: .2rem;
	padding: .2rem;
	background: #FFFFFF;
	border-radius: .2rem
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .imgBox {
	width: 2.35rem;
	height: 1.42rem;
	border-radius: .2rem;
	flex-shrink: 0
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .txtBox {
	flex: 1;
	width: 0;
	padding: .1rem 0 .16rem .28rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .txtBox p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .txtBox p.time {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .txtBox p.time .icon {
	width: .18rem;
	height: .18rem;
	background-position: -0.5rem -0.05rem;
	margin-right: .08rem
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo .pageCode {
	margin-top: .18rem
}

.bhlNwAppBox,
.bhlInAppClassifyBox,
.bhlInGameClassifyBox {
	margin: .36rem .3rem 0
}

.bhlNwAppBox .tabsWrap>ul,
.bhlInAppClassifyBox .tabsWrap>ul,
.bhlInGameClassifyBox .tabsWrap>ul {
	display: flex;
	margin: .14rem -0.3rem 0;
	padding: 0 .22rem;
	overflow: auto;
	font-size: .3rem;
	color: #666666
}

.bhlNwAppBox .tabsWrap>ul li,
.bhlInAppClassifyBox .tabsWrap>ul li,
.bhlInGameClassifyBox .tabsWrap>ul li {
	flex-shrink: 0
}

.bhlNwAppBox .tabsWrap>ul li a,
.bhlInAppClassifyBox .tabsWrap>ul li a,
.bhlInGameClassifyBox .tabsWrap>ul li a {
	margin: .15rem .09rem;
	display: block;
	height: .62rem;
	padding: 0 .46rem;
	line-height: .59rem;
	background: #FFFFFF;
	box-shadow: 0 0 .15rem 0 rgba(40, 40, 40, 0.15);
	border-radius: .3rem;
	border: 1px solid rgba(216, 216, 216, 0.5)
}

.bhlNwAppBox .tabsWrap>ul li.active a,
.bhlInAppClassifyBox .tabsWrap>ul li.active a,
.bhlInGameClassifyBox .tabsWrap>ul li.active a {
	background: #FBC846;
	color: #FFFFFF
}

.bhlNwAppBox .tabsWrap ul::-webkit-scrollbar,
.bhlInAppClassifyBox .tabsWrap ul::-webkit-scrollbar,
.bhlInGameClassifyBox .tabsWrap ul::-webkit-scrollbar {
	display: none
}

.bhlNwAppBox .tabsWrap ul,
.bhlInAppClassifyBox .tabsWrap ul,
.bhlInGameClassifyBox .tabsWrap ul {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.bhlNwAppBox .multiColumnList,
.bhlInAppClassifyBox .multiColumnList,
.bhlInGameClassifyBox .multiColumnList {
	grid-template-columns: repeat(4, 1.48rem);
	font-size: .24rem;
	color: #333;
	text-align: center
}

.bhlNwAppBox .multiColumnList li a,
.bhlInAppClassifyBox .multiColumnList li a,
.bhlInGameClassifyBox .multiColumnList li a {
	margin-top: .3rem;
	display: block
}

.bhlNwAppBox .multiColumnList li a .imgBox,
.bhlInAppClassifyBox .multiColumnList li a .imgBox,
.bhlInGameClassifyBox .multiColumnList li a .imgBox {
	margin: 0 auto;
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .3rem
}

.bhlNwAppBox .multiColumnList li a p,
.bhlInAppClassifyBox .multiColumnList li a p,
.bhlInGameClassifyBox .multiColumnList li a p {
	display: block;
	margin: .14rem auto 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.bhlNwAppBox {
	margin: .38rem .3rem 0
}

.bhlNwAppBox .inTitle {
	font-size: .34rem;
	line-height: .38rem
}

.bhlNwAppBox .btn {
	background: #7bc71f;
	color: #fff
}

.bhlNdMainBox {
	margin: .05rem .3rem 0
}

.bhlNdMainBox h1 {
	font-weight: bold;
	font-size: .38rem;
	color: #333333;
	line-height: .52rem
}

.bhlNdMainBox>p.time {
	color: #999;
	padding: .2rem 0 .28rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(221, 223, 231, 0.5)
}

.bhlNdMainBox>p.time::before {
	content: "";
	display: block;
	background-image: url(../ig/iconNews.png);
	background-repeat: no-repeat;
	background-size: 10rem 10rem;
	width: .18rem;
	height: .18rem;
	background-position: -0.5rem -0.05rem;
	margin-right: .08rem
}

.bhlNdMainBox>p.time span {
	margin-right: .2rem
}

.bhlNdMainBox>p.time span:last-child {
	margin-right: 0
}

.bhlNdMainBox .boxCont {
	font-size: .24rem;
	color: #1F1F1F;
	line-height: .42rem
}

.bhlNdMainBox .boxCont p {
	margin-top: .2rem
}

.bhlNdMainBox .boxCont img {
	max-width: 100%;
	width: auto;
	border-radius: .2rem;
	display: block;
	margin: .2rem auto 0
}

.bhlNdMainBox .boxCont h3 {
	font-weight: bold;
	font-size: .28rem;
	line-height: .4rem;
	color: #000000;
	margin-top: .2rem
}

.bhlNdMainBox .boxItem {
	margin-top: .32rem;
	background: rgba(63, 145, 255, 0.1);
	border-radius: .2rem;
	border: 1px solid #3F91FF;
	padding: .2rem;
	display: flex;
	align-items: center
}

.bhlNdMainBox .boxItem .imgBox {
	width: 1.14rem;
	height: 1.14rem;
	border-radius: .3rem
}

.bhlNdMainBox .boxItem .txtBox {
	width: 0;
	flex: 1;
	padding-left: .2rem;
	font-size: .26rem;
	line-height: .3rem
}

.bhlNdMainBox .boxItem .txtBox p.time {
	margin-top: .1rem;
	color: #666666;
	font-size: .18rem;
	line-height: .22rem
}

.bhlNdMainBox .boxItem .txtBox p.time span::after {
	content: "/";
	color: #ccc;
	margin: 0 .1rem
}

.bhlNdMainBox .boxItem .txtBox p.time span:last-child::after {
	display: none
}

.bhlNdMainBox .boxItem .txtBox p.tags {
	font-size: .18rem;
	line-height: .22rem;
	color: #666666;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.075rem
}

.bhlNdMainBox .boxItem .txtBox p.tags span {
	background: #F5F7F8;
	height: .32rem;
	line-height: .32rem;
	border-radius: .06rem;
	margin: .12rem .075rem 0;
	padding: 0 .16rem
}

.bhlNdMainBox .boxItem .btn {
	background: #3F91FF;
	color: #FFFFFF
}

.bhlNdMainBox .boxCopy {
	margin: .2rem 0 0;
	font-size: .22rem;
	line-height: .38rem;
	color: #8F8F8F;
	display: flex;
	align-items: center;
	font-weight: 300
}

.bhlNdMainBox .boxCopy span.copyBtn {
	margin-right: .12rem;
	padding: 0 .1rem;
	color: #FFA900;
	height: .38rem;
	background: #FFFFFF;
	border-radius: .06rem;
	border: .01px solid rgba(255, 169, 0, 0.5);
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0
}

.bhlNdMainBox .boxCopy span.copyBtn .icon {
	width: .18rem;
	height: .18rem;
	background-position: -1.63rem -0.05rem;
	margin-right: .07rem
}

.multiItem {
	margin-top: .26rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: .24rem;
	line-height: .28rem;
	color: #333
}

.multiItem .imgBox {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .3rem
}

.multiItem p {
	margin-top: .14rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	width: 1.28rem
}

.multiItem p.btn {
	margin-top: .13rem;
	background: rgba(63, 145, 255, 0.1)
}

.bhlNdGameBox,
.bhlGdRecomBox,
.bhlInUpdateBox,
.bhlInAppsBox {
	margin: .38rem .3rem 0
}

.bhlNdGameBox .boxSwCont,
.bhlGdRecomBox .boxSwCont,
.bhlInUpdateBox .boxSwCont,
.bhlInAppsBox .boxSwCont {
	overflow: hidden;
	margin: 0 -0.3rem;
	padding: 0 .3rem
}

.bhlNdGameBox .boxSwCont .swiper-slide,
.bhlGdRecomBox .boxSwCont .swiper-slide,
.bhlInUpdateBox .boxSwCont .swiper-slide,
.bhlInAppsBox .boxSwCont .swiper-slide {
	width: fit-content;
	margin-right: .4rem
}

.bhlNdGameBox .boxSwCont .swiper-slide:last-child,
.bhlGdRecomBox .boxSwCont .swiper-slide:last-child,
.bhlInUpdateBox .boxSwCont .swiper-slide:last-child,
.bhlInAppsBox .boxSwCont .swiper-slide:last-child {
	margin-right: 0
}

.bhlNdGameBox {
	margin: .44rem .3rem 0
}

.bhlNdGameBox .multiColumnList {
	margin-top: -0.06rem;
	grid-template-columns: repeat(4, 1.48rem)
}

.bhlNdHotBox {
	margin: .38rem .3rem 0
}

.bhlNdHotBox .boxTagList {
	display: flex;
	flex-wrap: wrap;
	font-size: .24rem;
	color: #adadad;
	margin: .1rem -0.04rem 0
}

.bhlNdHotBox .boxTagList li a {
	margin: .22rem .04rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: .48rem;
	padding: 0 .34rem;
	border-radius: .24rem;
	background: rgba(90, 150, 255, 0.1);
	color: #4e779d
}

.bhlNdHotBox .boxTagList li:nth-child(2n) a {
	background: #e0f7fa;
	color: #0d47a1
}

.bhlNdHotBox .boxTagList li:nth-child(3n) a {
	background: #e8f5e9;
	color: #1b5e20
}

.bhlNdHotBox .boxTagList li:nth-child(4n) a {
	background: #fffde7;
	color: #f57f17
}

.bhlNdHotBox .boxTagList li:nth-child(5n) a {
	background: #f3e5f5;
	color: #4a148c
}

.bhlTdTopicBox,
.bhlNwTopicBox,
.bhlGmTopicBox,
.bhlInTopicBox {
	margin: .46rem .3rem 0
}

.bhlTdTopicBox .multiColumnList,
.bhlNwTopicBox .multiColumnList,
.bhlGmTopicBox .multiColumnList,
.bhlInTopicBox .multiColumnList {
	margin-top: .04rem;
	grid-template-columns: repeat(2, 3.35rem);
	font-size: .24rem
}

.bhlTdTopicBox .multiColumnList li a,
.bhlNwTopicBox .multiColumnList li a,
.bhlGmTopicBox .multiColumnList li a,
.bhlInTopicBox .multiColumnList li a {
	margin-top: .25rem;
	display: flex;
	flex-direction: column
}

.bhlTdTopicBox .multiColumnList li a .imgBox,
.bhlNwTopicBox .multiColumnList li a .imgBox,
.bhlGmTopicBox .multiColumnList li a .imgBox,
.bhlInTopicBox .multiColumnList li a .imgBox {
	width: 100%;
	height: 1.82rem;
	border-radius: .1rem
}

.bhlTdTopicBox .multiColumnList li a p,
.bhlNwTopicBox .multiColumnList li a p,
.bhlGmTopicBox .multiColumnList li a p,
.bhlInTopicBox .multiColumnList li a p {
	margin-top: .08rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.bhlTdTopicBox .multiColumnList li a p.time,
.bhlNwTopicBox .multiColumnList li a p.time,
.bhlGmTopicBox .multiColumnList li a p.time,
.bhlInTopicBox .multiColumnList li a p.time {
	margin-top: .05rem
}

.bhlGdNewsBox,
.bhlInNewsBox {
	margin: .28rem .3rem 0
}

.bhlGdNewsBox ul,
.bhlInNewsBox ul {
	margin-top: -0.18rem;
	font-size: .26rem;
	color: #000000;
	line-height: .36rem
}

.bhlGdNewsBox ul li a,
.bhlInNewsBox ul li a {
	margin-top: .46rem;
	display: flex
}

.bhlGdNewsBox ul li a .imgBox,
.bhlInNewsBox ul li a .imgBox {
	width: 2.35rem;
	height: 1.42rem;
	border-radius: .2rem
}

.bhlGdNewsBox ul li a .txtBox,
.bhlInNewsBox ul li a .txtBox {
	flex: 1;
	width: 0;
	padding: .1rem 0 .16rem .28rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.bhlGdNewsBox ul li a .txtBox p,
.bhlInNewsBox ul li a .txtBox p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify
}

.bhlGdNewsBox ul li a .txtBox p.time,
.bhlInNewsBox ul li a .txtBox p.time {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.bhlGdNewsBox ul li a .txtBox p.time .icon,
.bhlInNewsBox ul li a .txtBox p.time .icon {
	width: .18rem;
	height: .18rem;
	background-position: -0.5rem -0.05rem;
	margin-right: .08rem
}

.bhlGdNewsBox {
	margin: .38rem .3rem 0
}

.bhlNwAllBox .gdTitle a.titleR::before,
.bhlNdGameBox .gdTitle a.titleR::before,
.bhlGdNewsBox .gdTitle a.titleR::before,
.bhlNdHotBox .gdTitle a.titleR::before,
.bhlNdMainBox .gdTitle a.titleR::before,
.bhlNwAppBox .gdTitle a.titleR::before,
.bhlNwTopicBox .gdTitle a.titleR::before,
.bhlNwAllBox .inTitle a.titleR::before,
.bhlNdGameBox .inTitle a.titleR::before,
.bhlGdNewsBox .inTitle a.titleR::before,
.bhlNdHotBox .inTitle a.titleR::before,
.bhlNdMainBox .inTitle a.titleR::before,
.bhlNwAppBox .inTitle a.titleR::before,
.bhlNwTopicBox .inTitle a.titleR::before {
	display: none
}

.bhlNwAllBox .icon,
.bhlNdGameBox .icon,
.bhlGdNewsBox .icon,
.bhlNdHotBox .icon,
.bhlNdMainBox .icon,
.bhlNwAppBox .icon,
.bhlNwTopicBox .icon {
	background-image: url(../ig/iconNews.png)
}

.bhlNwAllBox .pageCode .icon,
.bhlNdGameBox .pageCode .icon,
.bhlGdNewsBox .pageCode .icon,
.bhlNdHotBox .pageCode .icon,
.bhlNdMainBox .pageCode .icon,
.bhlNwAppBox .pageCode .icon,
.bhlNwTopicBox .pageCode .icon {
	background-image: url(../ig/icon.png)
}

.hide {
	display: none
}