.message-box-wrapper{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.message-box-alert,.message-box-confirm{backface-visibility:hidden;background-color:#fff;border-radius:.16rem;font-size:.26rem;left:50%;max-width:7.5rem;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-60%);transition:.2s;-webkit-user-select:none;width:76%}.message-box-alert .message-box-icon-close,.message-box-confirm .message-box-icon-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAAR5JREFUWAnt17sNwkAMBuBrmIABGIEVoIKWAtFQUyFR0KXJFgzAOgzCFDx+A5ZMceIe9jkFJzl3RRJ/chTnEkIIU8QSMZhxgeSB6BxFE+Qecf4NFjeEF+rwyX1iEM1bhAeKMXfkXxNEjtYoidlJiFy3QiVhGGaNysJYo4owVqgqjDZKBaOFUsXUokwwpagxLqRmS00v2mf45qVzbkvokWhVmiz1ulxU6n2rzvujUss3yEqdoac3yWs/9VU82Wc89lNRDPUZ18cnKyObngsqhuHyNUX9wjRFpWKaoHIxpqhSjAmqFqOK0sKooLQxVSgrTBHKGpOFaoVJQu1xFm0fTDfkLBFz9DNzdcCwi1FUDPpTeY0ZjvP30uW4QNYjZX4CWs2rdPPfSywAAAAASUVORK5CYII=) no-repeat;background-size:cover;height:.36rem;position:absolute;right:.3rem;top:.3rem;width:.36rem}.message-box-alert .message-box-title,.message-box-confirm .message-box-title{color:#191f25;font-size:.34rem;font-weight:700;margin-bottom:0;padding:.4rem 0 .3rem;text-align:center}.message-box-alert .message-box-content,.message-box-confirm .message-box-content{min-height:1rem;padding:.2rem .4rem .3rem;position:relative}.message-box-alert .message-box-message,.message-box-confirm .message-box-message{font-size:.28rem;line-height:1.5;margin:0;text-align:center;word-break:break-all}.message-box-alert .message-box-btn,.message-box-confirm .message-box-btn{align-items:center;border-top:1px solid #dcdee3;display:flex;height:1rem;position:relative;width:100%}.message-box-alert .message-box-cancel-btn,.message-box-alert .message-box-confirm-btn,.message-box-confirm .message-box-cancel-btn,.message-box-confirm .message-box-confirm-btn{color:#999;flex:1;font-size:.3rem;text-align:center}.message-box-alert .message-box-cancel-btn>p,.message-box-alert .message-box-confirm-btn>p,.message-box-confirm .message-box-cancel-btn>p,.message-box-confirm .message-box-confirm-btn>p{border-radius:6px;display:inline-block;font-size:.3rem;width:90%}.message-box-alert .message-box-confirm-btn,.message-box-confirm .message-box-confirm-btn{color:#008fff}.message-box-alert .message-box-cancel-btn,.message-box-confirm .message-box-cancel-btn{position:relative}.message-box-alert .message-box-cancel-btn:after,.message-box-confirm .message-box-cancel-btn:after{background:#dcdee3;content:"";display:inline-block;height:.48rem;position:absolute;right:0;top:50%;transform:translateY(-50%) scaleX(.5);width:1px}.message-box-toast{backface-visibility:hidden;background-color:rgba(0,0,0,.8);border-radius:.2rem;color:#fff;font-size:.16rem;left:50%;overflow:hidden;padding:.3rem .15rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.2s;-webkit-user-select:none;width:50%}.message-box-toast .message-box-content{font-size:.26rem;word-break:break-all}.page-wrap{background-color:#000;min-height:100vh;overflow:hidden;width:100vw}.page-wrap .red-wrap{padding-left:.8rem;padding-right:.8rem;padding-top:1.2rem}.page-wrap .red{align-items:center;background-color:#d16e5a;border-radius:.18rem;display:flex;flex-direction:column;height:8rem;overflow:hidden;width:100%}.page-wrap .red .top-text-1{color:#e1cea5;font-size:.36rem;margin-top:1.2rem}.page-wrap .red .top-text-2{color:#e1cea5;font-size:.48rem;margin-top:.24rem}.bottom-btn{color:#e1cea5;font-size:.32rem;margin-top:.3rem;text-align:center;text-decoration:underline}.red-cycle-wrap{display:flex;justify-content:center;left:50%;position:absolute;top:6rem;transform:translateX(-50%)}.red-cycle-wrap.open{top:0;transition:all .5s}.red-cycle-wrap.open .red-cycle{animation:none;border-radius:0;height:100vh;transition:all .5s;width:100vw}.red-cycle-wrap .cycle-outside{border:2px solid rgba(65,65,65,.096);border-radius:50%;box-shadow:0 1px 2px 1px rgba(48,48,48,.157);height:10rem;position:absolute;top:-9rem;width:12rem;z-index:1}.red-cycle-wrap .red-cycle{align-items:center;animation:breathe 1s infinite;background-color:#e1cea5;border:2px solid #e1cea5;border-radius:50%;display:flex;font-size:.84rem;height:2rem;justify-content:center;position:relative;width:2rem;z-index:3}.red-cycle-wrap .red-cycle .count-down{bottom:.16rem;font-size:.22rem;position:absolute}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.box-wrap{background-color:#fff;height:100vh;position:relative;width:100vw}.box-wrap .box-inner{color:#e1cea5;position:relative;text-align:center;z-index:9}.box-wrap .box-inner .box-text-1{font-size:.32rem;margin-top:.8rem}.box-wrap .box-inner .box-text-2{font-size:1.28rem;font-weight:bolder;margin-top:.24rem}.box-wrap .box-inner .box-text-2 span{display:inline-block;font-size:.68rem;line-height:.88rem}.box-wrap .box-inner .box-text-3{align-items:center;animation:breathe 1s infinite;background-color:#e1cea5;border-radius:.1rem;color:#d16e5a;display:flex;font-size:.38rem;height:1rem;justify-content:center;margin:.4rem auto;width:4.8rem}.box-wrap .box-inner .box-text-4{font-size:.34rem}.box-wrap .box-top{background-color:#d16e5a;border-radius:50%;height:12rem;left:50%;position:absolute;top:-6rem;transform:translateX(-50%);width:12rem;z-index:1}.box-wrap .box-bottom{font-size:.32rem;height:10.3rem;overflow-x:hidden;overflow-y:scroll;padding:1.8rem .4rem .8rem}.box-wrap .box-bottom .left{align-items:center;display:flex;justify-content:center}.box-wrap .box-bottom .left .avatar{border-radius:50%;height:1rem;margin-right:.2rem;overflow:hidden;width:1rem}.box-wrap .box-bottom .left .avatar .my-avatar{align-items:center;background-color:#fbc14e;border-radius:50%;color:#fff;display:flex;font-size:.5rem;height:1rem;justify-content:center;width:1rem}.box-wrap .box-bottom .left .name{font-size:.34rem;font-weight:700}.box-wrap .box-bottom .left .time{color:#b3b3b3;font-size:.28rem;font-weight:400;margin-top:4px}.box-wrap .box-bottom .right{align-items:flex-end;display:flex;flex-direction:column}.box-wrap .box-bottom .right .right-1{font-size:.4rem;margin-bottom:4px}.box-wrap .box-bottom .right .right-2{align-items:center;color:#daa520;display:flex;font-size:.26rem;justify-content:center}.box-wrap .box-bottom .right .right-3{background-color:#e7e6e6;border-radius:4px;color:#979797;display:inline-block;font-size:.26rem;padding:2px 4px}.box-wrap .box-bottom .box-bottom-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem}html{font-size:13.33333vw;height:100vh;overflow-x:hidden;width:100vw}*{box-sizing:border-box;margin:0;padding:0}