.page-lottery{background-color:rgba(0,0,0,.4);height:100vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:fixed;left:0;top:0;width:100%}.page-lottery .lottery-inner{width:88.2407vw}.page-lottery .lottery-container{background:url(../img/lottery_bg.197e9e80.png) no-repeat 50%;background-size:100% auto;height:117.5vw;position:relative;animation:bounceInDown 1s forwards}.page-lottery .lottery-container .lottery-title{width:82.8704vw;margin:0 auto;padding-top:23.6111vw}.page-lottery .lottery-container .letter{width:71.4815vw;height:34.4444vw;position:absolute;bottom:19.4444vw;left:8.3333vw;animation:letterSwing 1.2s 2s infinite alternate}.page-lottery .lottery-container .letter .letter-bg{position:absolute;width:100%;left:0;bottom:0}.page-lottery .lottery-container .letter .letter-door{position:absolute;width:68.2407vw;left:50%;transform:translateX(-50%) rotateX(0);transform-origin:center top;bottom:5.1852vw}.page-lottery .lottery-container .letter .letter-door img:last-child{position:absolute;width:67.3148vw;top:0;left:50%;transform:translateX(-50%) rotateX(180deg);opacity:0}.page-lottery .lottery-container .letter .letter-back{position:absolute;width:68.5185vw;left:50%;bottom:2.7778vw;transform:translateX(-50%)}.page-lottery .lottery-container .letter .letter-door-back{position:absolute;width:67.3148vw;left:50%;transform:translateX(-50%);bottom:32.4074vw;opacity:0}.page-lottery .lottery-container .letter .letter-content{width:62.5926vw;height:0;background:url(../img/paper_bg.691e69ef.png) no-repeat top;background-size:100% auto;position:absolute;left:50%;transform:translateX(-50%);bottom:4.6296vw;overflow:hidden;text-align:center}.page-lottery .lottery-container .letter .letter-content .avatar{width:13.5185vw;height:13.5185vw;box-sizing:border-box;border:.463vw solid #e7596f;border-radius:50%;overflow:hidden;margin:10.1852vw auto 1.8519vw}.page-lottery .lottery-container .letter .letter-content .nick-name{text-align:center;font-size:3.0556vw;color:#030303;line-height:1.5;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-lottery .lottery-container .letter .letter-content .prize-wrapper{width:54.6296vw;margin:1.8519vw auto 0;height:30.3704vw;background:url(../img/prize_bg.13bb76c6.png) no-repeat 50%;background-size:100% auto;padding-top:4.6296vw;box-sizing:border-box;position:relative}.page-lottery .lottery-container .letter .letter-content .prize-wrapper p{font-size:5.1852vw;color:#bb2241;line-height:1.4;width:120%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:50%;transform:scale(.5) translateX(-50%);transform-origin:left top;text-align:center;top:4.6296vw}.page-lottery .lottery-container .letter .letter-content .prize-wrapper p.code{font-size:4.0741vw;color:#010101;margin-bottom:.9259vw;width:140%}.page-lottery .lottery-container .letter .letter-content .prize-wrapper p:last-child{font-weight:700;top:8.5vw}.page-lottery .lottery-container .letter .letter-content .blessing{max-width:90%;margin-top:4.6296vw;font-size:2.7778vw;color:#fff;font-weight:700;padding:0 2.3148vw;line-height:6.0185vw;border-radius:2.7778vw;background:linear-gradient(#eb815b,#d7573d);display:inline-block}.page-lottery .lottery-container .letter .letter-content .blessing p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-lottery .lottery-container.open .lottery-title{opacity:0;transition:opacity .3s}.page-lottery .lottery-container.open .letter{animation:none}.page-lottery .lottery-container.open .letter .letter-door-back{opacity:1;transition:opacity .1s 1.4s}.page-lottery .lottery-container.open .letter .letter-content{height:76.3889vw;transition:height 1.5s 1.5s}.page-lottery .lottery-container.open .letter .letter-door{animation:openLetter 1.5s forwards}.page-lottery .lottery-container.open .letter .letter-door img{opacity:0;transition:opacity 1.5s}.page-lottery .lottery-container.open .letter .letter-door img:last-child{opacity:1}.page-lottery .lottery-btns{display:flex;justify-content:space-between;margin-top:8.3333vw;padding:0 1.8519vw;height:11.2963vw}.page-lottery .lottery-btns .btn{width:36.3889vw;cursor:pointer;transform:translate3d(-300%,0,0);animation:slideIn 1s forwards}.page-lottery .lottery-btns .btn:last-child{transform:translate3d(300%,0,0)}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes letterSwing{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes openLetter{0%{opacity:1}99%{opacity:1}to{transform:translate3d(-50%,1.8519vw,0) rotateX(180deg);opacity:0}}@keyframes slideIn{to{transform:translateZ(0)}}.page-home{background:url(../img/home_bg.2b07b9ba.jpg) no-repeat top;background-size:100% auto;padding:10.463vw 0 0;height:310.6481vw;box-sizing:border-box;position:relative}.page-home .logo{width:44.2593vw;margin:0 auto 9.0741vw}.page-home .title{width:61.5741vw;padding:0 0 5.2778vw 6.9444vw}.page-home .sub-title{width:60.5556vw;padding-left:6.9444vw}.page-home .rule{width:26.5741vw;position:absolute;top:23.1481vw;left:55.5556vw}.page-home .main{padding:35.1852vw 18.5185vw 0;position:relative}.page-home .main .text{margin-bottom:11.1111vw}.page-home .main .text img{display:block;opacity:0;animation:slideInUp 1s forwards}.page-home .main .text img:first-of-type{width:33.2407vw;padding-left:9.2593vw}.page-home .main .text img:nth-of-type(2){width:53.6111vw;padding-left:7.8704vw;margin-top:-2.7778vw;animation-delay:1s}.page-home .main .text img:nth-of-type(3){width:46.9444vw;padding-left:6.4815vw;margin-top:-6.0185vw;animation-delay:2s}.page-home .main .text img:nth-of-type(4){width:39.7222vw;padding-left:5.5556vw;margin-top:-4.6296vw;animation-delay:3s}.page-home .main .tips{width:30.6481vw;height:7.4074vw;padding-left:7.4074vw;display:flex}.page-home .main .tips span{width:2.963vw;height:100%;background:url(../img/text_tips.b2878a72.png) no-repeat 0 0;background-size:30.6481vw auto;opacity:0;animation:fadeIn .3s linear 4s forwards}.page-home .main .tips span:nth-of-type(2){background-position:-3.1481vw top;animation-delay:4.2s}.page-home .main .tips span:nth-of-type(3){background-position:-6.0185vw top;animation-delay:4.4s}.page-home .main .tips span:nth-of-type(4){background-position:-8.9815vw top;animation-delay:4.6s}.page-home .main .tips span:nth-of-type(5){background-position:-12.1296vw top;animation-delay:4.8s}.page-home .main .tips span:nth-of-type(6){background-position:-15.2778vw top;animation-delay:5s}.page-home .main .tips span:nth-of-type(7){background-position:-18.0556vw top;animation-delay:5.2s}.page-home .main .tips span:nth-of-type(8){background-position:-21.2037vw top;animation-delay:5.4s}.page-home .main .tips span:nth-of-type(9){background-position:-24.537vw top;animation-delay:5.6s}.page-home .main .tips span:nth-of-type(10){background-position:-27.6852vw top;animation-delay:5.8s}.page-home .main .tips span:last-child{width:.8333vw;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAoCAMAAAAbvyCxAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAK5QTFRFAAAA7ZuV34CA7JmUqlVV7ZuU7JuV6ZiU7JqT7JuU7JuU7JqU7ZiS7JqU7ZuU7ZuU7ZuU7JqU6ZqT7ZuU7ZuU7JqU65mS7JuU7ZuV7JqU6pqV65mT7JuU7ZuS7JuT7JqU1YCA25KS7ZmS7JuU55KS7JqU7JuU65eT34+P55qU7JqV7ZKS7ZuT446O7JqQ7JqU65qT65qU7JuU65qU7ZqU7JuV6pqT6ZqR7JqV7ZqVbw9jOwAAADp0Uk5TAP8IXQNU9zlrpOl3KrDD4+2TIrabck2//NowgLoch9UGB0aWFXzJQBAr9Q5jCTWrjiagWN7OSTq+wvmnAGUAAACjSURBVHicPc7XTgMBEAPATC4hlfQeIPTeO///Y4izjn0a2ZK1tdrfFbffxyVqP/SjLpMSdVaJNqyjJtOoxzia0Y6WfEZDXqoRjVJ93lMuOIjmnEVj5tGURbTmpkRjRb3UhGHKU5ZRm1n0TC/apxnt2ER71cgh3URXDKJ7XqMjLqIn3qIPHv9H7kqcM0rU4jIq6ERbtlGHIhrQqr4bnUQPX9fBL0saCEE+5Zn/AAAAAElFTkSuQmCC) no-repeat 0 100%;background-size:100% auto;animation:fadeIn .8s 6s infinite alternate forwards}.page-home .main .click{width:14.4444vw;position:absolute;left:57.5926vw;top:89.3519vw;opacity:0;animation:fadeIn .2s linear 6s forwards}.page-home .main .click img{display:block;transform-origin:right bottom;animation:click .7s linear 6s infinite alternate}.page-home .main .record{width:31.9444vw;height:30.3704vw;position:absolute;left:68.1481vw;top:92.5926vw}.page-home .wall{width:70.3704vw;height:34.2593vw;position:absolute;left:14.6296vw;bottom:19.9074vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.page-home .wall .barrage-list{height:6.4815vw;white-space:nowrap;padding:.7407vw 0;position:relative;left:100%}.page-home .wall .barrage-item{height:100%;display:inline-flex;align-items:center;vertical-align:top;padding:0 9.2593vw 0 4.6296vw;position:relative}.page-home .wall .barrage-item .container{background:#e66053;padding:0 2.037vw 0 4.1667vw;border-radius:4.0741vw}.page-home .wall .barrage-item span{font-size:3vw;color:#fff;line-height:1.7}.page-home .wall .barrage-item span img{width:3.5vw}.page-home .wall .barrage-item .avatar{width:6.3889vw;height:6.3889vw;border-radius:50%;overflow:hidden;background-color:#e55f53;padding:2px;box-sizing:border-box;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.page-home .wall .barrage-item .avatar img{border-radius:50%;filter:blur(2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(9.2593vw)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes click{0%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes dynamicMove{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}