html {
    color: #333;
    background: #ffffff;
    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
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important
}

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: .32rem
}

.bodyWrap {
    min-height: calc(100vh - 5rem);
    position: relative
}

a {
    color: inherit
}

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

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

.btn {
    width: 1.2rem;
    height: .44rem;
    border: 1px solid #67DDAB;
    border-radius: .22rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #67DDAB;
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset;
    font-weight: 300
}

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

.hide {
    display: none
}

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

.inTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #333333;
    padding-bottom: .15rem
}

.inTitle::after {
    content: "";
    height: .03rem;
    background: #EFEFEF;
    border-radius: .01rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.inTitle .titleL {
    display: flex;
    align-items: center
}

.inTitle .titleL::before,.inTitle .titleL::after {
    content: "";
    width: .36rem;
    height: .36rem;
    display: block;
    background-position: -0.03rem -2.12rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    margin-right: .15rem
}

.inTitle .titleL::after {
    width: .16rem;
    height: .16rem;
    background-position: -0.54rem -1.47rem;
    margin-left: .12rem;
    margin-right: 0;
    margin-top: -0.03rem
}

.inTitle .titleR {
    height: .36rem;
    border: 1px solid #DCDCDC;
    border-radius: .18rem;
    padding: 0 .14rem 0 .16rem;
    font-size: .22rem;
    line-height: .22rem;
    font-weight: normal;
    color: #999999;
    display: flex;
    align-items: center
}

.inTitle .titleR i {
    font-style: normal;
    margin-bottom: .03rem
}

.lsTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #404040;
    padding-bottom: .2rem
}

.lsTitle .titleR {
    font-size: .24rem;
    font-weight: normal;
    color: #999999;
    display: flex;
    align-items: center
}

.lsTitle .titleR .icon {
    width: .25rem;
    height: .25rem;
    background-position: -2.19rem -1.45rem;
    margin-right: .07rem
}

.lsTitle>a.titleR {
    height: .36rem;
    border: 1px solid #dcdcdc;
    border-radius: .18rem;
    padding: 0 .14rem 0 .16rem;
    font-size: .22rem;
    line-height: .22rem;
    font-weight: 400;
    color: #999
}

.lsTitle>a.titleR>i {
    font-style: normal;
    margin-bottom: .03rem
}

.crumbsBox {
    margin: .28rem;
    height: .56rem;
    background: #F5F5F5;
    border-radius: .28rem;
    font-size: .24rem;
    line-height: .56rem;
    color: #999999
}

.crumbsBox p {
    display: flex;
    align-items: center;
    padding: 0 .3rem
}

.crumbsBox p>a::after {
    content: "";
    width: .1rem;
    height: .17rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    background-position: -1.69rem -1.54rem;
    margin: 0 .24rem
}

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

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

.fourColumnList {
    display: grid;
    grid-template-columns: repeat(4, 23.05%);
    justify-content: space-between;
    font-size: .3rem;
    line-height: .3rem;
    color: #333333
}

.fourColumnList .listItem {
    width: 1.6rem;
    margin: .18rem 0
}

.fourColumnList .listItem>a {
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center
}

.fourColumnList .listItem>a>img {
    width: 1.2rem;
    height: 1.2rem;
    background: #F8F8F8;
    border-radius: .28rem
}

.fourColumnList .listItem>a>p {
    width: 1.6rem;
    text-align: center;
    margin-top: .18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.fourColumnList .listItem>a>.btn.subBtn {
    border-color: rgba(255,144,88,0.5);
    color: #FF9058
}

.singleColumnList {
    display: flex;
    flex-direction: column
}

.singleItem>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .24rem 0;
    position: relative;
    border-bottom: 1px solid #E5E5E5
}

.singleItem>a .imgBox {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .28rem;
    overflow: hidden
}

.singleItem>a .itemInfo {
    font-size: .24rem;
    line-height: .24rem;
    color: #999999;
    font-weight: 300;
    flex: 1;
    padding: 0 .12rem 0 .25rem;
    max-width: calc(100% - 1.2rem)
}

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

.singleItem>a .itemInfo p:first-child {
    font-size: .3rem;
    line-height: .3rem;
    color: #333333;
    font-weight: normal;
    margin-top: unset;
    margin-bottom: .19rem
}

.singleItem>a .itemInfo p span {
    margin-left: .18rem
}

.singleItem>a .itemInfo p span:first-child {
    margin-left: 0
}

.singleItem>a .btn {
    position: absolute;
    right: 0
}

.singleItem:last-child>a {
    border-bottom: unset
}

.singleTopicList,.singleColumnCont {
    display: flex;
    flex-direction: column
}

.singleTopicList .countItem,.singleColumnCont .countItem {
    padding: .24rem 0;
    border-bottom: .02rem solid #EEEEEE
}

.singleTopicList .countItem>a,.singleColumnCont .countItem>a {
    display: flex
}

.singleTopicList .countItem>a .imgBox,.singleColumnCont .countItem>a .imgBox {
    width: 2.2rem;
    height: 1.4rem;
    border-radius: .08rem;
    overflow: hidden
}

.singleTopicList .countItem>a .itemInfo,.singleColumnCont .countItem>a .itemInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .04rem 0 .1rem .22rem
}

.singleTopicList .countItem>a .itemInfo p,.singleColumnCont .countItem>a .itemInfo p {
    font-size: .32rem;
    line-height: .4rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleTopicList .countItem>a .itemInfo .time,.singleColumnCont .countItem>a .itemInfo .time {
    margin-top: .22rem
}

.singleTopicList .countItem {
    padding: .15rem 0;
    border-bottom: unset
}

.singleTopicList .countItem>a .imgBox {
    width: 3.34rem;
    height: 2.04rem;
    border-radius: .12rem
}

.singleTopicList .countItem>a .itemInfo {
    padding: .08rem 0 .01rem .24rem
}

.singleTopicList .countItem>a .itemInfo p {
    -webkit-line-clamp: 3;
    font-size: .24rem;
    font-weight: normal;
    color: #999999;
    line-height: .36rem
}

.singleTopicList .countItem>a .itemInfo p:first-child {
    -webkit-line-clamp: 1;
    font-weight: bold;
    font-size: .32rem;
    color: #404040;
    margin-bottom: .12rem
}

.singleTopicList .countItem>a .itemInfo p:last-child {
    margin-top: .04rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fourTagList {
    display: grid;
    grid-template-columns: repeat(4, 23.05%);
    justify-content: space-between;
    font-size: .24rem;
    color: #FFFFFF
}

.fourTagList li>a {
    margin-top: .18rem;
    display: block;
    justify-content: center;
    padding: 0 .1rem;
    line-height: .56rem;
    text-align: center;
    height: .56rem;
    background: #c490bf;
    border-radius: .06rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fourTagList li:nth-child(2n)>a {
    background: #89C997
}

.fourTagList li:nth-child(3n)>a {
    background: #7ECEF4
}

.fourTagList li:nth-child(4n)>a {
    background: #FACD89
}

.fourTagList li:nth-child(5n)>a {
    background: #A2DADB
}

.fourTagList li:nth-child(6n)>a {
    background: #FFAB80
}

.fourTagList li:nth-child(7n)>a {
    background: #CBDE72
}

.fourTagList li:nth-child(8n)>a {
    background: #EDBFB2
}

.fourTagList li:nth-child(9n)>a {
    background: #CAD7BB
}

.fourTagList li:nth-child(10n)>a {
    background: #C1DCD3
}

.fourTagList li:nth-child(11n)>a {
    background: #F79CAD
}

.fourTagList li:nth-child(12n)>a {
    background: #A2DADB
}

.threeTagList {
    display: grid;
    grid-template-columns: repeat(3, 31.7%);
    justify-content: space-between;
    font-size: .3rem;
    color: #666666
}

.threeTagList li>a {
    height: .72rem;
    background: #F5F5F5;
    border-radius: .05rem;
    margin-top: .16rem;
    display: block;
    padding: 0 .1rem;
    line-height: .72rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pageCode {
    display: flex;
    font-size: .24rem;
    color: #999999;
    text-align: center;
    line-height: calc(.56rem - 2px);
    justify-content: center
}

.pageCode>a {
    min-width: .56rem;
    height: .56rem;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: .08rem;
    margin: 0 .13rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.pageCode>a.current {
    background: #67DDAB;
    border-color: #67ddab;
    color: #FFFFFF
}

.pageCode>a.more {
    line-height: .4rem;
    align-items: flex-start
}

.pageCode>a.disabled {
    opacity: .85
}

.pageCode>a .icon {
    width: .12rem;
    height: .23rem;
    background-position: -1.84rem -1.51rem
}

.pageCode>a .icon.right {
    transform: rotateY(180deg)
}

header {
    position: relative;
    z-index: 1000
}

header .hdTop {
    height: 1rem;
    background: #FF6947;
    display: flex;
    align-items: center;
    padding: 0 .26rem 0 .28rem;
    justify-content: space-between
}

header .hdTop>a {
    width: 2.07rem;
    height: .58rem
}

header .hdTop>.searchWrap {
    flex: 1;
    margin: 0 .38rem 0 1.5rem;
    width: 2.4rem;
    height: .56rem;
    background: #FFFFFF;
    border-radius: .28rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 .24rem;
    font-size: .24rem;
    color: #B3B3B3
}

header .hdTop>.searchWrap input {
    border: unset;
    width: 1.68rem
}

header .hdTop>.searchWrap input::placeholder {
    color: #B3B3B3
}

header .hdTop>.searchWrap input::-webkit-input-placeholder {
    color: #B3B3B3
}

header .hdTop>.searchWrap input::-moz-placeholder {
    color: #B3B3B3
}

header .hdTop>.searchWrap input:-moz-placeholder {
    color: #B3B3B3
}

header .hdTop>.searchWrap input:-ms-input-placeholder {
    color: #B3B3B3
}

header .hdTop>.searchWrap .icon {
    width: .24rem;
    height: .24rem;
    background-position: -0.03rem -1.46rem
}

header .hdTop>.icon {
    width: .6rem;
    height: .6rem;
    background-position: -0.01rem -0.8rem
}

header .hdMenuWrap {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    height: max-content;
    background-color: #fff;
    z-index: 1000;
    padding: .4rem .28rem .22rem
}

header .hdMenuWrap .menuList {
    display: grid;
    grid-template-columns: repeat(4, 23.05%);
    justify-content: space-between;
    font-size: .3rem;
    line-height: .3rem;
    color: #666666
}

header .hdMenuWrap .menuList>a {
    margin-bottom: .18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    background: #F6F9FB;
    border-radius: .05rem
}

header .hdMenuWrap .menuList>a .icon {
    width: .46rem;
    height: .5rem;
    background-position: -0.03rem -4.56rem;
    margin-bottom: .14rem
}

header .hdMenuWrap .menuList>a.current {
    background: #67DDAB;
    color: #FFFFFF
}

header .hdMenuWrap .menuList>a.current .icon {
    background-position: -0.03rem -3.98rem
}

header .hdMenuWrap .menuList>a:nth-child(2n) .icon {
    width: .45rem;
    height: .5rem;
    background-position: -0.65rem -4.56rem
}

header .hdMenuWrap .menuList>a:nth-child(2n).current .icon {
    background-position: -0.65rem -3.98rem
}

header .hdMenuWrap .menuList>a:nth-child(3n) .icon {
    width: .44rem;
    height: .5rem;
    background-position: -1.26rem -4.56rem
}

header .hdMenuWrap .menuList>a:nth-child(3n).current .icon {
    background-position: -1.26rem -3.98rem
}

header .hdMenuWrap .menuList>a:nth-child(4n) .icon {
    width: .46rem;
    height: .5rem;
    background-position: -1.85rem -4.56rem
}

header .hdMenuWrap .menuList>a:nth-child(4n).current .icon {
    background-position: -1.85rem -3.98rem
}

header .hdMenuWrap .menuList>a:nth-child(5n) .icon {
    width: .5rem;
    height: .48rem;
    background-position: -2.47rem -4.56rem
}

header .hdMenuWrap .menuList>a:nth-child(5n).current .icon {
    background-position: -2.47rem -3.98rem
}

header .hdMenuWrap .menuList>a:nth-child(6n) .icon {
    width: .4rem;
    height: .5rem;
    background-position: -3.18rem -4.56rem
}

header .hdMenuWrap .menuList>a:nth-child(6n).current .icon {
    background-position: -3.18rem -3.98rem
}

header nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: .28rem;
    line-height: .28rem;
    color: #404040;
    height: 1.18rem;
    background: #FFFFFF;
    box-shadow: 0 .08rem .08rem 0 rgba(0,0,0,0.04);
    border-radius: 0 0 .12rem .12rem;
    padding: 0 .28rem
}

header nav ul li {
    height: inherit;
    padding: 0 .32rem;
    display: flex;
    justify-content: center;
    align-items: center
}

header nav ul li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: inherit;
    width: max-content;
    padding-bottom: .01rem
}

header nav ul li>a .icon {
    width: .28rem;
    height: .32rem;
    background-position: -0.03rem -0.42rem;
    margin-bottom: .15rem
}

header nav ul li.current {
    margin-top: -0.04rem;
    padding-top: .02rem;
    position: relative;
    z-index: 1
}

header nav ul li.current::before {
    content: "";
    width: 1.08rem;
    height: .64rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    background-position: -0.685rem -0.83rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.54rem;
    z-index: -1
}

header nav ul li.current>a {
    font-weight: bold;
    color: #FF6947
}

header nav ul li.current>a .icon {
    background-position: -0.03rem -0.04rem
}

header nav ul li:nth-child(2n)>a .icon {
    width: .32rem;
    background-position: -0.42rem -0.42rem
}

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

header nav ul li:nth-child(3n)>a .icon {
    width: .32rem;
    background-position: -0.85rem -0.42rem
}

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

header nav ul li:nth-child(4n)>a .icon {
    width: .32rem;
    background-position: -1.28rem -0.42rem
}

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

header nav ul li:nth-child(5n)>a .icon {
    width: .32rem;
    background-position: -1.71rem -0.42rem
}

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

header nav ul li:nth-child(6n)>a .icon {
    width: .32rem;
    background-position: -2.14rem -0.42rem
}

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

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

.fixedBtn {
    width: .64rem;
    height: .64rem;
    background: #FFFFFF;
    box-shadow: 0 0 .04rem 0 rgba(0,0,0,0.06);
    border-radius: .12rem;
    position: fixed;
    right: .28rem;
    bottom: 1.48rem;
    z-index: 10
}

.fixedBtn .icon {
    width: .32rem;
    height: .32rem;
    background-position: -0.43rem -2.12rem;
    margin: .16rem
}

.bodyWrap .inSwBox {
    margin-top: .3rem
}

.bodyWrap .inSwBox .swWrap {
    overflow: hidden
}

.bodyWrap .inSwBox .swWrap .swiper-wrapper {
    width: 6.94rem;
    margin: 0 auto .28rem
}

.bodyWrap .inSwBox .swWrap .swiper-wrapper .swiper-slide {
    position: relative
}

.bodyWrap .inSwBox .swWrap .swiper-wrapper .swiper-slide>a {
    display: block;
    width: 6.94rem;
    height: 2.76rem;
    background: #57B4ED;
    box-shadow: 0 .08rem .08rem 0 rgba(0,0,0,0.04);
    border-radius: .12rem;
    overflow: hidden;
    position: relative
}

.bodyWrap .inSwBox .swWrap .swiper-pagination {
    display: flex;
    justify-content: center
}

.bodyWrap .inSwBox .swWrap .swiper-pagination .swiper-pagination-bullet {
    width: .24rem;
    height: .1rem;
    background: #FFFFFF;
    border-radius: .05rem;
    display: inline-block;
    margin: -0.58rem .045rem 0;
    z-index: 1
}

.bodyWrap .inSwBox .swWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .1rem;
    height: .1rem;
    background: #FF6947;
    border-radius: 50%
}

.bodyWrap .inHLBox {
    margin: 0 .28rem .28rem;
    height: .88rem;
    background: #FFF3F0;
    border-radius: .12rem;
    padding: 0 .2rem 0 .26rem;
    display: flex;
    align-items: center
}

.bodyWrap .inHLBox .centerL.icon {
    width: .72rem;
    height: .3rem;
    background-position: -0.03rem -1.76rem
}

.bodyWrap .inHLBox .centerR {
    flex: 1;
    padding-left: .12rem;
    height: .36rem;
    font-size: .3rem;
    line-height: .3rem;
    color: #333333;
    overflow: hidden
}

.bodyWrap .inHLBox .centerR .swiper-slide {
    width: inherit;
    height: inherit;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1
}

.bodyWrap .inHLBox .centerR .swiper-slide>a {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bodyWrap .inHLBox .centerR .swiper-slide>a>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

.bodyWrap .inHLBox .centerR .swiper-slide>a::after {
    content: "";
    width: .13rem;
    height: .21rem;
    background-position: -0.34rem -1.46rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block
}

.bodyWrap .inLinkBox,.bodyWrap .inHotTagsBox,.bodyWrap .inInfoBox,.bodyWrap .inComAppBox,.bodyWrap .inHotAppBox,.bodyWrap .inTopicColBox,.bodyWrap .inGameRankBox,.bodyWrap .inBoutiqueBox,.bodyWrap .inTopPicksBox {
    margin: .42rem .28rem 0
}

.bodyWrap .inHotAppBox .fourColumnList,.bodyWrap .inTopPicksBox .fourColumnList {
    margin: .1rem -0.08rem 0
}

.bodyWrap .inBoutiqueBox {
    margin-top: .22rem
}

.bodyWrap .inBoutiqueBox .inTitle .titleL::before {
    width: .3rem;
    background-position: -3.65rem -2.12rem
}

.bodyWrap .inBoutiqueBox .singleColumnList {
    padding-top: .06rem
}

.bodyWrap .inGameRankBox {
    margin-top: .16rem
}

.bodyWrap .inGameRankBox .singleColumnList {
    margin-top: .04rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a>span {
    display: block;
    font-size: .28rem;
    color: #333333;
    padding: 0 .29rem 0 .18rem;
    width: .88rem;
    height: .54rem;
    text-align: center;
    line-height: .54rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a .imgBox {
    width: 1rem;
    height: 1rem;
    border-radius: .24rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a .itemInfo {
    padding: 0 .12rem 0 .21rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a .itemInfo p:first-child {
    margin-bottom: .27rem;
    font-size: .32rem;
    line-height: .32rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a .itemInfo p span {
    margin-left: .18rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem>a .itemInfo p span:first-child {
    margin-left: 0
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(1)>a>span,.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(2)>a>span,.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(3)>a>span {
    position: relative
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(1)>a>span::after,.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(2)>a>span::after,.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(3)>a>span::after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: .4rem;
    height: .54rem;
    background-position: -0.03rem -3.37rem;
    margin: 0 auto
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(2)>a>span::after {
    background-position: -0.54rem -3.37rem
}

.bodyWrap .inGameRankBox .singleColumnList .singleItem:nth-child(3)>a>span::after {
    background-position: -1.05rem -3.37rem
}

.bodyWrap .inGameRankBox .tabsWrap>ul {
    width: 100%;
    height: 2.4rem;
    border-radius: .24rem;
    background-image: url(../img/in_bg.png);
    background-repeat: no-repeat;
    background-size: 6.94rem 2.4rem;
    background-position: 0 0;
    display: flex;
    justify-content: center;
    padding-top: 1.42rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #999999
}

.bodyWrap .inGameRankBox .tabsWrap>ul li {
    margin: 0 .125rem;
    height: fit-content
}

.bodyWrap .inGameRankBox .tabsWrap>ul li>a {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .56rem;
    padding: 0 .36rem;
    background: #FFFFFF;
    box-shadow: 0 .06rem .04rem 0 rgba(0,0,0,0.14);
    border-radius: .28rem
}

.bodyWrap .inGameRankBox .tabsWrap>ul li.active>a {
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF5F59 0%, #FF9762 100%)
}

.bodyWrap .inGameRankBox .tabsWrap .tabsCont .tabInfo>a {
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    background: #F7F7F7;
    border-radius: .36rem;
    display: block;
    text-align: center;
    font-size: .28rem;
    color: #737373
}

.bodyWrap .tdTopicColBox .inTitle>ul,.bodyWrap .tpTopicColBox .inTitle>ul,.bodyWrap .inTopicColBox .inTitle>ul {
    font-weight: normal;
    display: flex;
    font-size: .26rem;
    color: #999999
}

.bodyWrap .tdTopicColBox .inTitle>ul li>a,.bodyWrap .tpTopicColBox .inTitle>ul li>a,.bodyWrap .inTopicColBox .inTitle>ul li>a {
    color: inherit
}

.bodyWrap .tdTopicColBox .inTitle>ul li>a::after,.bodyWrap .tpTopicColBox .inTitle>ul li>a::after,.bodyWrap .inTopicColBox .inTitle>ul li>a::after {
    content: "/";
    color: #999999;
    padding: 0 .18rem
}

.bodyWrap .tdTopicColBox .inTitle>ul li:last-child>a::after,.bodyWrap .tpTopicColBox .inTitle>ul li:last-child>a::after,.bodyWrap .inTopicColBox .inTitle>ul li:last-child>a::after {
    display: none
}

.bodyWrap .tdTopicColBox .inTitle>ul li.active,.bodyWrap .tpTopicColBox .inTitle>ul li.active,.bodyWrap .inTopicColBox .inTitle>ul li.active {
    color: #FF6947
}

.bodyWrap .tdTopicColBox .inSwColBox,.bodyWrap .tpTopicColBox .inSwColBox,.bodyWrap .inTopicColBox .inSwColBox {
    font-size: .28rem;
    line-height: .28rem;
    color: #FEFEFE;
    overflow: hidden;
    margin: 0 -0.28rem;
    padding: .28rem .28rem 0
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide {
    width: fit-content;
    margin-right: .16rem
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide>a,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide>a,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide>a {
    display: block;
    width: 2.2rem;
    height: 1.88rem;
    overflow: hidden;
    border-radius: .12rem;
    position: relative
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide>a .imgBox,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide>a .imgBox,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide>a .imgBox {
    width: 100%;
    height: 100%
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide>a .contInfo,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide>a .contInfo,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide>a .contInfo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(34,33,32,0.7) 0%, rgba(34,33,32,0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: .3rem .25rem
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide>a .contInfo .time,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide>a .contInfo .time,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide>a .contInfo .time {
    margin-top: .12rem;
    font-size: .22rem;
    line-height: .22rem;
    color: #FEFEFE;
    opacity: .6
}

.bodyWrap .tdTopicColBox .inSwColBox .swiper-slide:last-child,.bodyWrap .tpTopicColBox .inSwColBox .swiper-slide:last-child,.bodyWrap .inTopicColBox .inSwColBox .swiper-slide:last-child {
    margin-right: 0
}

.bodyWrap .inTopicColBox .inTitle .titleL::before {
    width: .32rem;
    background-position: -4.05rem -2.12rem
}

.bodyWrap .inHotAppBox .inTitle .titleL::before {
    background-position: -4.48rem -2.12rem
}

.bodyWrap .inComAppBox {
    margin-top: .24rem
}

.bodyWrap .inInfoBox {
    margin-top: .16rem
}

.bodyWrap .inInfoBox .inTitle .titleL::before {
    height: .32rem;
    background-position: -4.94rem -2.14rem
}

.bodyWrap .inInfoBox .tabsWrap>ul {
    display: flex;
    font-size: .24rem;
    color: #999999;
    margin: .3rem -0.1rem 0;
    padding-bottom: .3rem;
    overflow-x: auto
}

.bodyWrap .inInfoBox .tabsWrap>ul li>a {
    margin: 0 .1rem;
    width: max-content;
    display: block;
    height: .6rem;
    line-height: .6rem;
    background: #F5F5F5;
    border-radius: .3rem;
    padding: 0 .38rem
}

.bodyWrap .inInfoBox .tabsWrap>ul li.active {
    color: #FFFFFF
}

.bodyWrap .inInfoBox .tabsWrap>ul li.active>a {
    background: #FF6947;
    box-shadow: 0 .08rem .16rem 0 rgba(255,105,71,0.1)
}

.bodyWrap .inInfoBox .tabsWrap>ul::-webkit-scrollbar {
    display: none
}

.bodyWrap .inInfoBox .tabsWrap .tabsCont .singleColumnCont {
    margin-top: -0.24rem
}

.bodyWrap .inHotTagsBox .inTitle .titleL::before {
    background-position: -5.41rem -2.12rem
}

.bodyWrap .inHotTagsBox .fourTagList {
    margin-top: .12rem
}

.bodyWrap .inLinkBox {
    margin-bottom: .5rem
}

.bodyWrap .inLinkBox .inTitle .titleL::before {
    background-position: -5.87rem -2.12rem
}

.bodyWrap .inLinkBox .threeTagList {
    margin-top: .14rem
}

.bodyWrap .appListTypeBox,.bodyWrap .gmListTypeBox {
    margin: .38rem .28rem .31rem
}

.bodyWrap .appListTypeBox .labelList,.bodyWrap .gmListTypeBox .labelList {
    display: grid;
    grid-template-columns: repeat(4, 23.05%);
    justify-content: space-between;
    height: 2.22rem;
    overflow: hidden;
    color: #67DDAB;
    font-size: .24rem
}

.bodyWrap .appListTypeBox .labelList li>a,.bodyWrap .gmListTypeBox .labelList li>a {
    margin: .09rem 0;
    display: block;
    width: 100%;
    height: .56rem;
    text-align: center;
    line-height: calc(.56rem - 2px);
    border: 1px solid #67DDAB;
    border-radius: .06rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .1rem
}

.bodyWrap .appListTypeBox .labelList li.active>a,.bodyWrap .gmListTypeBox .labelList li.active>a {
    background: #67DDAB;
    color: #fff
}

.bodyWrap .appListTypeBox .labelList li.closeBtn>a,.bodyWrap .gmListTypeBox .labelList li.closeBtn>a {
    color: #999;
    border-color: #999
}

.bodyWrap .appListTypeBox .labelList {
    color: #2E69FF
}

.bodyWrap .appListTypeBox .labelList li>a {
    border: 1px solid #2E69FF
}

.bodyWrap .appListTypeBox .labelList li.active>a {
    background: #2E69FF
}

.bodyWrap .nwAllBox .tabsWrap,.bodyWrap .lsAllBox .tabsWrap {
    position: relative;
    padding: .4rem .28rem .5rem
}

.bodyWrap .nwAllBox .tabsWrap::before,.bodyWrap .lsAllBox .tabsWrap::before {
    content: "";
    width: 100%;
    height: 2.02rem;
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.bodyWrap .nwAllBox .tabsWrap>ul,.bodyWrap .lsAllBox .tabsWrap>ul {
    display: flex;
    height: .7rem;
    background: #FFFFFF;
    border: .02rem solid #67DDAB;
    border-radius: .35rem;
    font-size: .24rem;
    text-align: center;
    color: #404040;
    overflow: hidden
}

.bodyWrap .nwAllBox .tabsWrap>ul li,.bodyWrap .lsAllBox .tabsWrap>ul li {
    flex: 1
}

.bodyWrap .nwAllBox .tabsWrap>ul li>a,.bodyWrap .lsAllBox .tabsWrap>ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: .66rem
}

.bodyWrap .nwAllBox .tabsWrap>ul li.active>a,.bodyWrap .lsAllBox .tabsWrap>ul li.active>a {
    color: #FFFFFF;
    background: #67DDAB
}

.bodyWrap .nwAllBox .tabsWrap .singleColumnList,.bodyWrap .lsAllBox .tabsWrap .singleColumnList {
    margin-top: .2rem;
    margin-bottom: .06rem
}

.bodyWrap .gdDetailBox {
    margin: .4rem .28rem .12rem
}

.bodyWrap .gdDetailBox .boxMainItem {
    font-size: .24rem;
    line-height: .24rem;
    color: #B1B1B3;
    display: flex
}

.bodyWrap .gdDetailBox .boxMainItem .imgBox {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .32rem;
    overflow: hidden
}

.bodyWrap .gdDetailBox .boxMainItem .itemInfo {
    flex: 1;
    padding: .1rem 0 0 .29rem
}

.bodyWrap .gdDetailBox .boxMainItem .itemInfo h1 {
    font-size: .4rem;
    line-height: .4rem;
    font-weight: bold;
    color: #404040;
    margin-bottom: .34rem
}

.bodyWrap .gdDetailBox .boxMainItem .itemInfo p {
    margin-top: .2rem;
    display: flex
}

.bodyWrap .gdDetailBox .boxMainItem .itemInfo p span {
    min-width: 42%;
    margin-right: .1rem
}

.bodyWrap .gdDetailBox .boxMainItem .itemInfo p span:last-child {
    margin-right: 0
}

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

.bodyWrap .gdDetailBox .downBnts .downBtn {
    flex: 1;
    margin: .2rem .1rem 0;
    min-width: 3rem;
    font-size: .32rem;
    color: #FFFFFF;
    display: block;
    text-align: center;
    line-height: .8rem;
    height: .8rem;
    background: #0ec760;
    border-radius: .16rem
}

.bodyWrap .gdDetailBox .downBnts .downBtn.iosBtn {
    background: #2E69FF
}

.bodyWrap .gdDetailBox .downBnts .downBtn.subscribeBtn {
    background: #FF6947
}

.bodyWrap .gdDetailBox .downBnts .downBtn.safeBtn {
    background: #0ec4c7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

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

.bodyWrap .gdDetailBox .downBnts .downBtn.safeBtn p strong {
    font-weight: normal
}

.bodyWrap .gdDetailBox .downBnts .downBtn.safeBtn p i {
    margin-top: .05rem;
    font-size: .2rem;
    line-height: .24rem;
    font-style: normal
}

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

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

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

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

.bodyWrap .gdDetailBox .btnTips p strong {
    font-weight: normal;
    color: #47FFA3
}

.bodyWrap .gdSwBox {
    margin: .4rem .28rem 0;
    background: #FFFFFF;
    border-radius: .1rem
}

.bodyWrap .gdSwBox .swBoxOfVideo {
    margin: 0 -0.28rem;
    padding: 0 .28rem
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-wrapper {
    align-items: center
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide {
    width: auto;
    max-width: 5.12rem;
    height: 3.84rem;
    background: rgba(0,0,0,0.25);
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .15rem
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide:last-child {
    margin-right: 0
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide video,.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide img {
    max-height: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.375rem;
    margin-left: -0.375rem
}

.bodyWrap .gdSwBox .swBoxOfVideo .swiper-slide .play_btn .icon {
    width: .75rem;
    height: .75rem;
    background-position: -0.92rem -1.28rem
}

.bodyWrap .gdInfoBox {
    margin: .4rem .28rem 0
}

.bodyWrap .gdInfoBox .lsTitle {
    padding-bottom: .28rem
}

.bodyWrap .gdInfoBox .boxCont {
    font-size: .28rem;
    line-height: .44rem;
    color: #404040;
    background: #F9F9F9;
    padding: .2rem .22rem .2rem
}

.bodyWrap .gdInfoBox .boxCont>ul {
    line-height: .46rem;
    display: grid;
    grid-template-columns: repeat(4, 23.09%);
    justify-content: space-between;
    text-align: center;
    font-size: .2rem;
    color: #ff6947
}

.bodyWrap .gdInfoBox .boxCont>ul a {
    display: block;
    padding: 0 .1rem;
    height: .46rem;
    background: #FFFFFF;
    box-shadow: 0 .08rem .16rem 0 rgba(0,0,0,0.04);
    border-radius: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .2rem
}

.bodyWrap .gdInfoBox .boxCont>p {
    color: #ff6947;
    font-size: .24rem
}

.bodyWrap .gdInfoTxtBox {
    margin: .4rem .28rem .34rem
}

.bodyWrap .gdInfoTxtBox .lsTitle {
    padding-bottom: 0
}

.bodyWrap .gdInfoTxtBox .boxCont {
    font-size: .28rem;
    color: #999999;
    line-height: .48rem
}

.bodyWrap .gdInfoTxtBox .boxCont h1,.bodyWrap .gdInfoTxtBox .boxCont h2,.bodyWrap .gdInfoTxtBox .boxCont h3,.bodyWrap .gdInfoTxtBox .boxCont h4,.bodyWrap .gdInfoTxtBox .boxCont h5,.bodyWrap .gdInfoTxtBox .boxCont h6 {
    margin-top: .18rem;
    font-weight: bold;
    color: #000;
    font-size: .3rem
}

.bodyWrap .gdInfoTxtBox .boxCont p {
    margin-top: .08rem
}

.bodyWrap .gdInfoTxtBox .boxCont p span {
    color: #404040;
    display: block
}

.bodyWrap .gdInfoTxtBox .boxCont img {
    width: 4.2rem;
    margin: .18rem auto .05rem;
    display: block;
    object-fit: cover;
    width: auto;
    max-width: 100%;
    max-height: 50vh
}

.bodyWrap .gdScheduleBox {
    margin: 0 .28rem;
    font-size: .28rem;
    color: #999999;
    line-height: .48rem
}

.bodyWrap .gdScheduleBox>ul {
    margin-top: .08rem;
    background: #F7F7F7;
    border-radius: .05rem;
    padding: .22rem .2rem .2rem;
    text-align: justify
}

.bodyWrap .gdScheduleBox>ul li p.mainTip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .04rem
}

.bodyWrap .gdScheduleBox>ul li p.mainTip span:first-child {
    color: #404040
}

.bodyWrap .gdMsgBox {
    margin: .4rem .28rem 0
}

.bodyWrap .gdMsgBox .lsTitle .titleR .icon {
    background-position: -2.51rem -1.45rem
}

.bodyWrap .gdMsgBox>ul {
    font-size: .3rem;
    line-height: .3rem;
    color: #666666;
    margin-top: .1rem
}

.bodyWrap .gdMsgBox>ul li {
    display: flex
}

.bodyWrap .gdMsgBox>ul li span {
    padding: .3rem 0
}

.bodyWrap .gdMsgBox>ul li span:first-child {
    color: #999999;
    width: 1.52rem
}

.bodyWrap .gdMsgBox>ul li span:last-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: .02rem solid #EEEEEE;
    text-indent: .16rem
}

.bodyWrap .gdMsgBox>ul li:first-child span:last-child {
    border-top: .02rem solid #EEEEEE
}

.bodyWrap .gdVersionBox {
    margin: .4rem .28rem 0
}

.bodyWrap .gdVersionBox>ul {
    margin-top: .08rem;
    font-size: .3rem;
    line-height: .3rem;
    color: #404040
}

.bodyWrap .gdVersionBox>ul li>a {
    display: block;
    width: 100%;
    height: 1.2rem;
    background: #F7F7F7;
    border-radius: .12rem;
    margin-bottom: .1rem;
    padding: .22rem .25rem
}

.bodyWrap .gdVersionBox>ul li>a p:last-child {
    font-size: .24rem;
    line-height: .24rem;
    color: #999999;
    margin-top: .23rem
}

.bodyWrap .gdVersionBox>ul li>a p:last-child span:first-child {
    margin-right: .4rem
}

.bodyWrap .gdVersionBox>a {
    margin-top: .3rem;
    display: block;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    background: #F7F7F7;
    border-radius: .36rem;
    text-align: center;
    font-size: .28rem;
    color: #737373
}

.bodyWrap .gdRecomBox {
    margin: .4rem .28rem 0
}

.bodyWrap .gdRecomBox .fourColumnList {
    margin: 0 -0.08rem
}

.bodyWrap .gdRecomBox .fourColumnList .listItem {
    margin: .09rem 0 0
}

.bodyWrap .ndRelatedTopicsBox,.bodyWrap .gdRelatedTopicsBox {
    margin: .4rem .28rem 0
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap>ul,.bodyWrap .gdRelatedTopicsBox .tabsWrap>ul {
    display: flex;
    font-size: .24rem;
    color: #999;
    margin: .08rem -0.28rem 0;
    padding: 0 .18rem .36rem;
    overflow-x: auto
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap>ul li>a,.bodyWrap .gdRelatedTopicsBox .tabsWrap>ul li>a {
    margin: 0 .1rem;
    width: max-content;
    display: block;
    height: .6rem;
    line-height: .6rem;
    background: #f5f5f5;
    border-radius: .3rem;
    padding: 0 .38rem
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap>ul li.active,.bodyWrap .gdRelatedTopicsBox .tabsWrap>ul li.active {
    color: #fff
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap>ul li.active>a,.bodyWrap .gdRelatedTopicsBox .tabsWrap>ul li.active>a {
    background: #FF6947;
    box-shadow: 0 .08rem .16rem 0 rgba(255,105,71,0.1)
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap>ul::-webkit-scrollbar,.bodyWrap .gdRelatedTopicsBox .tabsWrap>ul::-webkit-scrollbar {
    display: none
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a {
    display: flex;
    font-size: .24rem;
    color: #999999;
    line-height: .4rem;
    padding-bottom: .32rem;
    border-bottom: .02rem dashed #E5E5E5
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox {
    width: 3.32rem;
    height: 2.04rem;
    border-radius: .12rem;
    overflow: hidden;
    position: relative;
    font-size: .32rem;
    line-height: .32rem;
    color: #FEFEFE
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(34,33,32,0.7) 0%, rgba(34,33,32,0) 100%);
    border-radius: .12rem;
    padding: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt p:last-child,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt p:last-child {
    font-size: .22rem;
    opacity: .6;
    line-height: .22rem;
    margin-top: .13rem
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt p:last-child span:first-child,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a .imgBox .imgTxt p:last-child span:first-child {
    margin-right: .36rem
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a>p,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a>p {
    flex: 1;
    padding: .04rem 0 0 .26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a>p>span,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo>a>p>span {
    color: #404040
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList {
    margin: .16rem -0.08rem 0
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList .listItem,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList .listItem {
    margin: .16rem 0
}

.bodyWrap .ndRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList .listItem>a .btn,.bodyWrap .gdRelatedTopicsBox .tabsWrap .tabsCont .tabInfo .fourColumnList .listItem>a .btn {
    display: none
}

.bodyWrap .ndTipsInfoBox,.bodyWrap .gdTipsInfoBox {
    margin: .24rem .28rem .5rem
}

.bodyWrap .ndTipsInfoBox .lsTitle,.bodyWrap .gdTipsInfoBox .lsTitle {
    padding-bottom: .06rem
}

.bodyWrap .ndRelatedTopicsBox {
    margin: .38rem .28rem 0
}

.bodyWrap .ndTipsInfoBox {
    margin: .24rem .28rem .26rem
}

.bodyWrap .ndTipsInfoBox .singleColumnCont .countItem:last-child {
    border: unset
}

.bodyWrap .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;
    font-size: .26rem;
    line-height: .26rem;
    color: #666666
}

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

.bodyWrap .popupBox .topicTxtBox,.bodyWrap .popupBox .historyBox,.bodyWrap .popupBox .feedbackBox,.bodyWrap .popupBox .subSuccessBox,.bodyWrap .popupBox .waitBox,.bodyWrap .popupBox .subBox {
    width: 6rem;
    height: 4.88rem;
    border-radius: .25rem;
    background-repeat: no-repeat;
    background-image: url(../img/gd_bg1.png);
    background-size: 6rem 4.88rem;
    background-position: 0 0;
    padding: .44rem .4rem .36rem;
    position: relative
}

.bodyWrap .popupBox .topicTxtBox.hide,.bodyWrap .popupBox .historyBox.hide,.bodyWrap .popupBox .feedbackBox.hide,.bodyWrap .popupBox .subSuccessBox.hide,.bodyWrap .popupBox .waitBox.hide,.bodyWrap .popupBox .subBox.hide {
    display: none
}

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

.bodyWrap .popupBox .topicTxtBox .boxTop>p,.bodyWrap .popupBox .historyBox .boxTop>p,.bodyWrap .popupBox .feedbackBox .boxTop>p,.bodyWrap .popupBox .subSuccessBox .boxTop>p,.bodyWrap .popupBox .waitBox .boxTop>p,.bodyWrap .popupBox .subBox .boxTop>p {
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #000000;
    text-align: center
}

.bodyWrap .popupBox .topicTxtBox .boxCenter .inputItem,.bodyWrap .popupBox .historyBox .boxCenter .inputItem,.bodyWrap .popupBox .feedbackBox .boxCenter .inputItem,.bodyWrap .popupBox .subSuccessBox .boxCenter .inputItem,.bodyWrap .popupBox .waitBox .boxCenter .inputItem,.bodyWrap .popupBox .subBox .boxCenter .inputItem {
    position: relative;
    margin-top: .28rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter .inputItem input,.bodyWrap .popupBox .historyBox .boxCenter .inputItem input,.bodyWrap .popupBox .feedbackBox .boxCenter .inputItem input,.bodyWrap .popupBox .subSuccessBox .boxCenter .inputItem input,.bodyWrap .popupBox .waitBox .boxCenter .inputItem input,.bodyWrap .popupBox .subBox .boxCenter .inputItem input {
    width: 100%;
    height: .88rem;
    font-size: .3rem;
    background: #fff;
    border-radius: .12rem;
    padding-left: .26rem;
    border: .02rem solid #FFEFEB;
    color: #999999
}

.bodyWrap .popupBox .topicTxtBox .boxCenter .inputItem .errTips,.bodyWrap .popupBox .historyBox .boxCenter .inputItem .errTips,.bodyWrap .popupBox .feedbackBox .boxCenter .inputItem .errTips,.bodyWrap .popupBox .subSuccessBox .boxCenter .inputItem .errTips,.bodyWrap .popupBox .waitBox .boxCenter .inputItem .errTips,.bodyWrap .popupBox .subBox .boxCenter .inputItem .errTips {
    font-size: .2rem;
    line-height: .2rem;
    color: #f33;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -0.22rem;
    zoom:.75}

.bodyWrap .popupBox .topicTxtBox .boxCenter p,.bodyWrap .popupBox .historyBox .boxCenter p,.bodyWrap .popupBox .feedbackBox .boxCenter p,.bodyWrap .popupBox .subSuccessBox .boxCenter p,.bodyWrap .popupBox .waitBox .boxCenter p,.bodyWrap .popupBox .subBox .boxCenter p {
    margin-top: .28rem;
    line-height: .36rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.tip,.bodyWrap .popupBox .historyBox .boxCenter p.tip,.bodyWrap .popupBox .feedbackBox .boxCenter p.tip,.bodyWrap .popupBox .subSuccessBox .boxCenter p.tip,.bodyWrap .popupBox .waitBox .boxCenter p.tip,.bodyWrap .popupBox .subBox .boxCenter p.tip {
    font-size: .24rem;
    color: #999999;
    margin-top: .24rem;
    line-height: .24rem;
    text-align: center
}

.bodyWrap .popupBox .topicTxtBox .boxBottom,.bodyWrap .popupBox .historyBox .boxBottom,.bodyWrap .popupBox .feedbackBox .boxBottom,.bodyWrap .popupBox .subSuccessBox .boxBottom,.bodyWrap .popupBox .waitBox .boxBottom,.bodyWrap .popupBox .subBox .boxBottom {
    margin-top: .2rem
}

.bodyWrap .popupBox .topicTxtBox .boxBottom button,.bodyWrap .popupBox .historyBox .boxBottom button,.bodyWrap .popupBox .feedbackBox .boxBottom button,.bodyWrap .popupBox .subSuccessBox .boxBottom button,.bodyWrap .popupBox .waitBox .boxBottom button,.bodyWrap .popupBox .subBox .boxBottom button {
    width: 5.2rem;
    height: .88rem;
    line-height: .88rem;
    background: #67DDAB;
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    display: block;
    margin: 0 auto
}

.bodyWrap .popupBox .topicTxtBox .close,.bodyWrap .popupBox .historyBox .close,.bodyWrap .popupBox .feedbackBox .close,.bodyWrap .popupBox .subSuccessBox .close,.bodyWrap .popupBox .waitBox .close,.bodyWrap .popupBox .subBox .close {
    cursor: pointer;
    width: .38rem;
    height: .38rem;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.85rem -2.12rem;
    position: absolute;
    bottom: -0.68rem;
    left: 50%;
    margin-left: -0.185rem
}

.bodyWrap .popupBox .waitBox,.bodyWrap .popupBox .subSuccessBox {
    height: 5.24rem;
    background-size: 6rem 5.24rem
}

.bodyWrap .popupBox .waitBox .boxCenter,.bodyWrap .popupBox .subSuccessBox .boxCenter {
    font-size: .26rem;
    line-height: .36rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #666666;
    margin: 0 auto .52rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bodyWrap .popupBox .waitBox .boxCenter .icon,.bodyWrap .popupBox .subSuccessBox .boxCenter .icon {
    margin-top: .41rem;
    width: 1.52rem;
    height: 1.26rem;
    background-position: -0.03rem -5.18rem
}

.bodyWrap .popupBox .waitBox .boxCenter p,.bodyWrap .popupBox .subSuccessBox .boxCenter p {
    margin-top: .28rem
}

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

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

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

.bodyWrap .popupBox .feedbackBox {
    height: calc(100vh - 1.42rem);
    max-height: 8.68rem;
    background-image: url(../img/gd_bg3.png);
    background-size: 6.1rem 8.68rem;
    padding: .44rem .4rem .4rem
}

.bodyWrap .popupBox .feedbackBox .boxTop {
    padding-bottom: .1rem
}

.bodyWrap .popupBox .feedbackBox .boxCenter {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding: .22rem .04rem .04rem 0;
    margin-right: -0.04rem
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem {
    position: relative
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem .errTips {
    color: #f33;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -0.38rem;
    zoom:.6}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>p {
    margin-top: 0;
    line-height: .26rem
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul {
    margin-top: .24rem;
    margin-bottom: .2rem;
    display: grid;
    grid-template-columns: repeat(2, 47.69%);
    justify-content: space-between;
    font-size: .24rem;
    color: #999
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul li {
    width: 100%;
    height: .5rem;
    background: #F9F9F9;
    border-radius: .05rem;
    line-height: .5rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .1rem;
    text-align: center
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul li.active {
    background: #67DDAB;
    color: #FFFFFF
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input {
    margin-top: .24rem;
    border: unset;
    background: #F5F5F5;
    border-radius: .05rem;
    width: 100%;
    font-size: .24rem;
    color: #999
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::-webkit-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::-webkit-input-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::-moz-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea:-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input:-moz-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea:-ms-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input:-ms-input-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea {
    padding: .15rem .13rem;
    height: 1.5rem;
    margin-top: .19rem;
    resize: none
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input {
    font-size: .3rem;
    color: #999999;
    margin-top: .4rem;
    height: .88rem;
    background: #FFFFFF;
    border: .02rem solid #FFEFEB;
    border-radius: .12rem;
    padding: 0 .26rem
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem .countChange {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    font-size: .24rem;
    color: #999
}

.bodyWrap .popupBox .feedbackBox .boxCenter::-webkit-scrollbar {
    width: .07rem
}

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

.bodyWrap .popupBox .historyBox {
    width: 6rem;
    height: calc(100vh - 1.42rem);
    max-height: 8.68rem;
    background-image: url(../img/gd_bg2.png);
    background-size: 6.1rem 8.68rem;
    border-radius: .2rem;
    padding: .44rem .4rem .4rem
}

.bodyWrap .popupBox .historyBox .boxTop {
    padding-bottom: .24rem
}

.bodyWrap .popupBox .historyBox .boxCenter {
    flex: 1;
    font-size: .28rem;
    color: #999999;
    overflow: hidden;
    text-align: justify;
    margin-right: -0.02rem
}

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

.bodyWrap .popupBox .historyBox .boxCenter ul li {
    padding-bottom: .2rem;
    border-bottom: .02rem dashed #EEEEEE
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p {
    margin-top: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p span {
    line-height: .28rem;
    color: #404040
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p span:last-child {
    font-size: .24rem;
    color: #999999
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p.cont {
    margin-top: .13rem;
    line-height: .48rem;
    justify-content: flex-start
}

.bodyWrap .popupBox .historyBox .boxCenter ul li:first-child p {
    margin-top: .1rem
}

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

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

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

.bodyWrap .popupBox .historyBox .boxBottom {
    margin-top: .28rem
}

.bodyWrap .popupBox .topicTxtBox {
    width: 6.94rem;
    height: calc(100vh - 1.42rem);
    max-height: 4.93rem;
    background: #FAFAFA;
    border-radius: .12rem;
    padding: .38rem .22rem .28rem
}

.bodyWrap .popupBox .topicTxtBox .boxTop {
    align-items: start
}

.bodyWrap .popupBox .topicTxtBox .boxTop p {
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #404040
}

.bodyWrap .popupBox .topicTxtBox .boxCenter {
    flex: 1;
    overflow: hidden;
    text-align: justify;
    display: flex;
    flex-direction: column
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p {
    font-size: .28rem;
    color: #404040;
    line-height: .48rem;
    margin-top: .14rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999;
    line-height: .28rem;
    margin-top: .26rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.txt span:last-child {
    font-size: .24rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.txt span:last-child i {
    font-style: normal;
    color: #FF6947
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.tags {
    margin-top: .12rem;
    display: grid;
    grid-template-columns: repeat(4, 23.1%);
    justify-content: space-between
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p.tags a {
    display: block;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .24rem;
    color: #8C9AA5;
    background: #FFFFFF;
    box-shadow: 0 .08rem .16rem 0 rgba(0,0,0,0.04);
    border-radius: .3rem;
    margin-top: .1rem;
    padding: 0 .12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p:last-child {
    flex: 1;
    overflow-y: auto;
    padding-right: .02rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p:last-child::-webkit-scrollbar {
    width: .07rem
}

.bodyWrap .popupBox .topicTxtBox .boxCenter p:last-child::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: .06rem
}

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

.bodyWrap .popupBox .videoBox .close {
    width: .74rem;
    height: .74rem;
    background-position: -0.06rem -1.79rem;
    position: absolute;
    top: 0;
    right: 0
}

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

.bodyWrap .popupBox.hide {
    display: none
}

.bodyWrap .nwAllBox .tabsWrap {
    padding: .12rem .28rem .5rem
}

.bodyWrap .nwAllBox .tabsWrap::before {
    display: none
}

.bodyWrap .nwAllBox .tabsWrap .tabsCont .tabInfo .singleColumnCont {
    margin: .16rem 0 .06rem
}

.bodyWrap .nwAllBox .tabsWrap .tabsCont .tabInfo .singleColumnCont .countItem:last-child {
    border: unset
}

.bodyWrap .ndDetailBox {
    margin: .4rem .28rem 0
}

.bodyWrap .ndDetailBox>.imgBox {
    width: 100%;
    height: 2.76rem;
    border-radius: .12rem;
    overflow: hidden
}
.bodyWrap .ndDetailBox img{
    width:100% !important;
    height: auto;
}

.bodyWrap .ndDetailBox h1 {
    margin-top: .33rem;
    font-size: .36rem;
    font-weight: bold;
    color: #404040;
    line-height: .48rem
}

.bodyWrap .ndDetailBox>.time {
    margin-top: .23rem;
    text-align: center
}

.bodyWrap .ndDetailBox>.time span:first-child {
    margin-right: .38rem
}

.bodyWrap .ndDetailBox .cont {
    padding-top: .18rem;
    font-size: .3rem;
    color: #666666;
    line-height: .48rem
}

.bodyWrap .ndDetailBox .cont p {
    margin-top: .22rem
}

.bodyWrap .ndDetailBox .cont img {
    display: block;
    margin: .22rem auto 0;
    width: 6rem
}

.bodyWrap .ndDetailBox .ndPostsBox {
    font-size: .3rem;
    color: #404040;
    line-height: .48rem
}

.bodyWrap .ndDetailBox .ndPostsBox>a {
    margin-top: .3rem;
    display: flex
}

.bodyWrap .ndDetailBox .ndPostsBox>a .txtNav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .64rem;
    height: .5rem;
    background: #2E69FF;
    border-radius: .05rem
}

.bodyWrap .ndDetailBox .ndPostsBox>a .txtNav .icon {
    width: .24rem;
    height: .24rem;
    background-position: -2.8rem -1.45rem
}

.bodyWrap .ndDetailBox .ndPostsBox>a .txt {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: .02rem dashed #E5E5E5;
    padding-left: .18rem
}

.bodyWrap .ndDetailBox .ndPostsBox>a:last-child .txtNav .icon {
    background-position: -3.11rem -1.45rem
}

.bodyWrap .ndDetailBox .ndPostsBox>a:last-child .txt {
    padding-left: 0;
    padding-right: .18rem
}

.bodyWrap .ndDetailBox .ndMainBox {
    margin-top: .4rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem {
    background-image: url(../img/nd_bg.png);
    background-repeat: no-repeat;
    background-size: 6.94rem 2rem;
    background-position: 0 0;
    width: 6.94rem;
    height: 2rem;
    position: relative
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem::before,.bodyWrap .ndDetailBox .ndMainBox .singleItem::after {
    content: "";
    width: 1.25rem;
    height: 1.26rem;
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.7rem -5.18rem;
    position: absolute;
    right: -0.11rem;
    top: -0.11rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem::before {
    width: 1.89rem;
    height: 1.34rem;
    background-position: -3.1rem -5.18rem;
    position: absolute;
    left: .03rem;
    top: .36rem;
    z-index: 1
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a {
    padding: .3rem .2rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .imgBox {
    width: 1.41rem;
    height: 1.41rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo {
    padding: 0 .09rem 0 .23rem;
    z-index: 2
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p {
    font-size: .24rem;
    line-height: .24rem;
    color: #999999
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p:first-child {
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #404040
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p span {
    margin-left: .1rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p span:first-child {
    margin-left: 0
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p.tags {
    width: 2.8rem;
    color: #8C9AA5;
    display: flex
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p.tags span {
    padding: .08rem .13rem;
    background: #FFFFFF;
    box-shadow: 0 .04rem .04rem 0 rgba(0,0,0,0.04);
    border-radius: .12rem;
    margin-left: .1rem
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .itemInfo p.tags span:first-child {
    margin-left: 0
}

.bodyWrap .ndDetailBox .ndMainBox .singleItem>a .btn {
    right: .3rem;
    width: 1.8rem;
    height: .6rem;
    background: #67DDAB;
    border-radius: .3rem;
    font-size: .32rem;
    color: #FFFFFF
}

.bodyWrap .tpSwBox {
    margin-top: .4rem
}

.bodyWrap .tpSwBox .tpSwWrap {
    width: 6.94rem;
    height: 2.76rem;
    margin: 0 auto;
    background: #57B4ED;
    box-shadow: 0 .08rem .08rem 0 rgba(0,0,0,0.04);
    border-radius: .12rem;
    overflow: hidden
}

.bodyWrap .tpSwBox .tpSwWrap .swiper-slide>a {
    position: relative
}

.bodyWrap .tpSwBox .tpSwWrap .swiper-slide>a>p {
    position: absolute;
    left: .22rem;
    bottom: .14rem;
    font-size: .36rem;
    font-weight: bold;
    color: #FFFFFF
}

.bodyWrap .tpSwBox .tpSwWrap .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    padding: 0 .175rem
}

.bodyWrap .tpSwBox .tpSwWrap .swiper-pagination .swiper-pagination-bullet {
    width: .24rem;
    height: .1rem;
    background: #fff;
    border-radius: .05rem;
    display: inline-block;
    margin: -0.28rem .045rem 0;
    z-index: 1
}

.bodyWrap .tpSwBox .tpSwWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .1rem;
    height: .1rem;
    background: #FF6947;
    border-radius: 50%
}

.bodyWrap .lsLinkBox,.bodyWrap .tpLinkBox,.bodyWrap .tpAllList {
    margin: .36rem .28rem 0
}

.bodyWrap .lsLinkBox .lsTitle,.bodyWrap .tpLinkBox .lsTitle,.bodyWrap .tpAllList .lsTitle {
    padding-bottom: .13rem
}

.bodyWrap .lsLinkBox .lsTitle>ul,.bodyWrap .tpLinkBox .lsTitle>ul,.bodyWrap .tpAllList .lsTitle>ul {
    font-weight: normal;
    display: flex;
    font-size: .26rem;
    color: #999999
}

.bodyWrap .lsLinkBox .lsTitle>ul li>a,.bodyWrap .tpLinkBox .lsTitle>ul li>a,.bodyWrap .tpAllList .lsTitle>ul li>a {
    color: inherit
}

.bodyWrap .lsLinkBox .lsTitle>ul li>a::after,.bodyWrap .tpLinkBox .lsTitle>ul li>a::after,.bodyWrap .tpAllList .lsTitle>ul li>a::after {
    content: "/";
    color: #999999;
    padding: 0 .18rem
}

.bodyWrap .lsLinkBox .lsTitle>ul li:last-child>a::after,.bodyWrap .tpLinkBox .lsTitle>ul li:last-child>a::after,.bodyWrap .tpAllList .lsTitle>ul li:last-child>a::after {
    display: none
}

.bodyWrap .lsLinkBox .lsTitle>ul li.active,.bodyWrap .tpLinkBox .lsTitle>ul li.active,.bodyWrap .tpAllList .lsTitle>ul li.active {
    color: #FF6947
}

.bodyWrap .lsLinkBox .pageCode,.bodyWrap .tpLinkBox .pageCode,.bodyWrap .tpAllList .pageCode {
    margin: .22rem 0 0
}

.bodyWrap .tdTopicColBox,.bodyWrap .tpTopicColBox {
    margin: .38rem .28rem 0
}

.bodyWrap .tdTopicColBox .lsTitle,.bodyWrap .tpTopicColBox .lsTitle {
    padding-bottom: 0
}

.bodyWrap .tdTopicColBox .inSwColBox,.bodyWrap .tpTopicColBox .inSwColBox {
    padding: .28rem .28rem 0
}

.bodyWrap .tpLinkBox {
    margin: .33rem .28rem .5rem
}

.bodyWrap .tdDetailBox {
    margin: -0.02rem .28rem 0
}

.bodyWrap .tdDetailBox>.imgBox {
    width: 6.94rem;
    height: 2.76rem;
    overflow: hidden;
    border-radius: .12rem;
    position: relative;
    z-index: 1
}

.bodyWrap .tdDetailBox>.imgBox h1 {
    font-size: .36rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .4rem;
    padding: .28rem .26rem .22rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.bodyWrap .tdDetailBox .imgInfo {
    background: #F9F9F9;
    margin-top: -0.1rem;
    padding: .3rem .22rem .16rem;
    position: relative
}

.bodyWrap .tdDetailBox .imgInfo p {
    font-size: .28rem;
    line-height: .48rem;
    color: #404040
}

.bodyWrap .tdDetailBox .imgInfo p:first-child {
    color: #999999;
    display: flex;
    justify-content: space-between
}

.bodyWrap .tdDetailBox .imgInfo p span i {
    font-style: normal;
    color: #FF6947
}

.bodyWrap .tdDetailBox .imgInfo p.cont {
    margin-top: .02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
    -webkit-line-clamp: 2
}

.bodyWrap .tdDetailBox .imgInfo .loadMore {
    font-size: .24rem;
    line-height: .38rem;
    color: #FF6947;
    position: absolute;
    width: 2.4rem;
    height: .38rem;
    right: .22rem;
    bottom: .2rem;
    background: linear-gradient(-90deg, #F9F9F9 0%, rgba(249,249,249,0.98) 23%, rgba(255,255,255,0) 100%);
    text-align: end
}

.bodyWrap .tdRecomBox {
    margin: .4rem .28rem 0
}

.bodyWrap .tdRecomBox>p {
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .tdRecomBox>p .icon {
    width: 1.76rem;
    height: .36rem;
    background-position: -1.31rem -2.11rem;
    margin: 0 .22rem
}

.bodyWrap .tdRecomBox>p::before,.bodyWrap .tdRecomBox>p::after {
    content: "";
    display: block;
    width: 1.72rem;
    height: .02rem;
    background: linear-gradient(-90deg, #C79550 0%, #FFFFFF 100%);
    border-radius: .01rem
}

.bodyWrap .tdRecomBox>p::after {
    background: linear-gradient(90deg, #C79550 0%, #FFFFFF 100%)
}

.bodyWrap .tdRecomBox>.topList {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: .28rem .08rem .16rem;
    font-size: .3rem;
    line-height: .3rem;
    color: #9F5E03;
    text-align: center
}

.bodyWrap .tdRecomBox>.topList li>a {
    display: block;
    width: 2.02rem;
    height: 2.24rem;
    background: linear-gradient(0deg, #F3B661 0%, #FDE3B2 100%);
    border-radius: .12rem;
    padding: .29rem 0 0
}

.bodyWrap .tdRecomBox>.topList li>a>img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .32rem;
    object-fit: cover;
    margin: 0 auto .18rem
}

.bodyWrap .tdRecomBox>.topList li>a>p {
    padding: 0 .1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .tdRecomBox>.topList li:nth-child(2)>a {
    width: 2.3rem;
    height: 2.4rem;
    padding: .28rem 0 0
}

.bodyWrap .tdRecomBox>.topList li:nth-child(2)>a>img {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 auto .17rem
}

.bodyWrap .tdTopicColBox {
    margin: .16rem .28rem 0
}

.bodyWrap .lsTitleBox {
    margin: .31rem .28rem 0
}

.bodyWrap .lsTitleBox .boxTop {
    background-image: url(../img/ls_bg.png);
    background-repeat: no-repeat;
    background-size: 6.94rem 2.4rem;
    width: 6.94rem;
    height: 2.4rem;
    background-position: 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 2.06rem .46rem .76rem;
    font-size: .24rem;
    color: #666666;
    position: relative;
    z-index: 1
}

.bodyWrap .lsTitleBox .boxTop li>a {
    display: block;
    padding: 0 .32rem;
    height: .44rem;
    background: #FFFFFF;
    border-radius: .22rem;
    text-align: center;
    line-height: .44rem
}

.bodyWrap .lsTitleBox .boxTop li.active>a {
    color: #FFFFFF;
    background: linear-gradient(-90deg, #FF5F59 0%, #FF9762 100%)
}

.bodyWrap .lsTitleBox .boxCenter {
    margin-top: -0.1rem;
    background: #F9F9F9;
    border-radius: 5px;
    font-size: .24rem;
    color: #8C9AA5;
    position: relative;
    padding: .36rem .18rem .46rem
}

.bodyWrap .lsTitleBox .boxCenter .showMore {
    position: absolute;
    bottom: .16rem;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .lsTitleBox .boxCenter .showMore .icon {
    width: .28rem;
    height: .26rem;
    background-position: -3.48rem -1.45rem
}

.bodyWrap .lsTitleBox .boxCenter>ul {
    display: grid;
    grid-template-columns: repeat(2, 48.65%);
    justify-content: space-between;
    max-height: 2.28rem;
    overflow: hidden
}

.bodyWrap .lsTitleBox .boxCenter>ul li>a {
    text-align: center;
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    background: #FFFFFF;
    box-shadow: 0 .08rem .16rem 0 rgba(0,0,0,0.04);
    border-radius: .3rem;
    margin-bottom: .16rem
}

.bodyWrap .lsTitleBox .boxCenter>ul li.active>a {
    color: #FFFFFF;
    background: #67DDAB;
    box-shadow: 0 .08rem .16rem 0 rgba(6,204,122,0.2)
}

.bodyWrap .lsTitleBox .boxBottom {
    margin: .4rem 0 .15rem
}

.bodyWrap .lsTitleBox .boxBottom>p {
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 5.35rem;
    height: .85rem;
    background-position: -0.13rem -6.66rem;
    margin: 0 auto;
    text-align: center;
    font-size: .36rem;
    line-height: .36rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    padding-top: .12rem
}

.bodyWrap .lsTitleBox .boxBottom>p::before,.bodyWrap .lsTitleBox .boxBottom>p::after {
    content: "";
    display: block;
    width: .05rem;
    height: .05rem;
    background: #ffffff;
    margin: .16rem .16rem 0
}

.bodyWrap .lsLinkBox {
    margin: 0 .28rem .5rem
}

.bodyWrap .lsLinkBox .lsTitle {
    padding-bottom: .1rem
}

.bodyWrap .lsLinkBox .threeTagList {
    grid-template-columns: repeat(2, 48.4%)
}

.bodyWrap .lsLinkBox .threeTagList li>a {
    margin-top: .2rem
}

.noPageBox {
    width: 100%;
    min-height: calc(100vh - 4.51rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    line-height: .24rem;
    color: #666666
}

.noPageBox::before {
    content: "";
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 3.39rem;
    height: 2.43rem;
    display: block;
    background-position: -6.57rem -7.51rem
}

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

.noPageBox .btn {
    font-size: .24rem;
    color: #FF6947;
    margin-top: .24rem;
    width: 1.38rem;
    height: .44rem;
    background: #FFFFFF;
    border: 1px solid #FF6947;
    border-radius: .05rem;
    font-weight: normal
}

footer {
    padding: .33rem .28rem 0;
    min-height: 2.33rem;
    background-color: #3C3D42;
    font-size: .22rem;
    color: #666;
    line-height: .36rem;
    text-align: center
}

footer>a {
    display: block;
    width: 1.88rem;
    margin: 0 auto
}

footer p {
    margin-top: .3rem;
    padding: .22rem .42rem .2rem;
    border-top: 1px solid #515359;
    zoom:.8}

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

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

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

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 100px;
    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: 20px;
    height: 20px;
    background-position: -3px -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: -1px -276.5px;
    position: absolute;
    top: -44.5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.ruleBox .rSure {
    display: block;
    width: 240px;
    height: 39px;
    border: 0;
    background: #ff6947;
    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;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.62)
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 100px;
    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: 20px;
    height: 20px;
    background-position: -3px -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: -1px -157px;
    position: absolute;
    top: -44.5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.privacyTxt .gSure {
    display: block;
    width: 240px;
    height: 39px;
    border: 0;
    background: #ff6947;
    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
}