@charset "UTF-8";
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer { margin: 0; padding: 0; }

body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px; color: #202020; font-size: 0.24rem; }

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

img { vertical-align: middle; border: 0; -webkit-tap-highlight-color: transparent; }

em, i { font-style: normal; }

img { max-width: 100%; border: 0; }

input:focus { outline: 0; }

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

ol, ul, li { list-style: none; }

textarea { resize: none; }

a { text-decoration: none; color: #333; }

.cf:after { content: ' '; display: block; height: 0; clear: both; visibility: hidden; }

.cf { min-height: 1%; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none; }

.show { display: block; }

.ellipsis { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }

.break { word-break: break-all; word-wrap: break-word; }

.hidden { overflow: hidden; }

html { font-size: 100px; font-size: 13.33333vw; }

@media screen and (max-width: 320px) { html { font-size: 42.66667px; font-size: 13.33333vw; } }

@media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } }

@media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } }

@media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } }

@media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93333px; font-size: 13.33333vw; } }

@media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } }

@media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } }

@media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } }

@media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33333px; font-size: 13.33333vw; } }

@media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } }

@media screen and (min-width: 721px) and (max-width: 750px) { html { font-size: 100px; font-size: 13.33333vw; } }

@media screen and (min-width: 751px) { html { font-size: 100px; } }

@media screen and (min-width: 751px) { html { font-size: 100px; }
  body { width: 750px; margin: 0 auto; } }

.page { position: relative; width: 100%; background: url(../images/body.jpg) center top repeat-y; background-size: 7.5rem 74.7rem; overflow: hidden; }

.userinfobox { height: 1.2rem; position: absolute; left: 0.2rem; top: 2.04rem; }

.userinfobox .hdtp { font-size: 0.2rem; color: #87b8b2; }

.userinfobox .hduser { display: flex; }

.userinfobox .hduser img { width: 0.84rem; height: 0.84rem; border-radius: 50%; margin-right: 0.12rem; }

.userinfobox .hduser .username-score { flex: 1; }

.userinfobox .hduser .username-score p { max-width: 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.22rem; }

.userinfobox .hduser .username-score div { display: flex; margin: 0.08rem 0 0 0; }

.userinfobox .hduser .username-score div em { padding: 0 0.08rem; background: #87b8b2; text-align: center; color: #fff; border-radius: 0.04rem; margin-right: 0.15rem; height: 0.32rem; line-height: 0.32rem; }

.header { position: relative; width: 100%; height: 15.18rem; background: url(../images/header.png?v=2) no-repeat; background-size: 100% 15.18rem; overflow: hidden; }

.header .rulebtn { width: 1.1rem; height: 0.53rem; line-height: 0.53rem; padding-top: 0.15rem; font-size: 0.24rem; color: #1e3c3a; position: absolute; background: url("../images/rulebtn.png") no-repeat; background-size: 100% 100%; right: 0.33rem; top: 2.24rem; text-align: center; }

.header .pathbox { margin-top: 3.8rem; height: 9.22rem; position: relative; }

.header .pathbox .itemb { width: 3.6rem; height: 3.6rem; position: absolute; }

.header .pathbox .itemb.warn-icon:before { width: .55rem; height: .72rem; background: url("../images/warn_icon.png") no-repeat; background-size: 100% 100%; position: absolute; content: ''; right: .3rem; top: .3rem; animation: simpleFloat 2s ease-in-out infinite; }

.header .pathbox .itemb.item1 { left: 0.6rem; top: 0; }

.header .pathbox .itemb.item1:before { right: .7rem; top: .2rem; }

.header .pathbox .itemb.item2 { right: 00rem; top: 1.28rem; }

.header .pathbox .itemb.item3 { left: 0.6rem; top: 2.86rem; }

.header .pathbox .itemb.item4 { right: 0; top: 4.8rem; }

.header .pathbox .itemb.item5 { left: 0.4rem; top: 5.9rem; }

.header .pathbox .itemb img { display: block; }

.header .pathbox .itemb img:last-child { display: none; }

.header .pathbox .itemb.active img { display: none; }

.header .pathbox .itemb.active img:last-child { display: block; }

.hdbtns { display: flex; justify-content: space-evenly; margin: 0.2rem 0.3rem; }

.hdbtns span { width: 2.22rem; height: 0.96rem; text-indent: -9999px; background: url("../images/hdbtn.png") no-repeat; background-size: 6.96rem 0.96rem; }

.hdbtns span:first-child { background-position: 0 0; }

.hdbtns span:nth-child(2) { background-position: -2.22rem 0; width: 2.52rem; }

.hdbtns span:last-child { background-position: -4.72rem 0; }

.m1 { height: 16.1rem; background: url("../images/m1.png") no-repeat center top; background-size: 7.3rem 16.1rem; width: 7.3rem; margin: 0 auto; overflow: hidden; }

.m1 .m1tips { padding: 0 0.4rem 0; color: #8f5726; height: 0.7rem; margin-top: 1.18rem; }

.m1 .m1tips span { color: #ff7641; }

.m1 .numb { width: 3rem; height: 0.6rem; line-height: 0.6rem; margin: 0.3rem auto 0; text-align: center; color: #ffefa9; }

.m1 .numb i { font-size: 0.32rem; color: #ffe536; }

.m1 .mangheul { width: 6.1rem; height: 7.25rem; margin: 0.14rem auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

.m1 .mangheul li { width: 1.94rem; height: 2.28rem; display: flex; align-items: center; justify-content: center; }

.m1 .mangheul li img { width: 1.84rem; height: 2.12rem; transition: all 0.1s; }

.m1 .mangheul li.active img { transform: scale(1.1); }

.m1 .mbtn { height: 1.04rem; width: 6.08rem; display: flex; justify-content: space-between; margin: 0 auto; }

.m1 .mbtn .mbtn1 { width: 2rem; height: 1.04rem; }

.m1 .mbtn .mbtn2 { width: 3.87rem; height: 1.04rem; }

.m1 .giftlist { width: 6.07rem; height: 1.74rem; margin: 1.06rem auto 0; overflow: hidden; }

.m1 .giftlist li { width: 1.7rem; height: 1.74rem; background: url("../images/prizebg.png") no-repeat center; background-size: 100%; overflow: hidden; float: left; margin-left: 0.17rem; }

.m1 .giftlist li div { width: 1.36rem; height: 0.98rem; margin: 0.1rem auto 0; display: flex; align-items: center; justify-content: center; }

.m1 .giftlist li div img { height: 0.8rem; }

.m1 .giftlist li p { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color: #9f6533; font-size: 0.22rem; height: .68rem; margin: .02rem .08rem; line-height: .3rem; white-space: wrap; }

.m1 .btns { width: 100%; display: flex; align-items: center; justify-content: center; margin: 0.2rem auto 0; }

.m1 .btns a { width: 2.6rem; height: 0.67rem; display: block; line-height: 999px; overflow: hidden; background-repeat: no-repeat; background-size: 100% 100%; margin: 0 0.13rem; }

.m1 .btns a.morea { background-image: url(../images/btn-more-reward.png); }

.m1 .btns a.change { background-image: url(../images/btn-change-yb.png); }

.m2 { margin: 0.5rem auto 0; width: 7.3rem; height: 13.4rem; background: url("../images/m2.png?v=3") no-repeat center top; background-size: 100%; overflow: hidden; position: relative; }

.m2 .rulebtns { width: 1.08rem; height: 0.34rem; background: #ffd949; color: #9c6d37; border-radius: 0.08rem; text-align: center; font-size: 0.22rem; line-height: .36rem; overflow: hidden; position: absolute; right: 0.7rem; top: 1.36rem; }

.m2 .ranktop3 { width: 6.08rem; height: 4rem; background: url("../images/ranktop3bg.png") no-repeat center bottom; background-size: 6.06rem 3.57rem; margin: 1.82rem auto 0; position: relative; }

.m2 .ranktop3 img { width: 1.03rem; height: 1.03rem; border-radius: 50%; display: block; margin: 0.13rem 0 0 0.09rem; }

.m2 .ranktop3 .top1 { width: 2rem; height: 3.96rem; position: absolute; left: 2.04rem; top: 0; }

.m2 .ranktop3 .top1 .hd { background: url("../images/top1bg.png") no-repeat center; background-size: 100% 100%; }

.m2 .ranktop3 .top2 { width: 2rem; height: 3.3rem; position: absolute; left: 0rem; top: 0.6rem; }

.m2 .ranktop3 .top2 .hd { background: url("../images/top2bg.png") no-repeat center; background-size: 100% 100%; }

.m2 .ranktop3 .top2 .score { padding-top: 0.8rem; }

.m2 .ranktop3 .top3 { width: 2rem; height: 3.3rem; position: absolute; right: 0rem; top: 0.6rem; }

.m2 .ranktop3 .top3 .hd { background: url("../images/top3bg.png") no-repeat center; background-size: 100% 100%; }

.m2 .ranktop3 .top3 .score { padding-top: 0.8rem; }

.m2 .ranktop3 .score { padding-top: 1.1rem; text-align: center; }

.m2 .ranktop3 .score div i { font-size: 0.3rem; font-weight: bold; }

.m2 .ranktop3 .score p { font-size: 0.2rem; }

.m2 .ranktop3 .useravinfo { width: 1.7rem; height: 1.7rem; margin: 0 auto; }

.m2 .ranktop3 .useravinfo .hd { width: 1.16rem; height: 1.24rem; margin: 0 auto; overflow: hidden; }

.m2 .ranktop3 .useravinfo p { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.1rem; }

.m2 .rklistbox { background: #f8d599; width: 6.08rem; height: 6.9rem; border-radius: 0.08rem; margin: -0.1rem auto 0; position: relative; z-index: 2; }

.m2 .rklistbox ul { width: 5.58rem; height: 5.25rem; margin: 0 auto; overflow: hidden; }

.m2 .rklistbox ul li { height: 0.6rem; padding: 0.1rem 0.2rem; box-sizing: border-box; border-radius: 0.15rem; background-color: #f9d8a0; margin-top: 0.13rem; display: flex; align-items: center; justify-content: space-between; }

.m2 .rklistbox ul li em { width: 0.5rem; overflow: hidden; font-size: 0.26rem; text-align: center; }

.m2 .rklistbox ul li p { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 3.3rem; }

.m2 .rklistbox ul li p img { width: 0.38rem; height: 0.38rem; border-radius: 50%; margin-right: 0.12rem; background-color: #807462; }

.m2 .rklistbox ul li p i { flex: 1; /* 占据剩余空间 */ min-width: 0; /* 关键：允许flex项目缩小到0 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m2 .rklistbox ul li span { color: #af5d17; font-size: 0.26rem; max-width: 1rem; white-space: nowrap; }

.m2 .rklistbox .myselfrk { position: relative; height: 0.74rem; width: 5.86rem; margin: 0rem auto 0; }

.m2 .rklistbox .myselfrk::after { content: ''; width: 7.2rem; height: 0.94rem; background: url("../images/myselfbg.png") no-repeat center; z-index: -1; position: absolute; left: -0.68rem; top: -0.18rem; background-size: 100%; }

.m2 .rklistbox .myselfrk .rkinner { padding: 0 0.23rem; color: #f9f6d0; height: 100%; display: flex; align-items: center; justify-content: space-between; }

.m2 .rklistbox .myselfrk .rkinner em { width: 0.7rem; font-weight: bold; text-align: center; }

.m2 .rklistbox .myselfrk .rkinner p { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 3.6rem; }

.m2 .rklistbox .myselfrk .rkinner p img { width: 0.38rem; height: 0.38rem; border-radius: 50%; margin-right: 0.12rem; background-color: #807462; }

.m2 .rklistbox .myselfrk .rkinner p i { flex: 1; /* 占据剩余空间 */ min-width: 0; /* 关键：允许flex项目缩小到0 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m2 .rklistbox .rkpage { margin: 0.18rem auto 0; display: flex; align-items: center; justify-content: space-evenly; user-select: none; }

.m2 .rklistbox .rkpage span { background: #eec070; width: 0.92rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.16rem; text-align: center; color: #8c5c32; font-size: 0.26rem; font-weight: bold; }

.m2 .rklistbox .rkpage em { width: 0.6rem; height: 0.46rem; background: url("../images/prevnext.png") no-repeat 0 0; background-size: 1.4rem 0.46rem; text-align: center; font-weight: bold; color: #8c5c32; line-height: 0.46rem; font-size: 0.26rem; }

.m2 .rklistbox .rkpage em.disabled { background-position: -0.8rem 0; color: #fff; }

.m2 .rklistbox .rkpage p { width: 1.14rem; height: 0.46rem; line-height: 0.46rem; background: #fbca76; border-radius: 0.1rem; text-align: center; font-size: 0.26rem; font-weight: bold; color: #8c5c32; }

.m3 { width: 7.3rem; height: 16.54rem; margin: 0.5rem auto 0; background: url("../images/m3.png") no-repeat center top; background-size: 100%; overflow: hidden; }

.video-container { width: 6.1rem; height: 3.74rem; margin: 2rem auto 0; overflow: hidden; box-sizing: border-box; }

.video-container .post::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url("../images/play_icon.png") no-repeat center; background-size: 0.88rem 0.88rem; }

.video-container .video-box { width: 100%; height: 100%; overflow: hidden; background: #000; border-radius: 0.2rem; }

.video-container .video-box .video-js, .video-container .video-box video { width: 100%; height: 100%; display: block; object-fit: cover; }

.swiper-container .swiper-wrapper { height: 100%; }

.swiper-container .swiper-wrapper .swiper-slide { height: 3.74rem; }

.swiper-container .swiper-wrapper .swiper-slide .video-box { width: 100%; height: 100%; overflow: hidden; }

.swiper-container .swiper-wrapper .swiper-slide .video-box video { width: 100%; height: 100%; object-fit: cover; display: block; }

.video-container-wrapper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; }

.swiper-pagination-bullet { vertical-align: top; }

.vjs-poster { background-size: cover; }

.poster-img { width: 100%; height: 100%; position: relative; }

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

.poster-img .play-icon { width: 0.76rem; height: 0.76rem; position: absolute; top: 50%; left: 50%; margin: -0.38rem 0 0 -0.38rem; background: url("../images/videoicon.png") no-repeat center center; background-size: 100% 100%; }

.video-js .vjs-big-play-button { border-radius: 50%; width: 0.88rem; height: 0.88rem; margin: -0.44rem 0 0 -0.44rem; font-size: 0; }

.video-js.vjs-fluid { height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before { width: 0.76rem; height: 0.76rem; position: absolute; top: 50%; left: 50%; margin: -0.38rem 0 0 -0.38rem; background: url("../images/videoicon.png") no-repeat center center; background-size: 100% 100%; content: ''; }

.video-js:hover .vjs-big-play-button { background: none; }

.video-container-wrapper .swiper-pagination { height: 0.1rem; text-align: center; width: 100%; position: absolute; left: 0; bottom: .2rem; }

.swiper-pagination-bullet { background: #bc904b; opacity: 1; transition: width 0.2s; height: 0.08rem !important; width: 0.08rem !important; margin: 0 0.05rem; }

.swiper-pagination-bullet-active { background: #ff7641; opacity: 1; width: 0.28rem !important; border-radius: 0.04rem; }

.video-container-wrapper { padding-bottom: 1.32rem; position: relative; }

.bannerSwiper { width: 6.24rem; height: 4.1rem; margin: 2.4rem auto 0; overflow: hidden; }

.bannerSwiper .swiper-wrapper { width: 100%; height: 3.8rem; }

.bannerSwiper .swiper-wrapper img { border-radius: .2rem; width: 100%; height: 100%; }

.bannerSwiper .swiper-pagination { bottom: -.1rem; }

.append-list { width: 100%; display: flex; align-items: center; justify-content: center; margin: .1rem 0 0; }

.append-list li { width: 1.18rem; height: 2.24rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 0.22rem; }

.append-list li img { width: 1.18rem; height: 1.18rem; }

.append-list li p { margin-top: 0.1rem; color: #8f5726; font-size: 0.28rem; }

.append-list li a { width: 1.06rem; height: 0.44rem; background: url("../images/fbtn1.png") no-repeat center; background-size: 1.06rem 0.44rem; text-align: center; line-height: 0.42rem; color: #fff; display: block; margin: 0.1rem 0 0; font-weight: bold; }

.append-list li a.gray { color: #787878; background: url("../images/fbtn1gray.png") no-repeat center; background-size: 100%; }

.popbox { background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; max-width: 7.5rem; margin: 0 auto; }

.popbox#prizeChangePop { z-index: 999; }

.popbox.show .popcont { animation: pop-ani 0.3s ease-in forwards; }

.popbox#rulePop .popcont { padding-top: 0.1rem; }

.popbox#rulePop .popcont:before { display: none; }

.popbox .pop-tip { text-align: center; color: #858585; padding: 0.2rem 0; }

.popbox .popcont1 { position: absolute; left: 50%; top: 50%; width: 5.96rem; z-index: 2; background: #faf6ed; padding-top: 0.98rem; border-radius: 0.2rem; transform: translate(-50%, -50%); padding: 0.45rem 0.25rem 0.2rem; }

.popbox .popcont1 .pop-close { top: 0.2rem; right: 0.2rem; }

.popbox .pop-text { color: #864734; font-size: 0.3rem; font-weight: bold; line-height: 0.4rem; text-align: center; }

.popbox .pop-close { width: 0.32rem; height: 0.32rem; background: url("../images/popclose.png") no-repeat center; background-size: 0.32rem 0.32rem; position: absolute; right: 0.24rem; top: 0.42rem; z-index: 3; }

.popbox .pop-btn { text-align: center; padding: 0.3rem 0 0.2rem; }

.popbox .pop-btn a { width: 1.54rem; height: 0.59rem; line-height: 0.61rem; font-size: 0.26rem; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 0 0.2rem; }

.popbox .pop-btn a.btn-task { width: 3.75rem; height: 0.88rem; line-height: 999px; background-image: url(../images/p-btn1.png); }

.popbox .pop-btn a.btn-yellow { background-image: url(../images/p-btn2.png); color: #825631; font-size: 0.3rem; width: 2.26rem; height: 0.7rem; line-height: 0.72rem; }

.popbox .pop-btn a.btn-green { background-image: url(../images/p-btn3.png); color: #2e5d5d; }

.popbox .pop-btn a.btn-orange { background-image: url(../images/p-btn4.png); color: #fff; }

.popbox .popcont { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 2; background: #faf6ed; padding-top: 0.98rem; border-radius: 0.2rem 0.2rem 0 0; max-height: 78vh; min-height: 22vh; transform: translate(0, 120%); }

.popbox .popcont::before { content: ''; width: 100%; height: 0.98rem; background: #fcf5ce url("../images/poptop.png") no-repeat left top; background-size: 2.22rem 0.65rem; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 0.2rem 0.2rem 0 0; }

.popbox .popcont .poptit { display: flex; align-items: center; justify-content: center; position: absolute; top: -0.4rem; width: 100%; left: 0; z-index: 2; }

.popbox .popcont .poptit img { height: 1.36rem; }

.popbox .popcont .poptip { height: 0.8rem; line-height: 0.8rem; padding-top: 0.2rem; text-align: center; color: #a5a5a5; font-weight: bold; }

.popbox .popcont .tasklist { margin: 0 0.12rem 0 0.32rem; max-height: 8.6rem; overflow: hidden; overflow-y: auto; padding-right: 0.2rem; }

.popbox .popcont .tasklist li { background: #fdf3cc url("../images/libg.png") repeat; background-size: 7.08rem 1.62rem; display: flex; justify-content: space-between; padding: 0.23rem; box-sizing: border-box; height: 1.78rem; margin-bottom: 0.23rem; border-radius: 0.12rem; }

.popbox .popcont .tasklist li .task-info { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; width: 4.28rem; justify-content: space-around; }

.popbox .popcont .tasklist li .task-info p { font-size: 0.28rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }

.popbox .popcont .tasklist li .task-info span { color: #f98c4e; margin-bottom: 0.1rem; }

.popbox .popcont .tasklist li .task-gets { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; justify-content: space-around; align-content: flex-end; align-items: flex-end; }

.popbox .popcont .tasklist li .task-gets .gsbox { display: flex; align-items: center; margin-bottom: 0.1rem; }

.popbox .popcont .tasklist li .task-gets .gsbox i { color: #a8a8a7; font-size: 0.22rem; font-weight: bold; }

.popbox .popcont .tasklist li .task-gets em { width: 1.12rem; height: 0.14rem; background: #a8a8a7; border-radius: 0.1rem; margin-left: 0.1rem; margin-top: 0.06rem; overflow: hidden; }

.popbox .popcont .tasklist li .task-gets em b { background: #f78549; display: block; height: 100%; border-radius: 0.1rem; }

.popbox .popcont .tasklist li .task-gets span { width: 1.54rem; height: 0.58rem; line-height: 0.58rem; background: url("../images/getbtns.png") no-repeat 0 0; text-align: center; background-size: 1.54rem 2.14rem; border-radius: 0.12rem; color: #fff; font-size: 0.28rem; margin-top: 0.06rem; }

.popbox .popcont .tasklist li .task-gets span.blue { background-position: 0 -0.78rem; color: #2e5d5d; }

.popbox .popcont .tasklist li .task-gets span.gray { background-position: 0 -1.56rem; color: #949494; }

.popbox .p-share { width: 100%; display: flex; align-items: center; justify-content: center; padding: 0.3rem 0; }

.popbox .p-share li { width: 0.96rem; line-height: 0.4rem; text-align: center; color: #999999; margin: 0 0.2rem; }

.popbox .p-share li img { width: 0.96rem; }

.popbox .pop-change-list { width: 100%; display: flex; flex-wrap: wrap; padding: 0 0.3rem; max-height: 7.5rem; overflow: hidden; overflow-y: auto; margin-bottom: .2rem; }

.popbox .pop-change-list li { width: 3.38rem; height: 3.56rem; background: #fceec2; border: 0.02rem solid #faf8db; border-radius: 0.2rem; margin: 0 0.05rem 0.2rem; padding: 0.15rem; box-sizing: border-box; }

.popbox .pop-change-list li .change-name { height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #5c461c; font-size: 0.28rem; font-weight: bold; }

.popbox .pop-change-list li .img { height: 1.95rem; display: flex; align-items: center; justify-content: center; }

.popbox .pop-change-list li .img img { max-width: 100%; max-height: 100%; object-fit: contain; }

.popbox .pop-change-list li .btn-change { width: 1.52rem; height: 0.56rem; line-height: 999px; background: url(../images/btn-change.png) no-repeat; background-size: 100%; display: block; margin: 0 auto; overflow: hidden; }

.popbox .pop-change-list li .btn-change.has { background-image: url(../images/btn-detail.png); }

.popbox .pop-change-list li .btn-change.no { background-image: url(../images/btn-change-no.png); }

.popbox .pop-change-list li .btn-detail { width: 1.52rem; height: 0.56rem; line-height: 999px; background: url(../images/btn-detail.png) no-repeat; background-size: 100%; display: block; margin: 0 auto; overflow: hidden; }

.popbox .pop-change-head { height: 0.8rem; padding: 0.23rem 0.38rem; }

.popbox .pop-change-head p { height: 0.4rem; line-height: 0.4rem; overflow: hidden; }

.popbox .pop-change-head p.head-tit { font-weight: bold; color: #363636; font-size: 0.3rem; }

.popbox .pop-change-head p.head-ins { color: #5f5f5f; font-size: 0.24rem; }

.popbox .pop-change-head p.head-ins span { color: #f6762a; }

.gamedownloadbox { margin: 0 0.12rem 0 0.32rem; padding-right: 0.2rem; overflow: hidden; max-height: 8.6rem; overflow-y: auto; }

.gamedownloadbox .gboxitem { margin-bottom: 0.1rem; }

.gamedownloadbox .gboxitem .gbhd { display: flex; align-items: center; justify-content: space-between; height: 0.8rem; padding: 0.2rem 0; }

.gamedownloadbox .gboxitem .gbhd .gbl { height: 0.8rem; }

.gamedownloadbox .gboxitem .gbhd p { height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 0.3rem; font-weight: bold; }

.gamedownloadbox .gboxitem .gbhd .tit { color: #363636; font-size: 0.3rem; font-weight: bold; }

.gamedownloadbox .gboxitem .gbhd .ins { color: #5f5f5f; font-size: 0.24rem; }

.gamedownloadbox .gboxitem .gbhd .ins span { color: #f6762a; }

.gamedownloadbox .gboxitem .gbhd .order-btn { width: 1.82rem; height: 0.62rem; background: url("../images/orderbtn.png") no-repeat center; background-size: 1.82rem 0.62rem; overflow: hidden; line-height: 999px; }

.gamedownloadbox .gboxitem .gbhd .order-btn.has { background-image: url(../images/orderbtn1.png); }

.gamedownloadbox .gboxitem .gbhd .order-btn.get { background-image: url(../images/orderbtn2.png); }

.gamedownloadbox .gboxitem ul li { background: #fdf3cc url("../images/libg.png") repeat; background-size: 7.08rem 1.62rem; display: flex; justify-content: space-between; padding: 0.15rem; box-sizing: border-box; min-height: 1.93rem; margin-bottom: 0.23rem; border-radius: 0.12rem; }

.gamedownloadbox .gboxitem ul li .gameinfo { flex: 1; }

.gamedownloadbox .gboxitem ul li .gametxt { padding-left: 1.333rem; position: relative; height: 1.2rem; width: 4.8rem; box-sizing: border-box; }

.gamedownloadbox .gboxitem ul li .gametxt img { width: 1.2rem; height: 1.2rem; border-radius: 0.24rem; position: absolute; left: 0; top: 0; background-color: #fbb760; }

.gamedownloadbox .gboxitem ul li .gametxt .gname { font-size: 0.3rem; font-weight: bold; max-width: 100%; overflow: hidden; }

.gamedownloadbox .gboxitem ul li .gametxt .typetime { margin-top: 0.12rem; color: #414141; }

.gamedownloadbox .gboxitem ul li .gtxt { color: #7c7c7c; margin-top: 0.2rem; word-break: break-all; }

.gamedownloadbox .gboxitem ul li .gamebtns { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; justify-content: space-between; align-content: flex-end; align-items: flex-end; }

.gamedownloadbox .gboxitem ul li .gamebtns span { width: 1.54rem; height: 0.58rem; line-height: 0.58rem; background: url("../images/getbtns.png") no-repeat 0 0; text-align: center; background-size: 1.54rem 2.14rem; border-radius: 0.12rem; color: #fff; font-size: 0.28rem; margin-top: 0.06rem; }

.gamedownloadbox .gboxitem ul li .gamebtns span b { font-weight: normal; font-size: 0.2rem; margin-left: 0.05rem; }

.gamedownloadbox .gboxitem ul li .gamebtns span.blue { background-position: 0 -0.78rem; color: #2e5d5d; }

.gamedownloadbox .gboxitem ul li .gamebtns span.blue b { color: #839d9b; }

.gamedownloadbox .gboxitem ul li .gamebtns span.gray { background-position: 0 -1.56rem; color: #949494; }

.gamedownloadbox .gboxitem ul li .gamebtns em { text-align: center; width: 1.45rem; color: #635d42; font-size: 0.26rem; margin-top: 0.1rem; }

.ckmore { width: 1.3rem; display: flex; text-align: center; font-size: 0.22rem; font-weight: bold; color: #747474; margin: 0 auto; align-items: center; user-select: none; }

.ckmore.on i { transform: rotate(180deg); }

.ckmore i { width: 0.26rem; height: 0.16rem; background: url("../images/moreicon.png") no-repeat center; background-size: 100%; }

.contenttab { padding: 0 0.35rem; height: 0.84rem; display: flex; }

.contenttab span { padding: 0 0.25rem; line-height: 0.84rem; position: relative; font-size: 0.32rem; font-weight: bold; color: #534d33; }

.contenttab span.active::before { content: ''; width: 0.66rem; height: 0.1rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; border-radius: 0.05rem; background: #ffbc48; }

.contentMain { padding: 0 0.25rem; height: 8.5rem; overflow: hidden; overflow-y: auto; }

.contentMain .qrcodebox { background: #fdf3cc url(../images/libg.png) repeat; background-size: 7.08rem 1.62rem; padding: 0.2rem 0.38rem; margin-top: 0.2rem; border-radius: 0.2rem; position: relative; }

.contentMain .qrcodebox .get-jfen { width: 2.44rem; height: 0.73rem; border-radius: 0.2rem; background: rgba(27, 27, 26, 0.6); display: flex; align-items: center; justify-content: center; color: #faf6ed; font-size: 0.26rem; font-weight: bold; margin: 0 auto -0.6rem; }

.contentMain .qrcodebox .uname { display: flex; align-items: center; justify-content: center; padding: 0.2rem 0; }

.contentMain .qrcodebox .uname p { max-width: 4rem; white-space: nowrap; font-size: 0.28rem; color: #444024; text-overflow: ellipsis; overflow: hidden; }

.contentMain .qrcodebox .uname img { width: 0.36rem; height: 0.36rem; border-radius: 50%; background-color: #fbb760; margin-right: 0.1rem; }

.contentMain .qrcodebox::before { width: 0.67rem; height: 0.68rem; background: url("../images/icons.png") no-repeat center; background-size: 100%; content: ''; position: absolute; right: -0.2rem; top: -0.2rem; }

.contentMain .qrcodebox .qcodetit { display: flex; align-items: center; justify-content: center; }

.contentMain .qrcodebox .qcodetit img { height: 0.72rem; }

.contentMain .qrcodebox .pptx { text-align: center; font-size: 0.24rem; color: #b08171; line-height: 0.4rem; }

.contentMain .qrcodebox .pptx i { color: #f9894c; }

.contentMain .qrcodebox .sharecode { width: 3.75rem; height: 0.88rem; background: url("../images/sharecode.png") no-repeat center; background-size: 100%; margin: 0.2rem auto 0; }

.contentMain .qrcodebox .helpfriend { width: 3.75rem; height: 0.88rem; background: url("../images/helpfriend.png") no-repeat center; background-size: 100%; margin: 0.2rem auto 0; }

.contentMain .qrcodebox .codetxtinput { border: 0.01rem solid #f3d8c0; border-radius: 0.12rem; height: 0.62rem; line-height: 0.62rem; align-items: center; justify-content: center; color: #864734; font-weight: bold; font-size: 0.3rem; margin-top: 0.1rem; background: #fafbe9; display: block; width: 100%; text-align: center; }

.contentMain .qrcodebox .codetxtinput::placeholder { color: #dadada; }

.contentMain .qrcodebox .codetxt { border: 0.01rem solid #f3d8c0; border-radius: 0.12rem; height: 0.62rem; line-height: 0.62rem; display: flex; align-items: center; justify-content: center; color: #864734; font-weight: bold; font-size: 0.3rem; margin-top: 0.1rem; background: #fafbe9; }

.contentMain .qrcodebox .codetxt em { width: 0.25rem; height: 0.25rem; background: url("../images/copyicon.png") no-repeat center; background-size: 100%; margin-left: 0.12rem; margin-top: 0.02rem; }

.myneitui .ttitle { font-size: 0.3rem; font-weight: bold; color: #363636; height: 0.94rem; line-height: 0.94rem; }

.myneitui .ttitle .neituicon .nonedata { text-align: center; }

.myneitui .nonedata { width: 3.5rem; height: 2.8rem; text-align: center; background: url("../images/monkey.png") no-repeat center top; background-size: 100%; color: #cdcbc3; font-size: 0.28rem; box-sizing: border-box; padding-top: 2.55rem; margin: 0.2rem auto; }

.myneitui .neituicon li { background: #fdf3cc url(../images/libg.png) repeat; background-size: 7.08rem 1.62rem; margin-bottom: 0.18rem; border-radius: 0.2rem; padding: 0.25rem; position: relative; }

.myneitui .neituicon li .tag { position: absolute; right: 0.2rem; top: 0.2rem; color: #f6762a; font-size: 0.26rem; }

.myneitui .neituicon li .uname { display: flex; align-items: center; width: 4.5rem; }

.myneitui .neituicon li .uname p { width: 4rem; white-space: nowrap; font-size: 0.28rem; color: #444024; }

.myneitui .neituicon li .uname img { width: 0.36rem; height: 0.36rem; border-radius: 50%; background-color: #fbb760; margin-right: 0.1rem; }

.myneitui .neituicon li .newerinfo { margin-top: 0.25rem; color: #888468; font-size: 0.28rem; position: relative; }

.myneitui .neituicon li .newerinfo i { color: #4da0a1; }

.myneitui .neituicon li .nget { width: 1.82rem; height: 0.7rem; line-height: 0.7rem; background: url("../images/neget.png") no-repeat center; background-size: 100%; color: #825631; font-size: 0.3rem; position: absolute; right: 0; bottom: 0; text-align: center; user-select: none; }

.myneitui .neituicon li .nget.has { background-image: url(../images/neget-has.png); color: #949494; }

.prizebox .address-btn { color: #363636; font-size: 0.3rem; margin: 0.2rem 0.35rem 0; display: inline-block; vertical-align: top; font-weight: bold; text-decoration: underline; }

.prizebox .pztips { height: 0.5rem; line-height: 0.5rem; border-radius: 0.2rem; background: rgba(0, 0, 0, 0.6); text-align: center; margin: 0.2rem auto 0; width: 6.4rem; color: #fff; font-size: 0.22rem; overflow: hidden; }

.prizebox .pztips i { width: 0.2rem; height: 0.2rem; line-height: 0.2rem; color: #fff; border-radius: 50%; display: inline-block; border: 0.01rem solid #fff; margin-right: 0.1rem; vertical-align: inherit; font-size: 0.2rem; }

.prizebox .pztips em { vertical-align: top; display: inline-block; }

.prizebox ul { margin: 0.2rem 0.12rem 0 0.32rem; padding-right: 0.2rem; overflow: hidden; overflow-y: auto; max-height: 8rem; }

.prizebox ul li { background: #fdf3cc url("../images/libg.png") repeat; background-size: 7.08rem 1.62rem; display: flex; flex-direction: column; justify-content: space-between; padding: 0.15rem; box-sizing: border-box; min-height: 1.2rem; margin-bottom: 0.23rem; border-radius: 0.12rem; }

.prizebox ul li.nobind { border: 0.04rem solid #f9a97c; }

.prizebox ul li .prizeinfo { display: flex; justify-content: space-between; }

.prizebox ul li .prizeinfo .pleft { display: flex; }

.prizebox ul li .prizeinfo .pleft img { width: 1rem; height: 1rem; border-radius: 0.1rem; margin-right: 0.18rem; flex-shrink: 0; background: #ffbc48; object-fit: contain; box-sizing: border-box; }

.prizebox ul li .prizeinfo .pleft .txtinfo { flex: 1; height: 1rem; }

.prizebox ul li .prizeinfo .pleft .txtinfo .codekey { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 2.8rem; color: #358b8c; }

.prizebox ul li .prizeinfo .pleft .txtinfo p { color: #7c7c7c; }

.prizebox ul li .prizeinfo .pleft .txtinfo .name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: .64rem; margin-top: .05rem; line-height: .32rem; text-overflow: ellipsis; word-break: break-all; font-size: 0.3rem; font-weight: bold; color: #3c3820; width: 2.8rem; }

.prizebox ul li .btns { width: 2.26rem; height: 0.59rem; line-height: 0.59rem; text-align: center; background: url("../images/btns.png") no-repeat 0 0; background-size: 2.26rem 2.48rem; color: #fff; user-select: none; margin-top: 0.12rem; font-size: 0.26rem; }

.prizebox ul li .btns.blue { background-position: 0 -0.64rem; }

.prizebox ul li .btns.yellow { background-position: 0 -1.9rem; color: #825631; }

.prizebox ul li .btns.gray { background-position: 0 -1.27rem; color: #949494; }

.prizebox ul li .ptt { color: #7c7c7c; margin-top: 0.16rem; }

.nonedata { width: 4.16rem; min-height: 4rem; text-align: center; background: url("../images/lion.png") no-repeat center top; background-size: 100%; color: #cdcbc3; font-size: 0.28rem; box-sizing: border-box; padding-top: 3.6rem; margin: 0.2rem auto; }

.prizetab { height: 0.85rem; display: flex; align-items: center; justify-content: center; }

.prizetab span { width: 1.64rem; position: relative; height: 0.58rem; line-height: 0.6rem; font-size: 0.32rem; color: #a9a69c; font-weight: bold; margin: 0 0.4rem; text-align: center; }

.prizetab span.active { background: url(../images/ptab-a-on.png) no-repeat; background-size: 100% 100%; color: #fff; }

.prizelist { margin: 0.15rem 0.12rem 0 0.32rem; padding-right: 0.2rem; overflow: hidden; overflow-y: auto; height: 8.54rem; }

.prizelist li { width: 3.25rem; height: 3.27rem; background: url("../images/prizebg3.png") no-repeat center; background-size: 100%; margin-bottom: 0.2rem; }

.prizelist li:nth-child(odd) { float: left; }

.prizelist li:nth-child(even) { float: right; }

.prizelist li div { height: 2rem; padding: 0.1rem 0.17rem; display: flex; align-items: center; justify-content: center; }

.prizelist li div img { height: 1.44rem; }

.prizelist li p { margin: 0.14rem 0.2rem; display: flex; align-items: center; justify-content: center; height: .72rem; }

.prizelist li p i { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .3rem; line-height: .36rem; text-overflow: ellipsis; word-break: break-all; text-align: center; }

.prizemain .prizelist:last-child li { background: url("../images/prizebg2.png") no-repeat center; background-size: 100%; }

.total-scorebox { margin: 0.2rem 0.32rem; background: #fefbb2; border-radius: 0.1rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.25rem; height: 0.58rem; }

.total-scorebox .div1 { display: flex; color: #956e2b; }

.total-scorebox .div1 p { margin-right: 0.3rem; }

.total-scorebox .div2 { color: #f9884b; }

.scorelist { margin: 0.25rem 0.12rem 0 0.32rem; height: 8.48rem; overflow: hidden; padding-right: 0.2rem; overflow-y: auto; }

.scorelist li { background: #fdf3cc url(../images/libg.png) repeat; background-size: 7.08rem 1.62rem; margin-bottom: 0.21rem; border-radius: 0.2rem; padding: 0.24rem; display: flex; align-items: center; justify-content: space-between; }

.scorelist li .scoreinfo { flex: 1; }

.scorelist li .scoreinfo p { font-size: 0.28rem; color: #3c3820; font-weight: bold; }

.scorelist li .scoreinfo em { color: #7c7c7c; }

.scorelist li .scorebt { flex-shrink: 0; width: 1.55rem; height: 0.58rem; line-height: 0.58rem; background: url("../images/scorebtn.png") no-repeat center; text-align: center; background-size: 100%; color: #fff; }

.ruletit { height: 0.72rem; line-height: 0.72rem; padding-top: 0.3rem; text-align: center; font-size: 0.32rem; font-weight: bold; }

.ruletxt { margin: 0 0.3rem 0.2rem 0.5rem; padding-right: 0.2rem; overflow: hidden; overflow-y: auto; max-height: 6.6rem; text-align: justify; }

.ruletxt p { line-height: 0.36rem; margin-bottom: 0.25rem; color: #383838; }

.ruletxt a, .ruletxt span, .ruletxt em { color: #f9894c; }

.ruletxt a { text-decoration: underline; }

.pop-rule { width: 6.03rem; background: #fff; border-radius: 0.3rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 200; color: #383838; }

.pop-rule .surebtn { width: 100%; height: 1rem; line-height: 1rem; text-align: center; color: #f9894c; border-top: 0.01rem solid #e3e1e1; font-size: 0.32rem; font-weight: bold; user-select: none; }

.poptoast { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.poptoast span { padding: 0 0.4rem; height: 0.75rem; line-height: 0.75rem; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 0.2rem; display: block; font-size: 0.26rem; font-weight: bold; }

.first-comic-box { position: fixed; left: 0; top: 0; bottom: 0; right: 0; height: 100vh; width: 100vw; z-index: 999; background: #fff; }

.first-comic-box .comicpage1, .first-comic-box .comicpage2, .first-comic-box .comicpage3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; cursor: pointer; overflow: hidden; justify-content: center; align-items: center; background: #fff; }

.first-comic-box .comicpage1 .i3, .first-comic-box .comicpage2 .i3, .first-comic-box .comicpage3 .i3 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; animation: opacity 0.5s ease-in forwards; }

.first-comic-box .comicpage1 .i3 img, .first-comic-box .comicpage2 .i3 img, .first-comic-box .comicpage3 .i3 img { object-fit: cover; }

.first-comic-box .comicpage1 .i4, .first-comic-box .comicpage2 .i4, .first-comic-box .comicpage3 .i4 { opacity: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 2; left: 0%; top: 0%; animation: opacity 0.5s ease-in 0.5s forwards; }

.first-comic-box .comicpage1 .i4 img, .first-comic-box .comicpage2 .i4 img, .first-comic-box .comicpage3 .i4 img { margin-top: -26%; width: 7.5rem; height: 6.24rem; }

.first-comic-box .comicpage1 p, .first-comic-box .comicpage2 p, .first-comic-box .comicpage3 p { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }

.first-comic-box .comicpage1 p.i1, .first-comic-box .comicpage2 p.i1, .first-comic-box .comicpage3 p.i1 { animation: opacity 0.5s ease-in forwards; }

.first-comic-box .comicpage1 p.i2, .first-comic-box .comicpage2 p.i2, .first-comic-box .comicpage3 p.i2 { opacity: 0; animation: opacity 0.5s ease-in 0.5s forwards; }

.first-comic-box .comicpage1 img, .first-comic-box .comicpage2 img, .first-comic-box .comicpage3 img { width: 100%; height: 100%; display: block; object-fit: contain; }

.first-comic-box .enterbtn { width: 3.7rem; height: 1.78rem; position: absolute; bottom: .5rem; left: 50%; margin-left: -1.85rem; z-index: 2; background: url("../images/enterbtn.png") no-repeat center; background-size: 100% 100%; opacity: 0; animation: opacity 0.5s ease-in 0.5s forwards, pulse 1.5s infinite 1s; /* 第二个动画：呼吸（延迟1秒开始）*/ }

.comicpage1 .enterbtn { bottom: 1.2rem; }

@media screen and (min-width: 750px) { .first-comic-box .comicpage1 .i4 img { transform: scale(0.65); margin-top: -10%; } }

@keyframes pulse { 0% { transform: scale(1); }
  50% { /* 在动画中间放大到 1.2 倍 */
    transform: scale(1.2); }
  100% { transform: scale(1); } }

@keyframes pop-ani { 0% { transform: translate(0, 100%); }
  100% { transform: translate(0, 0); } }

@keyframes opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

.sprite-animation { width: 5rem; height: 5rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: play 2.7s steps(54) forwards; /* 2.7s = 54帧 × 0.05s，可根据需要调整 */ }

.sprite-animation.high { background-image: url("../images/manghe_high.png"); background-repeat: no-repeat; background-size: 270rem 5rem; /* 假设有54帧，每帧宽度为5rem */ }

.sprite-animation.lower { background-image: url("../images/manghe_lower.png"); background-repeat: no-repeat; background-size: 270rem 5rem; /* 假设有54帧，每帧宽度为5rem */ }

@keyframes play { from { background-position: 0 0; }
  to { background-position: -270rem 0; } }

@keyframes simpleFloat { 0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); } }

#dialog_share_renwu .popcont::before, #dialog_share .popcont::before { background: #fff url("../images/poptop2.png") no-repeat left top; background-size: 2.22rem 0.65rem; }

#dialog_share_renwu .popcont, #dialog_share .popcont { background: #f8efd8; min-height: auto; padding-bottom: .2rem; }

.getxzbtn { width: 1.48rem; height: 1.65rem; background-size: 1.48rem 1.65rem; position: fixed; right: .1rem; bottom: 1.6rem; z-index: 20; animation: simpleFloat 2.5s ease-in-out infinite; }

.getxzbtn img { width: 100%; height: 100%; display: block; }

.pop-xztxt { text-align: center; font-size: 0.32rem; font-weight: bold; padding: 0 .3rem; }

.pop-xztxt p { margin-top: .3rem; color: #864734; }

.pop-xztxt p:first-child { margin-top: 0; }

#dialog_xunzhang .pop-btn a { width: 2.46rem !important; font-weight: bold !important; }