.index-page .img-btn-rule{position:absolute;top:0;right:0;width:20%;margin:4% 0 0}.index-page .img-btn-start{position:absolute;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);top:0;width:63%;margin:138% 0 0}.index-page .risk-tip{position:absolute;top:0;left:0;width:100%;text-align:center;margin:154% 0 0}.index-page .rule-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.index-page .modal-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:90%;height:70%;background:#fff;border-radius:.25rem}.index-page .modal-wrap .img-btn-close{position:absolute;top:.4rem;right:.3rem;width:.35rem}.index-page .modal-wrap h3{text-align:center;font-weight:bolder;margin:.4rem 0;font-size:.35rem}.index-page .modal-wrap .content{position:absolute;top:.9rem;bottom:0;width:100%;padding:.4rem;overflow:scroll}.game-page{position:fixed;top:0;left:0;width:100%;height:100%}.game-page .img-bg-top{position:absolute;top:-1.3rem}.game-page .img-bg-bottom{position:absolute;bottom:0rem}.game-page .risk-tip{position:absolute;bottom:.1rem;text-align:center;width:100%}.game-page .modal-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:90%;height:90%;background:#ec9a62;border-radius:.2rem;padding:.5rem .2rem .4rem}.game-page .content-wrap{width:100%;height:100%;background:url(../img/bg_rect.jpg);background-size:13px 13px;position:relative}.game-page .content-wrap .bg-wrap{position:absolute;top:0;right:0;width:100%;height:100%}.game-page .content-wrap .bg-wrap .img-bottom{position:absolute;left:0;bottom:0;width:100%;margin:0 0 -2% 0}.game-page .content-wrap .con-wrap{position:absolute;top:0;right:0;width:100%;height:100%;color:#185fc7;overflow:scroll}.game-page .content-wrap .con-wrap .nav{position:relative;text-align:right}.game-page .content-wrap .con-wrap .nav .count-down{display:inline-block;background:#fcedee;width:.9rem;height:.9rem;border-radius:50%;color:#cb3533;font-size:.37rem}.game-page .content-wrap .con-wrap .nav .index{color:#7d7d7d;line-height:1.2rem;padding:0 .8rem 0 0}.game-page .content-wrap .con-wrap .question{padding:0 .6rem;font-size:.35rem;font-weight:bolder}.game-page .content-wrap .con-wrap .question h5{float:left;width:.5rem}.game-page .content-wrap .con-wrap .question h6{float:left;width:calc(100% - .5rem)}.game-page .content-wrap .con-wrap .options{clear:both;padding:.2rem .5rem 0;position:relative}.game-page .content-wrap .con-wrap .options .btn-option{position:relative;margin:0 auto}.game-page .content-wrap .con-wrap .options .btn-option+.btn-option{margin:.15rem 0 0}.game-page .content-wrap .con-wrap .options .btn-option span{position:absolute;display:block;top:0;left:0;width:100%;height:100%;padding:.18rem 0 0 .3rem}.game-page .content-wrap .con-wrap .options .btn-option .img-choose{display:none}.game-page .content-wrap .con-wrap .options .btn-option.choose .img-choose{display:block;position:absolute;top:0;left:0;width:13%}.game-page .content-wrap .con-wrap .submit{position:relative;text-align:center;margin:.2rem 0 0}.game-page .content-wrap .con-wrap .submit .btn-submit{width:40%}.decorate-wrap .img-tape{position:absolute;width:17%}.decorate-wrap .img-tape.tape-1{top:0;left:0;margin:3% 0 0}.decorate-wrap .img-tape.tape-2{top:0;right:0;margin:4% 0 0;transform:rotate(68deg);-o-transform:rotate(68deg);-ms-transform:rotate(68deg);-moz-transform:rotate(68deg);-webkit-transform:rotate(68deg)}.decorate-wrap .img-tape.tape-3{bottom:0;left:0;margin:0 0 3%;transform:rotate(60deg);-o-transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg)}.decorate-wrap .img-tape.tape-4{bottom:0;right:0;margin:0 0 3%}.result-page{position:fixed;top:0;left:0;width:100%;height:100%}.result-page .img-bg-top{position:absolute;top:-1.3rem}.result-page .img-bg-bottom{position:absolute;bottom:0rem}.result-page .risk-tip{position:absolute;bottom:.1rem;text-align:center;width:100%}.result-page .modal-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:90%;height:90%;background:#ec9a62;border-radius:.2rem;padding:.5rem .2rem .4rem}.result-page .content-wrap{width:100%;height:100%;background:url(../img/bg_rect.jpg);background-size:13px 13px;position:relative;overflow:scroll}.result-page .content-wrap .show-mode .avatar-wrap{text-align:center;padding:.4rem 0 .2rem}.result-page .content-wrap .show-mode .avatar-wrap img{display:inline-block;border-radius:50%;width:15%}.result-page .content-wrap .show-mode>h3{text-align:center;font-weight:bolder;font-size:.32rem;padding:0 0 .2rem}.result-page .content-wrap .show-mode .btn-wrap{display:flex;flex-flow:row wrap;justify-content:space-around;padding:0 3%}.result-page .content-wrap .show-mode .btn-wrap .game-btn{flex:0 0 47%}.result-page .content-wrap .redpacket-mode .redpacket-wrap{position:relative;width:87%;margin:0 auto 8%}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-1 h3{margin:8% 0 0;font-size:.4rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-1 h3 span{font-size:.8rem;display:inline-block;padding:0 0 0 .1rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-1 h4{display:none}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-1 h4 span{}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-1 h5{margin:14% 0 0;font-size:.26rem;color:rgba(249,216,154,.7)}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-2 h3{margin:4% 0 0;font-size:.4rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-2 h3 span{font-size:.75rem;display:inline-block;padding:0 0 0 .1rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-2 h4{display:block;position:absolute;top:0;margin:42% 0 0;color:rgba(249,216,154,.7);left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);padding:0 .5rem;height:.6rem;line-height:.6rem;background:#cf0d0e;border-radius:.3rem;font-size:.26rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-2 h4 span{display:inline-block;padding:0 0 0 .07rem}.result-page .content-wrap .redpacket-mode .redpacket-wrap .content.type-2 h5{margin:-1% 0 0 0;font-size:.24rem;color:rgba(249,216,154,.7)}.result-page .content-wrap .redpacket-mode .right-wrap{padding:0 .35rem .35rem;font-size:.27rem}.result-page .content-wrap .redpacket-mode .right-wrap h4{color:#de191a}.result-page .content-wrap .wrong-mode .wrong-wrap{width:88%;margin:0 auto;position:relative}.result-page .content-wrap .wrong-mode .wrong-wrap .content{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 0 27% 3%;overflow:scroll}.result-page .content-wrap .wrong-mode .wrong-wrap .content .rect{background:#366de4;margin:.16rem;position:relative;color:#fff;height:30%}.result-page .content-wrap .wrong-mode .wrong-wrap .content .rect h3{text-align:center;line-height:100%;font-size:.4rem}.result-page .content-wrap .wrong-mode .wrong-wrap .content .rect h4{right:.2rem;font-size:.24rem}.result-page .content-wrap .wrong-mode .wrong-wrap .content .right-wrap{margin:0 3%}.result-page .content-wrap .wrong-mode .wrong-wrap .content .right-wrap h4{color:red}.result-page .content-wrap .wrong-mode .wrong-wrap .content .right-wrap p{}.result-page .content-wrap .wrong-mode .tip{margin:2% 7%;font-size:.24rem;color:gray}.result-page .content-wrap .show-mode.no-right-mode>h3{color:red}.result-page .content-wrap .no-right-mode .wrong-wrap{width:88%;margin:0 auto;position:relative}.result-page .content-wrap .no-right-mode .wrong-wrap .content{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 0 3% 3%;overflow:scroll}.result-page .content-wrap .no-right-mode .wrong-wrap .content .right-wrap{margin:4%}.result-page .content-wrap .no-right-mode .wrong-wrap .content .right-wrap h4{color:red}.result-page .content-wrap .no-right-mode .wrong-wrap .content .right-wrap p{}.result-page .content-wrap .no-right-mode .tip{margin:2% 7%;font-size:.24rem;color:gray}.invalid-page{position:fixed;top:0;left:0;width:100%;height:100%}.invalid-page .img-bg-top{position:absolute;top:-1.3rem}.invalid-page .img-bg-bottom{position:absolute;bottom:0rem}.invalid-page .risk-tip{position:absolute;bottom:.1rem;text-align:center;width:100%}.invalid-page .modal-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:90%;height:90%;background:#ec9a62;border-radius:.2rem;padding:.5rem .2rem .4rem}.invalid-page .content-wrap{width:100%;height:100%;background:url(../img/bg_rect.jpg);background-size:13px 13px;position:relative;overflow:scroll}.invalid-page .content-wrap h3{font-size:.31rem;line-height:.6rem;font-weight:bolder;margin:1rem;text-align:center}.invalid-page .content-wrap img{display:block;width:45%;margin:0 auto}.invalid-page .content-wrap h5{color:#afafaf;text-align:center;margin:.5rem 0 0;font-size:.25rem}