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

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 transparent inset !important;
    box-shadow: 0 0 0 1000px #F0F0F0 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)
}

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

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

.btn {
    width: 1.2rem;
    height: .56rem;
    line-height: .56rem;
    font-size: .26rem;
    color: #ffd633;
    border: 1px solid #FFDD58;
    border-radius: .28rem;
    background: unset;
    text-align: center
}

.downBtn {
    background: #ffd633;
    color: #fff
}

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

.hide {
    display: none
}

header {
    z-index: 999;
    position: relative;
    background-color: #fff
}

header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 2.2rem;
    background-image: url(/t172_mob/resource/images/index_bg2.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.2rem;
    background-position: 0 0;
    z-index: 4;
    pointer-events: none
}

header .hdTop {
    padding: .3rem .27rem;
    display: flex;
    justify-content: space-between
}

header .hdTop>a {
    width: 2.18rem;
    height: .61rem;
    display: block;
    z-index: 5
}

header .hdTop>a>img {
    width: 100%;
    height: 100%;
    display: block
}

header .hdTop .hdR {
    display: flex;
    align-items: center;
    height: .64rem;
    margin-top: -0.03rem;
    z-index: 5
}

header .hdTop .hdR i {
    width: .31rem;
    height: .31rem;
    background-position: -0.04rem -0.04rem
}

header .hdTop .hdR #searchForm {
    display: flex;
    position: relative
}

header .hdTop .hdR #searchForm i {
    position: absolute;
    top: .17rem;
    left: .24rem
}

header .hdTop .hdR #searchForm input {
    border: unset;
    padding-left: .66rem;
    width: 1.8rem;
    height: .64rem;
    background: #eee;
    border-radius: .32rem;
    position: relative
}

header .hdTop .hdR .hdMenu {
    margin-left: .54rem;
    display: flex;
    align-items: center
}

header .hdTop .hdR .hdMenu i {
    width: .58rem;
    height: .48rem;
    background-position: -0.04rem -0.45rem
}

header .hdMenuWrap {
    position: absolute;
    left: 0;
    right: 0;
    height: 4.36rem;
    background-color: #fff;
    border-radius: .05rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #333333;
    z-index: 1000
}

header .hdMenuWrap .menuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .53rem .1rem .33rem;
    margin: 0 .26rem;
    border-top: 1px solid #f8f8f8
}

header .hdMenuWrap .menuList li {
    width: 1.56rem;
    height: 1.55rem;
    margin-bottom: .2rem
}

header .hdMenuWrap .menuList li a {
    color: inherit;
    width: inherit;
    height: inherit;
    background: #F1F1F1;
    border-radius: .05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

header .hdMenuWrap .menuList li a>i {
    width: .48rem;
    height: .41rem;
    background-position: -0.57rem -3.5rem;
    margin-bottom: .26rem
}

header .hdMenuWrap .menuList li a.current {
    color: #fff;
    background: #00AF66
}

header .hdMenuWrap .menuList li a.current>i {
    background-position: -0.04rem -3.5rem
}

header .hdMenuWrap .menuList li:nth-child(2) a>i {
    width: .48rem;
    height: .4rem;
    background-position: -1.63rem -3.52rem
}

header .hdMenuWrap .menuList li:nth-child(2) a.current>i {
    background-position: -1.1rem -3.55rem
}

header .hdMenuWrap .menuList li:nth-child(3) a>i {
    width: .36rem;
    height: .42rem;
    background-position: -2.57rem -3.49rem
}

header .hdMenuWrap .menuList li:nth-child(3) a.current>i {
    background-position: -2.16rem -3.49rem
}

header .hdMenuWrap .menuList li:nth-child(4) a>i {
    width: .36rem;
    height: .42rem;
    background-position: -3.39rem -3.49rem
}

header .hdMenuWrap .menuList li:nth-child(4) a.current>i {
    background-position: -2.98rem -3.49rem
}

header .hdMenuWrap .menuList li:nth-child(5) a>i {
    width: .48rem;
    height: .44rem;
    background-position: -4.33rem -3.47rem
}

header .hdMenuWrap .menuList li:nth-child(5) a.current>i {
    background-position: -3.8rem -3.47rem
}

header .hdMenuWrap .menuList li:nth-child(6) a>i {
    width: .48rem;
    height: .48rem;
    background-position: -5.39rem -3.43rem
}

header .hdMenuWrap .menuList li:nth-child(6) a.current>i {
    background-position: -4.86rem -3.43rem
}

header .hdMenuWrap .menuList li.spaceItem {
    height: 0
}

header nav {
    font-size: .3rem;
    line-height: .3rem;
    color: #000000;
    position: relative;
    height: .88rem;
    margin: 0 .26rem;
    border-radius: .05rem;
    overflow: hidden;
    background: rgba(238, 238, 238, 0.4)
}

header nav::before,
header nav::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: unset;
    width: .6rem;
    z-index: 3;
    pointer-events: none
}

header nav::before {
    background: linear-gradient(90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%)
}

header nav::after {
    left: unset;
    right: 0;
    background: linear-gradient(-90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%)
}

header nav ul {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 .26rem;
    z-index: 2;
    -ms-overflow-style: none;
    scrollbar-width: none
}

header nav ul li {
    color: inherit
}

header nav ul li a {
    color: inherit;
    padding: 0 .3rem;
    display: flex;
    flex-direction: column;
    text-align: center
}

header nav ul li a>i {
    font-style: normal;
    font-size: .2rem;
    line-height: .2rem;
    zoom: .8;
    color: #A8A8A8;
    margin-bottom: .03rem
}

header nav ul li .current {
    font-weight: bold;
    position: relative
}

header nav ul li .current i {
    font-weight: normal
}

header nav ul li .current::after {
    content: "";
    display: block;
    width: .24rem;
    height: .04rem;
    background: #FFD633;
    border-radius: .02rem;
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    margin-left: -0.12rem
}

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

.idTitle {
    font-size: .36rem;
    font-weight: normal;
    color: #141414;
    line-height: .36rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.idTitle .titleL {
    font-weight: bold
}

.idTitle .titleR {
    font-size: .24rem;
    line-height: .24rem;
    color: #A8A8A8;
    height: fit-content
}

.idTitle .titleR::after {
    content: "";
    display: inline-block;
    width: .12rem;
    height: .2rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.21rem -2.18rem;
    margin-left: .12rem;
    vertical-align: -0.001rem
}

.classicallyTitle {
    display: flex;
    justify-content: space-between;
    font-size: .3rem;
    line-height: .3rem;
    color: #333333
}

.classicallyTitle .titleL {
    display: flex;
    align-items: center;
    font-weight: bold
}

.classicallyTitle .titleL::before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    width: .52rem;
    height: .58rem;
    background-position: -0.04rem -2.48rem;
    margin-right: .12rem
}

.classicallyTitle .titleL>span {
    display: flex;
    flex-direction: column;
    align-items: center
}

.classicallyTitle .titleL>span>i {
    font-style: normal;
    font-size: .24rem;
    line-height: .24rem;
    color: #999999;
    margin-top: .04rem;
    font-weight: normal
}

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

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

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

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

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

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

.singleItem>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

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

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

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

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

.singleItem>a .itemInfo p:first-child {
    font-size: .32rem;
    line-height: .36rem;
    color: #333333;
    margin-top: unset;
    margin-bottom: .12rem
}

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

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

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

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

.singleColumnCont .countItem {
    padding: .18rem .1rem
}

.singleColumnCont .countItem>a {
    display: flex
}

.singleColumnCont .countItem>a .imgBox {
    width: 2.12rem;
    height: 1.52rem;
    border-radius: .16rem;
    overflow: hidden
}

.singleColumnCont .countItem>a .imgBox>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.singleColumnCont .countItem>a .itemInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .06rem 0 .12rem .26rem
}

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

.singleColumnCont .countItem>a .itemInfo p.info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.singleColumnCont .countItem>a .itemInfo p.info span {
    font-size: .22rem;
    line-height: .22rem;
    color: #999999
}

.singleColumnCont .countItem>a .itemInfo p.info span:first-child {
    line-height: .38rem;
    display: flex
}

.singleColumnCont .countItem>a .itemInfo p.info span:first-child i {
    display: block;
    padding: 0 .09rem;
    font-style: normal;
    background: #F5F5F5;
    border-radius: .05rem;
    margin-right: .12rem
}

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

.twoColumnList li>a {
    width: 3.24rem;
    display: block
}

.twoColumnList li>a img {
    width: inherit;
    height: 1.94rem;
    object-fit: cover;
    border-radius: .08rem;
    display: block
}

.twoColumnList li>a p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem .05rem 0
}

.twoColumnList li>a p span {
    font-size: .32rem;
    line-height: .32rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

.twoColumnList li>a p span:last-child {
    font-size: .24rem;
    color: #A8A8A8;
    flex: unset
}

.pageCode {
    font-size: .24rem;
    color: #A8A8A8;
    display: flex;
    justify-content: center
}

.pageCode>a {
    height: .48rem;
    padding: 0 .155rem;
    border: 1px solid #E5E5E5;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    margin: 0 .135rem;
    color: inherit
}

.pageCode>a.current {
    background: #FFDD58;
    border-color: #E5E5E5;
    color: #000000
}

.pageCode>a:first-child,
.pageCode>a:last-child {
    margin: 0 .105rem
}

.pageCode>a .left,
.pageCode>a .right {
    width: .14rem;
    height: .24rem;
    background-position: -0.66rem -2.16rem
}

.pageCode>a .right {
    background-position: -0.86rem -2.16rem
}

.crumbsBox {
    background-color: #fff;
    padding: .3rem .35rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #333333
}

.crumbsBox>p {
    display: flex
}

.crumbsBox a {
    color: inherit
}

.crumbsBox a::after {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    width: .12rem;
    height: .15rem;
    background-position: -1.06rem -2.15rem;
    margin: 0 .21rem
}

.crumbsBox a:last-child {
    flex: 1;
    color: #FFD633;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.pageBg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-image: url(/t172_mob/resource/images/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.6rem;
    background-position: 0 0;
    width: 7.5rem;
    height: 2.6rem;
    z-index: -1
}

.bodyWrap .idSwBox {
    background-color: #fff;
    padding: .35rem .26rem .4rem;
    position: relative
}

.bodyWrap .idSwBox::before {
    content: "";
    position: absolute;
    top: -0.26rem;
    left: 0;
    display: block;
    background-image: url(/t172_mob/resource/images/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.6rem;
    background-position: 0 0;
    width: 7.5rem;
    height: 2.6rem
}

.bodyWrap .idSwBox .swWrap {
    width: 100%;
    height: 3.03rem;
    background: #BFBFBF;
    border-radius: .08rem;
    overflow: hidden;
    position: relative
}

.bodyWrap .idSwBox .swWrap .swiper-slide {
    width: 6.98rem;
    height: 3.03rem
}

.bodyWrap .idSwBox .swWrap .swiper-slide>a {
    width: inherit;
    height: inherit;
    display: block
}

.bodyWrap .idSwBox .swWrap .swiper-slide img {
    width: inherit;
    height: inherit;
    display: block;
    object-fit: cover
}

.bodyWrap .idSwBox .swWrap .swNavWrap {
    position: absolute;
    top: .19rem;
    right: .28rem;
    width: .8rem;
    height: 2.7rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .12rem;
    padding: .12rem .13rem;
    z-index: 1
}

.bodyWrap .idSwBox .swWrap .swNavWrap .swiper-wrapper {
    align-items: center;
    justify-content: space-between
}

.bodyWrap .idSwBox .swWrap .swNavWrap .swiper-slide {
    width: .54rem;
    height: .54rem
}

.bodyWrap .idSwBox .swWrap .swNavWrap .swiper-slide>img {
    border-radius: .12rem;
    overflow: hidden
}

.bodyWrap .idSwBox .swWrap .swNavWrap .swiper-slide.swiper-slide-thumb-active {
    position: relative
}

.bodyWrap .idSwBox .swWrap .swNavWrap .swiper-slide.swiper-slide-thumb-active::before {
    content: "";
    display: block;
    width: .05rem;
    height: .12rem;
    position: absolute;
    left: -0.09rem;
    top: 50%;
    margin-top: -0.06rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.56rem -2.19rem
}

.bodyWrap .idSwBox .swCenter {
    padding-top: .34rem;
    font-size: .32rem;
    line-height: .32rem;
    color: #333333;
    display: flex
}

.bodyWrap .idSwBox .swCenter .centerL {
    display: flex;
    align-items: center
}

.bodyWrap .idSwBox .swCenter .centerL::before,
.bodyWrap .idSwBox .swCenter .centerL::after {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: block
}

.bodyWrap .idSwBox .swCenter .centerL::before {
    width: 1.75rem;
    height: .38rem;
    background-position: -0.7rem -0.42rem
}

.bodyWrap .idSwBox .swCenter .centerL::after {
    width: .39rem;
    height: .33rem;
    margin-left: .04rem;
    background-position: -0.5rem -0.02rem
}

.bodyWrap .idSwBox .swCenter .centerR {
    margin-left: .28rem;
    height: .36rem;
    overflow: hidden
}

.bodyWrap .idSwBox .swCenter .centerR .swiper-slide a {
    width: inherit;
    height: inherit;
    display: inline-block;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1
}

.bodyWrap .idSwBox .swCenter .centerR .swiper-slide a::after {
    content: "";
    display: block;
    height: .08rem;
    background: rgba(255, 221, 88, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.bodyWrap .idSwBox .swBottom {
    margin-top: .4rem;
    overflow: hidden
}

.bodyWrap .idSwBox .swBottom .swiper-slide {
    width: fit-content;
    margin-right: .16rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide>a {
    width: 2.2rem;
    height: .9rem;
    background: linear-gradient(-39deg, #FF6358 0%, #FF8F55 100%);
    border-radius: .12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .12rem 0 .15rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide>a .bottomL {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bodyWrap .idSwBox .swBottom .swiper-slide>a .bottomL p {
    font-size: .28rem;
    line-height: .28rem;
    font-weight: bold;
    margin-bottom: .06rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide>a .bottomL span {
    font-size: .2rem;
    line-height: .2rem;
    opacity: .6;
    zoom: .9
}

.bodyWrap .idSwBox .swBottom .swiper-slide>a .icon {
    width: .48rem;
    height: .52rem;
    background-position: -0.04rem -1.01rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(2)>a {
    background: linear-gradient(90deg, #2CDDFD 0%, #2D92FC 100%)
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(2)>a .icon {
    background-position: -0.6rem -1.01rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(3)>a {
    background: linear-gradient(90deg, #25E9C4 0%, #14D496 100%)
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(3)>a .icon {
    background-position: -1.16rem -1.03rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(4)>a {
    background: linear-gradient(-39deg, #784BF9 0%, #9A42F6 50%, #B83AF3 100%)
}

.bodyWrap .idSwBox .swBottom .swiper-slide:nth-child(4)>a .icon {
    background-position: -1.72rem -1.04rem
}

.bodyWrap .idSwBox .swBottom .swiper-slide:last-child {
    margin-right: 0
}

.bodyWrap .lsNewBox,
.bodyWrap .cdHotBox,
.bodyWrap .colNewBox,
.bodyWrap .colHotBox,
.bodyWrap .nwNewBox,
.bodyWrap .gdColBox,
.bodyWrap .gdNewTagBox,
.bodyWrap .gdTagBox,
.bodyWrap .gdSmVersionBox,
.bodyWrap .gdMsgBox,
.bodyWrap .gdVersionBox,
.bodyWrap .gmRoleBox,
.bodyWrap .idFriendlyBox,
.bodyWrap .idNewBox,
.bodyWrap .idAppCollBox,
.bodyWrap .idCollBox,
.bodyWrap .idRankBox,
.bodyWrap .idMainGameBox,
.bodyWrap .idHotGameBox,
.bodyWrap .idChoiceGameBox {
    margin-top: .2rem;
    padding: .4rem .26rem .2rem;
    background-color: #fff
}

.bodyWrap .idHotGameBox .fourColumnList {
    padding: .1rem 0 0
}

.bodyWrap .idChoiceGameBox {
    padding-bottom: .24rem
}

.bodyWrap .idChoiceGameBox .tabsMenu {
    color: #676767;
    flex: 1;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem
}

.bodyWrap .idChoiceGameBox .tabsMenu a {
    color: inherit
}

.bodyWrap .idChoiceGameBox .tabsMenu li {
    display: flex;
    align-items: center
}

.bodyWrap .idChoiceGameBox .tabsMenu li::after {
    content: "/";
    color: #e3e3e3;
    margin: 0 .2rem
}

.bodyWrap .idChoiceGameBox .tabsMenu li:last-child::after {
    display: none
}

.bodyWrap .idChoiceGameBox .tabsMenu li.active {
    color: #ffd633
}

.bodyWrap .idChoiceGameBox .colColumnList li>a {
    display: flex;
    justify-content: space-between;
    color: inherit;
    padding: .26rem .1rem;
    border-bottom: 1px solid #f0f0f0
}

.bodyWrap .idChoiceGameBox .colColumnList li>a>img {
    width: 2.87rem;
    height: 1.72rem;
    object-fit: cover;
    border-radius: .08rem
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo {
    flex: 1;
    padding-left: .24rem;
    line-height: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo .time {
    margin-top: .16rem
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p {
    font-size: .24rem;
    line-height: .24rem
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p:nth-child(1) {
    font-size: .32rem;
    line-height: .32rem;
    color: #333333
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p:nth-child(2) {
    margin-top: .2rem;
    color: #A8A8A8;
    display: flex
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p:nth-child(2) span {
    margin-left: .58rem
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p:nth-child(2) span:first-child {
    margin-left: 0
}

.bodyWrap .idChoiceGameBox .colColumnList li>a .imgInfo p:nth-child(3) {
    margin-top: .12rem;
    color: #999999;
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .idChoiceGameBox .colColumnList li:last-child>a {
    border-bottom: unset
}

.bodyWrap .idChoiceGameBox .singleColumnList {
    padding: .12rem 0 0
}

.bodyWrap .idChoiceGameBox .singleColumnList .singleItem {
    margin: .18rem .1rem
}

.bodyWrap .idMainGameBox {
    padding-bottom: .4rem
}

.bodyWrap .idMainGameBox .boxCont {
    padding: .28rem 0 0
}

.bodyWrap .idMainGameBox .boxCont .imgList {
    display: grid;
    grid-template-columns: repeat(3, 2.24rem);
    justify-content: space-between
}

.bodyWrap .idMainGameBox .boxCont .imgList>a {
    width: 2.24rem;
    height: 1.32rem;
    background: #141414;
    border-radius: .08rem;
    overflow: hidden
}

.bodyWrap .idMainGameBox .boxCont .imgList>a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bodyWrap .idMainGameBox .boxCont .singleItem {
    margin-top: .23rem
}

.bodyWrap .idMainGameBox .boxCont .singleItem>a .imgBox {
    width: 1rem;
    height: 1rem
}

.bodyWrap .idMainGameBox .boxCont .singleItem>a .itemInfo {
    max-width: calc(100% - 1rem)
}

.bodyWrap .idRankBox {
    padding: .42rem .26rem .4rem
}

.bodyWrap .idRankBox .boxCont {
    width: 100%;
    background-image: url(/t172_mob/resource/images/index_bg.png);
    background-repeat: no-repeat;
    background-size: 6.98rem 2.9rem;
    background-position: 0 0;
    position: relative
}

.bodyWrap .idRankBox .boxCont .tabs {
    position: absolute;
    left: .16rem;
    top: .14rem;
    width: 1.6rem;
    height: .48rem;
    border: .02rem solid #fff;
    border-radius: .24rem;
    line-height: .44rem;
    font-size: .24rem;
    color: #fff;
    display: flex;
    z-index: 1
}

.bodyWrap .idRankBox .boxCont .tabs li {
    width: .8rem;
    text-align: center
}

.bodyWrap .idRankBox .boxCont .tabs li a {
    color: inherit
}

.bodyWrap .idRankBox .boxCont .tabs li.active {
    background-color: #fff;
    border-radius: .24rem;
    color: #FF5253;
    margin-left: -1px;
    margin-right: -1px
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo>div {
    padding: .75rem 0 0;
    text-align: center
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo>div p {
    font-size: .24rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, 0.8)
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo>div p:first-child {
    font-size: .72rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .72rem;
    margin-bottom: .15rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList {
    margin-top: .28rem;
    background: #FFFFFF;
    border-radius: .32rem;
    padding: .25rem 0 .25rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem {
    margin: .15rem .1rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem>a>span {
    display: block;
    margin-right: .2rem;
    font-size: .22rem;
    color: #999999;
    width: .36rem;
    height: .36rem;
    background-color: #EEEEEE;
    border-radius: .05rem;
    text-align: center;
    line-height: .36rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem>a .itemInfo {
    max-width: calc(100% - 1.82rem)
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem>a .itemInfo p span {
    margin-left: 0
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(1)>a>span,
.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(2)>a>span,
.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(3)>a>span {
    background-color: unset;
    position: relative
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(1)>a>span::after,
.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(2)>a>span::after,
.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(3)>a>span::after {
    content: "";
    display: block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: .42rem;
    height: .5rem;
    background-position: -0.04rem -1.61rem;
    position: absolute;
    top: 0;
    left: 0
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(2)>a>span::after {
    background-position: -0.57rem -1.61rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo .singleColumnList .singleItem:nth-child(3)>a>span::after {
    background-position: -1.11rem -1.6rem
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo>a {
    width: 6.78rem;
    height: .72rem;
    line-height: .72rem;
    background: #f8f8f8;
    border-radius: .36rem;
    display: block;
    text-align: center;
    font-size: .3rem;
    color: #8C8C8C
}

.bodyWrap .idRankBox .boxCont .tabsCont .tabInfo>a::after {
    content: "";
    display: inline-block;
    width: .12rem;
    height: .2rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.02rem -2.18rem;
    margin-left: .08rem
}

.bodyWrap .idCollBox {
    padding: .4rem 0 .2rem
}

.bodyWrap .idCollBox .idTitle {
    padding: 0 .26rem 0
}

.bodyWrap .idCollBox .idSwCollBox {
    overflow: hidden;
    padding: .3rem .36rem .2rem
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide {
    width: fit-content;
    margin-right: .3rem
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide:last-child {
    margin-right: 0
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a {
    width: 3.24rem;
    display: block
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .imgBox {
    width: 100%;
    height: 1.94rem;
    border-radius: .08rem;
    overflow: hidden
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .imgBox>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .contInfo {
    font-size: .24rem;
    line-height: .24rem;
    color: #A8A8A8
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .contInfo .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .contInfo .title>span:first-child {
    font-size: .32rem;
    line-height: .32rem;
    color: #333333
}

.bodyWrap .idCollBox .idSwCollBox .swiper-slide>a .contInfo .time {
    margin-top: .16rem
}

.bodyWrap .idAppCollBox {
    padding: .4rem 0 .1rem
}

.bodyWrap .idAppCollBox .idTitle {
    padding: 0 .26rem 0
}

.bodyWrap .idAppCollBox .idSwCollBox {
    overflow: hidden;
    padding: .3rem .36rem
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide {
    margin-right: .3rem;
    width: 3.3rem;
    height: 2.2rem;
    background: linear-gradient(180deg, #0091FF 0%, #0091FF 28%, #7FC8FF 100%);
    border-radius: .24rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .22rem
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide:nth-child(2) {
    background: linear-gradient(0deg, #FFE259 0%, #FFA751 100%)
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide:nth-child(3) {
    background: linear-gradient(0deg, #90edc8 0%, #1dd8d2 100%)
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide:nth-child(4) {
    background: linear-gradient(0deg, #b63af3 0%, #784af9 100%)
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide:last-child {
    margin-right: 0rem
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide p {
    font-size: .36rem;
    line-height: .36rem;
    color: #FFFFFF;
    margin-bottom: .2rem
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide p.info {
    line-height: .24rem;
    margin-bottom: .3rem;
    display: flex;
    justify-content: space-between
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide p span {
    font-size: .24rem;
    line-height: .24rem;
    color: #FFFFFF
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide .imgList {
    display: flex;
    justify-content: space-between
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide .imgList>a {
    display: block;
    width: .64rem;
    height: .64rem;
    border-radius: .12rem;
    overflow: hidden
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide .imgList>a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide .imgList>a:last-child {
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .idAppCollBox .idSwCollBox .swiper-slide .imgList>a:last-child::after {
    content: "";
    display: block;
    width: .13rem;
    height: .22rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.37rem -2.17rem
}

.bodyWrap .nwNewBox .singleColumnCont,
.bodyWrap .idNewBox .singleColumnCont {
    padding: .1rem 0 .05rem
}

.bodyWrap .idFriendlyBox .tagColumnList {
    padding: .28rem .1rem .02rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bodyWrap .idFriendlyBox .tagColumnList li {
    min-width: .1rem
}

.bodyWrap .idFriendlyBox .tagColumnList li a {
    height: .64rem;
    background: #F8F8F8;
    border-radius: .12rem;
    line-height: .64rem;
    font-size: .28rem;
    color: #141414;
    padding: 0 .33rem;
    display: inline-block;
    margin-bottom: .28rem
}

.bodyWrap .gmPlayBox {
    background-color: #fff;
    padding: .42rem .26rem .28rem
}

.bodyWrap .gmPlayBox .tagList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .35rem .1rem 0
}

.bodyWrap .gmPlayBox .tagList li {
    width: 1.6rem;
    height: .72rem;
    line-height: .72rem;
    background: #F7F7F7;
    border-radius: .12rem;
    font-size: .24rem;
    color: #666666;
    text-align: center;
    margin-bottom: .12rem;
    padding: 0 .1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .gmPlayBox .tagList li.place {
    height: 0
}

.bodyWrap .gmPlayBox .tagList li.active {
    background: #FFD633;
    color: #1A1A1A
}

.bodyWrap .gmPlayBox .tagList li>a {
    color: inherit
}

.bodyWrap .gmRoleBox {
    z-index: 1;
    position: relative;
    padding: .4rem .26rem .28rem
}

.bodyWrap .gmRoleBox .titleR {
    color: #A8A8A8
}

.bodyWrap .gmRoleBox .titleR::after {
    display: none
}

.bodyWrap .gmRoleBox .titleR a {
    color: inherit;
    margin: 0 .12rem
}

.bodyWrap .gmRoleBox .titleR a.active {
    color: #FFE066
}

.bodyWrap .gmRoleBox .titleR a:last-child {
    margin-right: unset
}

.bodyWrap .gmRoleBox .singleColumnList {
    padding: .12rem 0 0
}

.bodyWrap .gmRoleBox .singleColumnList .singleItem {
    margin: .18rem .1rem
}

.bodyWrap .gmRoleBox .pageCode {
    padding: .22rem 0
}

.bodyWrap .gmRoleBox::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-image: url(/t172_mob/resource/images/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.6rem;
    background-position: 0 0;
    width: 7.5rem;
    height: 2.6rem;
    z-index: -1
}

.bodyWrap .fixedBtn {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 1.14rem;
    width: 7.5rem;
    margin: 0 auto;
    padding: .14rem .26rem .18rem;
    z-index: 100;
    box-shadow: 1px 4px 10px rgba(3, 3, 29, 0.08)
}

.bodyWrap .fixedBtn .singleItem>a .imgBox {
    width: .8rem;
    height: .8rem;
    border-radius: .18rem
}

.bodyWrap .fixedBtn .singleItem>a .itemInfo {
    max-width: calc(100% - .8rem);
    padding-left: .16rem
}

.bodyWrap .fixedBtn .singleItem>a .itemInfo p {
    font-size: .22rem;
    line-height: .22rem;
    color: #999999;
    margin-top: .14rem
}

.bodyWrap .fixedBtn .singleItem>a .itemInfo p:first-child {
    margin: 0;
    font-size: .26rem;
    line-height: .26rem;
    color: #000000
}

.bodyWrap .fixedBtn .singleItem>a .itemInfo p i {
    font-style: normal;
    margin: 0 .16rem
}

.bodyWrap .gdInfoBox {
    background-color: #fff;
    padding: .18rem .26rem .3rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo {
    display: flex;
    justify-content: space-between;
    padding: 0 .1rem 0 .2rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoL {
    display: flex;
    flex-direction: column;
    position: relative
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoL>img {
    width: 1.6rem;
    height: 1.6rem;
    background: #FFE6F7;
    border-radius: .32rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoL .icon {
    width: 2rem;
    height: 1.1rem;
    background-position: -7.97rem -8.86rem;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    bottom: .05rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR {
    flex: 1;
    padding-left: .32rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #999
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR h1 {
    font-size: .36rem;
    line-height: .48rem;
    color: #1A1A1A;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div {
    display: grid;
    grid-template-columns: repeat(2, 50%)
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div p {
    margin-top: .14rem;
    display: flex;
    flex-direction: column
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div p:first-child {
    margin-left: 0
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div p span:nth-child(2) {
    color: #666;
    margin-top: .17rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div .rankNum {
    width: fit-content;
    padding: 0 .18rem;
    color: #FFD633;
    flex-direction: row;
    height: .44rem;
    line-height: .4rem;
    border: .02rem solid #FFDD58;
    border-radius: .05rem;
    margin-left: unset;
    font-weight: bold
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>div .rankNum span {
    margin-right: .06rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p i {
    line-height: .48rem;
    margin-top: .17rem;
    font-style: normal
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p a,
.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p>span {
    color: #CCB147;
    height: .48rem;
    line-height: .48rem;
    background: #FFFBEA;
    border-radius: .05rem;
    padding: 0 .23rem;
    margin-top: .17rem;
    margin-right: .16rem
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p a:last-child,
.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p>span:last-child {
    margin-right: 0
}

.bodyWrap .gdInfoBox .boxTop .topInfo .infoR>p a.active {
    opacity: .85
}

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

.bodyWrap .gdInfoBox .btnTips::before,
.bodyWrap .gdInfoBox .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 .gdInfoBox .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 .gdInfoBox .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 .gdInfoBox .btnTips p strong {
    font-weight: normal;
    color: #47FFA3
}

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

.bodyWrap .gdInfoBox .downBtns .boxBtn {
    flex: 1;
    margin: .16rem .1rem 0;
    min-width: 3.3rem;
    height: .8rem;
    background: linear-gradient(90deg, #59c68a 0, #65e09d 100%);
    background: #0ec760;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #FFFFFF
}

.bodyWrap .gdInfoBox .downBtns .boxBtn::before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: block;
    width: .28rem;
    height: .3rem;
    background-position: -0.04rem -3.13rem;
    margin-right: .11rem
}

.bodyWrap .gdInfoBox .downBtns .boxBtn span {
    display: none
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.androidBtn span:nth-child(1) {
    display: block
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.iosBtn {
    background: linear-gradient(90deg, #6d92ef 0, #8eaeff 100%)
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.iosBtn::before {
    width: .26rem;
    height: .32rem;
    background-position: -0.39rem -3.11rem
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.iosBtn span:nth-child(2) {
    display: block
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.subscribeBtn {
    background: linear-gradient(90deg, #fb371f 0, #fa7f2a 100%)
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.subscribeBtn::before {
    display: none
}

.bodyWrap .gdInfoBox .downBtns .boxBtn.subscribeBtn span:nth-child(3) {
    display: block
}

.bodyWrap .gdInfoBox .downBtns .androidBtn,
.bodyWrap .gdInfoBox .downBtns .safeBtn {
    background: #CCB147;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

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

.bodyWrap .gdInfoBox .downBtns .androidBtn p strong,
.bodyWrap .gdInfoBox .downBtns .safeBtn p strong {
    font-weight: normal
}

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

.bodyWrap .gdInfoBox .downBtns .androidBtn {
    background: #0ec760
}

.bodyWrap .gdInfoBox .boxTips {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .23rem
}

.bodyWrap .gdInfoBox .boxTips span {
    font-size: .24rem;
    line-height: .24rem;
    color: #A8A8A8;
    display: flex;
    align-items: center;
    margin-right: .35rem
}

.bodyWrap .gdInfoBox .boxTips span:last-child {
    margin-right: 0
}

.bodyWrap .gdInfoBox .boxTips span::before {
    content: "";
    display: inline-block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: .22rem;
    height: .22rem;
    background-position: -1.24rem -2.17rem;
    margin-right: .08rem
}

.bodyWrap .gdInfoBox .boxTips span:nth-child(2)::before {
    background-position: -1.52rem -2.17rem
}

.bodyWrap .gdInfoBox .boxTips span:nth-child(3)::before {
    width: .23rem;
    height: .23rem;
    background-position: -1.79rem -2.17rem
}

.bodyWrap .gdInfoBox .tip {
    font-size: .24rem;
    line-height: .24rem;
    color: #a8a8a8;
    display: block;
    text-align: center
}

.bodyWrap .gdInfoBox .tip a {
    color: #0068b7
}

.bodyWrap .gdInfoBox .linkList {
    margin-top: .28rem;
    height: .8rem;
    border: 1px solid #FFDD58;
    border: 1px solid #CCB147;
    border-radius: .4rem;
    font-size: .32rem;
    font-weight: 600;
    color: #FFDD58;
    color: #CCB147;
    line-height: .78rem;
    display: flex
}

.bodyWrap .gdInfoBox .linkList li {
    flex: 1;
    text-align: center
}

.bodyWrap .gdInfoBox .linkList li:first-child,
.bodyWrap .gdInfoBox .linkList li.active {
    color: #000
}

.bodyWrap .gdInfoBox .swGdWrap {
    padding: .4rem 0 .2rem;
    position: relative;
    overflow: hidden
}

.bodyWrap .gdInfoBox .swGdWrap .swiper-slide {
    width: auto;
    height: auto;
    max-height: 3.8rem;
    background: rgba(0, 0, 0, 0.1);
    border-radius: .08rem;
    overflow: hidden;
    margin-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .gdInfoBox .swGdWrap .swiper-slide.imgBox {
    max-width: 5.21rem
}

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

.bodyWrap .gdInfoBox .swGdWrap .swiper-slide video,
.bodyWrap .gdInfoBox .swGdWrap .swiper-slide img {
    display: block;
    object-fit: contain;
    width: inherit;
    height: inherit;
    max-height: inherit;
    max-width: inherit
}

.bodyWrap .gdInfoBox .swGdWrap .swiper-slide video {
    background: #000;
    object-fit: contain;
    width: 6.98rem
}

.bodyWrap .gdInfoBox .swGdWrap .swiper-scrollbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .1rem;
    background: #EEEEEE;
    border-radius: .05rem
}

.bodyWrap .gdInfoBox .swGdWrap .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    background: #FFDD58;
    border-radius: .05rem
}

.bodyWrap .gdInfoBox .featuresBox {
    margin-top: .48rem;
    font-size: .28rem;
    color: #666666;
    line-height: .48rem
}

.bodyWrap .gdInfoBox .featuresBox .cont {
    padding: 0 .1rem
}

.bodyWrap .gdInfoBox .featuresBox .cont p {
    margin-top: .24rem
}

.bodyWrap .gdInfoBox .featuresBox .cont h3 {
    margin-top: .2rem;
    font-size: .3rem;
    color: #000;
    font-weight: bold
}

.bodyWrap .gdInfoBox .featuresBox .cont img {
    display: block;
    max-width: 6rem;
    height: auto;
    margin: .26rem auto 0
}

.bodyWrap .gdInfoBox .featuresBox .boxList {
    padding: 0 .1rem;
    margin-top: .18rem
}

.bodyWrap .gdInfoBox .featuresBox .boxList>p {
    color: #FFDD58
}

.bodyWrap .gdInfoBox .featuresBox .boxList ul li:before {
    content: "- "
}

.bodyWrap .gdVersionBox .idTitle .titleR {
    color: #FFDD58;
    display: flex;
    align-items: center
}

.bodyWrap .gdVersionBox .idTitle .titleR:before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-position: -2.42rem -2.18rem;
    margin-right: .06rem;
    vertical-align: -0.001rem
}

.bodyWrap .gdVersionBox .idTitle .titleR:after {
    display: none
}

.bodyWrap .gdVersionBox .versionList li {
    padding: .38rem .1rem .18rem
}

.bodyWrap .gdVersionBox .versionList li p {
    font-size: .28rem;
    line-height: .48rem;
    color: #666666
}

.bodyWrap .gdVersionBox .versionList li p:first-child {
    color: #999999;
    font-size: .24rem;
    line-height: .24rem;
    margin-bottom: .12rem
}

.bodyWrap .gdMsgBox {
    padding: .4rem .26rem
}

.bodyWrap .gdMsgBox .idTitle .titleR {
    display: flex;
    align-items: center
}

.bodyWrap .gdMsgBox .idTitle .titleR:before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -2.08rem -2.14rem;
    margin-right: .05rem;
    vertical-align: -0.001rem
}

.bodyWrap .gdMsgBox .idTitle .titleR:after {
    display: none
}

.bodyWrap .gdMsgBox .infoList {
    margin: .36rem .1rem 0;
    padding: 0 .26rem .32rem;
    font-size: .28rem;
    line-height: .28rem;
    color: #333;
    background: #FFFBEA;
    border-radius: .12rem;
    display: flex;
    flex-wrap: wrap
}

.bodyWrap .gdMsgBox .infoList li {
    width: 50%;
    margin-top: .4rem
}

.bodyWrap .gdMsgBox .infoList li:nth-child(1),
.bodyWrap .gdMsgBox .infoList li:nth-child(2) {
    margin-top: .28rem
}

.bodyWrap .gdMsgBox .infoList li p {
    display: flex;
    flex-direction: column
}

.bodyWrap .gdMsgBox .infoList li p>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .gdMsgBox .infoList li p>span:first-child {
    color: #999;
    margin-bottom: .24rem
}

.bodyWrap .gdSmVersionBox .infoList {
    padding: .16rem .1rem .08rem
}

.bodyWrap .gdSmVersionBox .infoList li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F2F2F2;
    padding: .12rem 0
}

.bodyWrap .gdSmVersionBox .infoList li a span {
    font-size: .32rem;
    line-height: .32rem;
    color: #333333
}

.bodyWrap .gdSmVersionBox .infoList li a span:nth-child(2) {
    font-size: .24rem;
    color: #999999
}

.bodyWrap .gdSmVersionBox .infoList li a .btn {
    background: #FFDD58;
    color: #000
}

.bodyWrap .gdSmVersionBox .infoList li:last-child a {
    border-bottom: unset
}

.bodyWrap .gdNewTagBox .infoList,
.bodyWrap .gdTagBox .infoList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .06rem .1rem .2rem
}

.bodyWrap .gdNewTagBox .infoList li a,
.bodyWrap .gdTagBox .infoList li a {
    display: block;
    height: .56rem;
    background: #FFFAEB;
    border-radius: .28rem;
    line-height: .56rem;
    margin-top: .24rem;
    font-size: .28rem;
    color: #FAC83E;
    padding: 0 .36rem
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(2n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(2n) a {
    color: #FAAF64;
    background: #FFF5EB
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(3n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(3n) a {
    color: #FF8B85;
    background: #FFECEB
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(4n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(4n) a {
    color: #2DD0D0;
    background: #EBFFFF
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(5n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(5n) a {
    color: #DFDD6C;
    background: #FFFFEB
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(6n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(6n) a {
    color: #79AEF2;
    background: #EBF8FF
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(7n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(7n) a {
    color: #FF8FA0;
    background: #FFEBEE
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(8n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(8n) a {
    color: #FFA385;
    background: #FFF3EB
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(9n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(9n) a {
    color: #8CA0DB;
    background: #EBF0FF
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(10n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(10n) a {
    color: #7FCEF5;
    background: #EBF8FF
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(11n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(11n) a {
    color: #BD59D3;
    background: #FBEBFF
}

.bodyWrap .gdNewTagBox .infoList li:nth-child(12n) a,
.bodyWrap .gdTagBox .infoList li:nth-child(12n) a {
    color: #808080;
    background: #F0F0F0
}

.bodyWrap .gdNewTagBox {
    position: relative;
    z-index: 1
}

.bodyWrap .gdNewTagBox .infoList li a {
    color: #333333 !important;
    background: #F8F8F8 !important
}

.bodyWrap .gdNewTagBox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-image: url(/t172_mob/resource/images/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.6rem;
    background-position: 0 0;
    width: 7.5rem;
    height: 2.6rem;
    z-index: -1
}

.bodyWrap .gdColBox .tabsWrap {
    padding: .3rem .1rem .2rem
}

.bodyWrap .gdColBox .tabsWrap>ul {
    display: flex;
    justify-content: space-between
}

.bodyWrap .gdColBox .tabsWrap>ul li {
    font-size: .24rem;
    color: #999999;
    line-height: .52rem;
    height: .56rem;
    border: .02rem solid #F2F2F2;
    border-radius: .28rem;
    text-align: center;
    flex: 1;
    margin: 0 .13rem
}

.bodyWrap .gdColBox .tabsWrap>ul li:first-child {
    margin-left: 0
}

.bodyWrap .gdColBox .tabsWrap>ul li:last-child {
    margin-right: 0
}

.bodyWrap .gdColBox .tabsWrap>ul li.active {
    background: #FFDD58;
    border-color: #FFDD58;
    color: #333333;
    font-weight: bold
}

.bodyWrap .gdColBox .tabsWrap>ul li>a {
    color: inherit
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo {
    padding: .36rem 0 0
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a {
    display: flex;
    justify-content: space-between
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a>img {
    display: block;
    width: 3.24rem;
    height: 1.94rem;
    border-radius: .08rem;
    object-fit: cover
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a .imgInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: .24rem;
    color: #666666;
    line-height: .38rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a .imgInfo p {
    padding-left: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-top: .12rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a .imgInfo p:first-child {
    font-size: .32rem;
    line-height: .32rem;
    margin-top: .03rem;
    color: #333333;
    font-weight: bold
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a .imgInfo p:nth-child(2) {
    display: flex;
    justify-content: space-between;
    line-height: .24rem;
    margin-top: .16rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo>a .imgInfo p:nth-child(2) i {
    font-style: normal;
    color: #FFDD58
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap {
    margin-top: .36rem;
    padding: .24rem 0 .6rem;
    background: #F7F7F7;
    height: 2.2rem;
    border-radius: .08rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-slide>a {
    font-size: .24rem;
    line-height: .24rem;
    color: #333333;
    display: flex;
    flex-direction: column;
    width: 1.396rem;
    align-items: center
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-slide>a img {
    width: 1rem;
    height: 1rem;
    background: #FFE6F7;
    border-radius: .22rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-slide>a p {
    margin-top: .13rem;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 .08rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-pagination {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: .24rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-pagination .swiper-pagination-bullet {
    margin: 0 .06rem;
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background: #FFDD58;
    border-radius: .06rem
}

.bodyWrap .gdColBox .tabsWrap .tabsCont .tabInfo .swColWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .32rem;
    height: .12rem;
    background: #DCDCDC
}

.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: .28rem;
    line-height: .28rem;
    color: #666666
}

.bodyWrap .popupBox.hide {
    display: none
}

.bodyWrap .popupBox .historyBox,
.bodyWrap .popupBox .feedbackBox,
.bodyWrap .popupBox .subSuccessBox,
.bodyWrap .popupBox .subBox {
    width: 5.44rem;
    height: 4.4rem;
    border-radius: .24rem;
    background-repeat: no-repeat;
    background-image: url(/t172_mob/resource/images/gd_bg.png);
    background-size: 5.44rem 4.4rem;
    background-position: 0 0;
    padding: .4rem .47rem;
    position: relative
}

.bodyWrap .popupBox .historyBox::before,
.bodyWrap .popupBox .feedbackBox::before,
.bodyWrap .popupBox .subSuccessBox::before,
.bodyWrap .popupBox .subBox::before {
    content: "";
    width: 1.97rem;
    height: 1.35rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.87rem -8.61rem;
    display: block;
    position: absolute;
    right: -0.21rem;
    top: -0.48rem
}

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

.bodyWrap .popupBox .historyBox .boxHead p,
.bodyWrap .popupBox .feedbackBox .boxHead p,
.bodyWrap .popupBox .subSuccessBox .boxHead p,
.bodyWrap .popupBox .subBox .boxHead p,
.bodyWrap .popupBox .historyBox .boxTop p,
.bodyWrap .popupBox .feedbackBox .boxTop p,
.bodyWrap .popupBox .subSuccessBox .boxTop p,
.bodyWrap .popupBox .subBox .boxTop p {
    font-size: .28rem;
    line-height: .4rem
}

.bodyWrap .popupBox .historyBox .boxHead p:first-child,
.bodyWrap .popupBox .feedbackBox .boxHead p:first-child,
.bodyWrap .popupBox .subSuccessBox .boxHead p:first-child,
.bodyWrap .popupBox .subBox .boxHead p:first-child,
.bodyWrap .popupBox .historyBox .boxTop p:first-child,
.bodyWrap .popupBox .feedbackBox .boxTop p:first-child,
.bodyWrap .popupBox .subSuccessBox .boxTop p:first-child,
.bodyWrap .popupBox .subBox .boxTop p:first-child {
    font-size: .4rem;
    color: #333333;
    font-weight: bold;
    margin: .1rem 0 .34rem
}

.bodyWrap .popupBox .historyBox .boxCenter,
.bodyWrap .popupBox .feedbackBox .boxCenter,
.bodyWrap .popupBox .subSuccessBox .boxCenter,
.bodyWrap .popupBox .subBox .boxCenter {
    width: fit-content;
    margin: .18rem auto 0;
    padding-bottom: .4rem;
    position: relative
}

.bodyWrap .popupBox .historyBox .boxCenter input,
.bodyWrap .popupBox .feedbackBox .boxCenter input,
.bodyWrap .popupBox .subSuccessBox .boxCenter input,
.bodyWrap .popupBox .subBox .boxCenter input {
    width: 4.48rem;
    height: .72rem;
    background: #F0F0F0;
    border-radius: .12rem;
    padding-left: .2rem;
    border: unset;
    font-size: .3rem;
    color: #999999
}

.bodyWrap .popupBox .historyBox .boxCenter .errTips,
.bodyWrap .popupBox .feedbackBox .boxCenter .errTips,
.bodyWrap .popupBox .subSuccessBox .boxCenter .errTips,
.bodyWrap .popupBox .subBox .boxCenter .errTips {
    color: #f33;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: .2rem;
    zoom: .6
}

.bodyWrap .popupBox .historyBox .boxFoot button,
.bodyWrap .popupBox .feedbackBox .boxFoot button,
.bodyWrap .popupBox .subSuccessBox .boxFoot button,
.bodyWrap .popupBox .subBox .boxFoot button,
.bodyWrap .popupBox .historyBox .boxBottom button,
.bodyWrap .popupBox .feedbackBox .boxBottom button,
.bodyWrap .popupBox .subSuccessBox .boxBottom button,
.bodyWrap .popupBox .subBox .boxBottom button {
    width: 4.48rem;
    height: .72rem;
    background: #FFD633;
    border-radius: .12rem;
    font-size: .3rem;
    color: #333333
}

.bodyWrap .popupBox .historyBox .close,
.bodyWrap .popupBox .feedbackBox .close,
.bodyWrap .popupBox .subSuccessBox .close,
.bodyWrap .popupBox .subBox .close {
    width: .37rem;
    height: .37rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.29rem -1.06rem;
    position: absolute;
    bottom: -0.6rem;
    right: 0
}

.bodyWrap .popupBox .subSuccessBox .boxCenter {
    margin: .06rem auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: .28rem;
    padding-bottom: .28rem
}

.bodyWrap .popupBox .subSuccessBox .boxCenter::before {
    content: "";
    display: block;
    width: 1.23rem;
    height: 1.12rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.41rem -8.84rem;
    margin-bottom: .32rem
}

.bodyWrap .popupBox .feedbackBox {
    height: 8.7rem;
    background-image: url(/t172_mob/resource/images/gd_bg2.png);
    background-size: 5.44rem 8.7rem
}

.bodyWrap .popupBox .feedbackBox::before {
    background-position: -3.77rem -8.61rem
}

.bodyWrap .popupBox .feedbackBox .boxBody {
    padding: 0 0 .4rem
}

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

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

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem>p {
    display: flex;
    align-items: center
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem>p::before {
    content: "";
    width: .04rem;
    height: .28rem;
    background: #FFD633;
    border-radius: .02rem;
    margin-right: .1rem;
    display: inline-block
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: .24rem 0 .3rem
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem>ul li {
    width: 2.14rem;
    height: .48rem;
    line-height: .48rem;
    background: #F5F5F5;
    border-radius: .08rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .1rem
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem>ul li.active {
    background: #FFD633;
    color: #333
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem textarea,
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem input {
    border: unset;
    background: #F5F5F5;
    border-radius: .08rem;
    padding: .2rem;
    width: 100%
}

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem textarea {
    height: 1.5rem;
    margin-top: .25rem;
    resize: none;
    font-size: .24rem
}

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

.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem input {
    height: .72rem;
    background: #F0F0F0;
    margin-top: .34rem;
    border-radius: .12rem;
    font-size: .3rem
}

.bodyWrap .popupBox .historyBox {
    padding-right: .23rem;
    height: 8.7rem;
    background-image: url(/t172_mob/resource/images/gd_bg3.png);
    background-size: 5.44rem 8.7rem
}

.bodyWrap .popupBox .historyBox::before {
    background-position: -5.87rem -7.06rem
}

.bodyWrap .popupBox .historyBox .boxBody {
    padding-right: .17rem;
    font-size: .24rem;
    line-height: .4rem;
    height: 6.02rem;
    overflow: auto;
    position: relative
}

.bodyWrap .popupBox .historyBox .boxBody ul li {
    padding: .22rem 0;
    border-bottom: 1px solid #e6e6e6
}

.bodyWrap .popupBox .historyBox .boxBody ul li:first-child {
    padding: 0 0 .22rem
}

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

.bodyWrap .popupBox .historyBox .boxBody ul li>p:nth-child(1) {
    color: #FFD633;
    display: flex;
    align-items: center
}

.bodyWrap .popupBox .historyBox .boxBody ul li>p:nth-child(1)::before {
    content: "";
    display: inline-block;
    width: .04rem;
    height: .28rem;
    background: #FFD633;
    border-radius: .02rem;
    margin-right: .09rem
}

.bodyWrap .popupBox .historyBox .boxBody ul li>p:nth-child(2) {
    color: #333333;
    margin-top: .13rem
}

.bodyWrap .popupBox .historyBox .boxBody ul li .count {
    color: #999999;
    line-height: .4rem;
    text-align: justify
}

.bodyWrap .popupBox .historyBox .boxBody ul li .count p {
    margin-top: .12rem
}

.bodyWrap .popupBox .historyBox .boxBody ul li .count p:first-child {
    margin-top: .05rem
}

.bodyWrap .popupBox .historyBox .boxBody::-webkit-scrollbar {
    width: .14rem;
    background: #F1F1F1
}

.bodyWrap .popupBox .historyBox .boxBody::-webkit-scrollbar-thumb {
    width: .1rem;
    border: .02rem solid #F1F1F1;
    background: #C1C1C1
}

.bodyWrap .popupBox .historyBox .boxFoot {
    position: absolute;
    bottom: .4rem
}

.bodyWrap .popupBox .historyBox .boxFoot::after {
    content: "";
    display: block;
    width: 100%;
    height: .72rem;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: -0.72rem;
    left: 0
}

.bodyWrap .colTabBox,
.bodyWrap .nwTabBox {
    background-color: #fff;
    padding: .48rem .26rem .5rem;
    z-index: 1;
    position: relative
}

.bodyWrap .colTabBox::before,
.bodyWrap .nwTabBox::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-image: url(/t172_mob/resource/images/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 2.6rem;
    background-position: 0 0;
    width: 7.5rem;
    height: 2.6rem;
    z-index: -1
}

.bodyWrap .colTabBox .tabsWrap,
.bodyWrap .nwTabBox .tabsWrap {
    font-size: .32rem;
    color: #333333
}

.bodyWrap .colTabBox .tabsWrap>ul,
.bodyWrap .nwTabBox .tabsWrap>ul {
    display: flex;
    justify-content: center;
    height: .7rem;
    border: .02rem solid #000000;
    border-radius: .35rem;
    line-height: .66rem;
    width: fit-content;
    margin: 0 auto .12rem
}

.bodyWrap .colTabBox .tabsWrap>ul li.active,
.bodyWrap .nwTabBox .tabsWrap>ul li.active {
    font-weight: bold;
    background: #FFD633;
    position: relative
}

.bodyWrap .colTabBox .tabsWrap>ul li.active::before,
.bodyWrap .nwTabBox .tabsWrap>ul li.active::before {
    content: "";
    width: .62rem;
    height: .62rem;
    display: block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.04rem -4.01rem;
    position: absolute;
    left: -0.3rem;
    top: .06rem
}

.bodyWrap .colTabBox .tabsWrap>ul li:first-child,
.bodyWrap .nwTabBox .tabsWrap>ul li:first-child {
    border-radius: .35rem 0 0 .35rem
}

.bodyWrap .colTabBox .tabsWrap>ul li:last-child,
.bodyWrap .nwTabBox .tabsWrap>ul li:last-child {
    border-radius: 0 .35rem .35rem 0
}

.bodyWrap .colTabBox .tabsWrap>ul li:last-child.active::before,
.bodyWrap .nwTabBox .tabsWrap>ul li:last-child.active::before {
    left: unset;
    right: -0.3rem
}

.bodyWrap .colTabBox .tabsWrap>ul li a,
.bodyWrap .nwTabBox .tabsWrap>ul li a {
    color: inherit;
    padding: 0 .3rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo ul li>a {
    display: flex;
    justify-content: space-between;
    color: inherit;
    padding: .26rem .1rem;
    border-bottom: 1px solid #f0f0f0
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a>img,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo ul li>a>img {
    width: 2.87rem;
    height: 1.72rem;
    object-fit: cover;
    border-radius: .08rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo {
    flex: 1;
    padding-left: .24rem;
    line-height: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo .time,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo .time {
    margin-top: .16rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo .pageCode,
.bodyWrap .nwTabBox .tabsWrap .tabsCont .tabInfo .pageCode {
    padding-top: .3rem
}

.bodyWrap .nwDetailBox {
    background-color: #fff;
    padding: .14rem .36rem
}

.bodyWrap .nwDetailBox h1 {
    font-size: .4rem;
    color: #000000;
    line-height: .48rem;
    font-weight: bold
}

.bodyWrap .nwDetailBox .time {
    color: #999;
    margin: .44rem 0 0
}

.bodyWrap .nwDetailBox .count {
    font-size: .28rem;
    color: #666666;
    line-height: .48rem
}

.bodyWrap .nwDetailBox .count iframe {
    display: block;
    max-width: 100%
}

.bodyWrap .nwDetailBox .count h1,
.bodyWrap .nwDetailBox .count h2,
.bodyWrap .nwDetailBox .count h3,
.bodyWrap .nwDetailBox .count h4,
.bodyWrap .nwDetailBox .count h5,
.bodyWrap .nwDetailBox .count h6 {
    margin-top: .22rem;
    font-size: .3rem;
    font-weight: bold;
    color: #000000
}

.bodyWrap .nwDetailBox .count p {
    margin-top: .28rem
}

.bodyWrap .nwDetailBox .count p:first-child {
    margin-top: .32rem
}

.bodyWrap .nwDetailBox .count iframe,
.bodyWrap .nwDetailBox .count img {
    display: block;
    object-fit: cover;
    margin: .25rem auto 0;
    width: auto;
    height: auto;
    max-width: 100%
}

.bodyWrap .nwDetailBox .nwPostsBox a {
    font-size: .24rem;
    color: #666666;
    height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: .21rem;
    position: relative
}

.bodyWrap .nwDetailBox .nwPostsBox a span.txtNav {
    color: #000000;
    line-height: .42rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-block;
    font-weight: bold;
    padding: 0 .15rem
}

.bodyWrap .nwDetailBox .nwPostsBox a span.txtNav:before {
    content: "";
    width: 1.32rem;
    height: .43rem;
    display: inline-block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.65rem -2.48rem;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.bodyWrap .nwDetailBox .nwPostsBox a span.txt {
    line-height: .4rem;
    border: 1px dashed #DCDCDC;
    border-left: unset;
    border-right: unset;
    padding-left: 1.52rem;
    display: inline-block;
    width: 100%;
    height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .nwDetailBox .nwPostsBox a:first-child {
    margin-top: .28rem
}

.bodyWrap .nwDetailBox .nwPostsBox a:nth-child(2) span.txtNav {
    left: unset;
    right: 0;
    top: 0
}

.bodyWrap .nwDetailBox .nwPostsBox a:nth-child(2) span.txtNav:before {
    left: unset;
    right: 0;
    transform: rotateY(0deg)
}

.bodyWrap .nwDetailBox .nwPostsBox a:nth-child(2) span.txt {
    padding-left: 0;
    padding-right: 1.52rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox {
    margin: .4rem -0.1rem .26rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem {
    background-image: url(/t172_mob/resource/images/nw_bg.png);
    background-repeat: no-repeat;
    background-size: 6.98rem 1.6rem;
    background-position: 0 0;
    width: 6.98rem;
    height: 1.6rem;
    padding: .23rem .1rem .1rem .4rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a {
    align-items: flex-start
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a::before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -8.63rem -8.1rem;
    width: 1.33rem;
    height: .6rem;
    position: absolute;
    bottom: -0.2rem;
    left: -0.23rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .imgBox {
    width: .88rem;
    height: .88rem;
    border-radius: .2rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo {
    padding-left: .23rem;
    max-width: calc(100% - .88rem)
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo p {
    font-size: .24rem;
    line-height: .24rem;
    margin-top: .12rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo p span {
    color: #998536;
    margin-left: .22rem
}

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

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo p i {
    font-style: normal;
    font-size: .2rem;
    color: #CCB147;
    height: .32rem;
    line-height: .32rem;
    padding: 0 .09rem;
    background: #FFFBEA;
    border-radius: .05rem;
    display: inline-block;
    margin-right: .12rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo p:first-child {
    font-size: .24rem;
    line-height: .24rem;
    font-weight: bold;
    margin-bottom: .12rem;
    margin-top: .05rem
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .itemInfo p:last-child {
    display: flex;
    align-items: center
}

.bodyWrap .nwDetailBox .nwDetailMainBox .singleItem>a .btn {
    margin-top: .29rem;
    color: #000000;
    background: #FFDD58;
    border: .02rem solid #FFDD58;
    border-radius: .28rem
}

.bodyWrap .nwNewBox {
    padding-bottom: .32rem
}

.bodyWrap .colTabBox {
    padding: .48rem .26rem .14rem
}

.bodyWrap .colTabBox::before {
    display: none
}

.bodyWrap .colTabBox .tabsWrap>ul li.active::before {
    background-position: -0.78rem -4.01rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p {
    font-size: .24rem;
    line-height: .24rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p:nth-child(1) {
    font-size: .32rem;
    line-height: .32rem;
    color: #333333
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p:nth-child(2) {
    margin-top: .2rem;
    color: #A8A8A8;
    display: flex
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p:nth-child(2) span {
    margin-left: .58rem
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p:nth-child(2) span:first-child {
    margin-left: 0
}

.bodyWrap .colTabBox .tabsWrap .tabsCont .tabInfo ul li>a .imgInfo p:nth-child(3) {
    margin-top: .12rem;
    color: #999999;
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

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

.bodyWrap .cdHotBox,
.bodyWrap .colHotBox {
    padding-bottom: .04rem
}

.bodyWrap .cdHotBox .twoColumnList,
.bodyWrap .colHotBox .twoColumnList {
    padding: .3rem .1rem 0
}

.bodyWrap .cdHotBox .twoColumnList li,
.bodyWrap .colHotBox .twoColumnList li {
    margin-bottom: .35rem
}

.bodyWrap .colNewBox>ul {
    padding: .28rem .1rem .2rem;
    font-size: .26rem;
    color: #141414
}

.bodyWrap .colNewBox>ul li>a {
    color: inherit;
    padding: 0 .2rem 0 .24rem;
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    background: #F8F8F8;
    border-radius: .12rem;
    margin-bottom: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bodyWrap .colNewBox>ul li>a span:first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .colNewBox>ul li>a span:last-child {
    font-size: .26rem;
    color: #999999
}

.bodyWrap .cdMainBox {
    background-color: #fff;
    padding: 0 .26rem .4rem
}

.bodyWrap .cdMainBox .pictureWrap {
    width: 100%;
    height: 3.2rem;
    border-radius: .24rem;
    overflow: hidden;
    position: relative
}

.bodyWrap .cdMainBox .pictureWrap>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    font-size: .28rem;
    line-height: .48rem;
    padding: 1.6rem .23rem .28rem
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo h1 {
    font-weight: bold;
    font-size: .36rem;
    line-height: .36rem
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo p {
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo .cdBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.1rem;
    height: .75rem;
    background: radial-gradient(ellipse farthest-corner at 90% 90%, #000, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 80%, transparent)
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo .cdBtn::after {
    content: "";
    position: absolute;
    right: .23rem;
    bottom: .28rem;
    display: block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: .3rem;
    height: .3rem;
    background-position: -0.72rem -3.13rem
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo.pictureInfo {
    padding: .3rem .23rem .28rem;
    overflow: auto
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo.pictureInfo p {
    display: block
}

.bodyWrap .cdMainBox .pictureWrap .pictureMiniInfo.pictureInfo .cdBtn {
    display: none
}

.bodyWrap .cdMainBox>p {
    font-size: .24rem;
    color: #A8A8A8;
    display: flex;
    justify-content: space-between;
    padding: .26rem .24rem .18rem
}

.bodyWrap .cdMainBox>p span>i {
    font-style: normal;
    color: #FFD633
}

.bodyWrap .cdMainBox .singleColumnList .singleItem {
    height: 1.52rem;
    background: #F8F8F8;
    border-radius: .05rem;
    margin-top: .2rem;
    padding: .16rem .23rem .16rem .1rem;
    display: flex;
    align-items: center
}

.bodyWrap .cdMainBox .singleColumnList .singleItem .txtBox {
    flex: 1;
    width: 0
}

.bodyWrap .cdMainBox .singleColumnList .singleItem .txtBox>span {
    width: .36rem;
    height: .36rem;
    background: #E2E2E2;
    border-radius: .05rem;
    text-align: center;
    line-height: .36rem;
    font-size: .24rem;
    color: #666666;
    margin-right: .17rem
}

.bodyWrap .cdMainBox .singleColumnList .singleItem .txtBox .itemInfo {
    max-width: calc(100% - 1.73rem)
}

.bodyWrap .cdMainBox .singleColumnList .singleItem .btn {
    display: block
}

.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(1) a>span,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(2) a>span,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(3) a>span {
    background: unset
}

.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(1) a>span:after,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(2) a>span:after,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(3) a>span:after {
    content: "";
    display: block;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -0.06rem -4.72rem;
    width: .46rem;
    height: 1.3rem;
    position: absolute;
    top: -0.23rem;
    left: 0
}

.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(1) .btn,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(2) .btn,
.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(3) .btn {
    background: #FFDD58;
    color: #FFFFFF
}

.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(2) a>span:after {
    background-position: -0.58rem -4.72rem
}

.bodyWrap .cdMainBox .singleColumnList .singleItem:nth-child(3) a>span:after {
    background-position: -1.1rem -4.72rem
}

.bodyWrap .cdHotBox.pageBg::before {
    bottom: unset;
    top: 1.56rem
}

.bodyWrap .lsListBox {
    padding: .48rem .26rem 0;
    background-color: #fff
}

.bodyWrap .lsListBox .idTitle .titleL {
    display: flex
}

.bodyWrap .lsListBox .idTitle .titleL a {
    color: inherit;
    display: flex
}

.bodyWrap .lsListBox .idTitle .titleL a::after {
    content: "/";
    display: block;
    margin: 0 5px;
    color: #141414
}

.bodyWrap .lsListBox .idTitle .titleL a.active {
    color: #FFD633
}

.bodyWrap .lsListBox .idTitle .titleL a:last-child::after {
    display: none
}

.bodyWrap .lsListBox .singleColumnList {
    padding: .3rem 0 0
}

.bodyWrap .lsListBox .singleColumnList .singleItem {
    margin-bottom: .1rem;
    padding: .2rem .1rem .2rem .2rem;
    border: 1px solid #f5f5f5;
    border-left: unset;
    border-right: unset
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a {
    position: relative
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .imgBox {
    border-radius: .28rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a>p {
    width: .74rem;
    height: .35rem;
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -4.22rem -1.6rem;
    position: absolute;
    top: -0.06rem;
    left: -0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: .04rem;
    color: #666666;
    font-size: .2rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a>p span {
    zoom: .9
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .itemInfo {
    font-size: .22rem;
    line-height: .22rem;
    padding: 0 .02rem 0 .22rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .itemInfo p {
    margin-top: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    white-space: unset
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .itemInfo p:first-child {
    font-size: .26rem;
    line-height: .26rem;
    margin-bottom: unset;
    margin-top: .02rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .itemInfo p:last-child {
    line-height: .26rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .itemInfo p span:nth-child(2) {
    color: #FF7F2A;
    margin-left: .51rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem>a .btn {
    top: .03rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(1),
.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(2),
.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(3) {
    border: unset;
    background: #FFF5F5
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(1)>a>p,
.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(2)>a>p,
.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(3)>a>p {
    color: #FFFFFF;
    background-position: -1.64rem -1.6rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(2) {
    background: #FFFBEB
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(2)>a>p {
    background-position: -2.5rem -1.6rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(3) {
    background: #F5FCFF
}

.bodyWrap .lsListBox .singleColumnList .singleItem:nth-child(3)>a>p {
    background-position: -3.36rem -1.6rem
}

.bodyWrap .lsListBox .singleColumnList .singleItem:last-child {
    border-bottom: unset
}

.bodyWrap .lsNewBox>ul {
    padding: .28rem .1rem .12rem;
    font-size: .26rem;
    color: #141414;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bodyWrap .lsNewBox>ul li>a {
    color: inherit;
    padding: 0 .24rem;
    width: 3.3rem;
    height: .64rem;
    line-height: .64rem;
    background: #f8f8f8;
    border-radius: .12rem;
    margin-bottom: .18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center
}

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

.bodyWrap .noPageBox::before {
    content: "";
    background-image: url(/t172_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: 3.29rem;
    height: 2.96rem;
    display: block;
    background-position: -6.67rem -0.04rem
}

.bodyWrap .noPageBox i {
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #FFD633
}

.bodyWrap .noPageBox p {
    font-size: .3rem;
    line-height: .3rem;
    color: #333333;
    margin-top: .48rem
}

.bodyWrap .noPageBox span {
    color: #999999;
    margin-top: .22rem
}

.bodyWrap .noPageBox a {
    margin-top: .36rem;
    color: #333333;
    width: 2.4rem;
    height: .64rem;
    border: .04rem solid #53D37E;
    border-radius: .32rem;
    line-height: .56rem;
    text-align: center
}

footer {
    min-height: 2.86rem;
    background: #141414;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5rem .2rem .4rem;
    color: #CCCCCC
}

footer>a {
    display: block;
    color: inherit
}

footer>a img {
    width: 2.5rem;
    height: .74rem
}

footer p {
    margin-top: .25rem;
    font-size: .2rem;
    line-height: .3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

footer p>a {
    color: inherit;
    margin: 0 .06rem
}

footer p:last-child {
    margin-top: .11rem
}

.gSecret,
.gPower,
.agSecret {
    color: #ffd633 !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(/t172_mob/resource/images/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;
    padding: .06rem 0;
    text-align: center
}

.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;
    margin-bottom: .2rem;
    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: .34rem
}

.tablep a {
    color: #0000ee
}

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

.tablep table td {
    height: .42rem
}

.kfs {
    width: 100% !important
}

.notBtn {
    margin-top: .36rem;
    width: 6.98rem;
    height: .8rem;
    background: #ccc;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #fff
}

.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('/t172_mob/resource/images/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
}

.cdMainBox .feedbackBtn {
    cursor: pointer;
    position: absolute;
    top: .15rem;
    right: .2rem;
    font-size: .24rem;
    color: #e7040e;
    font-weight: bold;
    text-decoration: underline
}

.cdMainBox .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
}

.bodyWrap .gdInfoBox .boxTips span.feedbackBtn {
    color: #e7040e;
    text-decoration: underline
}

.bodyWrap .gdInfoBox .boxTips span.feedbackBtn::before {
    position: relative;
    top: .02rem;
    width: .3rem;
    height: .3rem;
    background-position: -2.07rem -2.13rem;
    transform: scale(.8);
    margin-right: .04rem
}

.map-list {
    background: #ffffff;
    padding: .1rem .12rem .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.62rem;
    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: #FFD633
}

.mapxin {
    display: flex;
    justify-content: center;
    margin-top: .16rem
}

.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: #FFD633;
    margin-right: .1rem
}