.ztRec {
    margin-bottom: 0;
    margin-top: .5rem;
    padding: 0 0 .04rem;
    background: url(../img/ztlistbg.png) no-repeat;
    background-size: 100% 100%;
}

.ztRec .dtTit {
    position: relative;
    padding: .05rem .25rem;
    justify-content: inherit;
}

.ztRec ul {
    padding: .25rem 0 .12rem .25rem;
}

.dtTit {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: .3rem .25rem 0 .26rem;
    height: .34rem;
    margin: 0 auto .07rem;
}

.dtTit em {
    position: relative;
    z-index: 1;
    display: block;
    font-size: .32rem;
    color: #333;
    line-height: .34rem;
    font-weight: bold;
}

.dtTit em:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0rem;
    z-index: -1;
    display: block;
    width: 116%;
    height: .16rem;
    background: linear-gradient(90deg, #91FFD0, #B1FDA2);
}

.dtTit a {
    position: relative;
    top: .1rem;
    display: block;
    width: .49rem;
    height: .26rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.57rem -.04rem;
}

.dTit {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: .2rem .26rem 0 .24rem;
    height: .4rem;
    margin: 0 auto .06rem;
}

.dTit h2 {
    position: relative;
    z-index: 1;
    display: block;
    font-size: .38rem;
    color: #2E2E30;
    line-height: .4rem;
    font-weight: bold;
}

.dTit h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0rem;
    z-index: -1;
    display: block;
    width: 116%;
    height: .16rem;
    background: linear-gradient(90deg, #91FFD0, #B1FDA2);
}

.dTit a {
    position: relative;
    top: .14rem;
    display: block;
    width: .49rem;
    height: .26rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.57rem -.04rem;
}

.breadChip {
    position: relative;
    padding: .03rem .25rem 0;
    margin: auto;
    height: .64rem;
    line-height: .64rem;
    font-size: .24rem;
    color: rgba(51,51,51,.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadChip i {
    position: relative;
    top: .04rem;
    display: inline-block;
    width: .21rem;
    height: .24rem ;
    margin-right: .07rem;
    background-position: -3.4rem -.04rem;
}

.breadChip a {
    color: rgba(51,51,51,.3);
}

.dZt ul {
    position: relative;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding: .35rem 0 .3rem .25rem;
    margin-bottom: .22rem;
}

.dZt ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.dZt ul:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 6.98rem;
    height: .01rem;
    background: rgba(255,255,255,.5);
}

.dZt ul li {
    position: relative;
    display: block;
    width: 2.85rem;
    height: 1.6rem;
    border-radius: .2rem;
    margin-right: .2rem;
}

.dZt ul li:before {
    content: "";
    position: absolute;
    top: -.16rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 2.5rem;
    height: .16rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.03rem -3.49rem;
}

.dZt ul li a {
    display: block;
    width: 2.85rem;
    height: 100%;
    border-radius: .2rem;
    overflow: hidden;
}

.dZt ul li a img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .2rem;
}

.dZt ul li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: .52rem 0 0 .15rem;
    width: 2.7rem;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    background: linear-gradient(to top,rgba(0,0,0,.7),transparent);
    border-radius: 0 0 .2rem .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dZt ul li a span {
    position: absolute;
    top: .11rem;
    right: .08rem;
    display: block;
    padding: 0 .11rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    line-height: .3rem;
    background: rgba(0,0,0,.6);
    border-radius: .1rem;
}

.dZt .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dZt .list a {
    display: block;
    margin: 0 .085rem .26rem;
    padding: 0 .33rem;
    height: .48rem;
    font-size: .24rem;
    color: #F1516C;
    line-height: .48rem;
    background: rgba(255,255,255,.5);
    border-radius: .22rem;
}

.dZt .list a:nth-of-type(7n+1) {
    color: #F1516C;
}

.dZt .list a:nth-of-type(7n+2) {
    color: #45B97C;
}

.dZt .list a:nth-of-type(7n+3) {
    color: #796CB0;
}

.dZt .list a:nth-of-type(7n+4) {
    color: #009AD6;
}

.dZt .list a:nth-of-type(7n+5) {
    color: #DEA32C;
}

.dZt .list a:nth-of-type(7n+6) {
    color: #C77EB5;
}

.dZt .list a:nth-of-type(7n+7) {
    color: #7FB86E;
}

.ztMenu {
    display: block;
    padding: .15rem 0 .14rem;
    margin-bottom: .1rem;
    background: #fff;
    text-align: center;
    height: .88rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    box-shadow: 0 .1rem .25rem 0 rgba(76,76,76,.05);
}

.ztMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.ztMenu a {
    position: relative;
    margin: 0 .1rem;
    display: inline-block;
    padding: 0 .23rem;
    height: .64rem;
    font-size: .28rem;
    color: #333;
    line-height: .64rem;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    border-radius: .33rem;
}

.ztMenu a.current {
    color: #333;
    font-weight: bold;
    background: linear-gradient(90deg, #91FFD0, #B1FDA2);
    border: 1px solid rgba(255,255,255,.5);
}

.ztMenu a:nth-of-type(1) {
    padding: 0 .3rem;
}

.ztList {
    margin: 0 .25rem .2rem;
}

.ztList ul {
    display: flex;
    flex-wrap: wrap;
    width: 7.5rem;
}

.ztList li {
    width: 3.42rem;
    height: 2.6rem;
    background: #FFF;
    border-radius: .2rem;
    margin: .21rem .15rem 0 0;
    overflow: hidden;
}

.ztList li a {
    position: relative;
    display: block;
}

.ztList li a div {
    width: 100%;
    height: 1.74rem;
    margin-bottom: .1rem;
    overflow: hidden;
}

.ztList li a div img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.ztList li a span {
    display: block;
    padding: 0 .14rem;
    font-size: .18rem;
    color: #A3A3A3;
    line-height: .28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztList li a p {
    display: block;
    padding: 0 .13rem;
    font-size: .24rem;
    color: #333;
    line-height: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztList li a i {
    position: absolute;
    left: 0;
    top: .16rem;
    display: block;
    width: .86rem;
    padding-right: .15rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -4.49rem -.71rem;
    overflow: hidden;
}

.ztList .pageWrap a,.ztList .pageWrap span {
    background: #fff;
}

.ztList .pageWrap .current {
    background-color: #19D0F2;
}

.ztDeTop {
    height: 5.4rem;
    background: url(../img/ztdebg.png) no-repeat;
    background-size: 100% 100%;
}

.ztDeTop .info {
    position: relative;
    margin: .3rem 0 .62rem 1.7rem;
    width: 5.19rem;
    height: 2.5rem;
    border: .06rem solid rgba(255,255,255,.5);
    border-radius: .2rem;
    overflow: hidden;
}

.ztDeTop .info:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1.25rem;
    background: linear-gradient(to top,rgba(0,0,0,.8),transparent);
    border-radius: .2rem;
}

.ztDeTop .info img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.ztDeTop .info h1 {
    position: absolute;
    z-index: 1;
    bottom: .12rem;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #fff;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDeTop .info p {
    position: absolute;
    z-index: 1;
    bottom: .52rem;
    padding: 0 .17rem;
    font-size: .18rem;
    color: #ccc;
    line-height: .28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDeTop .info p:before {
    content: "";
    position: relative;
    top: .05rem;
    display: inline-block;
    vertical-align: top;
    width: .12rem;
    height: .12rem;
    border: .03rem solid #26D3F3;
    margin-right: .08rem;
    border-radius: 50%;
}

.ztDeTop .info span {
    position: absolute;
    right: 0;
    top: .14rem;
    display: block;
    width: .86rem;
    padding-left: .15rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -4.49rem -1.1rem;
    overflow: hidden;
}

.ztDeTop .intro {
    position: relative;
    padding: 0 .5rem;
    height: .66rem;
    overflow: hidden;
}

.ztDeTop .intro:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 5.6rem;
    height: .2rem;
    background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,.5),transparent)
}

.ztDeTop .intro:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 5.6rem;
    height: .2rem;
    background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,.5),transparent)
}

.ztDeTop .intro p {
    width: 5.6rem;
    height: 120px;
    font-size: .2rem;
    color: #717171;
    line-height: 24px;
}

.ztDeTop .intro span {
    position: absolute;
    top: 0;
    right: .53rem;
    text-align: center;
    display: block;
    width: .58rem;
    font-size: .2rem;
    color: #91FFD0;
    line-height: .36rem;
}

.ztDeTop .intro span:before {
    content: "";
    display: block;
    margin: .03rem auto 0;
    width: .35rem;
    height: .35rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -4.47rem -.04rem;
}

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

.ztAllBox .intro {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 5.36rem;
    padding: 0 .45rem .6rem .44rem;
    background-color: #fff;
    background: url(../img/ztlookbg.png) no-repeat;
    background-size: 100% auto;
    border-radius: .2rem;
}

.ztAllBox .cont {
    display: block;
    width: 5.4rem;
    text-align: left;
    padding-right: .1rem;
    max-height: 4.8rem;
    border: none;
    line-height: .46rem;
    font-size: .24rem;
    color: #717171;
    margin: auto;
    overflow: auto;
}

.ztAllBox .intro>span {
    display: block;
    color: #333;
    line-height: .9rem;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztAllBox .zClose {
    position: absolute;
    bottom: -.8rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: .48rem;
    height: .48rem;
    background-position: -5.03rem -.04rem;
}

::-webkit-scrollbar {
    height: .06rem!important;
}

::-webkit-scrollbar-thumb {
    border-radius: .06rem;
    background-color: #DFDFDF!important;
}

.ztEdRec {
    position: relative;
    display: block;
    margin: 0 auto .2rem;
    width: 7rem;
    height: 4.1rem;
    border-radius: .2rem;
    box-shadow: 0 .1rem .25rem 0 rgba(76,76,76,.05);
}

.ztEdRec:before {
    content: "";
    position: absolute;
    top: -.08rem;
    width: 2.04rem;
    height: .62rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.03rem -2.6rem;
}

.ztEdRec>div {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .2rem;
    overflow: hidden;
}

.ztEdRec>div>img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.ztEdRec .ztEdbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.03rem;
    margin: auto;
    overflow: hidden;
    border-radius: 0 0 .2rem .2rem;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),rgba(114,102,104,.2);
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),rgba(114,102,104,.2);
}

.ztEdRec .info {
    display: flex;
    width: 4.9rem;
    padding: .14rem .2rem .14rem .25rem;
    height: .75rem;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.ztEdRec .info img {
    display: block;
    width: .75rem;
    height: .75rem;
    border-radius: .1rem;
    margin-right: .18rem;
}

.ztEdRec .info>div {
    flex: 1;
}

.ztEdRec .info>div p {
    display: block;
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    line-height: .34rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztEdRec .info>div span {
    display: block;
    margin-top: .06rem;
    line-height: .28rem;
    font-size: .2rem;
    color: rgba(255,255,255,.8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztEdRec .btn {
    position: absolute;
    bottom: .26rem;
    right: .25rem;
    z-index: 1;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #28E8FF;
    border-radius: .27rem;
    font-size: .24rem;
    color: #28E8FF;
    text-align: center;
}

.ztGaHot {
    margin: 0 .25rem .2rem;
    background: #FFF;
    box-shadow: 0 .1rem .25rem 0 rgba(76,76,76,.05);
    border-radius: .2rem;
}

.ztGaHot ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .25rem;
}

.ztGaHot ul li {
    width: 25%;
    height: 2.16rem;
    margin: .26rem 0 0 0;
}

.ztGaHot ul li a:nth-of-type(1) {
    display: block;
    text-align: center;
}

.ztGaHot ul li a:nth-of-type(1) img {
    display: block;
    margin: 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: .2rem;
}

.ztGaHot ul li a:nth-of-type(1) p {
    display: block;
    margin: auto;
    font-size: .24rem;
    color: #000;
    line-height: .44rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztGaHot ul li .btn {
    display: block;
    margin: .01rem auto 0;
    width: 1.24rem;
    height: .5rem;
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    background: #19D0F2;
    border-radius: .27rem;
    text-align: center;
}

.ztGaHot ul li .btn.no {
    background: linear-gradient(90deg, #FFC4E7, #FF90C8);
}

.ztGaSift {
    margin-bottom: .2rem;
}

.ztGaSift li .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: .25rem;
    padding: 0;
    display: block;
    width: 1.24rem;
    height: .5rem;
    background: #19D0F2;
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    border-radius: .27rem;
    margin: auto;
    overflow: hidden;
}

.ztGaSift li .btn.no {
    background: linear-gradient(90deg, #FFC4E7, #FF90C8);
;}

.ztHotRec {
    margin: 0 .25rem .32rem;
    background: #FFF;
    box-shadow: 0 .1rem .25rem 0 rgba(76,76,76,.05);
    border-radius: .2rem;
}

.ztHotRec ul {
    position: relative;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding: .25rem 0 .3rem .25rem;
    margin-bottom: .04rem;
}

.ztHotRec ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.ztHotRec ul:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 6.5rem;
    height: .01rem;
    background: rgba(0,0,0,.1);
}

.ztHotRec ul li {
    position: relative;
    display: block;
    width: 3.12rem;
    height: 1.75rem;
    border-radius: .2rem;
    margin-right: .26rem;
}

.ztHotRec ul li:before {
    content: "";
    position: absolute;
    top: -.18rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 2.72rem;
    height: .18rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.79rem -3.49rem;
}

.ztHotRec ul li a {
    display: block;
    width: 3.12rem;
    height: 100%;
    border-radius: .2rem;
    overflow: hidden;
}

.ztHotRec ul li a img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .2rem;
}

.ztHotRec ul li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: .52rem 0 0 .11rem;
    width: 3.01rem;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    background: linear-gradient(to top,rgba(0,0,0,.7),transparent);
    border-radius: 0 0 .2rem .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztHotRec ul li a p:before {
    content: "";
    position: relative;
    top: .15rem;
    margin-right: .09rem;
    display: inline-block;
    vertical-align: top;
    width: .19rem;
    height: .22rem;
    background: url(../img/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.65rem -.04rem;
}

.ztHotRec ul li a span {
    position: absolute;
    top: .12rem;
    left: .11rem;
    display: block;
    padding: 0 .11rem;
    height: .33rem;
    font-size: .18rem;
    color: #fff;
    line-height: .33rem;
    background: rgba(0,0,0,.6);
    border-radius: .1rem;
}

.ztHotRec .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .26rem 0 .2rem;
}

.ztHotRec .list a {
    display: block;
    margin: 0 .08rem .26rem;
    padding: 0 .33rem;
    height: .48rem;
    font-size: .24rem;
    color: #F1516C;
    line-height: .48rem;
    background: rgba(255,255,255,.5);
    border-radius: .22rem;
}

.ztHotRec .list a:nth-of-type(7n+1) {
    color: #F1516C;
    background: #FFF0F0;
}

.ztHotRec .list a:nth-of-type(7n+2) {
    color: #45B97C;
    background: #EDFFF5;
}

.ztHotRec .list a:nth-of-type(7n+3) {
    color: #796CB0;
    background: #F1EDFF;
}

.ztHotRec .list a:nth-of-type(7n+4) {
    color: #009AD6;
    background: #EDFAFF;
}

.ztHotRec .list a:nth-of-type(7n+5) {
    color: #DEA32C;
    background: #FFF9ED;
}

.ztHotRec .list a:nth-of-type(7n+6) {
    color: #C77EB5;
    background: #FFEDFB;
}

.ztHotRec .list a:nth-of-type(7n+7) {
    color: #7FB86E;
    background: #F1FFED;
}

.gameList {
    padding-bottom: .2rem;
    margin: .2rem .25rem .35rem;
    box-shadow: 0 .1rem .25rem 0 rgba(76,76,76,.05);
    border-radius: .2rem;
    background: #fff;
    overflow: hidden;
}

.gameList ul {
    padding: .05rem 0 0;
}

.gameList li {
    position: relative;
    background: #fff;
    border-bottom: .01rem solid #fff;
}

.gameList li:nth-of-type(2n+2) {
    background-color: #FAFAFA;
}

.gameList li a {
    position: relative;
    display: flex;
    padding: .25rem .26rem;
    overflow: hidden;
}

.gameList li a img {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .2rem;
}

.gameList li a div {
    flex: 1;
    height: 1.28rem;
    overflow: hidden;
}

.gameList li a div p {
    display: block;
    font-size: .28rem;
    color: #333;
    line-height: .46rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gameList li a div span {
    display: block;
    margin-top: .02rem;
    font-size: .22rem;
    color: #9F9FA4;
    line-height: .38rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gameList li a>span {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: .25rem;
    display: block;
    width: 1.24rem;
    height: .5rem;
    background: #19D0F2;
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    border-radius: .27rem;
    margin: auto;
    overflow: hidden;
}

.gameList li a>span.no {
    background: linear-gradient(90deg, #FFC4E7, #FF90C8);
}
.ico{background:url(https://m.bufan.com/m/img/icon.png) no-repeat;background-size:10rem 10rem;}
.gdzxgxBox{margin:.48rem .2rem 0;font-size:.24rem;color:#afa09f;line-height:.32rem}
.gdzxgxBox .tabsWrap{margin-top:.24rem;background:#fff;border-radius:.16rem;padding:.3rem .2rem .5rem}
.gdzxgxBox .tabsWrap>ul{font-size:.24rem;color:#362c2a;display:flex;margin:0 -.1rem}
.gdzxgxBox .tabsWrap>ul li{margin:0 .1rem}
.gdzxgxBox .tabsWrap>ul li a{display:block;padding:0 .26rem;width:fit-content;height:.54rem;line-height:.54rem;color:inherit;text-align:center}
.gdzxgxBox .tabsWrap>ul li.active a{background:linear-gradient(90deg,#ff827d 0,#ff914e 100%);border-radius:.27rem;box-shadow:0 0 .2rem rgba(255,145,78,.5);font-weight:700;color:#fff}
.gdzxgxBox .tabsWrap{display:flex}
.gdzxgxBox .tabsWrap{background:#fafafa;border-radius:0 .05rem .05rem 0;flex:1;padding-left:.22rem;display:flex;flex-direction:column;justify-content:center}
.gdzxgxBox .tabsWrap p{margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:justify;min-height:.64rem}
.gdzxgxBox .tabsWrap p.title{min-height:unset;margin-top:0;-webkit-line-clamp:1;font-size:.28rem;line-height:.32rem;color:#362c2a}
.gdzxgxBox .tabsWrap>ul{margin-top:-.2rem;font-size:.28rem;line-height:.32rem;color:#362c2a;display:grid;grid-template-columns:repeat(4,1.64rem);justify-content:space-between}
.gdzxgxBox .tabsWrap>ul li{margin-top:.48rem;position:relative;z-index:1}
.gdzxgxBox .tabsWrap>ul li::after{content:"";display:block;width:.04rem;height:.28rem;position:absolute;left:50%;top:-.28rem;margin-left:-.02rem;z-index:-1;background:#fafafa}
.gdzxgxBox .tabsWrap>ul li a{padding-top:.19rem;display:flex;flex-direction:column;align-items:center;width:1.64rem;height:2.25rem;background:#fafafa;border-radius:.1rem}
.gdzxgxBox .tabsWrap>ul li a>img{width:1.2rem;height:1.2rem;background:#00b7ee;border-radius:.24rem}
.gdzxgxBox .tabsWrap>ul li a p{margin-top:.1rem}
.gdzxgxBox .tabsWrap>ul li a p.title{width:inherit;padding:0 .15rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.gdzxgxBox .tabsWrap>ul li a p.btn{margin-top:.18rem}
.ghRule ::-webkit-scrollbar,.ghPrivacy ::-webkit-scrollbar,.gLog ::-webkit-scrollbar{width: .06rem !important;height: .72rem !important;border-radius: .06rem;}
.ghRule ::-webkit-scrollbar-thumb,.ghPrivacy ::-webkit-scrollbar-thumb,.gLog ::-webkit-scrollbar-thumb {border-radius: .06rem;background-color: #DfDfDf!important;}
/* rule */
.ghRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.rulehtmlBox{position: absolute;z-index: 5;top: 2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem;text-align: center;background: #fff;}
.rpTit{display: block;padding:  0 .33rem;margin-bottom: .32rem;height: .76rem;font-size: .32rem;color: #fff;font-weight: bold;text-align: left;line-height: .76rem;background: linear-gradient(90deg, #FF7B7B, #E087FF, #A4D7FF);border-radius:.2rem .2rem 0 0;}
.rulehtmlBox .rClose{position: absolute;top: .2rem;right:.2rem;margin: auto;z-index: 10;}
.rulehtmlBox .rClose i{display: inline-block;width: .28rem;height: .28rem;background-position: -3.65rem -7.17rem;position: relative;}
.rulehtmlBox .rSure{position: relative;display: block;border: 0;margin: .3rem auto .46rem;width: 3.22rem;height: .68rem;line-height: .68rem;font-size: .32rem;color: #fff;background:linear-gradient(180deg,  #E087FF, #A4D7FF);box-shadow: 0 .03rem .05rem 0 rgba(54,219,221,.3);border-radius: .34rem;}
.rulehtmlBox>p{text-align: left;font-size: .24rem;color: #333;width: 90%;font-weight: bold;line-height: .32rem;margin:0 auto;}
.ruleMain{position: relative;display: block;width: 5.2rem;height: 4.8rem;border: none;padding: 0 .12rem 0 0;line-height: .42rem;font-size: .24rem;color: #454545;border-radius: .04rem;margin: .12rem auto;overflow: auto;}
.ruleMain p{text-align: left;}
.ruleMain strong{display: block;color: #333;line-height:.52rem;font-size: .24rem; font-weight: bold;text-indent:0em;text-align: left;}
.rulehtmlBox .rSure::after{content: "";display: block;position: absolute;top: -.78rem;left: -1.2rem;right: 0;margin: auto;width: 5.6rem;height: .5rem;background: linear-gradient(0deg, #fff, rgba(255,255,255,.01));}
/* Privacy */
.ghPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.privacyHtmlBox{position: absolute;z-index: 5;top: 2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem;text-align: center;background: #fff;}
.rpTit{display: block;padding:  0 .33rem;height: .76rem;font-size: .32rem;color: #fff;font-weight: bold;text-align: left;line-height: .76rem;background: linear-gradient(90deg, #FF7B7B, #E087FF, #A4D7FF);border-radius:.2rem .2rem 0 0;}
.privacyHtmlBox .pClose{position: absolute;top: .2rem;right:.2rem;margin: auto;z-index: 10;}
.privacyHtmlBox .pClose i{display: inline-block;width: .28rem;height: .28rem;background-position: -3.65rem -7.17rem;position: relative;}
.privacyHtmlBox .pSure{position: relative;display: block;border: 0;margin: .3rem auto .46rem;width: 3.22rem;height: .68rem;line-height: .68rem;font-size: .32rem;color: #fff;background:linear-gradient(180deg,  #E087FF, #A4D7FF);box-shadow: 0 .03rem .05rem 0 rgba(54,219,221,.3);border-radius: .34rem;}
.privacyHtmlBox>p{text-align: left;font-size: .24rem;color: #333;width: 85%;font-weight: bold;line-height: .32rem;margin:0 auto;}
.privacyMain{position: relative;display: block;width: 5.2rem;height: 4.6rem;border: none;padding: 0 .12rem 0 0;line-height: .42rem;font-size: .24rem;color: #454545;border-radius: .04rem;margin: .12rem auto;overflow: auto;}
.privacyMain p{text-align: left;}
.privacyMain strong{display: block;color: #333;line-height:.52rem;font-size: .24rem; font-weight: bold;text-indent:0em;text-align: left;}
.privacyHtmlBox .pSure::after{content: "";display: block;position: absolute;top: -.78rem;left: -1.2rem;right: 0;margin: auto;width: 5.6rem;height: .5rem;background: linear-gradient(0deg, #fff, rgba(255,255,255,.01));}

/* .feBaBtn{position: absolute;top: .24rem;right: -.12rem;padding-left: .36rem;width: .62rem;text-align: center;height: .48rem;font-size: .2rem;color: #fff;text-align: center;line-height: .38rem;background:url(https://m.bufan.com/m/img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -4.59rem -2.45rem;} */
/* feedback */
.feedBack{position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10;overflow: hidden;overflow-y: auto;width: 100%; height: 100%; max-width: 7.5rem; min-width: 3.2rem; background-color: rgba(0,0,0,.5); }
.feBackBox{position: absolute;padding-top: 1rem;z-index: 5;top: 2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem;text-align: center;background: url(https://m.bufan.com/m/img/fkbg.png) no-repeat;background-size: 100% auto;background-color: #fff;}
.feBackBox .feBaClose{position: absolute;top: .2rem;right:.2rem;margin: auto;z-index: 10;}
.feBackBox .feBaClose i{display: inline-block;width: .28rem;height: .28rem;background-position: -3.65rem -7.17rem;position: relative;}
.feBackBox .fSure,.feSubmit input{position: relative;display: block;border: 0;margin: .35rem auto .46rem;width: 3.22rem;height: .68rem;line-height: .68rem;font-size: .32rem;color: #fff;background: linear-gradient(0deg, #19D0F2, #42DFD5);box-shadow: 0 .03rem .05rem 0 rgba(54,219,221,0.3);border-radius: .34rem;}
.feBack{margin: 0 .59rem .25rem;}
.feBack>span{font-size: .28rem;color: #000;margin: .16rem auto;display: block;text-align: left;}
.feBack .info{display: flex;flex-wrap: wrap;}
.feBack .info p{font-size: .24rem;color: #333;line-height: .88rem;}
.otherRe {border-radius: .04rem;overflow: hidden;}
.otherRe textarea{ width: 5.5rem;height: .8rem;border: none;resize:none;background: #F6F6F6;padding: .2rem;font-size: .2rem;color: #999;}
.checkbox {position: relative;display: block;width: 100%;height: .62rem;line-height: .62rem;margin-bottom: .02rem;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: .2rem;height: .36rem;opacity: 0;}
.checkbox label {position: absolute;left: .46rem;top: 0;height: .36rem;line-height: .36rem;max-width: 5rem;font-size: .22rem;color: #666;padding:.12rem 0;text-align: left;}
.checkbox label:after {content: '';position: absolute;left: -.42rem;top: .14rem;display: block;width: .28rem;height: .28rem;border: .02rem solid #ccc;border-radius: 50%;}
.checkbox input[type='checkbox']:checked + label:after {background:url(https://m.bufan.com/m/img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -4.13rem -7.17rem;border: 0;width: .3rem;height: .3rem;}
.telBox{overflow: hidden;background-color: #f6f6f6;border-radius: .04rem;}
.telBox input{display: block;border: none;padding:0 .2rem;width: 5.5rem;height: .66rem;line-height: .66rem;background-color: #f6f6f6;font-size: .22rem;color: #999;}
.telBox input::-webkit-input-placeholder {color: #999;font-size: .2rem;}
.telBox input:-moz-placeholder { color: #999;font-size: .2rem;}
.telBox input::-moz-placeholder { color: #999;font-size: .2rem;}
.telBox input:-ms-input-placeholder { color: #999;font-size: .2rem;}