.flipbook-viewport{position:relative;overflow:hidden;}
.flipbook-viewport .page-wrapper{width:5.8rem !important;height:10.32rem !important;box-sizing:border-box;}
.flipbook-viewport .page{width:5.8rem !important;height:10.32rem !important;background-color:#0a0803;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;}
.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;}
.flipbook-viewport .pagination{width:100%;}
.flipbook-viewport .pagination .cont{display:block;display:flex;align-items:center;justify-content:center;margin:.3rem auto 0 auto;}
.flipbook-viewport .pagination i{display:block;width:.2rem;height:.2rem;background:url('../imgs/bullet.png') no-repeat 0 0 / .51rem .2rem;margin:0 0.07rem;}
.flipbook-viewport .pagination i.on{background:url('../imgs/bullet.png') no-repeat right bottom / .51rem .2rem;}
.flipbook-viewport .prev{width:.53rem;height:.53rem;background:url('../imgs/left.png') no-repeat center / cover;position:absolute;left:.56rem;top:5rem;cursor:pointer;z-index:20;}
.flipbook-viewport .next{width:.53rem;height:.53rem;background:url('../imgs/right.png') no-repeat center / cover;position:absolute;right:.56rem;top:5rem;cursor:pointer;z-index:20;}
.paper{width:7.5rem;height:3.96rem;position:relative;touch-action:none;overflow:hidden;margin:0 auto;}
.paper .item{width:3.12rem;height:1.98rem;line-height:.26rem;color:#fff;position:absolute;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;touch-action:none;background:url('../imgs/chat_box.png') no-repeat center / cover;padding:.3rem .3rem 0 .2rem;box-sizing:border-box;}
.paper .item span span{color:#ffe000;}
.paper .close{display:block;width:.08rem;height:.08rem;position:absolute;right:0;top:0;background:transparent;cursor:pointer;}
.paper .item .player{text-align:right;margin-top:.24rem;color:#ffe000;}
.paper .item .up{width:.28rem;height:.27rem;background:url(../imgs/ico_zan.png) no-repeat center / contain;display:block;float:right;}
.paper .item .up.on{background:url('../imgs/ico_zan_on.png') no-repeat center / contain;}
.paper_list li{color:#806d09;border:#584b05 1px solid;;padding:.24rem .12rem;box-sizing:border-box;margin-bottom:.16rem;text-align:left;}
.paper_list li.on{color:#ffe000;border:#ffe000 1px solid;}
.rec{height:.64rem;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:flex-start;align-items:flex-start;margin:.53rem auto 0 auto;width:fit-content;}
.rec_hd{width:4.9rem;height:.6rem;border:#635505 2px solid;border-radius:.32rem;position:relative;padding:0 .24rem;margin-right:.1rem;box-sizing:border-box;}
.arrow{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:.28rem;height:.16rem;background:url(../imgs/arrow.png) no-repeat center / .28rem .16rem;padding:.2rem;}
.part1,.part.p1{height:14.68rem;background-image:url('../imgs/p1.jpg');padding-top:2rem;}
.part2,.part.p2{height:7.32rem;padding-top:1.4rem;background-image:url('../imgs/p2.jpg');}
.part3,.part.p3{height:5.66rem;background-image:url('../imgs/p3.jpg');padding-top:1.8rem;}
.flipbook{width:5.8rem !important;height:10.32rem !important;margin:0 auto !important;border-radius:.16rem;overflow:hidden;border:#635505 2px solid;box-sizing:border-box;}
.flipbook .item{width:5.8rem !important;height:10.32rem !important;position:relative;background-size:5.8rem 10.32rem;font-size:.24rem;color:#fff;position:relative;}
.i1 .one{height:5.3rem;width:3.9rem;overflow-y:auto;color:#fff;line-height:.52rem;position:absolute;top:3rem;left:50%;transform:translateX(-50%);}
.item span{color:#ffe000;}
.item span.light{background:#ffe000;color:#000;}
.i1 .one p{text-indent:0.5rem;}
.i2 .one{width:2.5rem;height:.7rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:2.6rem;left:2.1rem;}
.i2 .two{width:2.8rem;height:1rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:4.5rem;left:1rem;}
.i2 .three{width:2.7rem;height:1.92rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:6.6rem;left:2rem;}
.i3 .one{width:2.2rem;height:1rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:2.72rem;left:2.46rem;}
.i3 .two{width:3rem;height:1.6rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:4.16rem;left:2.2rem;}
.i3 .three{width:3rem;height:1.24rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:6.9rem;left:1.1rem;}
.i4 .one{width:4rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:3.45rem;left:.88rem;}
.i4 .two{width:3.6rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:5.16rem;left:1.36rem;}
.i4 .three{width:3.7rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:7.3rem;left:1rem;}
.i5 .one{width:3rem;height:1rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:3.45rem;left:2.3rem;}
.i5 .two{width:3rem;height:1rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:5.57rem;left:2rem;}
.i5 .three{width:2.6rem;height:1.4rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:7.36rem;left:1rem;}
.i6 .one{width:3.8rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:2.43rem;left:.58rem;}
.i6 .two{width:2.16rem;height:1.4rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:4.16rem;left:.74rem;}
.i6 .three{width:3rem;height:1.4rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:6rem;left:1.8rem;}
.i7 .one{width:2.5rem;height:.8rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:4.92rem;left:2.5rem;}
.i7 .btn_share_hyl{display:block;width:2.46rem;height:.62rem;background:url(../imgs/swiper/btn_share_hyl.png) no-repeat center / cover;position:absolute;bottom:.86rem;left:.4rem;}
.i7 .btn_jk{display:block;width:2.47rem;height:.64rem;background:url(../imgs/swiper/btn_jk.png) no-repeat center / cover;position:absolute;bottom:.86rem;right:.3rem;}
.i8 .one{width:2.83rem;height:1.18rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:3.7rem;left:2.1rem;}
.i8 .two{width:2.3rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:5.22rem;left:1.2rem;}
.i8 .three{width:2rem;height:.66rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:7rem;left:1.3rem;}
.i8 .btn_open{display:block;width:2.46rem;height:.62rem;background:url(../imgs/swiper/btn_open.png) no-repeat center / cover;position:absolute;bottom:.86rem;left:.4rem;}
.i8 .btn_jk{display:block;width:2.47rem;height:.64rem;background:url(../imgs/swiper/btn_jk.png) no-repeat center / cover;position:absolute;bottom:.86rem;right:.3rem;}
.i9 .one{width:2.6rem;height:1.1rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:2.7rem;left:2rem;}
.i9 .two{width:2.5rem;height:1.3rem;position:absolute;box-sizing:border-box;overflow-y:auto;top:4.3rem;left:1.3rem;}
.i9 .games{display:flex;align-items:center;justify-content:space-evenly;position:absolute;bottom:2.1rem;width:100%;}
.i9 .games li{width:1.49rem;height:1.72rem;position:relative;}
.i9 .games li:nth-child(1){background:url(../imgs/swiper/game_ys.png) no-repeat center / cover;}
.i9 .games li:nth-child(2){background:url(../imgs/swiper/game_lj.png) no-repeat center / cover;}
.i9 .games li:nth-child(3){background:url(../imgs/swiper/game_rx.png) no-repeat center / cover;}
.i9 .games li a{display:block;width:1.42rem;height:.45rem;background:#ffe000;border-radius:.1rem;color:#000;font-size:.26rem;font-weight:bold;text-align:center;line-height:.45rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.i9 .games li a::after{content:'';display:block;width:.28rem;height:.29rem;position:absolute;bottom:-.2rem;right:0rem;background:url(../imgs/swiper/pointer_.png) no-repeat center / cover;}
.i9 .btn_jk{display:block;width:2.13rem;height:.64rem;background:url(../imgs/swiper/btn_jk_.png) no-repeat center / cover;position:absolute;bottom:.82rem;right:.26rem;}
.btn_share_hyl,.btn_jk,.btn_open{position:relative;}
.btn_share_hyl::after,.btn_jk::after,.btn_open::after{content:'';display:block;width:.45rem;height:.48rem;position:absolute;bottom:-.3rem;left:.4rem;background:url(../imgs/swiper/pointer.png) no-repeat center / cover;}
.submit{display:block;width:1.83rem;height:.64rem;background:url('../imgs/btn_send.png') no-repeat center / contain;overflow:hidden;text-indent:-9999px;}
.none{display:none}

/* 新增 */
.menu a{width:1.5rem;height:.6rem;margin:0 .1rem;background-image:url('../imgs/menu.png');background-repeat:no-repeat;background-position:0 0;background-size:4.91rem 1.5rem;}
.menu a:nth-child(1){background-position:0 0;}
.menu a:nth-child(2){background-position:-1.7rem 0;}
.menu a:nth-child(3){background-position:-3.4rem 0;}
.menu a.on{background-position-y:bottom;}
.part .question{position:absolute;width:.24rem;height:.24rem;background:url(../imgs/wh.png) no-repeat center / contain;}
.part1 .question,.part.p1 .question{top:.27rem;left:50%;margin-left:1.35rem;}
.part2 .question,.part.p2 .question{top:.2rem;left:50%;margin-left:2.1rem;}
.part3 .question,.part.p3 .question{top:.2rem;left:50%;margin-left:1.7rem;}
.twpop .text{color:#c6ae00;font-size:.22rem;width:100%;box-sizing:border-box;padding:0 .1rem;margin-top: .2rem;}
.twpop .text a{color:#c6ae00;text-decoration:underline;}