body {
    background-color: #f6f7ff;
}
.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: 0.24rem;
    line-height: 0.28rem;
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
}

.gmBodyWrap {
    background: #f2f2f2;
    padding-bottom: 0.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(../img/rkBg.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 5.48rem;
    background-position: 0 0;
    z-index: -1;
}

.tdBodyWrap {
    padding-bottom: 0.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: 0.36rem;
    line-height: 0.4rem;
}

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

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

.gdTitle a.titleR::before,
.inTitle a.titleR::before {
    content: '';
    display: block;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 0.24rem;
    height: 0.22rem;
    background-position: -0.19rem -2.19rem;
    margin-right: 0.1rem;
}

.gdTitle {
    font-size: 0.32rem;
    color: #000;
    line-height: 0.36rem;
}

.gdInfoTitle {
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #1d2127;
}

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

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

.titleWrap .titleL i {
    width: 0.05rem;
    height: 0.32rem;
    display: inline-block;
    background-color: #d42a47;
    margin-right: 0.1rem;
}

.titleWrap .titleR {
    width: 0.78rem;
    height: 0.3rem;
    display: block;
    background-image: url(../img/icon_zt_detail.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: 0.2rem;
    zoom: 0.8;
    color: #d20e33;
    padding-left: 0.1rem;
}

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

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

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

.boxMainItem .imgInfo {
    padding: 0.2rem 0.15rem 0.15rem 0.2rem;
    background: #fff6f6;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.2rem;
}

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

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

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

.boxMainItem .imgInfo .titleInfo > span {
    font-size: 0.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: 0.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(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.02rem -7.78rem;
    width: 0.24rem;
    height: 0.16rem;
    display: block;
    margin-right: 0.05rem;
}

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

.boxMainItem .imgInfo .otherInfo .otherTop img {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 0.1rem;
    margin-left: -0.2rem;
    border-right: 0.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 0.26rem 0.31rem;
    font-size: 0.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: 0.05rem;
    height: 0.32rem;
    display: inline-block;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: 0 -7.28rem;
    margin-right: 0.1rem;
}

.imgBox {
    overflow: hidden;
}

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

.icon {
    display: block;
    background-image: url(../img/icon_zt_detail.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: 0.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: 0.3rem;
}

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

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

.btn {
    font-size: 0.24rem;
    color: #3f91ff;
    width: 1.2rem;
    height: 0.44rem;
    background: #f6f7ff;
    border-radius: 0.12rem;
    text-align: center;
    line-height: 0.44rem;
}

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

.downBtns .btnItem {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1rem;
    height: 0.72rem;
    background: #3f91ff;
    border-radius: 0.16rem;
}

.downBtns .btnItem.bookingBtn {
    background: #d5b57c;
    color: #825d0a;
}

.downBtns .btnItem.iosBtn {
    background: #11aeff;
}

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

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

.near_title .title > i {
    width: 0.78rem;
    height: 0.34rem;
    display: block;
    background-image: url(../img/icon_zt_detail.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: 0.34rem;
    height: 0.08rem;
    display: block;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: 0 -1.76rem;
    margin-left: 0.06rem;
}

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

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

.indexTitleWrap .titleL .icon {
    width: 0.21rem;
    height: 0.28rem;
    display: block;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.91rem -0.74rem;
    margin-right: 0.09rem;
}

.indexTitleWrap .titleR {
    height: 0.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: 0.24rem;
    color: #999;
}

.load_more {
    height: 0.56rem;
    background: #ffffff;
    border-radius: 0.06rem;
    font-size: 0.22rem;
    color: #999999;
    line-height: 0.56rem;
    text-align: center;
    margin-top: 0.2rem;
}

.load_more span {
    opacity: 0.65;
}

.load_more a {
    color: inherit;
}

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

.pageCode > a,
.pageCode > span {
    margin: 0.12rem 0.1rem 0;
    min-width: 0.48rem;
    height: 0.48rem;
    background: #f4f4f4;
    border-radius: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.pageCode > a.current,
.pageCode > span.current {
    background: #3f9efc;
    color: #ffffff;
}

.pageCode > a .left,
.pageCode > span .left,
.pageCode > a .right,
.pageCode > span .right {
    width: 0.16rem;
    height: 0.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: 0.02rem;
    padding: 0 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 0.04rem 0;
    background: unset;
    min-width: unset;
}

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

.labelList li {
    width: fit-content;
}

.labelList li > a {
    margin: 0.2rem 0.1rem 0;
    padding: 0 0.26rem;
    width: fit-content;
    height: 0.64rem;
    line-height: 0.64rem;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 0.32rem;
    display: flex;
    align-items: center;
    color: inherit;
}

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

.labelList li > a::before {
    content: '';
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    background-image: url(../img/icon_zt_detail.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: 0.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: 0.16rem;
    overflow: hidden;
}

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

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

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

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

.ztList li {
    position: relative;
    display: block;
    padding: 0.16rem 0 0.14rem;
    margin-bottom: 0.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: 0.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: 0.25rem 0.22rem 0 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: 0.3rem;
    color: #fff;
    line-height: 0.76rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.ztList li p {
    margin-top: 0.2rem;
    position: relative;
    display: block;
    height: 1.62rem;
    line-height: 0.54rem;
    font-size: 0.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: 0.84rem;
    line-height: 0.84rem;
    text-align: right;
    font-size: 0.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: 0.3rem;
    vertical-align: top;
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
    background-image: url(../img/icon_zt_detail.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: 0.38rem;
    width: 3.32rem;
    height: 2.26rem;
    box-shadow: -0.06rem -0.26rem 0 -0.1rem rgba(255, 214, 89, 0.15);
    border-radius: 0.2rem;
}

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

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

.twoCollList .listItem > a .itemInfo {
    border-radius: 0.2rem;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0.18rem;
    line-height: 0.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 0.1rem;
}

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

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

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

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

.tagList li {
    margin: 0.22rem 0.14rem 0;
}

.tagList li a {
    display: block;
    width: fit-content;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.24rem;
    background: #fef9f0;
    border-radius: 0.22rem;
    box-shadow: 0 0 1px 1px #fcf5ec;
    color: #ff9933;
    padding: 0 0.26rem;
}

.time {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #999999;
}

.singleRkList .listItem,
.singleVersionList .listItem,
.singleGmList .listItem,
.singleRankList .listItem {
    margin-top: 0.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: 0.24rem;
    line-height: 0.28rem;
    color: #999;
    position: relative;
}

.singleRkList .listItem a > span,
.singleVersionList .listItem a > span,
.singleGmList .listItem a > span,
.singleRankList .listItem a > span {
    width: 0.8rem;
    font-size: 0.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: 0.28rem;
    border: 0.02rem solid transparent;
}

.singleRkList .listItem a .itemInfo,
.singleVersionList .listItem a .itemInfo,
.singleGmList .listItem a .itemInfo,
.singleRankList .listItem a .itemInfo {
    padding-left: 0.28rem;
    width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 0.2rem;
    line-height: 0.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: 0.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: 0.26rem;
    line-height: 0.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: 0.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: 0.02rem 0.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: 0.26rem;
    color: #000000;
    line-height: 0.36rem;
}

.singleNwList .listItem,
.singleNewsList .listItem {
    margin-top: 0.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: 0.2rem;
    overflow: hidden;
}

.singleNwList .listItem > a .itemInfo,
.singleNewsList .listItem > a .itemInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.1rem 0 0.16rem 0.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: 0.18rem;
    line-height: 0.22rem;
    display: flex;
    align-items: center;
}

.singleNwList .listItem > a .itemInfo .time .icon,
.singleNewsList .listItem > a .itemInfo .time .icon {
    width: 0.18rem;
    height: 0.18rem;
    background-position: -1.82rem -1.04rem;
    margin: 0.01rem 0.08rem 0.02rem 0;
}

.singleGmList .listItem {
    margin-top: 0;
    padding: 0.22rem 0.2rem 0.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: 0.22rem;
}

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

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

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

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

.singleVersionList .listItem {
    margin-top: 0;
}

.singleVersionList .listItem a {
    padding: 0.34rem 0 0.26rem;
    border-bottom: 1px solid #e6e9ed;
}

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

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

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

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

.singleVersionList .listItem a .itemInfo p.time {
    margin-top: 0.16rem;
    font-size: 0.18rem;
    line-height: 0.22rem;
}

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

.singleNwList .listItem {
    margin-top: 0.2rem;
}

.singleNwList .listItem a {
    padding: 0.3rem 0.2rem 0.3rem 0.25rem;
    background: #ffffff;
    border-radius: 0.2rem;
}

.singleNwList .listItem a .itemInfo {
    padding: 0.1rem 0.3rem 0.14rem 0;
}

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

.singleNwList .listItem a .itemInfo p .num::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.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: 0.24rem;
    line-height: 0.28rem;
    color: #a1a5b2;
}

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

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

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

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

.singleAppList li > div .textBox .scoreWrap,
.singleAppList li > a .textBox .scoreWrap {
    display: flex;
    margin: 0.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: 0.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: 0.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: 0.28rem;
    -webkit-mask-repeat: repeat-x;
    height: 0.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: 0.3rem;
    line-height: 0.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: 0.06rem;
}

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

.newsContList {
    margin-top: 0.02rem;
}

.newsContList .countItem {
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.4rem;
    border-bottom: 1px solid #eeeeee;
}

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

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

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

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

.newsContList .countItem > a .itemBox .itemInfo {
    flex: 1;
    padding-left: 0.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: 0.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: 0.08rem;
    content: '';
    display: block;
    width: 0.22rem;
    height: 0.24rem;
    background-image: url(../img/icon_zt_detail.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: 0.24rem;
    background-position: -1.76rem -0.74rem;
}

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

.fslInSwBox {
    background: #ffffff;
    border-radius: 0 0 0.32rem 0.32rem;
    padding: 0 0.4rem 0.48rem;
    position: relative;
}

.fslInSwBox .inSwWrap {
    margin: 0 -0.4rem;
    padding: 0 0.4rem 0.7rem;
    height: 3.6rem;
    height: 4.3rem;
    font-size: 0.28rem;
    line-height: 0.28rem;
}

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

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

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

.fslInSwBox .inSwWrap .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 0.16rem;
    height: 0.16rem;
    background: #ffffff;
    border-radius: 0.08rem;
    margin: 0 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;
    grid-template-columns: repeat(5, 1.34rem);
}

.fslInSwBox .multiColumnList li a {
    display: block;
}

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

.fslInSwBox .multiColumnList li a span {
    display: block;
    margin: 0.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: 0.59rem;
    height: 0.61rem;
    background-position: -2.01rem -1.46rem;
}

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

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

.fslInMastBox {
    margin: 0.48rem 0.4rem 0;
}

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

.fslInMastBox .inMastSwBox .swiper-slide {
    width: 4.4rem;
    height: 2.28rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.24rem;
    margin-right: 0.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: 0.24rem;
}

.fslInMastBox .inMastSwBox .swiper-slide .topBox > p {
    margin-top: 0.04rem;
    flex: 1;
    width: 0;
    max-height: 1.08rem;
    padding-left: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.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: 0.12rem;
    display: flex;
    align-items: center;
}

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

.fslChAppBox,
.fslGdRecomBox,
.fslGdSameBox,
.fslGmHotBox,
.fslInAppBox,
.fslInNewBox {
    margin: 0.48rem 0.4rem 0;
}

.fslChAppBox .boxCont,
.fslGdRecomBox .boxCont,
.fslGdSameBox .boxCont,
.fslGmHotBox .boxCont,
.fslInAppBox .boxCont,
.fslInNewBox .boxCont {
    margin-top: 0.18rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.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: 0.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: 0.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: 0.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: 0.16rem;
    font-size: 0.3rem;
    color: #0f1433;
}

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

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

.fslInColSwBox {
    margin: 0.5rem 0.4rem 0;
}

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

.fslInColSwBox .boxSwCont .swiper-slide {
    width: 3.2rem;
    border-radius: 0.08rem;
    overflow: hidden;
    font-size: 0.3rem;
    margin-right: 0.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: 0.7rem;
    line-height: 0.7rem;
    background: #ffffff;
    padding: 0 0.1rem 0 0.2rem;
}

.fslRkRkBox,
.fslInRkBox {
    margin: 0.48rem 0.4rem 0;
}

.fslRkRkBox .boxCont,
.fslInRkBox .boxCont {
    margin-top: 0.18rem;
    background: #ffffff;
    padding: 0.55rem 0.2rem 0;
    border-radius: 0.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(../img/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: 0.48rem;
    line-height: 0.52rem;
}

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

.fslRkRkBox .boxCont > ul,
.fslInRkBox .boxCont > ul {
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
    height: 0.7rem;
    font-size: 0.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 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: 0.3rem solid transparent;
    border-bottom: 0.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 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 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: #3f91ff;
    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: #3f91ff;
}

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

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

.fslGdUpdateBox,
.fslInUpdateBox {
    margin: 0.48rem 0.4rem 0;
}

.fslGdUpdateBox .singleAppList,
.fslInUpdateBox .singleAppList {
    margin-top: 0.18rem;
    background: #fff;
    border-radius: 0.16rem;
    padding: 0.06rem 0.2rem;
}

.fslGdUpdateBox .singleAppList li > div,
.fslInUpdateBox .singleAppList li > div,
.fslGdUpdateBox .singleAppList li > a,
.fslInUpdateBox .singleAppList li > a {
    padding: 0.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: 0.24rem;
}

.fslGdUpdateBox .singleAppList li > div .textBox,
.fslInUpdateBox .singleAppList li > div .textBox,
.fslGdUpdateBox .singleAppList li > a .textBox,
.fslInUpdateBox .singleAppList li > a .textBox {
    padding-left: 0.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: 0.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: 0.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: 0.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 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: 0.48rem 0.4rem 0;
}

.fslTdHotBox .boxCont,
.fslInHotBox .boxCont {
    margin-top: 0.18rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.24rem 0.2rem;
}

.fslTdHotBox .boxCont .multiColumnList,
.fslInHotBox .boxCont .multiColumnList {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 0.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: 0.6rem;
    line-height: 0.6rem;
    display: block;
    border-radius: 0.08rem;
    margin-top: 0.3rem;
    padding: 0 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: 0.08rem 0.4rem 0;
    background: #ffffff;
    padding: 0.1rem 0.2rem 0.26rem;
    border-radius: 0.16rem;
}

.fslAppClassifyBox .title,
.fslGmClassifyBox .title {
    font-size: 0.36rem;
    line-height: 0.4rem;
    width: fit-content;
    height: 0.72rem;
    padding-top: 0.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: 0.72rem;
    background-image: url(../img/icon_zt_detail.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: 0.24rem;
    grid-template-columns: repeat(3, 1.96rem);
}

.fslAppClassifyBox .multiColumnList li a,
.fslGmClassifyBox .multiColumnList li a {
    margin-top: 0.2rem;
    height: 0.72rem;
    background: #f6f7ff;
    border-radius: 0.16rem;
    padding: 0 0.16rem 0 0.18rem;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 0.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: 0.4rem;
    height: 0.4rem;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.19rem -3.71rem;
    border-radius: 0.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: 0.44rem;
    height: 0.44rem;
    border: 0.02rem solid #fff;
}

.fslAppClassifyBox .title {
    padding-top: 0.24rem;
}

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

.fslGmAddBox {
    margin: 0.48rem 0.4rem 0;
}

.fslGmAddBox .inTitle .titleR {
    font-size: 0.24rem;
    color: #a1a5b2;
}

.fslGmAddBox .inTitle .titleR i {
    color: #3f91ff;
    font-style: normal;
}

.fslGmAddBox .inTitle .tabsMenu {
    display: flex;
    align-items: center;
    font-size: 0.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 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: 0.18rem;
    background: #fff;
    border-radius: 0.16rem;
    padding: 0.06rem 0.2rem 0.3rem;
}

.fslGmAddBox .boxCont .singleAppList li > div,
.fslGmAddBox .boxCont .singleAppList li > a {
    padding: 0.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: 0.24rem;
}

.fslGmAddBox .boxCont .singleAppList li > div .textBox,
.fslGmAddBox .boxCont .singleAppList li > a .textBox {
    padding-left: 0.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: 0.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: 0.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: 0.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 0.23rem;
}

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

.fslGdMainBox {
    margin: 0.02rem 0.4rem 0;
    padding: 0 0.2rem 0.24rem;
    background: #ffffff;
    border-radius: 0.16rem;
    position: relative;
}

.fslGdMainBox .feedbackBtn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.18rem;
    font-size: 0.2rem;
    color: #ffffff;
    height: 0.36rem;
    line-height: 0.36rem;
    background: #3f91ff;
    border-radius: 0 0.16rem 0 0.16rem;
}

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

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

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

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

.fslGdMainBox .boxCont .textBox p {
    font-size: 0.24rem;
    line-height: 0.28rem;
}

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

.fslGdMainBox .boxCont .textBox p a {
    color: #3f91ff;
}

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

.fslGdMainBox .boxCont .textBox p.tags {
    margin-top: 0.22rem;
    color: #3f91ff;
    display: flex;
    flex-wrap: wrap;
}

.fslGdMainBox .boxCont .textBox p.tags span {
    display: flex;
    align-items: center;
    margin-right: 0.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(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 0.24rem;
    height: 0.24rem;
    background-position: -1.11rem -2.2rem;
    margin-right: 0.06rem;
}

.fslGdMainBox .boxInfo {
    padding: 0.18rem 0;
    line-height: 0.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 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: 0.2rem;
    color: #a1a5b2;
    display: flex;
    align-items: center;
}

.fslGdMainBox p.tip .icon {
    width: 0.22rem;
    height: 0.24rem;
    background-position: -1.46rem -2.2rem;
    margin-right: 0.08rem;
    flex-shrink: 0;
}

.fslGdBaseBox {
    margin: 0.5rem 0.4rem 0;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.24rem 0.2rem;
    color: #a1a5b2;
    font-size: 0.28rem;
    line-height: 0.48rem;
}

.fslGdBaseBox .linkList {
    font-size: 0.26rem;
    height: 0.76rem;
    line-height: 0.76rem;
    background: #f3f3f5;
    border-radius: 0.16rem 0.16rem 0 0;
    display: flex;
}

.fslGdBaseBox .linkList li {
    padding: 0 0.17rem 0 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: 0.17rem solid transparent;
    border-bottom: 0.77rem solid transparent;
    z-index: -1;
}

.fslGdBaseBox .linkList li.active {
    color: #3f91ff;
    background: #ffffff;
}

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

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

.fslGdBaseBox .boxSwCont .swiper-slide {
    display: block;
    width: auto;
    max-width: 4.26rem;
    height: 2.4rem;
    border-radius: 0.08rem;
    margin-right: 0.1rem;
    overflow: hidden;
}

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

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

.fslGdBaseBox .tags {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    color: #a1a5b2;
    line-height: 0.48rem;
    display: flex;
    flex-wrap: wrap;
}

.fslGdBaseBox .tags span {
    background: linear-gradient(280deg, #78efdb 0%, #45b9f2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 0.18rem;
    margin-top: 0.1rem;
}

.fslGdBaseBox .tags a,
.fslGdBaseBox .tags em {
    color: #32b16c;
    background: #ebfff4;
    border-radius: 0.14rem;
    height: 0.48rem;
    padding: 0 0.18rem;
    margin-right: 0.18rem;
    margin-top: 0.1rem;
}

.fslGdBaseBox .tags a:nth-child(3n),
.fslGdBaseBox .tags em:nth-child(3n) {
    background: #ebf4ff;
    color: #2e90fb;
}

.fslGdBaseBox .tags a:nth-child(4n),
.fslGdBaseBox .tags em:nth-child(4n) {
    background: #ffeceb;
    color: #f36861;
}

.fslGdBaseBox .tags a:last-child,
.fslGdBaseBox .tags em:last-child {
    margin-right: 0;
}

.fslGdBaseBox .tags a::after,
.fslGdBaseBox .tags em::after {
    content: '+';
}

.fslGdBaseBox .boxCont h3,
.fslGdBaseBox .boxCont p {
    margin-top: 0.18rem;
}

.fslGdBaseBox .boxCont h3 em,
.fslGdBaseBox .boxCont p em,
.fslGdBaseBox .boxCont h3 strong,
.fslGdBaseBox .boxCont p strong {
    color: #3f91ff;
}

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

.fslGdBaseBox .boxCont video,
.fslGdBaseBox .boxCont img {
    max-width: 100%;
    max-height: 60vh;
    width: fit-content;
    display: block;
    margin: 0.26rem auto 0;
}

.fslGdBaseBox .boxTsCont {
    margin-top: 0.26rem;
}

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

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

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

.fslGdBaseBox .boxTsCont ul {
    margin-top: 0.28rem;
}

.fslGdBaseBox .boxTsCont ul li a {
    margin-top: 0.2rem;
    display: block;
    padding: 0.18rem;
    background: #f3f3f5;
    border-radius: 0.16rem;
}

.fslGdBaseBox .boxTsCont ul li a p.tip {
    font-size: 0.24rem;
    line-height: 0.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: 0.46rem 0.4rem 0;
}

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

.fslGdHistoryBox .multiColumnList li {
    margin-top: 0.28rem;
    width: 100%;
    height: 2.73rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.22rem 0.38rem 0;
    display: flex;
    flex-direction: column;
}

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

.fslGdHistoryBox .multiColumnList li a.mainTxt,
.fslGdHistoryBox .multiColumnList li p.mainTxt {
    font-size: 0.3rem;
    line-height: 0.34rem;
    color: #0f1433;
    margin-top: 0;
    margin-bottom: 0.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: 0.22rem auto 0;
}

.fslGdDownBox {
    margin: 0.48rem 0.4rem 0;
}

.fslGdDownBox .boxCont {
    padding: 0.16rem 0.2rem;
    font-size: 0.24rem;
    color: #a1a5b2;
    line-height: 0.36rem;
    margin-top: 0.22rem;
    background: #ffffff;
    border-radius: 0.16rem;
}

.fslGdDownBox .boxCont em,
.fslGdDownBox .boxCont a {
    color: #3f91ff;
}

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

.fslGdDownBox .boxCont p {
    margin-top: 0.16rem;
}

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

.fslGdInfoBox {
    margin: 0.48rem 0.4rem 0;
}

.fslGdInfoBox .boxCont {
    margin-top: 0.22rem;
    padding: 0.02rem 0.2rem 0.35rem;
    background: #ffffff;
    border-radius: 0.16rem;
    font-size: 0.28rem;
    line-height: 0.38rem;
}

.fslGdInfoBox .boxCont ul li {
    margin-top: 0.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: 0.48rem 0.4rem 0;
}

.fslGdVersionBox .boxCont {
    margin-top: 0.22rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0 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: 0.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 0.23rem;
}

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

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

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

.fslGdSameBox {
    margin: 0.48rem 0.4rem 0;
}

.fslGdRecomBox {
    margin: 0.46rem 0.4rem 0;
}

.fslGdRecomBox .tabsWrap {
    margin-top: 0.22rem;
    background: #ffffff;
    padding: 0.2rem 0.2rem 0.24rem;
    border-radius: 0.16rem;
}

.fslGdRecomBox .tabsWrap > ul {
    color: #a1a5b2;
    display: flex;
    flex-wrap: wrap;
    line-height: 0.54rem;
    background: #f6f7ff;
    border-radius: 0.27rem;
    text-align: center;
}

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

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

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

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

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

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo > a .time {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #a1a5b2;
    font-size: 0.24rem;
    line-height: 0.4rem;
    padding-left: 0.22rem;
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo > a .time::before {
    content: '';
    display: block;
    width: 0.32rem;
    height: 0.31rem;
    background-image: url(../img/icon_zt_detail.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: 0.16rem;
    background-image: url(../img/gdBg.png);
    background-size: 3.81rem 2.08rem;
    background-repeat: no-repeat;
    background-position: top;
    padding: 0.25rem 0.25rem 0.22rem 0.92rem;
}

.fslGdRecomBox .tabsWrap .tabsCont .tabInfo > a .textBox p {
    font-size: 0.3rem;
    line-height: 0.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: 0.1rem;
    -webkit-line-clamp: 3;
    font-size: 0.24rem;
    line-height: 0.4rem;
    opacity: 0.6;
}

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

.fslGdUpdateBox {
    margin: 0.36rem 0.4rem 0;
}

.fslTpSwBox {
    margin: 0.02rem 0.4rem 0;
}

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

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

.fslTpSwBox .tpSwBox .swiper-wrapper .swiper-slide {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    transition: 300ms;
    transform: scale(0.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: 0.3rem;
    line-height: 0.34rem;
    color: #ffffff;
    padding: 0.28rem 0.22rem 0.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: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

.fslTpSwBox .tpSwBox .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.11rem;
    width: 0.16rem;
    height: 0.16rem;
    background: #e5e5e5;
    border-radius: 0.08rem;
    opacity: 1;
}

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

.fslTpAllBox {
    margin: 0.4rem 0.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: 0.1rem 0.075rem 0;
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.52rem;
    background: #ffffff;
    border-radius: 0.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: 0.24rem;
    background: #fff;
    padding: 0.3rem 0.18rem 0.28rem;
    border-radius: 0.16rem;
}

.fslTpAllBox .tabsWrap .tabsCont .tabInfo > ul > li > a .title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: 0.36rem;
    line-height: 0.4rem;
    color: #3f91ff;
}

.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 0.05rem;
    width: fit-content;
    height: 0.32rem;
    line-height: 0.32rem;
    display: block;
    font-size: 0.2rem;
    color: #ffffff;
    background: linear-gradient(90deg, #fa8053 0%, #fc5b3f 100%);
    border-radius: 0.16rem;
    padding: 0 0.14rem;
    flex-shrink: 0;
}

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

.fslTpAllBox .tabsWrap .tabsCont .tabInfo > ul > li > a .tip {
    margin-top: 0.1rem;
    line-height: 0.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: 0.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: 0.28rem;
}

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

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

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

.fslTpAllBox .tabsWrap .tabsCont .tabInfo .pageCode a.current {
    background: #3f91ff;
}

.fslTdTitleBox {
    width: 100%;
    height: 4.25rem;
    background-image: url(../img/tdBg.png);
    background-size: 7.5rem 4.25rem;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fslTdTitleBox h1 {
    position: absolute;
    top: 2.64rem;
    margin: 0 auto;
    padding: 0 0.1rem;
    width: fit-content;
    font-size: 0.36rem;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.16rem;
    line-height: 0.6rem;
    background: rgba(68, 7, 116, 0.1);
    display: flex;
    flex-wrap: wrap;
    text-shadow: 0.03rem 0 0 #5656be;
}

.fslTdTitleBox h1::before {
    content: '“';
    display: block;
}

.fslTdTitleBox h1::after {
    content: '”';
    display: block;
}

.fslTdMainBox {
    font-size: 0.24rem;
    color: #a1a5b2;
    line-height: 0.48rem;
    background: #ffffff;
    border-radius: 0.05rem;
    margin: 0 0.4rem;
    padding: 0.1rem 0.2rem 0.12rem;
}

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

.fslTdMainBox .icon {
    width: 0.24rem;
    height: 0.26rem;
    background-position: -1.79rem -2.19rem;
    margin-right: 0.1rem;
}

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

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

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

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

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

.fslTdItemBox a .txtBox strong {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.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: 0.24rem;
    color: #999;
    line-height: 0.4rem;
}

.fslTdItemBox a .txtBox p em,
.fslTdItemBox a .txtBox p span {
    color: #3f91ff;
}

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

.fslTdGameBox {
    margin: 0.48rem 0.4rem 0;
}

.fslTdGameBox .inTitle .titleL::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.5rem;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -3.13rem -4.9rem;
    margin-right: 0.09rem;
}

.fslTdGameBox .inTitle .titleR {
    font-size: 0.24rem;
    color: #a1a5b2;
}

.fslTdGameBox .inTitle .titleR i {
    font-style: normal;
    color: #3f91ff;
}

.fslTdGameBox .boxCont {
    margin-top: 0.12rem;
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.06rem 0.2rem 0.3rem;
}

.fslTdGameBox .boxCont .singleAppList li > div,
.fslTdGameBox .boxCont .singleAppList li > a {
    padding: 0.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: 0.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: 0.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: 0.42rem;
}

.fslTdHotBox {
    margin: 0.48rem 0.4rem 0;
}

.fslChTjBox {
    margin: 0.02rem 0.4rem 0;
    background: #ffffff;
    border-radius: 0 0 0.32rem 0.32rem;
    padding: 0.1rem 0.2rem 0.3rem;
}

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

.fslChTjBox .title {
    padding-top: 0.22rem;
    font-size: 0.36rem;
    line-height: 0.4rem;
    width: fit-content;
    height: 0.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(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 2.59rem;
    height: 0.72rem;
    background-position: -6.22rem -2.61rem;
    position: absolute;
    top: 0;
    left: -0.38rem;
    z-index: -1;
}

.fslChTjBox .boxCont {
    padding: 0.38rem 0.04rem 0.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: 0.3rem;
    display: block;
}

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

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

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

.fslChTjBox > .multiColumnList li a {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    display: block;
    border-radius: 0.3rem;
    margin-top: 0.24rem;
    padding: 0 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: 0.5rem 0.4rem 0;
    color: #362c2a;
    font-size: 0.3rem;
}

.fslChOtherBox .boxCont {
    background: #ffffff;
    border-radius: 0.16rem;
    padding: 0.3rem 0.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: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.3rem;
}

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

.fslChOtherBox .boxCont .singleList {
    margin-top: 0.08rem;
    line-height: 0.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: 0.06rem;
    height: 0.06rem;
    background: #3f91ff;
    border-radius: 0.01rem;
    margin-right: 0.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: 0.24rem;
    color: #a1a5b2;
}

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

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

.fslRkTitleBox h1 {
    width: fit-content;
    padding: 0.15rem 0.3rem;
    font-size: 0.48rem;
    line-height: 0.54rem;
    color: #fff;
    font-weight: 700;
    border-radius: 0.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 0.4rem 0;
}

.fslRkRkBox .boxCont {
    margin-top: 0.02rem;
    padding: 0.24rem 0.2rem 0;
}

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

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

.gmFooter {
    border-top: 0.04rem solid #ffd659;
}

.crumbsBox {
    padding: 0.26rem 0.4rem;
    font-size: 0.24rem;
    line-height: 0.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 0.3rem;
    font-size: 0.24rem;
    color: #a1a5b2;
}

.crumbsBox p > a:last-child {
    color: #3f91ff;
}

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

.gmRecommendBox {
    margin: 0.06rem 0.3rem 0;
}

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

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

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide {
    width: fit-content;
    margin-right: 0.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: 0.2rem;
    display: flex;
    flex-direction: column;
}

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

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo {
    padding: 0 0.15rem 0.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: 0.15rem;
    border: 0.03rem solid #ffffff;
    object-fit: cover;
}

.gmRecommendBox .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo > p {
    width: 0;
    padding-left: 0.1rem;
    padding-bottom: 0.06rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 0.24rem;
    line-height: 0.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: 0.1rem;
}

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

.gmClassifyBox {
    margin-top: 0.3rem;
    font-size: 0.3rem;
    color: #666666;
    padding: 0.25rem 0.5rem 0.35rem;
    background: #ffffff;
    border-radius: 0.2rem;
    border: 0.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: 0.2rem;
    display: block;
    width: 100%;
    height: 0.62rem;
    line-height: 0.6rem;
    background: #f4f4f4;
    border-radius: 0.1rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 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: 0.2rem;
    background: #f9f9f9;
    margin: 0.3rem 0.3rem 0;
}

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

.gdMainBox {
    margin: 0.04rem 0.3rem 0;
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #333333;
    background: linear-gradient(0deg, #ffffff, #ffeecf);
    border-radius: 0.2rem;
    border: 0.03rem solid #290e00;
    padding: 0.28rem 0.26rem 0.26rem;
}

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

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

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

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

.gdMainBox .boxInfo .infoBox p {
    margin-top: 0.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 0.16rem;
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.18rem;
    color: #ff6d22;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.06rem;
    margin: 0 0.0725rem;
}

.gdMainBox .btns {
    padding: 0.2rem 0 0.16rem;
}

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

.gdMainBox .btns .btnItem .icon {
    width: 0.28rem;
    height: 0.28rem;
    background-position: -0.65rem -2.16rem;
    margin-left: 0.1rem;
    margin-top: 0.02rem;
}

.gdMainBox .btns .btnItem.bookingBtn {
    background: #d5b57c;
    color: #825d0a;
}

.gdMainBox .btns .btnItem.bookingBtn .icon {
    width: 0.28rem;
    height: 0.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: 0.24rem;
    color: #d5b57c;
    line-height: 0.3rem;
}

.gdInfoBox {
    overflow: hidden;
    margin: 0 0.3rem;
    padding: 0.28rem 0.2rem 0;
    background: linear-gradient(0deg, #ffffff, #f4f4f4);
    font-size: 0.24rem;
    color: #333;
    line-height: 0.44rem;
}

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

.gdInfoBox .gdSwOfVideoBox .swiper-slide {
    border: 0.03rem solid transparent;
    width: auto;
    max-width: 5.83rem;
    height: 3.37rem;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-right: 0.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: 0.71rem;
    height: 0.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: 0.28rem;
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #1d2127;
}

.gdVersionInfoBox {
    background: #fff;
    margin: 0 0.3rem;
    padding: 0.22rem 0.2rem 0;
}

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

.gdVersionInfoBox .inTitle .titleR {
    font-size: 0.2rem;
}

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

.gdVersionInfoBox .versionList .listItem {
    margin-top: 0.14rem;
}

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

.gdDetailBox {
    background: #fff;
    margin: 0 0.3rem;
    padding: 0.3rem 0.2rem 0;
}

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

.gdDetailBox .gdTitle .titleR {
    height: 0.35rem;
    background: #fff6ef;
    border-radius: 0.06rem;
    font-size: 0.2rem;
    color: #ff9830;
    display: flex;
    align-items: center;
    padding: 0 0.12rem;
}

.gdDetailBox .gdTitle .titleR .icon {
    width: 0.18rem;
    height: 0.22rem;
    background-position: -0.39rem -2.16rem;
    margin-right: 0.08rem;
}

.gdDetailBox > ul {
    margin-top: 0.22rem;
    padding: 0.08rem 0.18rem 0.16rem;
    background: #fafafa;
    border-radius: 0.2rem;
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.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 0.3rem;
    padding: 0.38rem 0.2rem 0;
}

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

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

.gdSimilarBox {
    background: #fff;
    margin: 0 0.3rem;
    padding: 0.4rem 0.2rem 0;
}

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

.gdSimilarBox .fourColumnList .listItem {
    margin-top: 0.3rem;
}

.gdTopicBox {
    background: #fff;
    margin: 0 0.3rem;
    padding: 0.38rem 0.2rem 0;
    overflow: hidden;
}

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

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

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

.gdTopicBox .gdSwOfTopicBox .slide-w .imgInfo {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #ffffff;
    background: #a0a0c2;
    height: 1rem;
    border-radius: 0 0 0.2rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 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: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.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: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    border: 0.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 0.3rem;
    padding: 0.38rem 0.2rem 0.2rem;
    overflow: hidden;
}

.gdNewsBox .singleNewsList {
    margin-top: 0.28rem;
}

.gdRecomBox {
    background: #fff;
    margin: 0 0.3rem;
    padding: 0.18rem 0.2rem 0.5rem;
    border-radius: 0 0 0.2rem 0.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(../img/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: 0.24rem;
    background: linear-gradient(180deg, #ecfff6 0%, #fff 50%, #fff 100%);
    padding: 0.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: 0.33rem;
    width: 0.87rem;
    height: 0.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: 0.36rem;
    line-height: 0.6rem;
    color: #333;
    font-weight: bold;
}

.popupBox .authBox .boxCenter,
.popupBox .historyBox .boxCenter,
.popupBox .feedbackBox .boxCenter,
.popupBox .subSuccessBox .boxCenter,
.popupBox .subBox .boxCenter {
    margin: 0.28rem 0.6rem 0.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: 0.22rem;
    line-height: 0.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: 0.22rem;
    color: #999999;
    margin-top: 0.18rem;
    width: 100%;
    height: 0.54rem;
    background: #f7f7f7;
    border-radius: 0.05rem;
    border: unset;
    text-indent: 0.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: 0.54rem;
    background: #3f91ff;
    border-radius: 0.05rem;
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    line-height: 0.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: 0.2rem;
    height: 0.2rem;
    background-position: -0.06rem -1.07rem;
    position: absolute;
    top: 0.24rem;
    right: 0.24rem;
}

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

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

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

.popupBox .waitBox .boxCenter p.wait,
.popupBox .subSuccessBox .boxCenter p.wait,
.popupBox .waitBox .boxCenter p.success,
.popupBox .subSuccessBox .boxCenter p.success {
    font-size: 0.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: 0.24rem;
    height: fit-content;
    max-height: calc(100vh - 1rem);
    background: linear-gradient(180deg, #f5f5ff 0%, #fff 21%, #fff 100%);
    padding: 0.22rem 0 0.32rem;
}

.popupBox .authBox .tip,
.popupBox .historyBox .tip,
.popupBox .feedbackBox .tip {
    width: 0.96rem;
    height: 0.96rem;
    background-position: -1.93rem -0.03rem;
    left: 0.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: 0.36rem;
    line-height: 0.64rem;
    color: #333;
    font-weight: 700;
}

.popupBox .authBox .boxBody,
.popupBox .historyBox .boxBody,
.popupBox .feedbackBox .boxBody {
    max-height: calc(100% - 1.18rem);
    font-size: 0.22rem;
    line-height: 0.26rem;
    color: #333;
    margin-right: 0.1rem;
    padding: 0.06rem 0.2rem 0.32rem 0.35rem;
    overflow-y: auto;
}

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

.popupBox .authBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .feedbackBox .boxBody::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 0.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: 0.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: 0.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: 0.12rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    padding: 0 0.05rem;
    background: #f7f5f5;
    border-radius: 0.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: #3f91ff;
}

.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: 0.22rem;
    color: #999999;
    padding: 0.1rem 0.12rem;
    margin-top: 16px;
    width: 100%;
    height: 1.3rem;
    background: #f7f7f7;
    border-radius: 0.05rem;
    border: unset;
    resize: none;
}

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

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

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

.popupBox .historyBox .tip {
    width: 0.83rem;
    height: 0.95rem;
    background-position: -0.96rem -0.03rem;
    left: 0.32rem;
    top: -0.1rem;
}

.popupBox .historyBox .boxBody {
    margin: 0.24rem 0.24rem 0 0;
    max-height: calc(100vh - 280px);
    font-size: 0.22rem;
    line-height: 0.28rem;
    color: #999;
    padding: 0 0.12rem 0.32rem 0.38rem;
    overflow-y: auto;
    height: 4.52rem;
}

.popupBox .historyBox .boxBody::-webkit-scrollbar {
    width: 0.12rem;
    background: #eeeeee;
}

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

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

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

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

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

.popupBox .historyBox .boxBody ul li p.cont {
    margin-top: 0.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 0.3rem;
}

.nwInfoBox .tabsWrap {
    font-size: 0.28rem;
    color: #4e4e4e;
}

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

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

.nwInfoBox .tabsWrap > ul li {
    margin: 0.06rem 0.1rem;
}

.nwInfoBox .tabsWrap > ul li a {
    display: block;
    padding: 0 0.22rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #ffffff;
    border-radius: 0.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: 0.2rem;
}

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

.nwSwBox {
    margin: 0 0.26rem;
}

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

.nwSwBox .nwSwWrap .swiper-slide {
    border-radius: 0.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: 0.7rem;
    backdrop-filter: blur(5px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.18rem 2rem 0.18rem 0.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: 0.48rem;
    height: 0.48rem;
    background: #ffffff;
    border-radius: 0.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: 0.7rem;
    bottom: 0rem;
    right: 0;
    left: unset;
    display: flex;
    align-items: center;
    padding: 0 0.16rem;
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.05rem;
    width: 0.1rem;
    height: 0.1rem;
    background: #dcdcdc;
    opacity: 0.5;
    border-radius: 0.05rem;
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.3rem;
    background: #47ffa3;
    border-radius: 0.05rem;
    opacity: 1;
    margin: 0 0.08rem;
}

.nwTabBox .newsContList {
    margin-top: 0.12rem;
}

.nwTabBox .pageCode {
    padding-top: 0.22rem;
}

.ndDetailBox {
    margin: 0 0.3rem;
}

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

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

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

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

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

.ndDetailBox .boxCont p {
    margin: 0.3rem 0 0;
}

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

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

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

.ndDetailBox .singleItem {
    margin: 0.4rem 0 0;
    font-weight: bold;
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #000000;
}

.ndDetailBox .singleItem > a {
    padding: 0.21rem;
    background: #fafafa;
    border-radius: 0.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: 0.2rem;
}

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

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

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

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

.ndDetailBox .boxCopy {
    margin: 0.25rem 0 0;
    font-size: 0.22rem;
    line-height: 0.38rem;
    color: #8f8f8f;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.ndDetailBox .boxCopy span.copyBtn {
    margin-right: 0.12rem;
    padding: 0 0.1rem;
    height: 0.38rem;
    background: #ffffff;
    border: 1px solid rgba(255, 169, 0, 0.5);
    border-radius: 0.06rem;
    color: #ffa900;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

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

.ndSimilarGameBox {
    margin: 0.5rem 0.3rem 0;
}

.ndNewsBox {
    margin: 0.48rem 0.3rem 0;
}

.ndNewsBox .singleNewsList {
    margin-top: 0.28rem;
}

.ndRecomBox {
    margin: 0.42rem 0.3rem 0.5rem;
}

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

.tpInfoBox {
    margin: 0 0.3rem;
}

.tpInfoBox .tabsWrap {
    font-size: 0.28rem;
    color: #4e4e4e;
}

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

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

.tpInfoBox .tabsWrap > ul li {
    margin: 0.06rem 0.1rem;
}

.tpInfoBox .tabsWrap > ul li a {
    display: block;
    padding: 0 0.22rem;
    height: 0.6rem;
    line-height: 0.58rem;
    background: #ffffff;
    border-radius: 0.2rem;
}

.tpInfoBox .tabsWrap > ul li.active a {
    background: #ffb731;
    color: #ffffff;
}

.tpInfoBox .tabsWrap .pageCode {
    padding: 0.4rem 0 0.54rem;
}

.tdDetailBox {
    margin: 0 0.26rem 0;
}

.tdDetailBox .boxCont {
    margin-top: 0.26rem;
    border-radius: 0.2rem;
    border: 0.03rem solid #ebc9a3;
    padding: 0 0.28rem 0.32rem;
    position: relative;
}

.tdDetailBox .boxCont .imgBox {
    margin-top: -0.2rem;
    width: 100%;
    height: 3.78rem;
    background: #878787;
    border-radius: 0.2rem;
}

.tdDetailBox .boxCont h1 {
    margin-top: 0.24rem;
    font-weight: bold;
    font-size: 0.3rem;
    line-height: 0.42rem;
    color: #290e00;
}

.tdDetailBox .boxCont p {
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
    font-size: 0.2rem;
    color: #666666;
    line-height: 0.34rem;
}

.tdDetailBox .boxCont p.tip {
    position: absolute;
    right: 0.28rem;
    top: -0.03rem;
    padding: 0 0.09rem 0 0.12rem;
    background: #ebc9a3;
    border-radius: 0.06rem 0 0 0.06rem;
    font-size: 0.2rem;
    color: #9c6c3a;
    height: 0.39rem;
    line-height: 0.39rem;
    margin: 0;
}

.tdDetailBox .boxCont p.time {
    margin-top: 0.14rem;
    color: rgba(153, 153, 153, 0.25);
    line-height: 0.24rem;
}

.tdDetailBox .boxCont p.time span {
    color: #999;
    margin: 0 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: 0.06rem;
}

.tdDetailBox .boxCont p.time span .icon {
    width: 0.2rem;
    height: 0.2rem;
    background-position: -2.44rem -1.04rem;
}

.tdDetailBox .boxCont p.tags {
    margin-top: 0.16rem;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 0.32rem;
}

.tdDetailBox .boxCont p.tags a,
.tdDetailBox .boxCont p.tags span {
    background: #fff3ea;
    border-radius: 0.06rem;
    padding: 0 0.16rem;
    color: #ff6d22;
    margin: 0.1rem 0.0725rem;
}

.tdHotGameBox {
    margin: 0.2rem 0.3rem 0;
    background: #ffffff;
    border-radius: 0.2rem;
    padding: 0.25rem 0.2rem 0.4rem;
}

.tdHotGameBox .fourColumnList {
    margin: -0.02rem -0.1rem 0;
}

.tdHotGameBox .fourColumnList .listItem {
    margin: 0.3rem auto 0;
}

.tdBoutiqueBox {
    margin: 0.2rem 0.3rem 0;
    background: #ffffff;
    border-radius: 0.2rem;
    padding: 0.25rem 0.2rem;
}

.tdBoutiqueBox .singleGmList {
    margin: 0 -0.2rem;
}

.tdBoutiqueBox .pageCode {
    padding: 0.08rem 0 0;
}

.tdBoutiqueBox .pageCode a {
    margin: 0 0.04rem;
    padding: 0 0.05rem;
}

.tdCollBox {
    margin: 0.2rem 0.3rem 0;
    background: #ffffff;
    border-radius: 0.2rem;
    padding: 0.25rem 0.2rem 0.4rem;
}

.tdCollBox .twoCollList {
    margin: -0.02rem -0.2rem 0;
}

.tdCollBox .tagList {
    margin: 0.1rem -0.045rem 0;
    display: flex;
    flex-wrap: wrap;
}

.tdCollBox .tagList li {
    margin: 0.22rem 0.045rem 0;
}

.tdCollBox .tagList li a {
    padding: 0 0.25rem;
}

.rkDetailBox {
    margin: 0 0.3rem;
    min-height: 3rem;
    padding-bottom: 0.44rem;
}

.rkDetailBox > .icon {
    width: 2.01rem;
    height: 0.62rem;
    background-position: -7.92rem -0.07rem;
    display: block;
    margin: 0 auto;
}

.rkDetailBox .tabsWrap > ul {
    margin-top: 0.48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    color: #ffb23f;
}

.rkDetailBox .tabsWrap > ul li {
    opacity: 0.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(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 0.29rem;
    height: 0.46rem;
    background-position: -0.03rem -4.22rem;
    margin: 0 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: 0.22rem;
    color: #666666;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox {
    margin-top: 0.16rem;
    background: linear-gradient(180deg, #ffeecf 0%, #ffffff 1.6rem);
    border-radius: 0.2rem;
    position: relative;
    overflow: hidden;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 0.05rem;
    background: #ff4e19;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox > ul {
    padding: 0.1rem 0.2rem 0.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: 0.2rem;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox > ul li a {
    text-align: center;
    display: block;
    height: 0.48rem;
    padding: 0 0.1rem;
    line-height: 0.48rem;
    background: #fafafa;
    border-radius: 0.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: 0.04rem 0 0.2rem;
    cursor: pointer;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .classifyBox .loadMore .icon {
    width: 0.17rem;
    height: 0.18rem;
    background-position: -0.54rem -3.85rem;
    display: block;
    margin: 0 auto;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo > .time {
    padding: 0.18rem 0;
    font-size: 0.18rem;
    line-height: 0.22rem;
    color: #cccccc;
    display: flex;
    align-items: center;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo > .time .icon {
    width: 0.18rem;
    height: 0.18rem;
    background-position: -2.76rem -1.04rem;
    margin-right: 0.05rem;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem {
    margin-top: 0.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: 0.2rem;
    padding-right: 0.2rem;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a > span {
    width: 0.6rem;
    font-weight: bold;
    font-size: 0.28rem;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a img {
    border: unset;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a .itemInfo {
    padding-left: 0.26rem;
    font-size: 0.22rem;
    line-height: 0.26rem;
}

.rkDetailBox .tabsWrap .tabsCont .tabInfo .singleRkList .listItem a .itemInfo p.tit {
    font-size: 0.28rem;
    line-height: 0.32rem;
}

.rkDetailBox .boxMainTitle {
    width: auto;
    height: 3rem;
    border-radius: 0.16rem;
    background-image: url(../img/rkBg.png);
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    padding-top: 0.35rem;
}

.rkDetailBox .boxMainTitle .txt {
    text-align: center;
    padding-right: 0.06rem;
    padding-top: 0.28rem;
}

.rkDetailBox .boxMainTitle h1 {
    font-size: 0.72rem;
    line-height: 0.76rem;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 4px 0 #4ad2d9;
}

.rkDetailBox .boxMainTitle .tip {
    margin-top: 0.18rem;
    font-size: 0.24rem;
    color: #f8f8f8;
    line-height: 0.4rem;
    width: 4rem;
    height: 0.4rem;
    background: rgba(38, 98, 219, 0.6);
    border-radius: 0.2rem;
    text-align: center;
}

.rkDetailBox .boxMainTitle .icon {
    width: 1.57rem;
    height: 1.7rem;
    background-position: -0.04rem -5.31rem;
}

.rkHotBox {
    margin: 0.16rem 0.26rem 0;
}

.rkHotBox ul {
    margin-top: 0.05rem;
    margin-bottom: 0.2rem;
    font-size: 0.28rem;
    line-height: 0.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: 0.06rem;
    height: 0.06rem;
    background: #47ffa3;
}

.rkHotBox ul li a span.txt {
    flex: 1;
    padding: 0 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rkHotBox ul li a span.time {
    font-size: 0.24rem;
    color: #999999;
}

.rkHotBox ul li:last-child a {
    border-bottom: unset;
}

.rankCrumbsBox {
    background-image: url(../img/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: 0.2rem;
    color: #ffcccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rankMainBox .mianTitle > i {
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -3.02rem -4.68rem;
    width: 2.38rem;
    height: 0.86rem;
    display: block;
}

.rankMainBox .mianTitle > p {
    display: flex;
    align-items: center;
    margin-top: 0.08rem;
    line-height: 0.2rem;
}

.rankMainBox .mianTitle > p i {
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.01rem -9.75rem;
    width: 0.18rem;
    height: 0.18rem;
    display: block;
    margin-right: 0.06rem;
    margin-top: 0.01rem;
}

.rankTabsBox {
    margin-top: 0.5rem;
    padding: 0 0.25rem 0.3rem;
    font-size: 0.3rem;
}

.rankTabsBox > .tabsWrap > .tabs {
    display: flex;
    height: 0.65rem;
    line-height: 0.65rem;
    justify-content: space-evenly;
    font-size: 0.28rem;
    color: #fff;
}

.rankTabsBox > .tabsWrap > .tabs li {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cf1232;
    opacity: 0.4;
}

.rankTabsBox > .tabsWrap > .tabs li > i {
    width: 0.32rem;
    height: 0.32rem;
    display: inline-block;
    background-image: url(../img/icon_zt_detail.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: 0 0;
    margin-right: 0.08rem;
}

.rankTabsBox > .tabsWrap > .tabs li > i.game {
    width: 0.36rem;
    height: 0.32rem;
    background-position: -0.83rem -6.62rem;
}

.rankTabsBox > .tabsWrap > .tabs li > i.app {
    width: 0.3rem;
    height: 0.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: 0.24rem;
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs {
    margin: 0.3rem -0.1rem 0;
    border: 1px solid #ffdede;
    padding: 0.02rem 0.02rem 0.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: 0.58rem;
    line-height: 0.58rem;
    border: unset;
    background-color: #f4f4f4;
    border-radius: 0.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: 0.28rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.83rem;
    text-align: center;
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList {
    padding: 0;
    margin: 0;
    border-top: 0.02rem solid #e13d3d;
    position: relative;
}

.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList::before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 0.1rem solid #e13d3d;
    border-right: 0.15rem solid transparent;
    border-left: 0.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: 0.72rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #bfbfbf;
    margin-right: 0.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: 0.72rem;
    height: 0.19rem;
    display: block;
    background-image: url(../img/icon_zt_detail.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: 0.02rem solid #c9cdd8;
    border-radius: 0.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: 0.38rem;
    height: 0.38rem;
    display: block;
    background-image: url(../img/icon_zt_detail.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: 0.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(../img/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: 0.26rem;
    color: #999;
    font-size: 0.22rem;
    line-height: 0.26rem;
}

.noPageBox .boxWrap a {
    margin-top: 0.34rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff;
    background: #3f91ff;
    border-radius: 0.08rem;
    padding: 0 0.25rem;
    width: fit-content;
}

.noPageBox .boxWrap a:hover {
    opacity: 0.85;
}

.bhlNwSwBox {
    margin: 0.1rem 0.3rem 0;
}

.bhlNwSwBox .boxSwCont {
    margin: 0 -0.3rem;
    padding: 0 0.3rem;
    overflow: hidden;
    font-size: 0.28rem;
    line-height: 0.32rem;
}

.bhlNwSwBox .boxSwCont .swiper-slide {
    width: 6.9rem;
    height: 3.34rem;
    border-radius: 0.2rem;
    position: relative;
    color: #ffffff;
    line-height: 0.32rem;
    text-align: center;
    margin-right: 0.32rem;
}

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

.bhlNwSwBox .boxSwCont .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.8rem 0.12rem 0.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: 0.18rem;
    color: #ffffff;
    height: 0.28rem;
    line-height: 0.28rem;
    padding: 0 0.08rem 0 0.05rem;
    background: #e45f2b;
    border-radius: 0.03rem;
    font-style: italic;
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
}

.bhlNwAllBox {
    margin: 0 0.3rem 0;
}

.bhlNwAllBox .tabsWrap > ul {
    font-size: 0.3rem;
    color: #666666;
    display: flex;
    overflow: auto;
    margin: 0.2rem -0.3rem 0;
    padding: 0 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: 0.62rem;
    line-height: 0.59rem;
    padding: 0 0.4rem;
    margin: 0.1rem;
    background: #f6f9fb;
    border-radius: 0.31rem;
    box-shadow: 0 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: 0.2rem 0 0;
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul {
    font-size: 0.28rem;
    color: #000000;
    line-height: 0.36rem;
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a {
    display: flex;
    margin-top: 0.2rem;
    padding: 0.2rem;
    background: #ffffff;
    border-radius: 0.2rem;
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .imgBox {
    width: 2.35rem;
    height: 1.42rem;
    border-radius: 0.2rem;
    flex-shrink: 0;
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo ul li a .txtBox {
    flex: 1;
    width: 0;
    padding: 0.1rem 0 0.16rem 0.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: 0.18rem;
    height: 0.18rem;
    background-position: -0.5rem -0.05rem;
    margin-right: 0.08rem;
}

.bhlNwAllBox .tabsWrap .tabsCont .tabInfo .pageCode {
    margin-top: 0.18rem;
}

.bhlNwAppBox,
.bhlInAppClassifyBox,
.bhlInGameClassifyBox {
    margin: 0.36rem 0.3rem 0;
}

.bhlNwAppBox .tabsWrap > ul,
.bhlInAppClassifyBox .tabsWrap > ul,
.bhlInGameClassifyBox .tabsWrap > ul {
    display: flex;
    margin: 0.14rem -0.3rem 0;
    padding: 0 0.22rem;
    overflow: auto;
    font-size: 0.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: 0.15rem 0.09rem;
    display: block;
    height: 0.62rem;
    padding: 0 0.46rem;
    line-height: 0.59rem;
    background: #ffffff;
    box-shadow: 0 0 0.15rem 0 rgba(40, 40, 40, 0.15);
    border-radius: 0.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: 0.24rem;
    color: #333;
    text-align: center;
}

.bhlNwAppBox .multiColumnList li a,
.bhlInAppClassifyBox .multiColumnList li a,
.bhlInGameClassifyBox .multiColumnList li a {
    margin-top: 0.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: 0.3rem;
}

.bhlNwAppBox .multiColumnList li a p,
.bhlInAppClassifyBox .multiColumnList li a p,
.bhlInGameClassifyBox .multiColumnList li a p {
    display: block;
    margin: 0.14rem auto 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bhlNwAppBox {
    margin: 0.38rem 0.3rem 0;
}

.bhlNwAppBox .inTitle {
    font-size: 0.34rem;
    line-height: 0.38rem;
}

.bhlNwAppBox .btn {
    background: #3f91ff;
    color: #fff;
}

.bhlNdMainBox {
    margin: 0.05rem 0.3rem 0;
}

.bhlNdMainBox h1 {
    font-weight: bold;
    font-size: 0.38rem;
    color: #333333;
    line-height: 0.52rem;
}

.bhlNdMainBox > p.time {
    color: #999;
    padding: 0.2rem 0 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(../img/iconNews.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 0.18rem;
    height: 0.18rem;
    background-position: -0.5rem -0.05rem;
    margin-right: 0.08rem;
}

.bhlNdMainBox > p.time span {
    margin-right: 0.2rem;
}

.bhlNdMainBox > p.time span:last-child {
    margin-right: 0;
}

.bhlNdMainBox .boxCont {
    font-size: 0.24rem;
    color: #1f1f1f;
    line-height: 0.42rem;
}

.bhlNdMainBox .boxCont p {
    margin-top: 0.2rem;
}

.bhlNdMainBox .boxCont img {
    max-width: 100%;
    width: auto;
    border-radius: 0.2rem;
    display: block;
    margin: 0.2rem auto 0;
}

.bhlNdMainBox .boxCont h3 {
    font-weight: bold;
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #000000;
    margin-top: 0.2rem;
}

.bhlNdMainBox .boxItem {
    margin-top: 0.32rem;
    background: rgba(63, 145, 255, 0.1);
    border-radius: 0.2rem;
    border: 1px solid #3f91ff;
    padding: 0.2rem;
    display: flex;
    align-items: center;
}

.bhlNdMainBox .boxItem .imgBox {
    width: 1.14rem;
    height: 1.14rem;
    border-radius: 0.3rem;
}

.bhlNdMainBox .boxItem .txtBox {
    width: 0;
    flex: 1;
    padding-left: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
}

.bhlNdMainBox .boxItem .txtBox p.time {
    margin-top: 0.1rem;
    color: #666666;
    font-size: 0.18rem;
    line-height: 0.22rem;
}

.bhlNdMainBox .boxItem .txtBox p.time span::after {
    content: '/';
    color: #ccc;
    margin: 0 0.1rem;
}

.bhlNdMainBox .boxItem .txtBox p.time span:last-child::after {
    display: none;
}

.bhlNdMainBox .boxItem .txtBox p.tags {
    font-size: 0.18rem;
    line-height: 0.22rem;
    color: #666666;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.075rem;
}

.bhlNdMainBox .boxItem .txtBox p.tags span {
    background: #f5f7f8;
    height: 0.32rem;
    line-height: 0.32rem;
    border-radius: 0.06rem;
    margin: 0.12rem 0.075rem 0;
    padding: 0 0.16rem;
}

.bhlNdMainBox .boxItem .btn {
    background: #3f91ff;
    color: #ffffff;
}

.bhlNdMainBox .boxCopy {
    margin: 0.2rem 0 0;
    font-size: 0.22rem;
    line-height: 0.38rem;
    color: #8f8f8f;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.bhlNdMainBox .boxCopy span.copyBtn {
    margin-right: 0.12rem;
    padding: 0 0.1rem;
    color: #ffa900;
    height: 0.38rem;
    background: #ffffff;
    border-radius: 0.06rem;
    border: 0.01px solid rgba(255, 169, 0, 0.5);
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.bhlNdMainBox .boxCopy span.copyBtn .icon {
    width: 0.18rem;
    height: 0.18rem;
    background-position: -1.63rem -0.05rem;
    margin-right: 0.07rem;
}

.multiItem {
    margin-top: 0.26rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #333;
}

.multiItem .imgBox {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
}

.multiItem p {
    margin-top: 0.14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 1.28rem;
}

.multiItem p.btn {
    margin-top: 0.13rem;
    background: rgba(63, 145, 255, 0.1);
}

.bhlNdGameBox,
.bhlGdRecomBox,
.bhlInUpdateBox,
.bhlInAppsBox {
    margin: 0.38rem 0.3rem 0;
}

.bhlNdGameBox .boxSwCont,
.bhlGdRecomBox .boxSwCont,
.bhlInUpdateBox .boxSwCont,
.bhlInAppsBox .boxSwCont {
    overflow: hidden;
    margin: 0 -0.3rem;
    padding: 0 0.3rem;
}

.bhlNdGameBox .boxSwCont .swiper-slide,
.bhlGdRecomBox .boxSwCont .swiper-slide,
.bhlInUpdateBox .boxSwCont .swiper-slide,
.bhlInAppsBox .boxSwCont .swiper-slide {
    width: fit-content;
    margin-right: 0.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: 0.44rem 0.3rem 0;
}

.bhlNdGameBox .multiColumnList {
    margin-top: -0.06rem;
    grid-template-columns: repeat(4, 1.48rem);
}

.bhlNdHotBox {
    margin: 0.38rem 0.3rem 0;
}

.bhlNdHotBox .boxTagList {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.24rem;
    color: #adadad;
    margin: 0.1rem -0.04rem 0;
}

.bhlNdHotBox .boxTagList li a {
    margin: 0.22rem 0.04rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.48rem;
    padding: 0 0.34rem;
    border-radius: 0.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: 0.46rem 0.3rem 0;
}

.bhlTdTopicBox .multiColumnList,
.bhlNwTopicBox .multiColumnList,
.bhlGmTopicBox .multiColumnList,
.bhlInTopicBox .multiColumnList {
    margin-top: 0.04rem;
    grid-template-columns: repeat(2, 3.35rem);
    font-size: 0.24rem;
}

.bhlTdTopicBox .multiColumnList li a,
.bhlNwTopicBox .multiColumnList li a,
.bhlGmTopicBox .multiColumnList li a,
.bhlInTopicBox .multiColumnList li a {
    margin-top: 0.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: 0.1rem;
}

.bhlTdTopicBox .multiColumnList li a p,
.bhlNwTopicBox .multiColumnList li a p,
.bhlGmTopicBox .multiColumnList li a p,
.bhlInTopicBox .multiColumnList li a p {
    margin-top: 0.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: 0.05rem;
}

.bhlGdNewsBox,
.bhlInNewsBox {
    margin: 0.28rem 0.3rem 0;
}

.bhlGdNewsBox ul,
.bhlInNewsBox ul {
    margin-top: -0.18rem;
    font-size: 0.26rem;
    color: #000000;
    line-height: 0.36rem;
}

.bhlGdNewsBox ul li a,
.bhlInNewsBox ul li a {
    margin-top: 0.46rem;
    display: flex;
}

.bhlGdNewsBox ul li a .imgBox,
.bhlInNewsBox ul li a .imgBox {
    width: 2.35rem;
    height: 1.42rem;
    border-radius: 0.2rem;
}

.bhlGdNewsBox ul li a .txtBox,
.bhlInNewsBox ul li a .txtBox {
    flex: 1;
    width: 0;
    padding: 0.1rem 0 0.16rem 0.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: 0.18rem;
    height: 0.18rem;
    background-position: -0.5rem -0.05rem;
    margin-right: 0.08rem;
}

.bhlGdNewsBox {
    margin: 0.38rem 0.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(../img/iconNews.png);
}

.hide {
    display: none;
}