@charset "UTF-8";
body, html { min-height: 100%; -webkit-touch-callout: none; }

a, body, dd, div, dl, dt, em, html, i, img, input, li, p, span, textarea, ul { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

article, aside, dialog, figure, footer, header, menu, nav, section { display: block; }

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

a { color: #6c7a81; text-decoration: none; }

img { width: 100%; vertical-align: top; border: none; }

a img { pointer-events: auto !important; }

img, video { -o-object-fit: cover; object-fit: cover; }

em, i { font-style: normal; }

input, textarea { outline: 0; }

.cf:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; }

.fl, .fr { display: inline-block; }

.fl { float: left; }

.fr { float: right; }

.c1 { color: #0aac3c !important; }

.mt15 { margin-top: 0.15rem· !important; }

.mt24 { margin-top: 0.24rem !important; }

.mt30 { margin-top: 0.3rem !important; }

.mt35 { margin-top: 0.35rem !important; }

.tac { text-align: center; }

.fs18 { font-size: 0.18rem !important; }

body { background: #fffde8; line-height: .4rem; font-size: .26rem; margin: 0 auto; word-wrap: break-word; word-break: break-all; color: #333; width: 7.5rem; }

.gray { -webkit-filter: grayscale(1); filter: grayscale(1); }

.wMouIndex { height: 8.3rem; position: relative; z-index: 1; overflow: hidden; }

.wMouIndex .imgs { width: 7.5rem; height: 8.3rem; position: absolute; top: 0; left: 0; right: 0; z-index: -1; }

.wMouIndex .nums { width: 2.2rem; height: 0.38rem; line-height: .38rem; position: absolute; top: 2.2rem; left: 50%; margin-left: -1.1rem; border-radius: .19rem; color: #be37ae; font-size: .24rem; text-align: center; z-index: 2; }

.wMouIndex .nums em { color: #385ddf; }

.wMouIndex .rulebtns { width: 1.42rem; height: .55rem; background: url("../images/rulebtn.png") no-repeat; background-size: 100%; position: absolute; right: 0; top: 1.94rem; z-index: 2; }

.wMouIndex .ic1 { width: 2.23rem; height: 1.8rem; background: url("../images/ico1.png") no-repeat 0 0; background-size: 100%; position: absolute; left: 0; top: 1.7rem; z-index: 2; }

.wMouIndex .ic2 { width: 1.4rem; height: 2rem; background: url("../images/ico2.png") no-repeat 0 0; background-size: 100%; position: absolute; right: .2rem; top: 6rem; z-index: 2; }

.wMouIndex .ic3 { width: 1.34rem; height: 1.4rem; background: url("../images/ico3.png") no-repeat 0 0; background-size: 100%; position: absolute; left: .1rem; bottom: .6rem; z-index: 2; }

.luckybox { width: 7.4rem; height: 5.9rem; background: url("../images/luckybg.png") no-repeat 0 0; background-size: 7.4rem 5.9rem; margin: .32rem auto; position: relative; z-index: 1; overflow: hidden; }

.luckybox .note-box { width: 4.4rem; height: .5rem; line-height: .5rem; box-sizing: border-box; padding-left: .64rem; overflow: hidden; margin-left: .68rem; margin-top: .13rem; color: #2850d9; }

.luckybox .note-box span { color: #dd6edc; }

.luckybox .note-box li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

.luckybox .luckyrule { width: 1.2rem; top: .17rem; position: absolute; right: 1rem; height: .5rem; }

.gamelist { width: 6.06rem; box-sizing: border-box; padding: .25rem; position: relative; height: 2.85rem; margin: .3rem auto 0; display: flex; align-items: center; justify-content: space-between; }

.gamelist .gamegoods { height: 2.36rem; overflow: hidden; width: 1.77rem; background: linear-gradient(#94c1f4 0%, #fff 20%, #fff 50%, #fff 80%, #94c1f4 100%); border: .02rem solid #385ddf; border-radius: .25rem; }

.gamelist .gamegoods .gamegoodsbox { height: 2.44rem; position: relative; z-index: 1; }

.gamegoodsbox .game-goods-ul { position: absolute; left: 0; top: 0; height: 12.24rem; width: 100%; }

.gamegoodsbox .game-goods-ul span { height: 2.44rem; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }

.gamelist .gamegoods img { width: 1.4rem; height: 1.32rem; display: block; margin: 0 auto; }

.gamelist .gamegoods em { display: none; }

.tiger-btns { width: 2.32rem; height: 1.04rem; background: url("../images/luckbtn.png") no-repeat; background-size: 2.32rem 2.14rem; margin: .36rem auto 0; }

.tiger-btns.ing { background-position: center bottom; }

.changNum { position: absolute; width: 1.4rem; height: .8rem; right: .9rem; top: 4.3rem; }

.changNum em { display: block; width: 1.3rem; height: .39rem; line-height: .36rem; text-align: center; font-size: .24rem; color: #d3ddff; background: #567af7; border-radius: .2rem; font-weight: bold; }

.changNum span { color: #e149d0; display: block; text-align: center; }

.combg { width: 7.12rem; min-height: 4rem; box-sizing: border-box; /* 1. 设置背景颜色 */ background: #95adff url("../images/boxtopbg.png") no-repeat right top; background-size: 1.56rem .74rem; margin: .3rem auto 0; /* 2. 设置圆角 */ border-radius: .2rem; border: .01rem solid #375ddf; /* 3. 设置边框 */ border-bottom: .02rem solid #375ddf; border-right: .04rem solid #000000; /* 4. 创建内阴影 (核心部分) */ /* 我们使用两个内阴影来实现高光和暗部效果 */ box-shadow: inset 0.02rem 0.02rem 0.04rem rgba(255, 255, 255, 0.5), inset -0.02rem -0.02rem 0.04rem rgba(96, 131, 247, 0.8); position: relative; }

.combg:before { content: ''; position: absolute; width: .86rem; height: .72rem; top: -.2rem; left: .1rem; background: url("../images/ccc.png") no-repeat center center; background-size: 100% 100%; }

.toptit { margin: 0 auto; text-align: center; }

.toptit img { height: .94rem; display: inline-block; width: auto; }

.tasklist { width: 6.9rem; margin: 0 auto .2rem; }

.tasklist li { width: 6.9rem; height: 1.6rem; box-sizing: border-box; padding: .15rem .2rem; background: url("../images/tasklibg.png") no-repeat center; background-size: 100% 100%; display: flex; align-items: center; justify-content: space-between; overflow: hidden; color: #314fb6; margin: .2rem auto 0; }

.tasklist li .infoleft { width: 5.1rem; }

.tasklist li .infoleft i { color: #e25fd3; }

.tasklist li .infoleft .p1 { display: flex; align-items: center; width: 100%; }

.tasklist li .infoleft .p1 em { display: inline-block; padding: 0 .08rem; height: .3rem; background: #e25fd3; color: #fff; font-size: .2rem; border-radius: .08rem; line-height: .3rem; }

.tasklist li .infoleft .p1 img { height: .39rem; display: inline-block; margin-left: .1rem; width: auto; max-width: 4.4rem; }

.tasklist li .infoleft p { font-size: .22rem; font-weight: bold; }

.tasklist li a { width: 1.38rem; height: .74rem; background: url("../images/taskbtn.png") no-repeat 0 0; background-size: 100% 100%; text-align: center; line-height: .65rem; background-size: 1.38rem 2.52rem; color: #314fb6; user-select: none; font-weight: bold; }

.tasklist li a.tbtn1 { background-position: 0 -.92rem; }

.tasklist li a.off { background-position: 0 -1.78rem; }

.xunazhang-box { margin-top: .48rem; }

.xunazhang-box .xztop-box { margin: .4rem auto; padding-top: 1.15rem; position: relative; }

.xunazhang-box .xztop-box img { width: 6.7rem; height: 1.06rem; position: absolute; top: 0; left: .22rem; }

.xunazhang-box .xztop-box ul { width: 6.45rem; height: .8rem; position: absolute; top: 1.1rem; left: .3rem; }

.xunazhang-box .xztop-box ul li { width: .54rem; height: .8rem; float: left; text-align: center; font-size: .2rem; margin-right: .4rem; position: relative; }

.xunazhang-box .xztop-box ul li:nth-child(5) { margin-right: .52rem; }

.xunazhang-box .xztop-box ul li:last-child { margin-right: .05rem; margin-left: .06rem; }

.xunazhang-box .xztop-box ul li.light::after { content: ''; top: -1.1rem; left: -.2rem; position: absolute; width: 1.02rem; height: 1.02rem; border-radius: 50%; background: transparent; box-shadow: 0 0 0.2rem rgba(89, 144, 252, 0.6); animation: pulse-glow 0.9s infinite ease-in-out; z-index: 0; }

.xunazhang-box .xztop-box ul li:nth-child(1).light::after, .xunazhang-box .xztop-box ul li:nth-child(2).light::after, .xunazhang-box .xztop-box ul li:nth-child(4).light::after, .xunazhang-box .xztop-box ul li:nth-child(6).light::after { top: -.6rem; left: 0; width: .55rem; height: .55rem; }

.xunazhang-box .xztop-box ul li i { position: absolute; right: 0; top: -.8rem; z-index: 2; font-size: .24rem; color: #385ddf; }

.xunazhang-box .xztop-box ul li img { width: .55rem; height: .55rem; position: absolute; top: -.6rem; left: 0; z-index: 1; }

.xunazhang-box .xztop-box ul li:nth-child(3) img, .xunazhang-box .xztop-box ul li:nth-child(5) img, .xunazhang-box .xztop-box ul li:nth-child(7) img { width: 1.02rem; height: 1.02rem; top: -1.1rem; left: -.2rem; }

.xunazhang-box .xztop-box ul li:nth-child(3) i, .xunazhang-box .xztop-box ul li:nth-child(5) i, .xunazhang-box .xztop-box ul li:nth-child(7) i { top: -1.3rem; right: -.5rem; }

.xunazhang-box .xztop-box ul li em { width: .26rem; height: .26rem; background: url("../images/checkicon.png") no-repeat 0 0; background-size: .26rem .88rem; display: block; margin: 0 auto .05rem; }

.xunazhang-box .xztop-box ul li.active em { background-position: 0 bottom; }

.progress-box { width: 6rem; height: .15rem; background: #e0e7ff; border-radius: .07rem; margin: 0 auto; overflow: hidden; color: #3057db; }

.progress-box em { display: block; width: 0%; height: .15rem; background: #fff484; border-radius: .07rem; }

.on-day1 em { width: 0%; }

.on-day2 em { width: 14.3%; }

.on-day3 em { width: 30.6%; }

.on-day4 em { width: 46%; }

.on-day5 em { width: 62.2%; }

.on-day6 em { width: 79.5%; }

.on-day7 em { width: 100%; }

.signday-box { padding: .3rem 0 .28rem; width: 6.58rem; margin: 0 auto; border-bottom: .01rem dashed #587cf7; position: relative; }

.signday-box .signbtn { width: 2.8rem; height: .78rem; background: url("../images/signbtn.png") no-repeat 0 0; background-size: 100% 100%; line-height: .72rem; margin: 0 auto; color: #3057db; user-select: none; text-align: center; font-weight: 500; }

.signday-box span { position: absolute; right: .6rem; top: .42rem; color: #3057db; font-size: .24rem; text-decoration: underline; font-weight: 500; }

.visite-box { padding-top: .26rem; color: #3057db; text-align: center; margin: .2rem; }

.visite-box img { width: 3.8rem; height: .57rem; display: block; margin: 0 auto .2rem; }

.visite-box .inputbox { border: .02rem solid #3057db; height: .62rem; line-height: .62rem; background: #e0e7ff; border-radius: .32rem; width: 3.6rem; }

.visite-box .inputbox input { display: block; background: none; border: none; color: #849ae6; line-height: .6rem; height: .6rem; width: 100%; text-align: center; user-select: none; font-size: .24rem; }

.codebox-wrap { margin: .2rem auto 0; display: flex; align-items: center; justify-content: space-between; }

.codebox-wrap em { background: url("../images/vbtn.png") no-repeat center; width: 1.4rem; height: .72rem; background-size: 100% 100%; line-height: .64rem; font-weight: 500; }

.bigtit { position: relative; }

.bigtit i { position: absolute; right: 1.1rem; top: .6rem; width: .42rem; height: .42rem; font-size: 0; z-index: 2; }

.sharenice-box { margin: .7rem auto 0; }

.sharenice-box .sharebx { padding-top: .5rem; }

.ptips { padding: .2rem; text-align: center; color: #3354c7; }

.ptips i { color: #cf42bf; }

.bigvideo { width: 6.84rem; margin: 0 auto; }

.bigvideo li { margin: 0 auto .22rem; background: url("../images/livideobg.png") no-repeat center bottom; background-size: 100% 2.72rem; height: 4.8rem; width: 6.84rem; position: relative; }

.bigvideo li .videovox { height: 3.6rem; border: .02rem solid #3057db; border-radius: .2rem; width: 100%; box-sizing: border-box; background: #587cf7; overflow: hidden; }

.bigvideo li video { width: 100%; height: 100%; object-fit: cover; }

.videoinfo { display: flex; height: 1.1rem; align-items: center; justify-content: space-between; padding: 0 .2rem; box-sizing: border-box; }

.videoinfo .imghd { position: relative; padding-left: 1.05rem; }

.videoinfo .imghd img { position: absolute; left: .1rem; top: 0rem; width: .8rem; height: .8rem; border: .02rem solid #3057db; border-radius: 50%; }

.videoinfo .vname { display: flex; align-items: center; }

.videoinfo .vname p { max-width: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: .24rem; color: #3057db; margin-right: .1rem; font-size: .26rem; font-weight: 500; }

.videoinfo em { background: #e149d0; font-size: .2rem; user-select: none; padding: 0 .13rem; color: #fff; border-radius: .08rem; height: .3rem; display: inline-block; line-height: .3rem; }

.videoinfo em.on { background: #6e8cf5; }

.videoinfo .vtxt { font-size: .2rem; color: #7a95f0; max-width: 3.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }

.videoinfo .gameicon { width: .73rem; height: .73rem; border: .02rem solid #fff; border-radius: .2rem; margin-right: .2rem; }

.videoinfo .gameicon img { width: 100%; height: 100%; border-radius: .1rem; display: block; border: none; object-fit: cover; }

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

.v-img::before { content: ''; width: 100%; height: 100%; border-radius: 0; left: 0; top: 0; margin: 0; position: absolute; background: rgba(0, 0, 0, 0.5) url(../images/ico_play.png) no-repeat center; background-size: .5rem .5rem; }

.v-img img { height: 100%; width: 100%; }

.smallvideo { width: 6.84rem; margin: 0 auto; max-height: 7.5rem; overflow: hidden; overflow-y: auto; }

.smallvideo li { width: 3.3rem; height: 2.86rem; border: 0.02rem solid #3057db; border-radius: .2rem; margin: 0 0 .22rem 0; box-sizing: border-box; background: #e0e7ff; overflow: hidden; }

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

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

.smallvideo li .videovox { height: 2.16rem; width: 100%; box-sizing: border-box; background: #587cf7; overflow: hidden; border-bottom: .02rem solid #3057db; border-radius: 0 0 .2rem .2rem; }

.smallvideo li .videovox video { width: 100%; height: 100%; object-fit: cover; }

.smallvideo li .videoinfo { height: .6rem; padding: 0 .1rem; }

.smallvideo li .videoinfo .imghd { padding-left: .68rem; height: 0.6rem; }

.smallvideo li .videoinfo .imghd img { width: .48rem; height: .48rem; left: .1rem; top: 0.08rem; }

.smallvideo li .videoinfo .imghd .vname { height: .6rem; line-height: .6rem; max-width: 1.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.smallvideo li .videoinfo .imghd .vname p { max-width: 1.4rem; }

.smallvideo li .videoinfo em { background: #e149d0; font-size: .2rem; user-select: none; padding: 0 .13rem; color: #fff; border-radius: .08rem; height: .3rem; line-height: .3rem; display: inline-block; color: #fff; user-select: none; }

.smallvideo li .videoinfo em.on { background: #6e8cf5; }

.morebtn { width: 2.42rem; height: .37rem; margin: .22rem auto; background: url("../images/morebtn.png") no-repeat 0 0; background-size: 2.42rem .82rem; }

.morebtn.active { background-position: 0 bottom; }

.linkbox { margin: .3rem auto; display: flex; width: 6.9rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.linkbox img { width: 3.3rem; height: 1.45rem; display: block; margin: 0 auto; }

.linkbox .sharebtn { width: 6.9rem; height: .96rem; background: url("../images/sharebtn.png") no-repeat 0 0; background-size: 100% 100%; margin-top: .13rem; }

.hotgift-box { margin: .7rem auto 0; }

.hottips { padding: .36rem .2rem 0; text-align: center; color: #3354c7; font-weight: 500; }

.hottips i { color: #cf42bf; }

.searchbox { display: flex; justify-content: space-between; margin: .22rem auto; width: 6.58rem; }

.searchbox .sinput { box-sizing: border-box; border: .04rem solid #3057db; height: .7rem; line-height: .6rem; font-size: .24rem; background: #e0e7ff url("../images/sicon.png") no-repeat 0.2rem center; background-size: .3rem .3rem; border-radius: .32rem; padding-left: .6rem; width: 5.18rem; }

.searchbox .sinput input { display: block; background: none; border: none; color: #849ae6; line-height: .5rem; height: .68rem; width: 4.2rem; text-align: center; user-select: none; font-size: .24rem; }

.searchbox em { width: 1.14rem; height: .72rem; background: url("../images/searchbtn.png") no-repeat 0 0; background-size: 100% 100%; text-align: center; line-height: .64rem; color: #3057db; font-weight: 500; }

.scorebox { display: flex; justify-content: space-between; margin: .22rem auto; width: 6.58rem; color: #3057db; }

.scorebox p { display: flex; align-items: center; }

.scorebox p em { padding-left: .29rem; height: .25rem; background: url("../images/icon35.png") no-repeat left center; background-size: .29rem .25rem; line-height: .25rem; }

.scorebox .dhbtn { width: 1.76rem; height: .47rem; background: url("../images/dhbtn.png") no-repeat 0 0; background-size: 100% 100%; }

.tabbox-wrap { width: 6.58rem; padding: .22rem 0 0; border-top: 0.01rem dashed #587cf7; margin: 0 auto; }

.tabbox-wrap .tabcon { padding: .09rem .05rem; border: .02rem solid #3057db; border-radius: .2rem; box-sizing: border-box; display: flex; justify-content: space-between; }

.tabbox-wrap .tabcon span { width: 2.17rem; height: .7rem; line-height: .64rem; text-align: center; background: url("../images/tabbtn.png") no-repeat 0 0; background-size: 4.34rem .7rem; color: #fff; font-weight: 500; }

.tabbox-wrap .tabcon span.active { background-position: right 0; color: #3057db; }

.tablist { width: 6.58rem; margin: 0 auto .2rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.tablist li { width: 3.2rem; margin-top: .16rem; text-align: center; }

.tablist li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #294abc; }

.tablist li .gbox { width: 3.2rem; height: 1.74rem; background: url("../images/tabligift.png") no-repeat 0 0; background-size: 100% 100%; box-sizing: border-box; position: relative; }

.tablist li .gbox img { width: 1.42rem; height: 1.42rem; display: block; margin: .1rem auto; }

.tablist li .gbox em { position: absolute; right: 0; top: 0; padding: 0 .2rem; color: #fff; background: rgba(240, 54, 178, 0.5); border-radius: 0  .15rem 0 .15rem; text-align: center; }

.tablist li span { width: 1.76rem; height: .72rem; background: url("../images/dhbtns.png") no-repeat 0 0; background-size: 1.76rem 1.48rem; line-height: .64rem; text-align: center; margin: .1rem auto 0; color: #3057db; display: block; font-weight: bold; }

.tablist li span.off { background-position: 0 bottom; color: #fff; }

.more-box { margin: .7rem auto 0; }

.more-box .videoswiper .swiper-slide { width: 3.84rem; height: 7.66rem; background: url("../images/swiperbg.png") no-repeat center bottom; background-size: 100% 7.66rem; box-sizing: border-box; margin-left: .2rem; padding: .88rem 0 0; }

.more-box .videoswiper .swiper-slide:last-child { margin-right: .2rem; }

.more-box .videoswiper .swiper-slide .videovox { width: 3.5rem; height: 5.44rem; margin: 0 auto; overflow: hidden; border: .02rem solid #3057db; border-radius: .2rem; }

.more-box .videoswiper .swiper-slide .videovox .video-js .vjs-tech { object-fit: scale-down; }

.more-box .videoswiper .swiper-slide .videovox .video-js .vjs-play-control { width: 2em !important; }

.more-box .videoswiper .swiper-slide .vinfo { display: flex; align-items: center; justify-content: space-between; padding: .2rem .22rem 0; }

.more-box .videoswiper .swiper-slide .vinfo img { width: .7rem; height: .7rem; border: .02rem solid #fff; border-radius: .2rem; }

.more-box .videoswiper .swiper-slide .vinfo p { width: 1.2rem; margin-left: .1rem; font-size: .22rem; color: #3057db; line-height: .3rem; }

.more-box .videoswiper .swiper-slide .vinfo span { width: 1.34rem; height: .72rem; background: url("../images/vgobtn.png") no-repeat 0 0; background-size: 1.34rem .72rem; color: #3057db; text-align: center; line-height: .64rem; font-weight: bold; }

.rule-box { margin: .7rem auto 0; }

.ruletxt { border: .02rem solid #587cf7; border-radius: .2rem; width: 6.68rem; height: 7.06rem; padding: .3rem; box-sizing: border-box; overflow: hidden; overflow-y: auto; color: #587cf7; background: #e0e7ff; margin: .6rem auto .3rem; }

.ruletxt .intxt { overflow: hidden; font-weight: 500; overflow-y: auto; height: 100%; margin-right: -.1rem; padding-right: .1rem; /* 滚动条样式 */ }

.ruletxt .intxt::-webkit-scrollbar { width: .06rem; border-radius: .1rem; }

.ruletxt .intxt::-webkit-scrollbar-thumb { background: #587cf7; border-radius: .1rem; }

.ruletxt .intxt::-webkit-scrollbar-track { border-radius: .1rem; }

.ruletxt span { color: #cf42bf; }

.kbFootWrap .kbFootNote { color: #385ddf; }

.kbFootWrap .kbFootAbout .m-inner { background: #8fa7fb; }

.kbFootWrap .kbFootAbout-item .ico, .kbFootWrap .kbFootAbout-tell .lb-cont, .kbFootWrap .kbFootAbout-tell .lb-fold { background: #d6dfff; }

.kbFootWrap .kbFootAbout-item p { color: #d6dfff; }

.kbFootWrap .kbFootAbout-title { color: #fff; }

.kbFootWrap .kbFootAbout-about a { color: #fff !important; }

.kbFootWrap .kbFootAbout-tell .lb-fold .sp::before { background: url("../images/spec.png") no-repeat center; background-size: 1.36rem .26rem; }

.kbFootWrap .kbFootAbout-btn { color: #fff; border: .02rem solid #fff; }

.kbFootWrap .kbFootAbout-btn span i { -webkit-mask-image: none; background: url("../images/iconsv.png") no-repeat center; background-size: .34rem .34rem; }

.kbFootWrap .kbFootAbout-tell .lb-cont, .kbFootWrap .kbFootAbout-tell .lb-cont .sp2 { color: #3354c7; }

.fixMenu { height: 1.7rem; }

.fixMenu .fxmInner { background: url(../images/fix_menu_bg.png) no-repeat; background-size: 7.5rem 1.7rem; width: 7.5rem; height: 1.7rem; padding-top: .6rem; background-position: center bottom; -webkit-box-sizing: border-box; box-sizing: border-box; display: box; display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: start; align-items: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: nowrap; position: fixed; left: 50%; margin-left: -3.75rem; bottom: 0; z-index: 20; }

.fixMenu .fxmInner .mask { width: 1.4rem; height: .55rem; left: 50%; margin-left: -.7rem; position: absolute; top: -.55rem; z-index: -3; overflow: hidden; display: none; }

.fixMenu .fxmInner .mask:before { background: #f9c8ae; width: 1.4rem; height: 1.4rem; border-radius: 9.99rem 9.99rem 0 0; position: absolute; top: 0; left: 0; content: ''; overflow: hidden; }

.fixMenu .fxmInner .link { width: 1.32rem; height: 1rem; margin: 0 .02rem; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.fixMenu .fxmInner .link:nth-child(2) { z-index: 3; }

.fixMenu .fxmInner .link img { width: .76rem; height: .76rem; margin: 0 auto; display: block; }

.fixMenu .fxmInner .link em { height: .32rem; line-height: .34rem; margin: 0rem auto 0; text-align: center; display: block; font-size: .2rem; color: #385ddf; }

.fixMenu .fxmInner .reservabtn { width: 1.64rem; margin: 0 .05rem; margin-top: -.5rem; }

.fixMenu .fxmInner .reservabtn .item { width: 1.16rem; height: 1.16rem; padding-right: .03rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }

.fixMenu .fxmInner .reservabtn .item:after, .fixMenu .fxmInner .reservabtn .item:before { content: ''; position: absolute; border-radius: 999rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }

.fixMenu .fxmInner .reservabtn .item:before { background: #385ddf; width: 1rem; height: 1rem; left: 50%; margin-left: -.5rem; top: .1rem; z-index: -1; }

.fixMenu .fxmInner .reservabtn .item:after { background: #385ddf; width: 1.2rem; height: 1.2rem; position: absolute; left: 50%; margin-left: -.6rem; top: 0; z-index: -2; }

.fixMenu .fxmInner .reservabtn .item i { background: url(../images/fix_btn.png) no-repeat; background-size: 1rem 1rem; background-position: center center; width: 1rem; height: 1rem; margin: .08rem auto 0; display: block; -webkit-animation: shake 2.4s linear infinite; animation: shake 2.4s linear infinite; -webkit-transform-origin: 50% 20%; transform-origin: 50% 20%; }

.fixMenu .fxmInner .reservabtn .item em { height: .28rem; line-height: .28rem; font-size: .22rem; margin-top: .05rem; color: #385ddf; display: block; text-align: center; overflow: hidden; }

.fixMenu .fxmInner .reservabtn .text { height: .28rem; line-height: .3rem; margin: .1rem auto 0; display: block; text-align: center; font-size: .2rem; color: #385ddf; position: relative; z-index: 3; }

.fixMenu .fxmInner .done .item i { -webkit-animation: none; animation: none; color: #ccc; background-image: url("../images/fix_btn2.png"); }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: rotate(0) scale(0.9);
    transform: rotate(0) scale(0.9); }
  10% { -webkit-transform: rotate(2deg) scale(1);
    transform: rotate(2deg) scale(1); }
  15%, 25%, 35% { -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  20%, 30%, 40% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  45% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  50% { -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  55%, 90% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes shake { 0%, 100% { -webkit-transform: rotate(0) scale(0.9);
    transform: rotate(0) scale(0.9); }
  10% { -webkit-transform: rotate(2deg) scale(1);
    transform: rotate(2deg) scale(1); }
  15%, 25%, 35% { -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  20%, 30%, 40% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  45% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  50% { -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  55%, 90% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

.fixmenu { width: 1.3rem; position: fixed; right: 0; bottom: 2.5rem; font-size: .24rem; z-index: 10; transition: 0.5s; }

.fixmenu div { width: 1.3rem; height: 1.3rem; margin-bottom: .1rem; overflow: hidden; position: relative; text-align: center; }

.vjs-big-play-centered .vjs-big-play-button { width: 1.04rem; height: 1.04rem; background: rgba(0, 0, 0, 0.5) url("../images/ico_play.png") no-repeat center; background-size: .5rem .5rem; border: none; margin-left: -.52rem; margin-top: -.52rem; border-radius: 50%; }

.v-img .vjs-big-play-centered .vjs-big-play-button { display: none; }

.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 100%; padding: 0; }

.video-js .vjs-big-play-button:before { content: none; }

.smallvideo .vjs-big-play-centered .vjs-big-play-button { width: 100%; height: 100%; border-radius: 0; left: 0; top: 0; margin: 0; }

.smallvideo .video-js .vjs-play-control { width: 2em; }

.smallvideo .video-js .vjs-time-control { padding: 0; }

.vjs-fullscreen video { object-fit: contain !important; }

.vjs-mouse-display { display: none !important; }

.pop { width: 6.3rem; min-height: 3rem; box-sizing: border-box; /* 1. 设置背景颜色 */ background: #95adff; background-size: 1.56rem .74rem; margin: .3rem auto 0; /* 2. 设置圆角 */ border-radius: .2rem; border: .01rem solid #375ddf; /* 3. 设置边框 */ border-bottom: .02rem solid #375ddf; border-right: .04rem solid #000000; /* 4. 创建内阴影 (核心部分) */ /* 我们使用两个内阴影来实现高光和暗部效果 */ box-shadow: inset 0.02rem 0.02rem 0.04rem rgba(255, 255, 255, 0.5), inset -0.02rem -0.02rem 0.04rem rgba(96, 131, 247, 0.8); position: relative; color: #3354c7; }

.pop .pop-close { width: .38rem; height: .38rem; background: url("../images/popclose.png") no-repeat center; background-size: 100% 100%; position: absolute; right: .2rem; top: .2rem; }

.pop .pop-tit { display: flex; justify-content: center; padding: .1rem 0; }

.pop .pop-tit img { height: 1.1rem; width: auto; }

.pop .pop-xzbox { text-align: center; }

.pop .pop-xzbox p { font-size: .26rem; }

.pop .pop-xzbox .popgetxz { width: 4.8rem; height: 4.8rem; background: url("../images/poplight.png") no-repeat center; background-size: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

.pop .pop-xzbox .popgetxz img { width: 3.6rem; height: 3.6rem; }

.pop .pop-xzbox .zxname { width: 3.73rem; height: .57rem; background: url("../images/zxname.png") no-repeat 0 0; background-size: 3.73rem .57rem; text-align: center; line-height: .57rem; color: #d4deff; font-size: .3rem; margin: -.3rem auto .3rem; }

.pop-getbox { text-align: center; }

.pop-getbox p { font-size: .26rem; }

.pop-getbox .popget { background: #e0e7ff; border: .02rem solid #3057db; border-radius: .2rem; width: 2.44rem; height: 2.44rem; margin: .3rem auto; }

.pop-getbox .popget img { width: 100%; height: 100%; display: block; }

.popbtn a { width: 2.78rem; height: .76rem; background: url("../images/popbtn.png") no-repeat 0 0; background-size: 100% 100%; line-height: .7rem; margin: .3rem auto; color: #3057db; font-weight: 500; display: block; text-align: center; user-select: none; }

.popbtn a.off { background: url("../images/popbtn_off.png") no-repeat 0 0; background-size: 100% 100%; }

.pop .ruletxt { width: 5.7rem; margin-top: 0; }

.pop-special { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; }

.pop-special .pop-shade { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }

.pop-special .hanghebox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; }

.pop-special .hanghebox img { position: absolute; left: 50%; top: 50%; width: 6.72rem; height: 11.65rem; transform: translate(-50%, -50%); }

.pop-special .getitembox { position: fixed; width: 3.3rem; height: 6.2rem; left: 50%; top: 50%; z-index: 2; margin: -3.1rem 0  0  -1.62rem; }

.pop-special .getitembox .pclose { width: .56rem; height: .56rem; background: url("../images/pclose.png") no-repeat; position: absolute; right: -.2rem; top: -.2rem; background-size: 100%; }

.pop-special .getitembox .pop-spget { display: flex; align-items: center; flex-direction: column; }

.pop-special .getitembox img { width: 2.26rem; height: 2.26rem; padding: 0.02rem; background: #fff; border-radius: .5rem; border: 0.02rem solid #2850d9; margin: .4rem auto .2rem; }

.pop-special .getitembox p { color: #fff; text-align: center; font-size: .3rem; }

.pop-special .dobtn { width: 2.06rem; height: .82rem; background: url("../images/dobtn.png") no-repeat center; background-size: 100% 100%; margin: .6rem auto; }

.pop-special .changebtn { width: 1.4rem; height: .5rem; background: url("../images/change.png") no-repeat; background-size: 100%; margin: .1rem auto; }

.sign-daybox ul { display: flex; align-items: center; flex-wrap: wrap; width: 5.88rem; margin: 0 auto; justify-content: space-between; }

.sign-daybox ul li { width: 1.13rem; height: 1.47rem; background: url("../images/signitem.png") no-repeat center; text-align: center; display: flex; flex-direction: column; align-items: center; background-size: 100%; margin-bottom: .08rem; justify-content: center; }

.sign-daybox ul li span { width: .65rem; height: .65rem; box-sizing: border-box; border: .01rem dashed #3354c7; border-radius: 50%; }

.sign-daybox ul li span.active { box-shadow: 0 0 0.15rem rgba(255, 215, 0, 0.8), 0 0 0.15rem rgba(255, 165, 0, 0.6); border-radius: .2rem; }

.sign-daybox ul li:nth-child(n+6) { width: 1.44rem; background: url("../images/signitem2.png") no-repeat center; background-size: 100% 100%; }

.sign-daybox ul li.no span { background: url("../images/sicon1.png") no-repeat 0 0; background-size: 100%; border: none; border-radius: 0; }

.sign-daybox ul li.no.active { box-shadow: 0 0 0.15rem rgba(255, 215, 0, 0.8), 0 0 0.15rem rgba(255, 165, 0, 0.6); border-radius: .2rem; }

.sign-daybox ul li.yes span { background: url("../images/sicon2.png") no-repeat 0 0; background-size: 100%; border: none; border-radius: 0; }

.pnum { text-align: center; }

.signtipsbox { border: .02rem solid #587cf7; border-radius: .2rem; width: 5.88rem; height: 3rem; padding: .3rem; box-sizing: border-box; overflow: hidden; overflow-y: auto; color: #587cf7; background: #e0e7ff; margin: .2rem auto .3rem; }

.signtipsbox strong { font-weight: 500; font-size: .26rem; }

.signtipsbox div { overflow: hidden; font-weight: 500; overflow-y: auto; height: 100%; margin-right: -.1rem; padding-right: .1rem; /* 滚动条样式 */ }

.signtipsbox div::-webkit-scrollbar { width: .06rem; border-radius: .1rem; }

.signtipsbox div::-webkit-scrollbar-thumb { background: #587cf7; border-radius: .1rem; }

.signtipsbox div::-webkit-scrollbar-track { border-radius: .1rem; }

.none { text-align: center; padding-bottom: .2rem; }

@keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 0.2rem rgba(89, 164, 245, 0.6), 0 0 0.3rem rgba(69, 157, 251, 0.6); }
  50% { box-shadow: 0 0 0.2rem rgba(255, 215, 0, 0.8), 0 0 0.3rem rgba(255, 165, 0, 0.6), 0 0 0.4rem rgba(255, 140, 0, 0.4); } }