html {
    color: #333;
    background: #fff;
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

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

body,html {
    height: 100%
}

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

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

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

fieldset,img {
    border: none
}

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

ol,ul {
    list-style: none
}

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

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

a {
    text-decoration: none
}

button {
    border: none
}

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

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

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

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

textarea {
    vertical-align: top
}

button,input {
    line-height: normal
}

select {
    margin: 0;
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

.clearfix:after {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

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

.gmBodyWrap,.inBodyWrap {
    padding: .4rem 0 .5rem;
    background: #fff6f5;
    position: relative;
    background: linear-gradient(180deg, #FEB296 0%, #FEBF91 1.3rem, #FFF6F5 5.2rem, #FFF6F5 100%)
}

.gmBodyWrap {
    padding: 0 0 .5rem
}

.ndBodyWrap {
    background: #FFFFFF
}

.tpBodyWrap {
    background: #f2f2f2
}

.tdBodyWrap {
    background: #f2f2f2;
    position: relative;
    z-index: 1
}

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

a {
    color: inherit
}

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

.gdTitle .titleL,.inTitle .titleL {
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.gdTitle .titleL::after,.inTitle .titleL::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.02rem;
    height: .06rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .03rem;
    z-index: -1
}

.gdTitle .titleL .icon,.inTitle .titleL .icon {
    width: .56rem;
    height: .35rem;
    background-position: -0.03rem -1.42rem;
    margin-left: .08rem
}

.gdTitle .titleR,.inTitle .titleR {
    font-size: .24rem;
    color: #FF914E
}

.gdTitle .titleR a,.inTitle .titleR a {
    color: inherit;
    display: flex;
    align-items: center
}

.gdTitle .titleR .more,.inTitle .titleR .more {
    width: .14rem;
    height: .22rem;
    background-position: -0.08rem -1.45rem;
    margin-left: .1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.imgBox {
    overflow: hidden
}

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

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

.fourColumnList {
    padding: 0 .22rem .34rem;
    display: grid;
    grid-template-columns: repeat(4, 1.4rem);
    justify-content: space-between
}

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

.fourColumnList .listItem:nth-child(-n+4) {
    margin: .32rem auto 0
}

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

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

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

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

.btn {
    font-size: .24rem;
    color: #FF914E;
    width: 1rem;
    height: .48rem;
    background: #FFF2EB;
    border-radius: .1rem;
    text-align: center;
    line-height: .46rem
}

.downBtns {
    margin: .15rem -0.1rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.downBtns .btnItem {
    flex: 1;
    margin: .15rem .1rem 0;
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    background: #0ec760;
    font-size: .3rem;
    color: #fff;
    border-radius: .4rem
}

.downBtns .btnItem.subscribeBtn {
    background: #ff914e
}

.downBtns .btnItem.iosBtn {
    background: #11AEFF
}

.downBtns .btnItem.noBtn {
    background: #cdcdcd;
    cursor: no-drop
}

.downBtns .btnItem.safeBtn {
    background: #0ec4c7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.downBtns .btnItem.safeBtn p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    line-height: .34rem
}

.downBtns .btnItem.safeBtn p strong {
    font-weight: normal
}

.downBtns .btnItem.safeBtn p i {
    margin-top: .05rem;
    font-size: .2rem;
    line-height: .24rem;
    font-style: normal
}

.btnTips {
    height: auto;
    padding: 0;
    margin: 2px 10px 0px;
    display: block;
    overflow: hidden;
    position: relative;
    font-size: .2rem;
    line-height: .24rem;
    color: #888
}

.btnTips::before,.btnTips::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3ffff;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 75%;
    top: 1px;
    transform: translateX(-50%);
    z-index: 2
}

.btnTips::after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #0ec4c7;
    top: 0;
    transform: translateX(-50%);
    z-index: 0
}

.btnTips p {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    background: #f1fff7;
    border: 1px solid #0ec4c7;
    border-radius: 4px;
    margin: 10px 0 0;
    display: block;
    overflow: hidden
}

.btnTips p strong {
    font-weight: normal;
    color: #0ec4c7
}

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

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

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

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

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

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

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

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

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

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

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

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

.load_more span {
    opacity: .65
}

.load_more a {
    color: inherit
}

.pageCode {
    padding: .3rem 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    color: #AFA09F
}

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

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

.pageCode>span.current,.pageCode>a.current {
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    color: #FFF6F5;
    font-weight: bold
}

.pageCode>span .left,.pageCode>a .left,.pageCode>span .right,.pageCode>a .right {
    width: .12rem;
    height: .2rem;
    background-position: -0.45rem -1.46rem
}

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

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

.pageCode>span {
    margin-top: -0.16rem;
    background: unset;
    min-width: unset
}

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

.labelList li {
    width: fit-content
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.singleVersionList .listItem a .itemInfo p.tit,.singleGmList .listItem a .itemInfo p.tit,.singleRankList .listItem a .itemInfo p.tit {
    margin-top: .02rem;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.singleVersionList .listItem a .itemInfo p.tip,.singleGmList .listItem a .itemInfo p.tip,.singleRankList .listItem a .itemInfo p.tip {
    display: flex;
    align-items: center
}

.singleVersionList .listItem a .itemInfo p.tip span,.singleGmList .listItem a .itemInfo p.tip span,.singleRankList .listItem a .itemInfo p.tip span {
    margin: -0.03rem .62rem 0 0
}

.singleVersionList .listItem a .itemInfo p.tip span:last-child,.singleGmList .listItem a .itemInfo p.tip span:last-child,.singleRankList .listItem a .itemInfo p.tip span:last-child {
    margin-right: 0
}

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

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

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

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

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

.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: .3rem;
    color: #362C2A;
    line-height: .34rem
}

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

.singleNwList .listItem>a,.singleNewsList .listItem>a {
    display: flex;
    color: inherit;
    padding: .24rem 0;
    border-bottom: 1px solid #EEEEEE
}

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

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

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

.singleNwList .listItem>a .itemInfo .time,.singleNewsList .listItem>a .itemInfo .time {
    text-align: end
}

.singleGmList {
    padding: 0 .2rem
}

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

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

.singleGmList .listItem a img {
    border: unset
}

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

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

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

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

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

.singleVersionList .listItem {
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.newsContList {
    margin-top: .02rem
}

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

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

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

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

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

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

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

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

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

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

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

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

header {
    font-size: .32rem;
    background: #FEB296;
    position: relative;
    z-index: 1000
}

header .hdTop {
    height: 1.32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem .2rem .38rem;
    position: relative
}

header .hdTop>a {
    position: absolute;
    left: 50%;
    margin-left: -1.37rem;
    width: 2.74rem;
    height: .64rem;
    display: block
}

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

header .hdTop .hdMenu {
    position: absolute;
    right: .2rem
}

header .hdTop .hdMenu .icon {
    width: .6rem;
    height: .45rem;
    background-position: -0.08rem -0.08rem;
    position: relative;
    display: block
}

header .hdTop .hdMenu .hdColor {
    width: .45rem;
    height: .46rem;
    background-position: -0.85rem -0.08rem
}

header .hdMenuWrap {
    display: none;
    position: absolute;
    top: 1.32rem;
    left: 0;
    right: 0;
    height: max-content;
    background-color: #fff;
    z-index: 1000;
    padding: .5rem .2rem 0;
    font-size: .24rem;
    color: #7D7272;
    line-height: .28rem
}

header .hdMenuWrap .searchWrap {
    height: .88rem;
    background: #FFFFFF;
    border-radius: .44rem;
    border: 1px solid #FFDBC7;
    box-shadow: 0 0 .12rem .02rem rgba(220,51,5,0.12);
    display: flex;
    align-items: center
}

header .hdMenuWrap .searchWrap input {
    font-size: .3rem;
    color: #808080;
    border-radius: .44rem;
    flex: 1;
    border: unset;
    width: 0;
    height: 100%;
    text-indent: .28rem
}

header .hdMenuWrap .searchWrap .icon {
    width: .36rem;
    height: .36rem;
    margin: 0 .22rem;
    background-position: -1.47rem -0.08rem
}

header .hdMenuWrap .menuList {
    margin-top: .48rem
}

header .hdMenuWrap .menuList a {
    color: inherit
}

header .hdMenuWrap .menuList>p {
    font-size: .36rem;
    line-height: .4rem;
    color: #333333
}

header .hdMenuWrap .menuList>ul {
    font-size: .24rem;
    margin-top: -0.08rem;
    display: grid;
    grid-template-columns: repeat(4, 1.5rem);
    justify-content: space-between
}

header .hdMenuWrap .menuList>ul li {
    margin-top: .3rem
}

header .hdMenuWrap .menuList>ul li>a {
    color: inherit;
    display: block;
    width: inherit;
    height: .5rem;
    background: #F7F7F7;
    border-radius: .25rem;
    line-height: .5rem;
    padding: 0 .15rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

header .hdMenuWrap .menuList.zxMenuList>ul {
    grid-template-columns: repeat(2, 48%)
}

header .hdMenuWrap .menuTopBox {
    margin-top: .48rem;
    padding-bottom: .5rem;
    font-size: .28rem;
    line-height: .38rem;
    color: #999999;
    position: relative
}

header .hdMenuWrap .menuTopBox::after {
    content: "";
    position: absolute;
    bottom: .36rem;
    right: 0;
    width: 1.54rem;
    height: 1.17rem;
    background-position: -8.41rem -0.05rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem
}

header .hdMenuWrap .menuTopBox a {
    color: inherit
}

header .hdMenuWrap .menuTopBox>p {
    font-size: .36rem;
    line-height: .4rem;
    color: #333333
}

header .hdMenuWrap .menuTopBox ul {
    margin-top: .2rem;
    background: #F7F7F7;
    border-radius: .16rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 45%);
    padding: .04rem .25rem .25rem
}

header .hdMenuWrap .menuTopBox ul li {
    margin-top: .26rem
}

header .hdMenuWrap .menuTopBox ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

header .hdMenuWrap .menuTopBox>a {
    display: block;
    margin: .32rem auto 0;
    width: fit-content;
    font-size: .24rem;
    color: #FFF6F5;
    line-height: .5rem;
    padding: 0 .36rem;
    height: .5rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .25rem
}

header nav {
    font-size: .3rem;
    color: #AFA09F;
    width: 100%;
    position: relative
}

header nav::after,header nav::before {
    content: "";
    display: block;
    width: .95rem;
    height: .88rem;
    background: linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    border-radius: 0 .4rem .4rem 0;
    position: absolute;
    top: 0;
    right: .2rem;
    z-index: 10;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

header nav::before {
    left: .2rem;
    right: unset;
    border-radius: .4rem 0 0 .4rem;
    background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}

header nav ul {
    margin: 0 .2rem;
    background: #FFFFFF;
    box-shadow: 0 .04rem .04rem 0 rgba(220,51,5,0.12);
    border-radius: .44rem;
    height: .88rem;
    display: flex;
    align-items: center;
    padding: 0 .4rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: .32rem;
    line-height: .34rem;
    position: relative
}

header nav ul li a {
    color: inherit;
    margin: 0 .3rem
}

header nav ul li .current {
    font-size: .36rem;
    font-weight: bold;
    color: #362C2A;
    background: linear-gradient(270deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 .2rem rgba(255,145,78,0.5)
}

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

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

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

.inSwBox {
    position: relative;
    padding: 0 .2rem;
    font-size: .3rem;
    color: #362c2a;
    line-height: .34rem
}

.inSwBox .inSwWrap {
    margin: 0 -0.2rem;
    padding: 0 .2rem;
    height: 3.78rem
}

.inSwBox .inSwWrap .swiper-slide {
    border-radius: .2rem;
    margin-right: .2rem;
    overflow: hidden
}

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

.inSwBox .inSwWrap .swiper-slide>div {
    height: 3rem;
    position: relative
}

.inSwBox .inSwWrap .swiper-slide>div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .2rem
}

.inSwBox .inSwWrap .swiper-slide>div .bt {
    height: .88rem;
    background: #FFFFFF;
    box-shadow: 0 .06rem .12rem 0 #fed5bb;
    border-radius: .44rem;
    color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: -0.37rem;
    left: .35rem;
    right: .35rem;
    padding: .18rem .28rem .16rem;
    display: flex;
    align-items: center
}

.inSwBox .inSwWrap .swiper-slide>div .bt img {
    width: .54rem;
    height: .54rem;
    border-radius: .16rem
}

.inSwBox .inSwWrap .swiper-slide>div .bt .info {
    height: .34rem;
    flex: 1;
    padding-left: .2rem;
    width: 0;
    display: flex;
    align-items: flex-end
}

.inSwBox .inSwWrap .swiper-slide>div .bt .info>p {
    flex-shrink: 0;
    max-width: 50%;
    font-size: .3rem;
    color: #362C2A;
    line-height: .34rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inSwBox .inSwWrap .swiper-slide>div .bt .info>span {
    margin-left: .2rem;
    font-size: .24rem;
    color: #AFA09F;
    line-height: .34rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

.inTabsBox {
    margin: .25rem .2rem 0;
    font-size: .24rem;
    line-height: .28rem;
    color: #362C2A;
    position: relative
}

.inTabsBox ul {
    background: #FFFFFF;
    border-radius: .16rem;
    display: grid;
    grid-template-columns: repeat(5, 20%);
    align-items: flex-end;
    padding: .34rem 0 .3rem
}

.inTabsBox ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.inTabsBox ul li a .icon {
    width: .71rem;
    height: .7rem;
    background-position: -0.09rem -0.64rem
}

.inTabsBox ul li a p {
    margin-top: .07rem
}

.inTabsBox ul li.zx a .icon {
    width: .49rem;
    height: .71rem;
    background-position: -1.05rem -0.63rem
}

.inTabsBox ul li.zt a .icon {
    width: .71rem;
    height: .52rem;
    background-position: -1.8rem -0.73rem;
    margin-bottom: .1rem
}

.inTabsBox ul li.bd a .icon {
    width: .72rem;
    height: .52rem;
    background-position: -2.77rem -0.73rem;
    margin-bottom: .1rem
}

.inTabsBox ul li.tj a .icon {
    width: .72rem;
    height: .68rem;
    background-position: -3.75rem -0.65rem
}

.inHotAppBox,.inHotGameBox {
    margin: .45rem .2rem 0
}

.inHotAppBox .fourColumnList,.inHotGameBox .fourColumnList {
    margin-top: .22rem;
    background: #FFFFFF;
    border-radius: .05rem
}

.inNewAppBox,.inNewGameBox {
    margin: .46rem .2rem 0
}

.inNewAppBox>ul,.inNewGameBox>ul {
    margin-top: .24rem;
    background: #fff;
    border-radius: .05rem;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A;
    padding: .34rem .25rem .3rem
}

.inNewAppBox>ul li,.inNewGameBox>ul li {
    margin-top: .2rem
}

.inNewAppBox>ul li:first-child,.inNewGameBox>ul li:first-child {
    margin-top: 0
}

.inNewAppBox>ul li a,.inNewGameBox>ul li a {
    background: #FFF9F5;
    border-radius: .18rem;
    height: .92rem;
    padding: .16rem .24rem .16rem .2rem;
    display: flex;
    align-items: center
}

.inNewAppBox>ul li a img,.inNewGameBox>ul li a img {
    width: .6rem;
    height: .6rem;
    object-fit: cover;
    border-radius: .12rem
}

.inNewAppBox>ul li a .info,.inNewGameBox>ul li a .info {
    width: 0;
    flex: 1;
    padding-left: .2rem
}

.inNewAppBox>ul li a .info p,.inNewGameBox>ul li a .info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inNewAppBox>ul li a .info .time,.inNewGameBox>ul li a .info .time {
    margin-top: .05rem
}

.inNewAppBox>ul li a .time,.inNewGameBox>ul li a .time {
    font-size: .24rem;
    line-height: .28rem;
    color: #AFA09F
}

.inNewAppBox>ul li a .btn,.inNewGameBox>ul li a .btn {
    padding-left: .54rem;
    background: unset;
    width: fit-content;
    font-size: .24rem;
    color: #FF914E
}

.tdTopicGameBox,.inTopicAppBox,.inTopicGameBox {
    margin: .46rem .2rem 0;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.tdTopicGameBox .boxSwCont,.inTopicAppBox .boxSwCont,.inTopicGameBox .boxSwCont {
    margin: .3rem -0.2rem 0;
    padding: 0 .2rem
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide {
    width: fit-content;
    margin-right: .2rem
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide:last-child,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide:last-child,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a {
    padding: 0 .2rem .22rem;
    background: #FFFFFF;
    border-radius: .05rem;
    display: flex;
    flex-direction: column
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a .info,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info {
    display: flex;
    align-items: center;
    padding: .16rem 0
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p {
    width: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip {
    flex: unset;
    width: .24rem;
    height: .24rem;
    background: #F7F7F7;
    border-radius: .05rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip .icon,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip .icon,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a .info p.tip .icon {
    width: .09rem;
    height: .16rem;
    background-position: -0.29rem -1.48rem
}

.tdTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a img,.inTopicAppBox .boxSwCont .swiper-wrapper .swiper-slide>a img,.inTopicGameBox .boxSwCont .swiper-wrapper .swiper-slide>a img {
    object-fit: cover;
    width: 2.42rem;
    height: 1.36rem;
    background: #FFFFFF;
    border-radius: .05rem
}

.tdTopicGameBox .multiColumnList,.inTopicAppBox .multiColumnList,.inTopicGameBox .multiColumnList {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 48%)
}

.tdTopicGameBox .multiColumnList>a,.inTopicAppBox .multiColumnList>a,.inTopicGameBox .multiColumnList>a {
    margin-top: .2rem;
    padding: 0 .2rem .22rem;
    background: #FFFFFF;
    border-radius: .05rem;
    display: flex;
    flex-direction: column
}

.tdTopicGameBox .multiColumnList>a .info,.inTopicAppBox .multiColumnList>a .info,.inTopicGameBox .multiColumnList>a .info {
    display: flex;
    align-items: center;
    padding: .16rem 0
}

.tdTopicGameBox .multiColumnList>a .info p,.inTopicAppBox .multiColumnList>a .info p,.inTopicGameBox .multiColumnList>a .info p {
    width: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tdTopicGameBox .multiColumnList>a .info p.tip,.inTopicAppBox .multiColumnList>a .info p.tip,.inTopicGameBox .multiColumnList>a .info p.tip {
    flex: unset;
    width: .24rem;
    height: .24rem;
    background: #F7F7F7;
    border-radius: .05rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tdTopicGameBox .multiColumnList>a .info p.tip .icon,.inTopicAppBox .multiColumnList>a .info p.tip .icon,.inTopicGameBox .multiColumnList>a .info p.tip .icon {
    width: .09rem;
    height: .16rem;
    background-position: -0.29rem -1.48rem
}

.tdTopicGameBox .multiColumnList>a img,.inTopicAppBox .multiColumnList>a img,.inTopicGameBox .multiColumnList>a img {
    object-fit: cover;
    width: 100%;
    height: 1.66rem;
    background: #FFFFFF;
    border-radius: .05rem
}

.rkRankTabBox,.inRankTabBox {
    margin: .74rem .2rem 0;
    font-size: .36rem;
    line-height: .4rem;
    color: #362C2A
}

.rkRankTabBox .tabsWrap>ul,.inRankTabBox .tabsWrap>ul {
    font-size: .36rem;
    line-height: .4rem;
    color: #BD8E71;
    display: flex
}

.rkRankTabBox .tabsWrap>ul li,.inRankTabBox .tabsWrap>ul li {
    flex: 1;
    font-weight: bold;
    height: .8rem;
    background: #FFE6E3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.rkRankTabBox .tabsWrap>ul li a,.inRankTabBox .tabsWrap>ul li a {
    width: inherit
}

.rkRankTabBox .tabsWrap>ul li a p,.inRankTabBox .tabsWrap>ul li a p {
    font-weight: normal;
    display: none;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #AFA09F
}

.rkRankTabBox .tabsWrap>ul li:first-child,.inRankTabBox .tabsWrap>ul li:first-child {
    border-radius: .16rem 0 0 0
}

.rkRankTabBox .tabsWrap>ul li:last-child,.inRankTabBox .tabsWrap>ul li:last-child {
    border-radius: 0 .16rem 0 0
}

.rkRankTabBox .tabsWrap>ul li.active,.inRankTabBox .tabsWrap>ul li.active {
    margin-top: -0.24rem;
    height: 1.04rem;
    background: #FFFFFF;
    border-radius: .16rem .16rem 0 0
}

.rkRankTabBox .tabsWrap>ul li.active a,.inRankTabBox .tabsWrap>ul li.active a {
    background: linear-gradient(0deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rkRankTabBox .tabsWrap>ul li.active a p,.inRankTabBox .tabsWrap>ul li.active a p {
    background: #AFA09F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo,.inRankTabBox .tabsWrap .tabsCont .tabInfo {
    background: #FFFFFF;
    border-radius: 0 0 .16rem .16rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li {
    padding-left: .57rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a {
    padding: .24rem .1rem .24rem 0;
    border-bottom: .02rem solid #EEEEEE;
    display: flex;
    align-items: center
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .num,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .num {
    width: .74rem;
    height: .79rem;
    background-position: -2.63rem -1.78rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .36rem;
    font-weight: bold;
    padding: 0 .11rem .2rem .03rem;
    color: #FFFFFF;
    font-style: italic;
    margin: .14rem .23rem 0 -0.03rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a>img,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a>img {
    width: 1rem;
    height: 1rem;
    border-radius: .26rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo {
    flex: 1;
    width: 0;
    padding-left: .26rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo p,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo p.time,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a .imgInfo p.time {
    margin-top: .16rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(1) a .num,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(1) a .num {
    background-position: -0.08rem -1.78rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(2) a .num,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(2) a .num {
    background-position: -0.93rem -1.78rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(3) a .num,.inRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:nth-child(3) a .num {
    background-position: -1.78rem -1.78rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo .moreBtn,.inRankTabBox .tabsWrap .tabsCont .tabInfo .moreBtn {
    text-align: center;
    font-size: .24rem;
    line-height: .28rem;
    color: #FF914E;
    width: 100%;
    display: block;
    padding: .28rem 0
}

.inHotAppBox {
    margin: .47rem .2rem 0
}

.inNewsBox {
    margin: .46rem .2rem 0
}

.inNewsBox .tabsWrap {
    margin-top: .24rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .3rem .2rem .06rem
}

.inNewsBox .tabsWrap>ul {
    font-size: .24rem;
    color: #362C2A;
    display: flex;
    justify-content: center
}

.inNewsBox .tabsWrap>ul li {
    margin: 0 .1rem
}

.inNewsBox .tabsWrap>ul li a {
    display: block;
    padding: 0 .26rem;
    width: fit-content;
    height: .54rem;
    line-height: .54rem;
    color: inherit;
    text-align: center
}

.inNewsBox .tabsWrap>ul li.active a {
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .27rem;
    box-shadow: 0 0 .2rem rgba(255,145,78,0.5);
    font-weight: bold;
    color: #FFFFFF
}

.inNewsBox .tabsWrap .singleNewsList {
    margin-top: .08rem
}

.inNewsBox .tabsWrap .singleNewsList .listItem:last-child a {
    border-bottom: unset
}

.inHotTagsBox {
    margin: .48rem .2rem 0;
    font-size: .28rem
}

.inHotTagsBox ul {
    background: #FFFFFF;
    border-radius: .16rem;
    margin-top: .24rem;
    display: flex;
    flex-wrap: wrap;
    padding: .1rem .1rem .3rem
}

.inHotTagsBox ul li {
    margin: .2rem .1rem 0
}

.inHotTagsBox ul li a {
    display: block;
    border-radius: .32rem;
    width: fit-content;
    height: .64rem;
    line-height: .64rem;
    color: #F35E67;
    background: #FFEBEC;
    padding: 0 .2rem
}

.inHotTagsBox ul li:nth-child(2n) a {
    background: #FFF0EB;
    color: #FA9570
}

.inHotTagsBox ul li:nth-child(3n) a {
    background: #FFFBEB;
    color: #FFD101
}

.inHotTagsBox ul li:nth-child(4n) a {
    background: #FCFFEB;
    color: #B2CC0D
}

.inHotTagsBox ul li:nth-child(5n) a {
    background: #EBFFFD;
    color: #0BBBAB
}

.inHotTagsBox ul li:nth-child(6n) a {
    background: #EBFFED;
    color: #6CD37A
}

.inHotTagsBox ul li:nth-child(7n) a {
    background: #EEEBFF;
    color: #6558AC
}

.inHotTagsBox ul li:nth-child(8n) a {
    background: #FFF0EB;
    color: #FF743F
}

.inHotTagsBox ul li:nth-child(9n) a {
    background: #EBF8FF;
    color: #1090D0
}

.inHotTagsBox ul li:nth-child(10n) a {
    background: #EBFDFF;
    color: #59A7B1
}

footer {
    background: #313131;
    font-size: .24rem;
    color: #B3B3B3;
    line-height: .48rem;
    text-align: center;
    padding: .42rem .2rem .4rem
}

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

.crumbsBox {
    padding: .25rem .2rem;
    line-height: .28rem;
    font-size: .26rem;
    color: #fff
}

.crumbsBox p {
    margin: 0 -0.15rem;
    display: flex;
    align-items: center
}

.crumbsBox p>a {
    flex-shrink: 0;
    font-size: .24rem;
    color: #AFA09F;
    height: .48rem;
    line-height: .48rem;
    padding: 0 .28rem;
    background: #FFFFFF;
    border-radius: .24rem;
    display: flex;
    align-items: center;
    margin: 0 .15rem;
    position: relative;
    z-index: 1
}

.crumbsBox p>a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #FFFFFF;
    border-radius: .24rem;
    z-index: -1
}

.crumbsBox p>a>.icon {
    width: .26rem;
    height: .23rem;
    background-position: -0.64rem -1.45rem;
    margin-right: .11rem
}

.crumbsBox p>a>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.crumbsBox p>a:last-child {
    flex-shrink: 1;
    max-width: 50%
}

.crumbsBox p>a:last-child span {
    background-image: -webkit-linear-gradient(0deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.crumbsBox p>a:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.05rem;
    left: 50%;
    margin-left: -0.1rem;
    width: .1rem;
    height: .1rem;
    background: linear-gradient(45deg, transparent 50%, #fff 0);
    background-size: .1rem .1rem;
    border-top-right-radius: .03rem;
    transform: rotate(135deg)
}

.gmSwBox .gmSwWrap {
    padding: 0 .2rem
}

.gmSwBox .gmSwWrap .swiper-slide {
    width: 1.75rem !important;
    margin-right: .2rem
}

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

.gmSwBox .gmSwWrap .swiper-slide .imgBox {
    display: block;
    width: 100%;
    height: 1.75rem;
    background: #F6B37F;
    border-radius: .16rem
}

.gmSwBox .gmSwWrap .swiper-slide.swiper-slide-active {
    width: 3.2rem !important
}

.gmRecommendBox {
    background: #FFFFFF;
    border-radius: .16rem;
    margin: .32rem .2rem 0;
    padding: .3rem .2rem .4rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #05040A
}

.gmRecommendBox>p {
    font-size: .36rem;
    line-height: .4rem;
    font-weight: bold;
    color: #362C2A;
    display: flex;
    align-items: center;
    justify-content: center
}

.gmRecommendBox>p::after,.gmRecommendBox>p::before {
    content: "";
    display: block;
    width: 1rem;
    height: .02rem;
    border-radius: .01rem;
    background-color: #EEEEEE;
    margin: 0 .1rem
}

.gmRecommendBox ul {
    margin-top: .14rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 3.26rem)
}

.gmRecommendBox ul li {
    margin-top: .16rem
}

.gmRecommendBox ul li a {
    padding: .17rem .17rem .17rem .18rem;
    display: flex;
    align-items: center;
    width: inherit;
    height: .94rem;
    background: #FFFFFF;
    border-radius: .08rem;
    border: .02rem solid #EEEEEE
}

.gmRecommendBox ul li a .imgInfo {
    flex: 1;
    width: 0
}

.gmRecommendBox ul li a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gmRecommendBox ul li a .imgInfo .tip {
    margin-top: .06rem;
    opacity: .6;
    font-weight: lighter
}

.gmRecommendBox ul li a .imgBox {
    flex-shrink: 0;
    width: .6rem;
    height: .6rem;
    background: #EEEEEE;
    border-radius: .14rem
}

.gmClassifyBox {
    margin: .5rem .2rem 0;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .3rem .2rem .4rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #7D7272
}

.gmClassifyBox>p {
    font-size: .36rem;
    line-height: .4rem;
    font-weight: bold;
    color: #362C2A;
    display: flex;
    align-items: center;
    justify-content: center
}

.gmClassifyBox>p::after,.gmClassifyBox>p::before {
    content: "";
    display: block;
    width: 1rem;
    height: .02rem;
    border-radius: .01rem;
    background-color: #EEEEEE;
    margin: 0 .1rem
}

.gmClassifyBox .tip {
    display: block;
    text-align: center;
    margin: .06rem auto 0;
    font-size: .22rem;
    line-height: .26rem;
    color: #CCCCCC
}

.gmClassifyBox ul {
    margin-top: .04rem;
    display: grid;
    grid-template-columns: repeat(4, 1.5rem);
    justify-content: space-between;
    text-align: center
}

.gmClassifyBox ul li {
    margin-top: .25rem
}

.gmClassifyBox ul li a {
    padding: 0 .15rem;
    display: block;
    width: inherit;
    height: .5rem;
    line-height: .5rem;
    background: #F7F7F7;
    border-radius: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gmClassifyBox ul li.active a {
    color: #ff914e;
    background: #fff2eb
}

.xinBox,.tdGameBox,.gmAllBox {
    margin: .46rem .2rem 0;
    position: relative
}

.xinBox .tabsWrap>ul,.tdGameBox .tabsWrap>ul,.gmAllBox .tabsWrap>ul {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .24rem;
    line-height: .4rem;
    color: #AFA09F;
    display: flex;
    align-items: center
}

.xinBox .tabsWrap>ul li,.tdGameBox .tabsWrap>ul li,.gmAllBox .tabsWrap>ul li {
    margin-right: .26rem
}

.xinBox .tabsWrap>ul li:last-child,.tdGameBox .tabsWrap>ul li:last-child,.gmAllBox .tabsWrap>ul li:last-child {
    margin-right: 0
}

.xinBox .tabsWrap>ul li.active,.tdGameBox .tabsWrap>ul li.active,.gmAllBox .tabsWrap>ul li.active {
    color: #FF914E
}

.xinBox .tabsWrap .tabInfo,.tdGameBox .tabsWrap .tabInfo,.gmAllBox .tabsWrap .tabInfo {
    margin-top: .24rem;
    background: #FFFFFF;
    border-radius: .05rem
}

.xinBox .singleGmList,.tdGameBox .singleGmList,.gmAllBox .singleGmList {
    padding-top: .06rem
}

.xinBox .pageCode,.tdGameBox .pageCode,.gmAllBox .pageCode {
    padding-top: .08rem
}

.xinBox {
    margin: 0 .2rem 0;
    background: #FFFFFF;
    border-radius: .05rem
}

.xinBox .inTitle {
    padding: .2rem .2rem 0
}

.xinBox .tabsWrap>ul {
    top: .2rem;
    right: .2rem
}

.xinBox .tabsWrap .tabInfo {
    margin-top: .04rem
}

.gdMainBox {
    margin: .22rem .2rem 0;
    background: #FFFFFF;
    border-radius: .16rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #AFA09F;
    padding: .25rem .34rem .3rem;
    position: relative
}

.gdMainBox::before,.gdMainBox::after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 1.33rem;
    height: .51rem;
    background-position: -0.08rem -2.71rem;
    position: absolute;
    top: -0.33rem;
    right: 0;
    z-index: 1
}

.gdMainBox::after {
    width: .86rem;
    height: .83rem;
    background-position: -8.97rem -1.33rem;
    right: -0.2rem;
    top: -1.09rem;
    z-index: 0
}

.gdMainBox h1 {
    font-weight: bold;
    font-size: .36rem;
    color: #362C2A;
    line-height: .46rem
}

.gdMainBox .boxInfo {
    margin-top: .24rem;
    display: flex;
    align-items: center
}

.gdMainBox .boxInfo .imgBox {
    width: 1.26rem;
    height: 1.26rem;
    border-radius: .24rem;
    border: .03rem solid transparent;
    background: linear-gradient(0deg, #FF827D, #FF914E)
}

.gdMainBox .boxInfo .imgInfo {
    width: 0;
    flex: 1;
    padding-left: .25rem;
    min-height: 1.26rem;
    display: flex;
    flex-direction: column
}

.gdMainBox .boxInfo .imgInfo p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: .22rem
}

.gdMainBox .boxInfo .imgInfo p span {
    margin: .08rem .18rem 0 0
}

.gdMainBox .boxInfo .imgInfo p span:last-child {
    margin-right: 0
}

.gdMainBox .boxInfo .imgInfo p.tags {
    display: flex;
    margin: .1rem 0 0 -0.11rem;
    justify-content: unset
}

.gdMainBox .boxInfo .imgInfo p.tags a,.gdMainBox .boxInfo .imgInfo p.tags span {
    padding: 0 .18rem;
    height: .48rem;
    line-height: .48rem;
    background: #F7F7F7;
    border-radius: .24rem;
    margin: .1rem .11rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.gdLinkBox {
    margin: .38rem .2rem 0;
    font-size: .3rem;
    line-height: .34rem;
    color: #AFA09F
}

.gdLinkBox ul {
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.gdLinkBox ul li {
    margin: 0 .45rem
}

.gdLinkBox ul li.active {
    background-image: -webkit-linear-gradient(0deg, #ff827d 0, #ff914e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold
}

.gdScreenBox {
    margin: .36rem .2rem 0;
    padding: .24rem .2rem .3rem;
    background: #FFFFFF;
    border-radius: .16rem
}

.gdScreenBox .boxSwCont {
    overflow: hidden
}

.gdScreenBox .boxSwCont.rowSw .swiper-slide {
    width: auto;
    height: auto;
    max-height: 3.8rem;
    background: rgba(0,0,0,0.1);
    border-radius: .16rem;
    overflow: hidden;
    margin-right: .16rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.gdScreenBox .boxSwCont.rowSw .swiper-slide.imgBox {
    max-width: 5.12rem
}

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

.gdScreenBox .boxSwCont.rowSw .swiper-slide img,.gdScreenBox .boxSwCont.rowSw .swiper-slide video {
    display: block;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    object-fit: contain;
    background: rgba(0,0,0,0.1)
}

.gdScreenBox .boxSwCont.rowSw .swiper-slide video {
    background: #000;
    object-fit: contain;
    width: 6.7rem
}

.gdScreenBox .boxSwCont.columnSw {
    margin-top: .24rem
}

.gdScreenBox .boxSwCont.columnSw .swiper-slide {
    width: auto;
    height: 3.2rem;
    background: #8C97CB;
    border-radius: .16rem;
    overflow: hidden;
    margin-right: .16rem
}

.gdScreenBox .boxSwCont.columnSw .swiper-slide video {
    width: 100%;
    height: 100%;
    display: block
}

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

.gdInfoBox {
    margin: .48rem .2rem 0;
    font-size: .3rem;
    color: #AFA09F;
    line-height: .48rem
}

.gdInfoBox .boxCont {
    margin: .2rem 0 0;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .26rem .2rem .18rem;
    word-wrap: break-word
}

.gdInfoBox .boxCont h3,.gdInfoBox .boxCont .gdInfoTitle {
    letter-spacing: .02rem;
    margin-top: .08rem;
    font-weight: bold;
    color: #0B0B2F
}

.gdInfoBox .boxCont img {
    display: block;
    margin: .25rem auto 0;
    background: #fff1de;
    border-radius: .1rem;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100vh
}

.gdInfoBox .boxCont p {
    margin-top: .08rem
}

.gdInfoBox .boxCont a {
    color: revert
}

.gdVersionUpdateBox {
    margin: .46rem .2rem 0
}

.gdVersionUpdateBox .versionList {
    margin-top: .22rem;
    font-size: .3rem;
    color: #AFA09F;
    line-height: .48rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .2rem .2rem .18rem
}

.gdVersionUpdateBox .versionList p {
    margin-top: .18rem
}

.gdVersionUpdateBox .versionList p:first-child {
    margin-top: 0
}

.gdVersionUpdateBox .versionList p.versionTitle {
    margin-top: 0;
    color: #FFFFFF;
    height: .69rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .16rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem
}

.gdMsgBox {
    margin: .48rem .2rem 0
}

.gdMsgBox .inTitle .titleR .icon {
    width: .2rem;
    height: .21rem;
    background-position: -0.97rem -1.45rem;
    margin-left: .05rem
}

.gdMsgBox ul {
    margin-top: .24rem;
    padding: 0 .2rem;
    background: #FFFFFF;
    border-radius: .16rem;
    font-size: .3rem;
    line-height: .34rem;
    color: #AFA09F
}

.gdMsgBox ul li {
    border-bottom: 1px solid #EEEEEE;
    padding: .3rem 0 .36rem;
    display: grid;
    grid-template-columns: 35% 65%
}

.gdMsgBox ul li:last-child {
    border: unset
}

.gdMsgBox ul li span:first-child {
    color: #362C2A
}

.gdMsgBox ul li span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gdMsgBox ul li .permissionBtn,.gdMsgBox ul li .secretsBtn {
    color: #FF914E
}

.gdVersionBox {
    margin: .48rem .2rem 0
}

.gdVersionBox ul {
    margin-top: .22rem;
    padding: .34rem .22rem .32rem;
    background: #FFFFFF;
    border-radius: .16rem;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.gdVersionBox ul li {
    margin-top: .48rem
}

.gdVersionBox ul li:first-child {
    margin-top: 0
}

.gdVersionBox ul li a {
    color: inherit;
    display: flex;
    align-items: center
}

.gdVersionBox ul li a p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gdVersionBox ul li a p.info {
    flex: 1
}

.gdVersionBox ul li a .btn {
    margin-left: .44rem
}

.gdRecomBox {
    margin: .48rem .2rem 0
}

.gdRecomBox .boxSwCont {
    overflow: hidden;
    margin: .24rem -0.2rem 0;
    padding: 0 .2rem;
    font-size: .28rem;
    line-height: .32rem;
    color: #FFFFFF
}

.gdRecomBox .boxSwCont .swiper-slide {
    width: fit-content;
    margin-right: .23rem
}

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

.gdRecomBox .boxSwCont .swiper-slide a {
    display: block;
    width: 1.8rem;
    height: 2.26rem;
    background: #000000;
    border-radius: .12rem;
    position: relative
}

.gdRecomBox .boxSwCont .swiper-slide a .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.gdRecomBox .boxSwCont .swiper-slide a .info>img {
    width: .8rem;
    height: .8rem;
    background: #FFF6F5;
    border-radius: .18rem;
    border: .02rem solid #FFFFFF;
    object-fit: cover
}

.gdRecomBox .boxSwCont .swiper-slide a .info p {
    margin-top: .14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
    padding: 0 .1rem
}

.gdRecomBox .boxSwCont .swiper-slide a .info p.btn {
    margin-top: .1rem;
    text-align: center
}

.ndTopicBox,.gdTopicBox {
    margin: .48rem .2rem 0;
    font-size: .24rem;
    color: #AFA09F;
    line-height: .32rem
}

.ndTopicBox .tabsWrap,.gdTopicBox .tabsWrap {
    margin-top: .24rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .14rem .2rem .5rem
}

.ndTopicBox .tabsWrap>ul,.gdTopicBox .tabsWrap>ul {
    font-size: .24rem;
    color: #362C2A;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem
}

.ndTopicBox .tabsWrap>ul li,.gdTopicBox .tabsWrap>ul li {
    margin: .1rem .1rem 0
}

.ndTopicBox .tabsWrap>ul li a,.gdTopicBox .tabsWrap>ul li a {
    display: block;
    padding: 0 .26rem;
    width: fit-content;
    height: .54rem;
    line-height: .54rem;
    color: inherit;
    text-align: center
}

.ndTopicBox .tabsWrap>ul li.active a,.gdTopicBox .tabsWrap>ul li.active a {
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .27rem;
    box-shadow: 0 0 .2rem rgba(255,145,78,0.5);
    font-weight: bold;
    color: #FFFFFF
}

.ndTopicBox .tabsWrap .tabInfo,.gdTopicBox .tabsWrap .tabInfo {
    margin-top: .26rem
}

.ndTopicBox .tabsWrap .tabInfo .topicMainItem,.gdTopicBox .tabsWrap .tabInfo .topicMainItem {
    display: flex
}

.ndTopicBox .tabsWrap .tabInfo .topicMainItem .imgBox,.gdTopicBox .tabsWrap .tabInfo .topicMainItem .imgBox {
    width: 2.42rem;
    height: 1.37rem;
    background: #C490BF;
    border-radius: .05rem
}

.ndTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo,.gdTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo {
    background: #FAFAFA;
    border-radius: 0 .05rem .05rem 0;
    flex: 1;
    padding-left: .22rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ndTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo p,.gdTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo p {
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    min-height: .64rem
}

.ndTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo p.title,.gdTopicBox .tabsWrap .tabInfo .topicMainItem .imgInfo p.title {
    min-height: unset;
    margin-top: 0rem;
    -webkit-line-clamp: 1;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.ndTopicBox .tabsWrap .tabInfo>ul,.gdTopicBox .tabsWrap .tabInfo>ul {
    margin-top: -0.2rem;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A;
    display: grid;
    grid-template-columns: repeat(4, 1.64rem);
    justify-content: space-between
}

.ndTopicBox .tabsWrap .tabInfo>ul li,.gdTopicBox .tabsWrap .tabInfo>ul li {
    margin-top: .48rem;
    position: relative;
    z-index: 1
}

.ndTopicBox .tabsWrap .tabInfo>ul li::after,.gdTopicBox .tabsWrap .tabInfo>ul li::after {
    content: "";
    display: block;
    width: .04rem;
    height: .28rem;
    position: absolute;
    left: 50%;
    top: -0.28rem;
    margin-left: -0.02rem;
    z-index: -1;
    background: #FAFAFA
}

.ndTopicBox .tabsWrap .tabInfo>ul li a,.gdTopicBox .tabsWrap .tabInfo>ul li a {
    padding-top: .19rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.64rem;
    height: 2.25rem;
    background: #FAFAFA;
    border-radius: .1rem
}

.ndTopicBox .tabsWrap .tabInfo>ul li a>img,.gdTopicBox .tabsWrap .tabInfo>ul li a>img {
    width: 1.2rem;
    height: 1.2rem;
    background: #00B7EE;
    border-radius: .24rem
}

.ndTopicBox .tabsWrap .tabInfo>ul li a p,.gdTopicBox .tabsWrap .tabInfo>ul li a p {
    margin-top: .1rem
}

.ndTopicBox .tabsWrap .tabInfo>ul li a p.title,.gdTopicBox .tabsWrap .tabInfo>ul li a p.title {
    width: inherit;
    padding: 0 .15rem;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.ndTopicBox .tabsWrap .tabInfo>ul li a p.btn,.gdTopicBox .tabsWrap .tabInfo>ul li a p.btn {
    margin-top: .18rem
}

.ndNewsBox,.gdNewsBox {
    margin: .48rem .2rem 0
}

.ndNewsBox .singleNewsList,.gdNewsBox .singleNewsList {
    margin-top: .26rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .06rem .2rem 0
}

.ndNewsBox .singleNewsList .listItem:last-child>a,.gdNewsBox .singleNewsList .listItem:last-child>a {
    border-bottom: unset
}

.ndNewsBox .singleNewsList .textItem>a .itemInfo,.gdNewsBox .singleNewsList .textItem>a .itemInfo {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: .08rem 0
}

.ndNewsBox .singleNewsList .textItem>a .itemInfo>p,.gdNewsBox .singleNewsList .textItem>a .itemInfo>p {
    flex: 1;
    padding-right: .2rem
}

.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 .historyBox,.popupBox .secretsBox,.popupBox .permissionBox,.popupBox .feedbackBox,.popupBox .subSuccessBox,.popupBox .subBox {
    width: 6.28rem;
    height: 5.44rem;
    border-radius: .24rem;
    background-image: url(../img/bk-bg.png);
    background-repeat: no-repeat;
    position: relative
}

.popupBox .historyBox .boxCont,.popupBox .secretsBox .boxCont,.popupBox .permissionBox .boxCont,.popupBox .feedbackBox .boxCont,.popupBox .subSuccessBox .boxCont,.popupBox .subBox .boxCont {
    border-radius: .3rem;
    padding: .58rem .48rem .5rem
}

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

.popupBox .historyBox .boxTop>p,.popupBox .secretsBox .boxTop>p,.popupBox .permissionBox .boxTop>p,.popupBox .feedbackBox .boxTop>p,.popupBox .subSuccessBox .boxTop>p,.popupBox .subBox .boxTop>p {
    margin-top: .16rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #373B44
}

.popupBox .historyBox .boxTop>p:first-child,.popupBox .secretsBox .boxTop>p:first-child,.popupBox .permissionBox .boxTop>p:first-child,.popupBox .feedbackBox .boxTop>p:first-child,.popupBox .subSuccessBox .boxTop>p:first-child,.popupBox .subBox .boxTop>p:first-child {
    margin-top: 0rem;
    font-size: .44rem;
    line-height: .48rem;
    font-weight: bold;
    display: flex;
    align-items: center
}

.popupBox .historyBox .boxTop>p:first-child::before,.popupBox .secretsBox .boxTop>p:first-child::before,.popupBox .permissionBox .boxTop>p:first-child::before,.popupBox .feedbackBox .boxTop>p:first-child::before,.popupBox .subSuccessBox .boxTop>p:first-child::before,.popupBox .subBox .boxTop>p:first-child::before,.popupBox .historyBox .boxTop>p:first-child::after,.popupBox .secretsBox .boxTop>p:first-child::after,.popupBox .permissionBox .boxTop>p:first-child::after,.popupBox .feedbackBox .boxTop>p:first-child::after,.popupBox .subSuccessBox .boxTop>p:first-child::after,.popupBox .subBox .boxTop>p:first-child::after {
    content: "";
    display: block;
    width: .16rem;
    height: .16rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.24rem -1.48rem;
    margin-right: .88rem
}

.popupBox .historyBox .boxTop>p:first-child::after,.popupBox .secretsBox .boxTop>p:first-child::after,.popupBox .permissionBox .boxTop>p:first-child::after,.popupBox .feedbackBox .boxTop>p:first-child::after,.popupBox .subSuccessBox .boxTop>p:first-child::after,.popupBox .subBox .boxTop>p:first-child::after {
    margin-right: unset;
    margin-left: .88rem
}

.popupBox .historyBox .boxCenter,.popupBox .secretsBox .boxCenter,.popupBox .permissionBox .boxCenter,.popupBox .feedbackBox .boxCenter,.popupBox .subSuccessBox .boxCenter,.popupBox .subBox .boxCenter {
    margin: .76rem 0 .46rem;
    display: flex;
    flex-direction: column
}

.popupBox .historyBox .boxCenter>input,.popupBox .secretsBox .boxCenter>input,.popupBox .permissionBox .boxCenter>input,.popupBox .feedbackBox .boxCenter>input,.popupBox .subSuccessBox .boxCenter>input,.popupBox .subBox .boxCenter>input {
    width: 100%;
    height: .8rem;
    background: #F6F7FA;
    border-radius: .4rem;
    border: unset;
    text-indent: .48rem;
    font-size: .28rem;
    color: #B0B0B0
}

.popupBox .historyBox .boxCenter>input::placeholder,.popupBox .secretsBox .boxCenter>input::placeholder,.popupBox .permissionBox .boxCenter>input::placeholder,.popupBox .feedbackBox .boxCenter>input::placeholder,.popupBox .subSuccessBox .boxCenter>input::placeholder,.popupBox .subBox .boxCenter>input::placeholder {
    color: inherit
}

.popupBox .historyBox .boxCenter>input::-webkit-input-placeholder,.popupBox .secretsBox .boxCenter>input::-webkit-input-placeholder,.popupBox .permissionBox .boxCenter>input::-webkit-input-placeholder,.popupBox .feedbackBox .boxCenter>input::-webkit-input-placeholder,.popupBox .subSuccessBox .boxCenter>input::-webkit-input-placeholder,.popupBox .subBox .boxCenter>input::-webkit-input-placeholder {
    color: inherit
}

.popupBox .historyBox .boxCenter>input::-moz-placeholder,.popupBox .secretsBox .boxCenter>input::-moz-placeholder,.popupBox .permissionBox .boxCenter>input::-moz-placeholder,.popupBox .feedbackBox .boxCenter>input::-moz-placeholder,.popupBox .subSuccessBox .boxCenter>input::-moz-placeholder,.popupBox .subBox .boxCenter>input::-moz-placeholder {
    color: inherit
}

.popupBox .historyBox .boxCenter>input:-moz-placeholder,.popupBox .secretsBox .boxCenter>input:-moz-placeholder,.popupBox .permissionBox .boxCenter>input:-moz-placeholder,.popupBox .feedbackBox .boxCenter>input:-moz-placeholder,.popupBox .subSuccessBox .boxCenter>input:-moz-placeholder,.popupBox .subBox .boxCenter>input:-moz-placeholder {
    color: inherit
}

.popupBox .historyBox .boxCenter>input:-ms-input-placeholder,.popupBox .secretsBox .boxCenter>input:-ms-input-placeholder,.popupBox .permissionBox .boxCenter>input:-ms-input-placeholder,.popupBox .feedbackBox .boxCenter>input:-ms-input-placeholder,.popupBox .subSuccessBox .boxCenter>input:-ms-input-placeholder,.popupBox .subBox .boxCenter>input:-ms-input-placeholder {
    color: inherit
}

.popupBox .historyBox .boxCenter p,.popupBox .secretsBox .boxCenter p,.popupBox .permissionBox .boxCenter p,.popupBox .feedbackBox .boxCenter p,.popupBox .subSuccessBox .boxCenter p,.popupBox .subBox .boxCenter p {
    font-size: .28rem;
    line-height: .32rem;
    color: #373B44;
    margin-top: .22rem;
    text-align: center
}

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

.popupBox .historyBox .boxBottom button,.popupBox .secretsBox .boxBottom button,.popupBox .permissionBox .boxBottom button,.popupBox .feedbackBox .boxBottom button,.popupBox .subSuccessBox .boxBottom button,.popupBox .subBox .boxBottom button {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .44rem;
    font-size: .3rem;
    color: #FFFFFD
}

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

.popupBox .historyBox>.close,.popupBox .secretsBox>.close,.popupBox .permissionBox>.close,.popupBox .feedbackBox>.close,.popupBox .subSuccessBox>.close,.popupBox .subBox>.close {
    width: .7rem;
    height: .7rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.08rem -3.36rem;
    position: absolute;
    left: 50%;
    bottom: -1.18rem;
    margin-left: -0.35rem
}

.popupBox .waitBox .boxTop p.txtWait,.popupBox .subSuccessBox .boxTop p.txtWait {
    display: none
}

.popupBox .waitBox .boxCenter,.popupBox .subSuccessBox .boxCenter {
    margin: .38rem 0 .32rem
}

.popupBox .waitBox .boxCenter .icon,.popupBox .subSuccessBox .boxCenter .icon {
    width: 2.43rem;
    height: 1.9rem;
    background-position: -7.4rem -2.57rem;
    display: block;
    margin: 0 auto
}

.popupBox .waitBox .boxTop p.txtWait {
    display: block
}

.popupBox .waitBox .boxTop p.txtSuccess {
    display: none
}

.popupBox .feedbackBox {
    width: 6.28rem;
    max-height: calc(100vh - 2.5rem);
    height: 10.2rem;
    background-image: url(../img/fb-bg.png);
    background-repeat: round;
    border-radius: .24rem
}

.popupBox .feedbackBox .boxCont {
    padding: .58rem .48rem .5rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #373B44
}

.popupBox .feedbackBox .boxCont .boxTop {
    padding: 0 0 .32rem
}

.popupBox .feedbackBox .boxCont .boxCenter {
    margin: 0;
    flex: 1;
    overflow: hidden;
    overflow-y: auto
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem>p {
    font-size: .3rem;
    line-height: .34rem;
    color: #373B44;
    text-align: left
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem:first-child>p {
    margin-top: .1rem
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem>ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.02rem -0.05rem 0
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem>ul li {
    margin: .2rem .05rem 0;
    height: .48rem;
    line-height: .48rem;
    background: #F7F9FA;
    border-radius: .24rem;
    padding: 0 .4rem
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem>ul li.active {
    line-height: .44rem;
    border: .02rem solid #FF924F;
    background: #FFEFE5;
    color: #FF924F
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input {
    padding: .1rem .2rem .1rem .24rem;
    border: unset;
    width: 100%;
    color: #373B44;
    font-size: .28rem;
    line-height: .32rem;
    background: #F6F7FA
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea::placeholder,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input::placeholder {
    color: #B0B0B0;
    font-weight: normal
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea::-webkit-input-placeholder,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input::-webkit-input-placeholder {
    color: #B0B0B0;
    font-weight: normal
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea::-moz-placeholder,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input::-moz-placeholder {
    color: #B0B0B0;
    font-weight: normal
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea:-moz-placeholder,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input:-moz-placeholder {
    color: #B0B0B0;
    font-weight: normal
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea:-ms-input-placeholder,.popupBox .feedbackBox .boxCont .boxCenter .boxItem input:-ms-input-placeholder {
    color: #B0B0B0;
    font-weight: normal
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo {
    margin-top: .2rem
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem textarea {
    height: 1.72rem;
    resize: none
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem input {
    padding: unset;
    margin-top: .3rem;
    margin-bottom: .2rem;
    height: .8rem;
    background: #F6F7FA;
    border-radius: .4rem;
    text-indent: .4rem
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo {
    background: #F6F7FA;
    border-radius: .16rem;
    padding: .1rem 0 .24rem 0;
    position: relative
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .countChange {
    position: absolute;
    right: .2rem;
    bottom: .22rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #D5D5D5
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .fileItem {
    margin: .24rem .2rem 0 .24rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #999999
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .fileItem .inputfile {
    display: none
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .fileItem .inputfileBtn {
    display: block;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: .12rem;
    border: .03rem solid #F0F0F0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .fileItem .inputfileBtn::before {
    margin-top: .1rem;
    display: block;
    content: "";
    width: .54rem;
    height: .54rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.93rem -3.44rem
}

.popupBox .feedbackBox .boxCont .boxCenter .boxItem .itemInfo .fileItem .inputfileBtn::after {
    margin-top: .2rem;
    content: "添加照片";
    display: block
}

.popupBox .feedbackBox .boxCont .boxCenter::-webkit-scrollbar {
    width: .1rem;
    background: #EEEEEE;
    border-radius: .05rem
}

.popupBox .feedbackBox .boxCont .boxCenter::-webkit-scrollbar-thumb {
    background: #FF924F;
    border-radius: .05rem
}

.popupBox .feedbackBox .boxCont .boxBottom {
    padding-top: .1rem
}

.popupBox .feedbackBox .boxCont .boxBottom button {
    font-size: .3rem;
    color: #FFFFFD;
    height: .88rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .44rem
}

.popupBox .secretsBox,.popupBox .permissionBox {
    width: 6.28rem;
    max-height: calc(100vh - 2.5rem);
    height: 10.2rem;
    background-image: url(../img/fb-bg.png);
    background-repeat: round;
    border-radius: .24rem
}

.popupBox .secretsBox .boxCont,.popupBox .permissionBox .boxCont {
    padding: .58rem .44rem .5rem .48rem
}

.popupBox .secretsBox .boxCont .boxTop,.popupBox .permissionBox .boxCont .boxTop {
    padding: 0 0 .32rem
}

.popupBox .secretsBox .boxCont .boxCenter,.popupBox .permissionBox .boxCont .boxCenter {
    margin: 0;
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding-right: .44rem;
    text-align: left;
    font-size: .24rem;
    line-height: .48rem;
    color: #373B44
}

.popupBox .secretsBox .boxCont .boxCenter p,.popupBox .permissionBox .boxCont .boxCenter p {
    margin-top: 0;
    text-align: justify;
    font-weight: 300
}

.popupBox .secretsBox .boxCont .boxCenter p:first-child,.popupBox .permissionBox .boxCont .boxCenter p:first-child {
    margin-top: -0.12rem
}

.popupBox .secretsBox .boxCont .boxCenter p.subTitle,.popupBox .permissionBox .boxCont .boxCenter p.subTitle,.popupBox .secretsBox .boxCont .boxCenter p.mainTitle,.popupBox .permissionBox .boxCont .boxCenter p.mainTitle {
    margin-top: .06rem;
    font-size: .28rem;
    color: #373B44;
    line-height: .48rem;
    font-weight: normal
}

.popupBox .secretsBox .boxCont .boxCenter p.subTitle,.popupBox .permissionBox .boxCont .boxCenter p.subTitle {
    margin-top: -0.02rem;
    font-size: .24rem;
    font-weight: normal
}

.popupBox .secretsBox .boxCont .boxCenter p i,.popupBox .permissionBox .boxCont .boxCenter p i {
    margin-top: .06rem;
    font-weight: normal;
    font-size: .24rem;
    font-style: normal;
    color: #373B44;
    line-height: .48rem;
    background: linear-gradient(66deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.popupBox .secretsBox .boxCont .boxCenter::-webkit-scrollbar,.popupBox .permissionBox .boxCont .boxCenter::-webkit-scrollbar {
    width: .1rem;
    background: #EEEEEE;
    border-radius: .05rem
}

.popupBox .secretsBox .boxCont .boxCenter::-webkit-scrollbar-thumb,.popupBox .permissionBox .boxCont .boxCenter::-webkit-scrollbar-thumb {
    background: #FF924F;
    border-radius: .05rem
}

.popupBox .secretsBox .boxCont .boxBottom,.popupBox .permissionBox .boxCont .boxBottom {
    padding-top: .32rem
}

.popupBox .secretsBox .boxCont .boxCenter p {
    margin-top: .05rem
}

.popupBox .historyBox {
    width: 6rem;
    height: calc(100vh - 1rem);
    max-height: 6.15rem;
    background: #FFFFFF;
    border-radius: .2rem;
    padding: 0
}

.popupBox .historyBox .boxCont {
    padding: 0 .25rem 0 .32rem
}

.popupBox .historyBox .boxHead {
    font-size: .32rem;
    font-weight: bold;
    height: .76rem;
    background: #FFB731;
    border-radius: .2rem .2rem 0 0;
    line-height: .76rem;
    text-align: left;
    text-indent: .32rem;
    color: #FFFFFF
}

.popupBox .historyBox .boxHead .close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .38rem;
    height: .38rem;
    background-position: -0.25rem -3.53rem
}

.popupBox .historyBox .boxCont {
    background: unset;
    height: calc(100% - .76rem)
}

.popupBox .historyBox .boxCenter {
    flex: 1;
    font-size: .2rem;
    line-height: .24rem;
    color: #999999;
    overflow: hidden;
    text-align: justify;
    margin: 0 -0.07rem 0 0
}

.popupBox .historyBox .boxCenter ul {
    padding: 0 .07rem .64rem 0;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.popupBox .historyBox .boxCenter ul li {
    margin-top: .2rem
}

.popupBox .historyBox .boxCenter ul li:first-child {
    margin-top: .24rem
}

.popupBox .historyBox .boxCenter ul li p {
    margin-top: 0;
    font-size: .2rem;
    line-height: .24rem;
    text-align: left;
    font-weight: bold;
    color: #333333
}

.popupBox .historyBox .boxCenter ul li p.cont {
    font-weight: normal;
    color: #666;
    font-size: .2rem;
    margin-top: .06rem;
    line-height: .36rem;
    text-align: justify
}

.popupBox .historyBox .boxCenter ul li:last-child {
    border-bottom: unset
}

.popupBox .historyBox .boxCenter ul::-webkit-scrollbar {
    width: .06rem
}

.popupBox .historyBox .boxCenter ul::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: .06rem
}

.popupBox .videoBox {
    width: 7.5rem;
    position: relative
}

.popupBox .videoBox .close {
    width: .5rem;
    height: .5rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.47rem -3.33rem;
    position: absolute;
    left: 50%;
    bottom: -0.8rem;
    margin-left: -0.25rem
}

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

.nwSwBox {
    margin: 0 .2rem
}

.nwSwBox .nwSwWrap {
    margin: 0 -0.2rem;
    padding: 0 .2rem;
    position: relative
}

.nwSwBox .nwSwWrap .swiper-slide {
    width: fit-content;
    margin-right: .2rem
}

.nwSwBox .nwSwWrap .swiper-slide:last-child {
    margin-right: 0
}

.nwSwBox .nwSwWrap .swiper-slide a {
    display: block;
    background: #FFFFFF;
    width: 7.1rem;
    height: 3.34rem;
    border-radius: .16rem;
    position: relative
}

.nwSwBox .nwSwWrap .swiper-slide a .imgInfo {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.11rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    border-radius: 0 0 .16rem .16rem;
    font-size: .28rem;
    line-height: .68rem;
    color: #FFFFFF;
    display: flex;
    align-items: flex-end;
    padding: 0 1.26rem 0 .2rem
}

.nwSwBox .nwSwWrap .swiper-slide a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nwSwBox .nwSwWrap .swiper-pagination {
    width: 1.26rem;
    right: .2rem;
    left: unset;
    bottom: 0;
    height: .68rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet {
    margin: .05rem .11rem;
    width: .16rem;
    height: .16rem;
    background: #FFFFFF;
    border-radius: .08rem;
    opacity: 1
}

.nwSwBox .nwSwWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF914E
}

.nwHotNewsBox {
    margin: .46rem .2rem 0
}

.nwHotNewsBox .nwHotNwSwWrap {
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A;
    margin: .26rem -0.2rem 0;
    padding: 0 .2rem
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide {
    width: fit-content;
    margin-right: .2rem
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide:last-child {
    margin-right: 0
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem {
    width: 6.3rem;
    max-height: 4.2rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .42rem .34rem .26rem .26rem
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem>p {
    font-size: .3rem;
    line-height: .34rem;
    font-weight: bold;
    color: #252525;
    display: flex;
    align-items: center
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem>p::after {
    margin-left: .2rem;
    flex: 1;
    content: "";
    display: block;
    border-bottom: 1px dashed #EEEEEE
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul {
    margin-top: .02rem
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul li {
    margin-top: .26rem
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul li a {
    display: flex;
    align-items: center
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul li a img {
    width: .8rem;
    height: .8rem;
    background: #333333;
    border-radius: .16rem;
    object-fit: cover
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul li a p {
    padding-left: .24rem;
    padding-right: .8rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.nwHotNewsBox .nwHotNwSwWrap .swiper-slide .swItem ul li a .icon {
    width: .1rem;
    height: .19rem;
    background-position: -1.52rem -1.47rem
}

.nwHotNewsBox .nwTagSwWrap {
    margin: .5rem -0.2rem 0;
    padding: 0 .2rem
}

.nwHotNewsBox .nwTagSwWrap .swiper-slide {
    width: fit-content;
    margin-right: .2rem
}

.nwHotNewsBox .nwTagSwWrap .swiper-slide:last-child {
    margin-right: 0
}

.nwHotNewsBox .nwTagSwWrap .swiper-slide>a {
    font-size: .24rem;
    color: #FFFFFF;
    display: block;
    width: 1.96rem;
    height: .96rem;
    border-radius: .16rem
}

.nwHotNewsBox .nwTagSwWrap .swiper-slide>a>p {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    border-radius: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 .15rem
}

.nwAllNewsBox {
    margin: .46rem .2rem 0
}

.nwAllNewsBox .tabsWrap {
    margin-top: .26rem;
    background: #FFFFFF;
    border-radius: .05rem;
    padding: .3rem .2rem 0
}

.nwAllNewsBox .tabsWrap>ul {
    font-size: .24rem;
    color: #362C2A;
    display: flex;
    justify-content: center
}

.nwAllNewsBox .tabsWrap>ul li {
    margin: 0 .1rem
}

.nwAllNewsBox .tabsWrap>ul li a {
    display: block;
    padding: 0 .26rem;
    width: fit-content;
    height: .54rem;
    line-height: .54rem;
    color: inherit;
    text-align: center
}

.nwAllNewsBox .tabsWrap>ul li.active a {
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .27rem;
    box-shadow: 0 0 .2rem rgba(255,145,78,0.5);
    font-weight: bold;
    color: #FFFFFF
}

.nwAllNewsBox .tabsWrap .singleNewsList {
    margin-top: .05rem
}

.nwAllNewsBox .tabsWrap .singleNewsList .listItem:last-child a {
    border-bottom: unset
}

.nwAllNewsBox .tabsWrap .pageCode {
    padding-top: .06rem
}

.ndDetailBox {
    margin: 0 .2rem 0;
    padding: .38rem .2rem .42rem;
    background: #FFFFFF;
    border-radius: .16rem;
    font-size: .28rem
}

.ndDetailBox>h1 {
    font-weight: bold;
    font-size: .36rem;
    color: #362C2A;
    line-height: .54rem;
    text-align: center
}

.ndDetailBox>.time {
    margin-top: .18rem;
    display: flex;
    align-items: center;
    justify-content: center
}

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

.ndDetailBox>.time span:first-child {
    margin-left: 0
}

.ndDetailBox>.time span:last-child {
    margin-right: 0
}

.ndDetailBox .singleItem>a {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    height: 1.8rem;
    background: #FAFAFA;
    border-radius: .16rem;
    border: 1px dashed #E0E0E0;
    font-size: .32rem;
    line-height: .4rem;
    color: #362C2A;
    padding: .28rem .24rem .28rem .25rem
}

.ndDetailBox .singleItem>a>img {
    width: 1.24rem;
    height: 1.24rem;
    background: #FFFFFF;
    border-radius: .28rem;
    object-fit: cover
}

.ndDetailBox .singleItem>a .imgInfo {
    flex: 1;
    width: 0;
    padding-left: .24rem
}

.ndDetailBox .singleItem>a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .16rem
}

.ndDetailBox .singleItem>a .imgInfo p:first-child {
    margin-top: -0.04rem
}

.ndDetailBox .singleItem>a .btn {
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%)
}

.ndDetailBox .boxCont {
    font-size: .28rem;
    color: #362C2A;
    line-height: .48rem;
    word-break: break-all;
    overflow-wrap: break-word
}

.ndDetailBox .boxCont a {
    color: revert
}

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

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

.ndDetailBox .boxCont h3,.ndDetailBox .boxCont .gdInfoTitle {
    letter-spacing: .02rem;
    margin-top: .08rem;
    font-weight: bold;
    background: linear-gradient(0deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ndDetailBox .boxCont img {
    display: block;
    margin: .25rem auto 0;
    background: #fff1de;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100vh
}

.ndDetailBox .ndNavBox {
    font-size: .28rem;
    color: #999999
}

.ndDetailBox .ndNavBox a {
    margin-top: .2rem;
    display: flex;
    align-items: center
}

.ndDetailBox .ndNavBox a .icon {
    width: .27rem;
    height: .29rem;
    background-position: -0.08rem -4.2rem;
    margin: 0 .02rem 0 .25rem
}

.ndDetailBox .ndNavBox a span {
    flex: 1;
    padding: 0 .2rem 0 .26rem;
    height: .6rem;
    line-height: .6rem;
    background: #FAFAFA;
    border-radius: .05rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ndDetailBox .ndNavBox a:first-child .icon {
    transform: rotateY(180deg);
    margin: 0 .25rem 0 .02rem
}

.ndHotGameBox {
    margin: .48rem .2rem 0
}

.ndHotGameBox .fourColumnList {
    margin-top: .24rem;
    background: #fff;
    border-radius: .05rem
}

.tpSwBox {
    margin: 0 .2rem
}

.tpSwBox .swBoxWrap {
    margin: 0 -0.2rem;
    padding: 0 .2rem;
    position: relative
}

.tpSwBox .swBoxWrap .swiper-slide {
    width: fit-content;
    margin-right: .2rem
}

.tpSwBox .swBoxWrap .swiper-slide:last-child {
    margin-right: 0
}

.tpSwBox .swBoxWrap .swiper-slide a {
    display: block;
    background: #FFFFFF;
    width: 6.4rem;
    height: 3rem;
    border-radius: .16rem;
    position: relative
}

.tpSwBox .swBoxWrap .swiper-slide a .imgInfo {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    border-radius: 0 0 .16rem .16rem;
    font-size: .28rem;
    line-height: .68rem;
    color: #FFFFFF;
    display: flex;
    align-items: flex-end;
    padding: 0 .24rem
}

.tpSwBox .swBoxWrap .swiper-slide a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpTopicBox {
    margin: .24rem .2rem 0;
    padding: .22rem .2rem .3rem;
    background-image: url(../img/tp-bg.png);
    background-repeat: round
}

.tpTopicBox .inTitle .titleL {
    font-style: italic;
    background: linear-gradient(66deg, #FACD68 0%, #FC76B3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tpTopicBox .inTitle .titleL::after {
    display: none
}

.tpTopicBox .inTitle .titleL .icon {
    width: .51rem;
    height: .49rem;
    background-position: -0.08rem -4.63rem;
    margin-right: .12rem
}

.tpTopicBox ul {
    font-size: .24rem;
    color: #80C269;
    display: flex;
    flex-wrap: wrap;
    margin: .04rem -0.07rem 0
}

.tpTopicBox ul li {
    margin: .2rem .07rem 0
}

.tpTopicBox ul li a {
    display: block;
    padding: 0 .26rem;
    height: .48rem;
    line-height: .48rem;
    background: #F0FFEB;
    border-radius: .24rem
}

.tpTopicBox ul li:nth-child(2n) a {
    background: #FFF6EB;
    color: #F98700
}

.tpTopicBox ul li:nth-child(3n) a {
    background: #EBFAFF;
    color: #00B7EE
}

.tpTopicBox ul li:nth-child(4n) a {
    background: #FFECEB;
    color: #F36861
}

.tpTopicBox ul li:nth-child(5n) a {
    background: #EBF7FF;
    color: #83A8C3
}

.tpTopicBox ul li:nth-child(6n) a {
    background: #F2EBFF;
    color: #9B6AEA
}

.tpTopicBox ul li:nth-child(7n) a {
    background: #FFF9EB;
    color: #FCCF5B
}

.tpTopicBox ul li:nth-child(8n) a {
    background: #EBFFF4;
    color: #26C472
}

.tpAllListBox {
    margin: .48rem .2rem 0;
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.tpAllListBox .tabsWrap {
    margin-top: .24rem;
    background: #FFFFFF;
    border-radius: .05rem;
    padding: .3rem .2rem 0
}

.tpAllListBox .tabsWrap>ul {
    font-size: .24rem;
    color: #362c2a;
    display: flex;
    justify-content: center
}

.tpAllListBox .tabsWrap>ul li {
    margin: 0 .1rem
}

.tpAllListBox .tabsWrap>ul li a {
    display: block;
    padding: 0 .26rem;
    width: fit-content;
    height: .54rem;
    line-height: .54rem;
    color: inherit;
    text-align: center
}

.tpAllListBox .tabsWrap>ul li.active a {
    background: linear-gradient(90deg, #ff827d 0, #ff914e 100%);
    border-radius: .27rem;
    box-shadow: 0 0 .2rem rgba(255,145,78,0.5);
    font-weight: 700;
    color: #fff
}

.tpAllListBox .tabsWrap .tabInfo ul {
    margin-top: -0.04rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 3.2rem)
}

.tpAllListBox .tabsWrap .tabInfo ul li {
    margin-top: .32rem
}

.tpAllListBox .tabsWrap .tabInfo ul li a {
    display: block;
    width: inherit
}

.tpAllListBox .tabsWrap .tabInfo ul li a .imgBox {
    width: 3.2rem;
    height: 1.81rem;
    background: #FFFFFF;
    border-radius: .05rem
}

.tpAllListBox .tabsWrap .tabInfo ul li a .itemInfo {
    margin-top: .15rem;
    display: flex;
    align-items: center
}

.tpAllListBox .tabsWrap .tabInfo ul li a .itemInfo>p {
    width: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpAllListBox .tabsWrap .tabInfo ul li a .itemInfo>span {
    width: .24rem;
    height: .24rem;
    background: #EEEEEE;
    border-radius: .05rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.tpAllListBox .tabsWrap .tabInfo ul li a .itemInfo>span .icon {
    width: .09rem;
    height: .16rem;
    background-position: -1.67rem -1.48rem
}

.tpAllListBox .tabsWrap .tabInfo .pageCode {
    padding: .28rem 0 .3rem
}

.tdDetailBox {
    margin: 0 .2rem 0
}

.tdDetailBox .imgBox {
    width: 100%;
    height: 4rem;
    border-radius: .16rem .16rem 0 0;
    position: relative
}

.tdDetailBox .imgBox .imgInfo {
    font-size: .36rem;
    line-height: .4rem;
    color: #FFFFFF;
    height: 1.4rem;
    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;
    display: flex;
    align-items: flex-end;
    padding: 0 .2rem .24rem .2rem
}

.tdDetailBox .imgBox .imgInfo p {
    width: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tdDetailBox .imgBox .imgInfo .time {
    color: #FFFFFF;
    font-size: .24rem;
    font-weight: 300;
    margin-bottom: -0.02rem
}

.tdDetailBox .imgBox .boxNum {
    font-weight: 300;
    font-size: .24rem;
    color: #FFFFFF;
    padding: 0 .24rem;
    height: .48rem;
    line-height: .48rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: 0 .16rem 0 .16rem;
    position: absolute;
    top: 0;
    right: 0
}

.tdDetailBox .boxCont {
    padding: .26rem .2rem;
    background: #FFFFFF;
    border-radius: 0 0 .05rem .05rem;
    font-size: .28rem;
    color: #666666;
    line-height: .48rem
}

.tdRecomBox {
    height: 3.8rem;
    margin: .4rem .2rem 0;
    padding: .2rem .2rem .22rem;
    background-image: url(../img/td-bg.png);
    background-repeat: round
}

.tdRecomBox .inTitle {
    align-items: flex-start
}

.tdRecomBox .inTitle .titleL {
    font-size: .36rem;
    line-height: .4rem;
    color: #FFFFFF
}

.tdRecomBox .inTitle .titleL::after {
    display: none
}

.tdRecomBox .inTitle .titleL .icon {
    width: .34rem;
    height: .4rem;
    background-position: -0.75rem -4.63rem;
    margin-right: .12rem
}

.tdRecomBox .inTitle .titleR {
    padding-right: 1.2rem;
    margin-top: -0.05rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #74B339;
    display: flex;
    position: relative
}

.tdRecomBox .inTitle .titleR .icon {
    width: .7rem;
    height: .87rem;
    background-position: -9.13rem -4.83rem;
    position: absolute;
    right: .25rem;
    top: -0.15rem
}

.tdRecomBox ul {
    margin-top: .26rem;
    background: rgba(255,255,255,0.4);
    border-radius: .16rem;
    padding: .22rem .18rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, 1.4rem);
    font-size: .28rem;
    line-height: .32rem;
    color: #362C2A
}

.tdRecomBox ul li a {
    width: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.tdRecomBox ul li a img {
    width: 1.2rem;
    height: 1.2rem;
    background: #00B7EE;
    border-radius: .24rem
}

.tdRecomBox ul li a p {
    margin-top: .12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: inherit
}

.tdRecomBox ul li a .btn {
    background: #FFFFFF;
    border-radius: .1rem;
    margin-top: .16rem
}

.tdGameBox {
    margin: .48rem .2rem 0
}

.tdGameBox .singleGmList {
    padding: 0 .2rem .1rem
}

.tdTopicGameBox {
    margin: .48rem .2rem 0
}

.rkDetailBox {
    margin: 0 .2rem 0
}

.rkDetailBox .boxCont {
    padding: 0 .2rem .36rem;
    background-image: url(../img/rk-bg.png);
    background-repeat: round;
    position: relative
}

.rkDetailBox .boxCont .title {
    padding-bottom: .34rem;
    font-size: .36rem;
    line-height: .4rem;
    color: #333333;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.rkDetailBox .boxCont .title::after,.rkDetailBox .boxCont .title::before {
    content: "";
    width: .05rem;
    height: .32rem;
    border-radius: .02rem;
    background: rgba(0,0,0,0.1);
    transform: rotate(24deg);
    margin-right: .06rem;
    margin-top: .04rem
}

.rkDetailBox .boxCont .title::after {
    margin-left: .44rem;
    margin-right: 0
}

.rkDetailBox .boxCont .title .icon {
    margin-bottom: -0.34rem;
    width: 1.33rem;
    height: 1.33rem;
    background-position: -8.62rem -5.81rem
}

.rkDetailBox .boxCont>ul {
    overflow: hidden;
    max-height: 2.2rem;
    margin-top: .38rem;
    padding: 0 .4rem .28rem;
    font-size: .28rem;
    line-height: .36rem;
    color: #999999;
    background: #F7F7F7;
    border-radius: .16rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 45%)
}

.rkDetailBox .boxCont>ul li {
    margin-top: .28rem
}

.rkDetailBox .boxCont>ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rkDetailBox .boxCont>a {
    margin: .32rem auto 0;
    display: block;
    padding: 0 .34rem;
    width: fit-content;
    height: .5rem;
    background: linear-gradient(90deg, #FF827D 0%, #FF914E 100%);
    border-radius: .25rem;
    font-size: .24rem;
    line-height: .5rem;
    color: #FFF6F5
}

.rkDetailBox .boxCont::after {
    content: "";
    position: absolute;
    bottom: -0.2rem;
    right: -0.2rem;
    width: 1.54rem;
    height: 1.17rem;
    background-position: -8.41rem -0.05rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo {
    padding-bottom: .16rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li {
    padding: 0 .28rem
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li a {
    padding: .24rem 0
}

.rkRankTabBox .tabsWrap .tabsCont .tabInfo>ul li:last-child a {
    border: unset
}

.noPageBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 5.46rem);
    min-height: 5rem;
    font-size: .3rem;
    color: #AFA09F;
    line-height: .34rem
}

.noPageBox .icon {
    background-image: url(../img/404.png);
    background-repeat: no-repeat;
    background-size: 4.27rem 1.55rem;
    background-position: 0 0;
    width: 4.27rem;
    height: 1.55rem
}

.noPageBox p {
    margin-top: .22rem
}

.noPageBox a {
    margin-top: .58rem;
    display: block;
    padding: 0 .48rem;
    font-size: .28rem;
    color: #999999;
    height: .64rem;
    background: #FFEBE0;
    border-radius: .32rem
}

.noPageBox a span {
    font-size: .3rem;
    line-height: .64rem;
    background: linear-gradient(66deg, #FF827D 0%, #FF914E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.hide {
    display: none
}

.gSecret,.gPower,.agSecret {
    color: #ff914e !important;
    cursor: pointer
}

.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.62)
}

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 180px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 320px;
    border-radius: 4px;
    text-align: center
}

.ruleBox .rClose {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: auto;
    z-index: 10
}

.ruleBox .rClose i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -8px -5.6px;
    position: relative
}

.ruleBox .rTitle {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 14px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ruleBox .rTitle>i {
    display: block;
    width: 133px;
    height: 91px;
    background-position: -11px -296.5px;
    position: absolute;
    top: -44.5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.ruleBox .rSure {
    display: block;
    width: 240px;
    height: 39px;
    border: 0;
    background: #008bff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    line-height: 39px;
    margin: 15px auto 25px;
    overflow: hidden;
    white-space: nowrap
}

.ruleMain {
    background-color: #fff;
    display: block;
    height: 180px;
    border: none;
    padding: 7.5px 12.5px 12.5px;
    line-height: 21px;
    font-size: 12px;
    color: #4c4c4c;
    margin: 10px 12.5px 15px;
    overflow: auto
}

.ruleMain p {
    text-align: left
}

.ruleMain strong {
    display: block;
    color: #333;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em;
    text-align: left
}

.ruleMain p:nth-of-type(1) {
    color: #333;
    font-size: 12px;
    font-weight: bold
}

.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.62)
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 180px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 320px;
    border-radius: 4px;
    text-align: center
}

.privacyTxt .pClose {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: auto;
    z-index: 10
}

.privacyTxt .pClose i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -8px -5.6px;
    position: relative
}

.privacyTxt .oTitle {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 14px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.privacyTxt .oTitle>i {
    display: block;
    width: 133px;
    height: 91px;
    background-position: -11px -177px;
    position: absolute;
    top: -44.5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.privacyTxt .gSure {
    display: block;
    width: 240px;
    height: 39px;
    border: 0;
    background: #008bff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    line-height: 39px;
    margin: 15px auto 25px;
    overflow: hidden;
    white-space: nowrap
}

.privacyMain {
    background-color: #fff;
    display: block;
    height: 180px;
    border: none;
    padding: 7.5px 12.5px 12.5px;
    line-height: 21px;
    font-size: 12px;
    color: #4c4c4c;
    margin: 10px 12.5px 15px;
    overflow: auto
}

.privacyMain p {
    text-align: left
}

.privacyMain strong {
    display: block;
    color: #333;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em;
    text-align: left
}

.privacyMain p:nth-of-type(1) {
    color: #333;
    font-size: 12px;
    font-weight: bold
}

.maskTit {
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin-top: -8px;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden
}

.gRule i,.gPrivacy i {
    background: url(../img/maskicon.png) no-repeat;
    background-size: 150px 600px
}

.main-block .details-info h1 {
    font-size: .16rem;
    margin-bottom: .04rem
}

.main-block .details-info p:nth-of-type(1) {
    font-size: .12rem;
    margin-bottom: 5px
}

.main-block .details-info p:nth-of-type(2) {
    font-size: .12rem;
    margin-bottom: 5px
}

.ruleMain p {
    font-size: 12px
}

.ruleBox {
    font-size: 12px
}

.privacyMain p {
    font-size: 12px
}

.privacyTxt {
    font-size: 12px
}

.ruleBox .rTitle>i {
    background-position: -5px -276px
}

.ruleBox .rClose i {
    background-position: -6px -7.6px
}

.privacyTxt .oTitle>i {
    background-position: -5px -160px
}

.privacyTxt .pClose i {
    background-position: -6px -7.6px
}

.tablep {
    position: relative;
    margin: .2rem;
    text-align: center;
    font-size: .3rem
}

.tablep table {
    width: 100%;
    margin: .2rem auto;
    word-break: break-all;
    text-align: center;
    line-height: 1.5
}

.tablep em {
    position: relative;
    display: inline-block;
    font-size: .3rem;
    padding: 0 .12rem;
    line-height: .52rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    background: #fff
}

.tablep:before {
    content: "";
    height: 0;
    border-top: 1px dashed #bdbdbd;
    width: 100%;
    position: absolute;
    left: 0;
    top: .26rem
}

.tablep a {
    color: #0000ee
}

.tablep table img {
    max-width: 100%
}

.tablep table td {
    height: .42rem
}

.kfs {
    width: 100% !important
}

.fixedBtn {
    margin: 0;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 0 10px #ccc;
    padding: 0 .2rem .15rem
}

.Tips-box {
    overflow: hidden;
    margin: .12rem 0 .08rem
}

.Tips-box .tips_top {
    margin: .12rem 0 0;
    position: relative
}

.Tips-box .tips_top .line {
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #e5e5e5;
    position: absolute;
    top: .18rem;
    left: 0
}

.Tips-box .tips_top .title {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 2;
    font-size: .24rem;
    line-height: .36rem;
    padding: 0 .2rem;
    font-weight: 600;
    color: #1aad19;
    display: flex;
    align-items: center;
    justify-content: center
}

.Tips-box .tips_top .title>i {
    display: block;
    width: .28rem;
    height: .28rem;
    margin-right: .08rem;
    background-image: url('../img/tipSvg.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.Tips-box .txt {
    border-radius: .04rem;
    background: #f6f6f6;
    padding: .15rem .2rem;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .42rem;
    color: #808080;
    white-space: pre-wrap
}

.gdMainBox,.tdDetailBox {
    position: relative
}

.gdMainBox:before {
    display: none
}

.gdMainBox .feedbackBtn {
    position: absolute;
    top: -0.25rem;
    right: .1rem;
    background: #fde1d7;
    padding: .06rem .1rem .08rem;
    border-radius: .04rem;
    cursor: pointer;
    font-size: .24rem;
    color: #e7040e;
    font-weight: bold
}

.gdMainBox .feedbackBtn:before {
    position: relative;
    content: "!";
    font-weight: bold;
    font-size: .24rem;
    line-height: .22rem;
    width: .24rem;
    height: .24rem;
    margin-right: .06rem;
    display: inline-block;
    border: .02rem solid #e7040e;
    border-radius: 50%;
    text-align: center;
    vertical-align: -0.02rem
}

.tdDetailBox .feedbackBtn {
    position: absolute;
    top: 0;
    right: 0rem;
    border-radius: 0 .16rem 0 .16rem;
    background: #fde1d7;
    padding: .06rem .1rem .08rem;
    cursor: pointer;
    font-size: .24rem;
    color: #e7040e;
    font-weight: bold
}

.tdDetailBox .feedbackBtn:before {
    position: relative;
    content: "!";
    font-weight: bold;
    font-size: .24rem;
    line-height: .22rem;
    width: .24rem;
    height: .24rem;
    margin-right: .06rem;
    display: inline-block;
    border: .02rem solid #e7040e;
    border-radius: 50%;
    text-align: center;
    vertical-align: -0.02rem
}

.tdDetailBox .imgBox .boxNum {
    left: 0;
    right: inherit;
    border-radius: .16rem 0 .16rem 0
}

.map-list {
    margin: 0 .2rem;
    background: #ffffff;
    padding: .1rem 0 .2rem
}

.map-list ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: .08rem;
    padding-top: .15rem
}

.map-list li a {
    display: block;
    padding: 0 .1rem;
    min-width: 1.57rem;
    margin: 0 0 .2rem .12rem;
    text-align: center;
    background-color: #f2f3f5;
    color: #666;
    height: .48rem;
    line-height: .48rem;
    border-radius: .06rem;
    font-size: .24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.map-list li a:hover {
    color: #FF914E
}

.mapxin {
    display: flex;
    justify-content: center;
    margin-bottom: .1rem
}

.mapxin a {
    font-size: .24rem;
    color: #B3B3B3;
    height: .44rem;
    line-height: .46rem;
    margin-right: .28rem
}

.mapxin a:nth-of-type(n + 2)::before {
    content: '';
    position: relative;
    top: .04rem;
    display: inline-block;
    width: .02rem;
    height: .2rem;
    background: rgba(119,119,119,0.5);
    margin-right: .28rem
}

.mapTit {
    padding: .2rem .2rem .1rem
}

.mapTit a {
    position: relative;
    font-weight: bold;
    font-size: .28rem;
    line-height: .34rem;
    color: #000000;
    margin-top: .2rem
}

.mapTit a::before {
    content: "";
    width: .06rem;
    height: .28rem;
    display: inline-block;
    vertical-align: -0.04rem;
    background: #FF914E;
    margin-right: .1rem
}

.downBtns .btnItem.androidBtn {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.downBtns .btnItem.androidBtn p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    line-height: .34rem
}

.downBtns .btnItem.androidBtn p strong {
    font-weight: normal
}

.downBtns .btnItem.androidBtn p i {
    margin-top: .05rem;
    font-size: .2rem;
    line-height: .24rem;
    font-style: normal
}