/*# zfa kb-超阈限空间-定制 2026/5/22 18:30:13 */
@charset "UTF-8";html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
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;-webkit-touch-callout:none}
.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;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.6666666667px;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.9333333333px;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.3333333333px;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}
[data-dpr="1"] body{width:750px;margin:0 auto}}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.homePage{width:7.5rem;overflow:hidden;min-height:15.65rem;height:100vh}
.homeArea{position:relative}
.homeArea .cover{display:block}
.homeArea .cover img{display:block;pointer-events:none}
.homeArea .sp-logo{position:absolute;left:1.78rem;top:1.88rem;width:3.58rem}
.homeArea .sp-logo img{display:block;width:100%}
.homeArea .sp-rule{background:url(../images/home/h-rule.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.65rem;height:1.48rem;overflow:hidden;line-height:99;position:absolute;right:0;top:2rem;z-index:5}
.homeArea .sp-play{background:url(../images/home/h-ms1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.72rem;height:0.72rem;position:absolute;right:0.05rem;top:3.98rem;z-index:5}
.homeArea .sp-play i{display:block;width:0.72rem;height:0.72rem;background:url(../images/home/h-ms2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.homeArea .sp-play::before{content:"";display:block;width:0.72rem;height:0.72rem;background:url("../images/home/h-ms3.png") no-repeat center center;background-size:100% 100%;position:absolute;left:0;top:0}
.homeArea .sp-play.play i{-webkit-animation:play 2s infinite linear;animation:play 2s infinite linear}
@-webkit-keyframes play{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes play{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.homeArea .sp-play.play::before{display:none}
.homeArea .sp-head{width:7.24rem;position:absolute;left:50%;margin-left:-3.62rem;top:2.9rem}
.homeArea .sp-head .i-title{background:url(../images/home/h-title.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.24rem;height:2.11rem;margin:0 auto;pointer-events:none}
.homeArea .sp-head .i-btn{background:url(../images/home/h-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.51rem;height:1.21rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.14rem 0.17rem 0.34rem 0.6rem;margin:0.32rem 0 0 1.52rem}
.homeArea .sp-head .i-btn a{display:-webkit-box;display:-ms-flexbox;display:flex;width:2.72rem;height:0.72rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.homeArea .sp-head .i-btn a em{font-size:0.38rem;font-weight:bold;background:linear-gradient(80deg,#f6d37d 0%,#f9f2c7 50%,#f6d37d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.homeArea .sp-head .i-join{width:4.1rem;height:0.36rem;text-align:center;line-height:0.38rem;font-size:0.24rem;color:#fff;background:-webkit-gradient(linear,left top,right top,from(rgba(42,57,112,0)),color-stop(20%,#2a3970),color-stop(80%,#2a3970),to(rgba(42,57,112,0)));background:linear-gradient(90deg,rgba(42,57,112,0) 0%,#2a3970 20%,#2a3970 80%,rgba(42,57,112,0) 100%);margin:0.12rem auto 0}
.homeArea .sp-head .i-join span{color:#ffee5c}
.home-menu{width:7.5rem;height:8.88rem;position:absolute;left:0;top:6.62rem}
.home-menu .role{width:6rem;height:1.35rem;position:absolute;left:0.7rem;top:3.8rem;background:url(../images/home/h-role1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.home-menu .role span{background:url(../images/home/h-role2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.66rem;height:3.86rem;position:absolute;left:0.92rem;top:-1.42rem;z-index:20;pointer-events:none;-webkit-animation:role 2s infinite linear;animation:role 2s infinite linear}
@-webkit-keyframes role{0%,100%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}
@keyframes role{0%,100%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}
.home-menu .lvl1{background:url(../images/home/h-lv1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.32rem;height:3.34rem;position:absolute;left:0;top:0}
.home-menu .lvl1 .lvl-btn{left:0;top:2.42rem}
.home-menu .lvl2{background:url(../images/home/h-lv2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.3rem;height:3.8rem;position:absolute;right:0;top:-0.02rem}
.home-menu .lvl2 .lvl-btn{right:0;top:2.44rem}
.home-menu .lvl3{background:url(../images/home/h-lv3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.5rem;height:5.16rem;position:absolute;left:0;top:3.36rem}
.home-menu .lvl3 .lvl-btn{left:0;top:3.8rem}
.home-menu .lvl4{background:url(../images/home/h-lv4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.32rem;height:4.44rem;position:absolute;right:0;top:4.28rem}
.home-menu .lvl4 .lvl-btn{right:0;top:2.88rem}
.home-menu .lvl4 .lvl-btn em{font-size:0.35rem}
.home-menu .lvl-btn{width:2.54rem;height:1.25rem;position:absolute;z-index:10}
.home-menu .lvl-btn em{display:block;height:0.62rem;text-align:center;line-height:0.64rem;font-size:0.38rem;-webkit-text-stroke-width:0.2pt;color:#fff;text-shadow:0 0.05rem 0.07rem #172951}
.home-menu .lvl-btn a{display:block;width:1.98rem;height:0.62rem;background:url(../images/home/lvl-btn.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent;text-align:center;line-height:0.62rem;font-size:0.3rem;-webkit-text-stroke-width:0.2pt;color:#5c2914;margin:0.05rem auto 0}
.home-menu .lvl-btn a.no{-webkit-filter:grayscale(1);filter:grayscale(1)}
.home-menu .lvl-btn a.on{-webkit-animation:on 1.8s infinite linear;animation:on 1.8s infinite linear}
@-webkit-keyframes on{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@keyframes on{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
.home-menu .lvl-btn a.get{-webkit-filter:grayscale(0);filter:grayscale(0);background-position:100% 0;color:#fff}
.no-scroll{height:100%;overflow:hidden}
.lvlPage{display:none;width:7.5rem;overflow:hidden;min-height:15.65rem;height:100vh}
.lvlPage .pass .role.play .sp1{display:none}
.lvlPage .pass .picBox.play .sp1{display:none}
.mod-mask{display:none;width:100%;height:100%;position:absolute;left:0;top:0;z-index:90}
.mod-tips{width:100%;height:100%;position:absolute;left:0;top:0;z-index:5}
.lvl1Area{position:relative}
.lvl1Area .cover{display:block}
.lvl1Area .cover img{display:block;pointer-events:none}
.lvl1Area .lb-head{position:absolute;left:0.32rem;top:1.88rem}
.lvl1Area .lb-head .sp1{display:block;background:url(../images/lvl1/sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.98rem;height:0.77rem;overflow:hidden;line-height:99;position:relative;z-index:100}
.lvl1Area .lb-head .sp2{display:block;background:url(../images/lvl1/sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.65rem;height:0.76rem;overflow:hidden;line-height:99;margin-top:0.25rem}
.lvl1Area .lb-reset{background:url(../images/lvl1/sp3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.69rem;height:0.75rem;overflow:hidden;line-height:99;position:absolute;left:5.43rem;top:13.84rem;-webkit-animation:reset 1s infinite linear;animation:reset 1s infinite linear}
@-webkit-keyframes reset{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}
@keyframes reset{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}
.lvl1Area .mod-tips .con{background:url(../images/lvl1/mod-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.47rem;height:2.21rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.32rem;line-height:0.56rem;color:#21120C;padding:0.15rem 0.24rem 0;position:absolute;left:2.28rem;top:10.9rem}
.lvl1Area .role{background:url(../images/lvl1/role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.33rem;height:4.12rem;position:absolute;left:0;top:12.18rem}
.lvl1Area .role.play .sp1{-webkit-animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards;animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards}
@-webkit-keyframes lvl1ani1{50%{-webkit-transform:translate(0.5rem,-0.3rem);transform:translate(0.5rem,-0.3rem)}}
@keyframes lvl1ani1{50%{-webkit-transform:translate(0.5rem,-0.3rem);transform:translate(0.5rem,-0.3rem)}}
@-webkit-keyframes lvl1ani2{0%,90%{opacity:1}
100%{opacity:0}}
@keyframes lvl1ani2{0%,90%{opacity:1}
100%{opacity:0}}
.lvl1Area .role .dragArea{width:1.91rem;height:1.77rem;position:absolute;left:1.4rem;top:1.44rem}
.lvl1Area .role .sp1{background:url(../images/lvl1/role-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.04rem;height:1.38rem;position:absolute;left:2.4rem;top:2.5rem;pointer-events:none}
.lvl1Area .role .sp2{background:url(../images/lvl1/role-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.59rem;height:0.41rem;position:absolute;left:1.17rem;top:2.3rem;pointer-events:none}
.lvl1Area .dropZone{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.46rem;height:2.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:0.3rem;padding-bottom:0.2rem;position:absolute;left:4.8rem;top:7.34rem}
.lvl1Area .dropZone.active{background:url(../images/lvl1/dropzone.png) no-repeat left bottom;background-size:200% 1.9rem;background-color:transparent}
.lvl1Area .dropZone.right{background-position:100% bottom}
.lvl1Area .dropZone .box{position:absolute;z-index:100;background-position:100% 0;-webkit-animation:dropBounce 1.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation:dropBounce 1.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@-webkit-keyframes dropBounce{0%{-webkit-transform:translateY(-0.3rem);transform:translateY(-0.3rem);opacity:0}
60%{-webkit-transform:translateY(0) scale(1.05);transform:translateY(0) scale(1.05);opacity:1}
75%{-webkit-transform:translateY(-0.1rem) scale(1);transform:translateY(-0.1rem) scale(1)}
90%{-webkit-transform:translateY(0) scale(1.02);transform:translateY(0) scale(1.02)}
100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}
@keyframes dropBounce{0%{-webkit-transform:translateY(-0.3rem);transform:translateY(-0.3rem);opacity:0}
60%{-webkit-transform:translateY(0) scale(1.05);transform:translateY(0) scale(1.05);opacity:1}
75%{-webkit-transform:translateY(-0.1rem) scale(1);transform:translateY(-0.1rem) scale(1)}
90%{-webkit-transform:translateY(0) scale(1.02);transform:translateY(0) scale(1.02)}
100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}
.lvl1Area .box{display:block;width:1.91rem;height:1.77rem;background:url(../images/lvl1/box.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent}
.lvl1Area .box.active{background-position:100% 0}
.lvl2Area{display:none;position:relative}
.lvl2Area .cover{display:block}
.lvl2Area .cover img{display:block;pointer-events:none}
.lvl2Area .lb-head{position:absolute;left:0;top:1.5rem}
.lvl2Area .lb-head .sp1{display:block;background:url(../images/lvl2/sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.89rem;height:1.55rem;overflow:hidden;line-height:99;position:relative;z-index:100}
.lvl2Area .lb-head .sp2{display:block;background:url(../images/lvl2/sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.27rem;height:1.11rem;overflow:hidden;line-height:99;margin-top:-0.15rem}
.lvl2Area .mod-tips .con{background:url(../images/lvl2/mod-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.68rem;height:2.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.3rem;line-height:0.52rem;color:#21120C;padding:0.14rem 0 0 0.24rem;position:absolute;left:1.4rem;top:10.98rem}
.lvl2Area .role{width:2.9rem;height:4.56rem;position:absolute;right:0.12rem;top:12.06rem;background:url(../images/lvl2/role-sp1.png) no-repeat left bottom;background-size:2.9rem auto;background-color:transparent}
.lvl2Area .role .sp1{background:url(../images/lvl2/role-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.79rem;height:4.11rem;overflow:hidden}
.lvl2Area .role .sp2{background:url(../images/lvl1/role-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.04rem;height:1.38rem;position:absolute;left:-0.4rem;top:-1rem;pointer-events:none;display:none}
.lvl2Area .role.play .sp2{display:block;-webkit-animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards;animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards}
.lvl2Area .room{width:7.5rem;height:9.55rem;position:absolute;left:0;top:3.6rem}
.lvl2Area .lb-bar{display:none;width:2.38rem;height:0.1rem;border-radius:0.05rem;position:absolute;left:50%;margin-left:-1.19rem;top:12.7rem}
.lvl2Area .lb-bar #progress-bar{display:block;width:100%;height:100%;border-radius:0.05rem;overflow:hidden;background:rgba(255,255,255,0.1)}
.lvl2Area .lb-bar #progress-bar > div{display:block;height:100%;background:rgba(255,255,255,0.5);border-radius:0.05rem}
.lvl2Area .lb-reset{background:url(../images/lvl2/reset.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.16rem;height:0.98rem;overflow:hidden;line-height:99;position:absolute;left:0.2rem;top:14.5rem;-webkit-animation:reset 1s infinite linear;animation:reset 1s infinite linear}
@keyframes reset{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}
.lvl3Area{display:none;position:relative}
.lvl3Area .cover{display:block}
.lvl3Area .cover img{display:block;pointer-events:none}
.lvl3Area .lb-head{position:absolute;left:0.1rem;top:1.84rem}
.lvl3Area .lb-head .sp1{display:block;background:url(../images/lvl3/sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.95rem;height:1rem;overflow:hidden;line-height:99;position:relative;z-index:100}
.lvl3Area .lb-head .sp2{display:block;background:url(../images/lvl3/sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.8rem;height:0.9rem;overflow:hidden;line-height:99;margin-top:0.15rem}
.lvl3Area .mod-tips .con{background:url(../images/lvl3/mod-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.16rem;height:2.21rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.32rem;line-height:0.56rem;color:#21120C;padding:0.14rem 0 0 0.24rem;position:absolute;left:3.12rem;top:10.5rem}
.lvl3Area .dropDoor{width:2.5rem;height:3.62rem;position:absolute;left:0;top:4.95rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.4rem 0.2rem}
.lvl3Area .dropDoor.active{background:url(../images/lvl3/door.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent;background-position:0 0}
.lvl3Area .dropDoor.right{background-position:100% 0}
.lvl3Area .dropDoor > div{display:block;width:1.74rem;height:2.25rem;background:url(../images/lvl3/drag.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent;-webkit-animation:dropPic 1.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation:dropPic 1.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@-webkit-keyframes dropPic{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}}
@keyframes dropPic{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}}
.lvl3Area .role{background:url(../images/lvl3/role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.29rem;height:8.41rem;position:absolute;left:0;top:9.24rem}
.lvl3Area .lb-reset{background:url(../images/lvl3/reset.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.95rem;height:0.92rem;overflow:hidden;line-height:99;position:absolute;right:0;top:14.6rem;-webkit-animation:reset 1s infinite linear;animation:reset 1s infinite linear}
@keyframes reset{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}
.lvl3Area .picBox{width:1.74rem;height:2.25rem;position:absolute;left:4.08rem;top:5.62rem}
.lvl3Area .picBox.play .sp1{display:block;-webkit-animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards;animation:lvl1ani1 1.2s infinite linear,lvl1ani2 2.5s forwards}
.lvl3Area .picBox .dragPic{width:1.74rem;height:2.25rem}
.lvl3Area .picBox .dragPic > div{display:block;width:1.74rem;height:2.25rem;background:url(../images/lvl3/drag.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent}
.lvl3Area .picBox .dragPic > div.active{background-position:100% 0}
.lvl3Area .picBox .sp1{background:url(../images/lvl1/role-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.04rem;height:1.38rem;position:absolute;left:0.7rem;top:1.8rem;pointer-events:none;display:none}
.cardPage{display:none;position:relative}
.cardPage .cover{display:block}
.cardPage .cover img{display:block;pointer-events:none}
.cardPage .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.cardPage .lb-back{background:url(../images/card/btn-back.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.82rem;height:1.07rem;overflow:hidden;line-height:88;margin-top:1.8rem;margin-left:0.1rem}
.cardPage .lb-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.15rem}
.cardPage .lb-card li{-ms-flex-negative:0;flex-shrink:0;width:2.22rem;height:3.75rem;background:url(../images/card/card-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0 0.11rem}
.cardPage .lb-card .img{display:block;width:1.96rem;height:2.64rem;margin:0.14rem auto 0}
.cardPage .lb-card .btn{background:url(../images/card/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.94rem;height:0.73rem;overflow:hidden;text-align:center;line-height:0.7rem;font-size:0.3rem;-webkit-text-stroke-width:0.2pt;color:#5c2914;margin:0.1rem auto 0}
.cardPage .lb-main{background:url(../images/card/bg-main.png) no-repeat 0 0;background-size:100% auto;background-color:transparent;padding-top:5.45rem}
.cardPage .lb-main .m-con{background:url(../images/card/m-task.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;width:7.32rem;height:1.55rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.44rem}
.cardPage .lb-main .m-con p{font-size:0.32rem;line-height:0.48rem;color:#5c2914}
.cardPage .lb-main .m-con a{background:url(../images/card/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:2.27rem;height:0.87rem;text-align:center;line-height:0.82rem;font-size:0.34rem;-webkit-text-stroke-width:0.2pt;color:#5c2914}
.cardPage .lb-main .m-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.62rem}
.cardPage .lb-main .m-btn a{-ms-flex-negative:0;flex-shrink:0;width:3.42rem;height:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 0.18rem}
.cardPage .lb-main .m-btn a em{font-size:0.34rem;line-height:1.2;-webkit-text-stroke-width:0.2pt}
.cardPage .lb-main .m-btn a p{position:absolute;right:-0.1rem;top:-0.44rem;background:url(../images/card/btn-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.86rem;height:0.51rem;text-align:center;line-height:0.48rem;font-size:0.22rem;color:#5c2914}
.cardPage .lb-main .m-btn a.bt1{background:url(../images/card/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.cardPage .lb-main .m-btn a.bt1 em{color:#5c2914;text-shadow:1px 1px 0 rgba(255,249,222,0.36)}
.cardPage .lb-main .m-btn a.bt2{background:url(../images/card/btn4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.cardPage .lb-main .m-btn a.bt2 em{color:#fff;text-shadow:1px 1px 0 rgba(103,23,14,0.5)}
.cardPage .lb-main .m-tip{background:url(../images/card/m-tips.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.37rem;height:0.83rem;overflow:hidden;text-align:center;margin:0.28rem auto 0;line-height:0.72rem;font-size:0.3rem;color:#fff}
.cardPage .lb-main .m-tip a,.cardPage .lb-main .m-tip span{color:#fff179}
.videoArea{display:none;position:absolute;left:0;top:0;width:7.5rem;height:18rem;z-index:10000}
.videoArea video{width:100%;height:100%}
.diaArea{width:6.32rem;margin:0 auto;position:relative}
.diaArea .dia-hide{background:url(../images/dia-hide.png) no-repeat center;background-size:0.3rem auto;background-color:transparent;width:0.55rem;height:0.55rem;overflow:hidden;line-height:99;position:absolute;right:0.28rem;top:0.28rem;z-index:5}
.diaArea .cover{position:absolute;top:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.diaArea .cover::before{content:"";-ms-flex-negative:0;flex-shrink:0;width:100%;height:1.12rem;background:url(../images/dia-t.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.diaArea .cover > div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0%;background:url(../images/dia-c.png) repeat-y 0 0;background-size:100% auto;background-color:transparent}
.diaArea .cover::after{content:"";-ms-flex-negative:0;flex-shrink:0;width:100%;height:2.78rem;background:url(../images/dia-f.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.diaArea .cover i{content:"";background:url(../images/dia-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.88rem;height:1.21rem;position:absolute;right:-0.42rem;bottom:0.3rem}
.diaArea .inner{min-height:4.5rem;position:relative;padding:0.4rem 0 0.45rem}
.diaArea .dia-tit{text-align:center;font-size:0.36rem;line-height:0.54rem;font-weight:bold;color:#b34b2a}
.diaArea .dia-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.28rem}
.diaArea .dia-btn a{-ms-flex-negative:0;flex-shrink:0;width:2.61rem;height:0.87rem;text-align:center;line-height:0.8rem;font-size:0.3rem;-webkit-text-stroke-width:0.2pt;margin:0 0.16rem;position:relative}
.diaArea .dia-btn a.bt1{background:url(../images/pop-bt1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;color:#5c2914}
.diaArea .dia-btn a.bt2{background:url(../images/pop-bt2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;color:#fff}
.diaArea .dia-btn a span{background:url(../images/dia-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:0;top:-0.52rem;width:1.46rem;height:0.51rem;text-align:center;line-height:0.46rem;font-size:0.21rem;-webkit-text-stroke-width:0;color:#5c2914}
.game-end{width:5.36rem;background:#FAF4EA;border-radius:0.14rem;margin:0.2rem auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.3rem 0.38rem}
.game-end .txt{border-bottom:1px solid #F1E3D6;height:0.77rem;text-align:center;line-height:0.78rem;font-size:0.28rem;color:#5c2914}
.game-end .img{width:2.44rem;height:3.02rem;padding:0.1rem;border:1px solid #E6C098;border-radius:0.16rem;background:linear-gradient(189deg,#FAE69E,#F5C171);margin:0.3rem auto 0;-webkit-box-shadow:0 0.02rem 0.06rem rgba(0,0,0,0.5),0 1px 2px rgba(255,255,255,0.5) inset,0 -1px 1px #fff inset;box-shadow:0 0.02rem 0.06rem rgba(0,0,0,0.5),0 1px 2px rgba(255,255,255,0.5) inset,0 -1px 1px #fff inset}
.game-end .img img{display:block;width:2.44rem;height:3.02rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #E6AA4D;border-radius:0.14rem}
.game-end .medal{width:3.06rem;height:3.06rem;margin:0.2rem auto 0}
.game-end .medal img{display:block;width:100%;height:100%}
.game-end .sub{text-align:center;font-size:0.28rem;color:#5c1432;line-height:0.44rem;margin-top:0.2rem}
.shareBox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}
.shareBox .share-mask{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8)}
.shareBox .share-area{width:7.5rem;height:100%;position:absolute;top:0;left:50%;margin-left:-3.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-sizing:border-box;box-sizing:border-box}
.shareBox .share-area .share-show{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.16rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}
.shareBox .share-area .share-show::-webkit-scrollbar{display:none}
.shareBox .share-area .share-show img{display:block;border-radius:0.2rem;width:6rem;margin:0 auto}
.shareBox .share-area .share-foot{background:url(../images/share-foot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.5rem;height:2.72rem;overflow:hidden;position:relative}
.shareBox .share-area .share-foot .sf-hide{background:url(../images/dia-hide.png) no-repeat center;background-size:0.3rem auto;background-color:transparent;width:0.55rem;height:0.55rem;overflow:hidden;line-height:99;position:absolute;right:0.22rem;top:0.22rem;z-index:5}
.shareBox .share-area .share-foot .sf-hd{line-height:0.68rem;font-size:0.36rem;text-align:center;color:#794435;-webkit-text-stroke-width:0.2pt}
.shareBox .share-area .share-foot .sf-bd{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0.2rem 0.1rem 0}
.shareBox .share-area .share-foot .sf-bd li{-ms-flex-negative:0;flex-shrink:0;width:1.21rem;text-align:center;font-size:0.26rem;line-height:2.4;margin:0 0.1rem}
.shareBox .share-area .share-foot .sf-bd li .ico{display:block;width:1.21rem;height:1.21rem;background:url(../images/sns-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;overflow:hidden}
.shareBox .share-area .share-foot .sf-bd li .ico img{display:block;width:0.7rem;height:0.7rem;margin:0.25rem auto 0}
.shareBox .share-area .share-foot .sf-bd li a{color:#5c2914}
.shareCard{display:none;width:6.85rem;height:11.34rem;position:relative;margin:0 auto}
.shareCard .cover img{display:block;width:6.85rem;height:11.34rem}
.shareCard .inner{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.37rem 0.38rem}
.shareCard .lb-head{height:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.shareCard .lb-head img{-ms-flex-negative:0;flex-shrink:0;width:1rem;height:1rem;margin-right:0.2rem}
.shareCard .lb-head em{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:0.42rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.3rem;line-height:0.44rem;color:#5c2914}
.shareCard .lb-main{height:6.86rem;overflow:hidden;margin:0.2rem auto 0}
.shareCard .lb-main .img{background:url(../images/share-card-img.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.68rem;height:5.76rem;overflow:hidden;margin:0.3rem auto 0}
.shareCard .lb-main .img img{display:block;width:4.32rem;height:5.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.14rem;border:2px solid #E6AA4D;margin:0.15rem auto 0}
.shareCard .lb-main .txt{font-size:0.26rem;line-height:0.4rem;text-align:center;color:#5c2914;margin:0.2rem 0.15rem 0}
.shareCard .lb-foot{height:2.36rem;margin-top:0.34rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.shareCard .lb-foot .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.shareCard .lb-foot .con em{display:block;height:0.46rem;line-height:0.46rem;font-weight:bold;font-size:0.34rem;color:#fff;margin-bottom:0.1rem}
.shareCard .lb-foot .con p{font-size:0.26rem;line-height:0.46rem;color:#fff}
.shareCard .lb-foot .con p span{color:#FFF179}
.shareCard .lb-foot .img{-ms-flex-negative:0;flex-shrink:0;width:1.68rem;height:1.68rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff;box-sizing:border-box;margin-left:0.2rem}
.shareCard .lb-foot .img img{display:block;width:100%;height:100%}
.loading{display:none;background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1111;text-align:center}
.loading dl{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.loading dl dt{width:1.59rem;height:1.76rem;display:block;background:url(../images/loading.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0 auto}
.loading dl dd{color:#fff;font-size:0.24rem;padding-top:0.2rem}