.annual{position:relative;width:100%;height:100%;background-image:url(../img/annual-bg.1863736c.png);background-size:cover;background-position:50%;overflow:hidden}.annual .qrcode{position:absolute;right:4vw;bottom:4vw;z-index:98}.annual .qrcode img{width:10vw;height:10vw;transform-origin:bottom right;transition:all .5s ease 0s}.annual .qrcode:hover img{transform:scale(2.5)}.annual .cover{position:absolute;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:99}.annual .login{width:28.17vw;height:33.025vw;top:8%;background-image:url(../img/login.e9da0e4d.png);background-size:cover;background-position:50%;z-index:100}.annual .login,.annual .login .el-input{position:absolute;left:50%;transform:translateX(-50%)}.annual .login .el-input{top:15.88vw;width:13.02vw;outline:none}.annual .login .el-input__inner{height:4.253vw;border-radius:49px;padding:0 1.65vw;font-size:3.125vw;font-weight:900;text-align:center;color:#dc2627;background-color:#f9efe9}.annual .login .el-input__inner::-webkit-input-placeholder{font-size:1.1vw;color:#b29f9f;transform:translateY(11%);-webkit-transform:translateY(-50%)}.annual .login .el-input__inner::-moz-placeholder{font-size:1.1vw;color:#b29f9f;transform:translateY(11%);-webkit-transform:translateY(-50%)}.annual .login .el-input__inner::-ms-input-placeholder{font-size:1.1vw;color:#b29f9f;transform:translateY(11%);-webkit-transform:translateY(-50%)}.annual .login .el-input__inner:focus{outline:none;border-color:#f9efe9}.annual .login .submit{position:absolute;height:5vw;top:26.8vw;left:50%;transform:translateX(-50%);z-index:1;cursor:pointer}.annual .login .submit img{width:8.66vw;height:3.423vw}.annual .login .submit-bg{position:absolute;bottom:1vw;left:50%;transform:translateX(-45%)}.annual .login .submit-bg img{width:17.856vw;height:8.413vw}.annual .lucky{width:28.17vw;height:33.025vw;top:8%;background-image:url(../img/lucky.a06a2661.png);background-size:cover;background-position:50%;z-index:100}.annual .lucky,.annual .lucky .info{position:absolute;left:50%;transform:translateX(-50%)}.annual .lucky .info{top:43%}.annual .lucky .info .avatar{width:5.57vw;height:5.57vw;border:2px solid #d4722a;border-radius:50%;margin:auto auto;overflow:hidden}.annual .lucky .info .avatar img{width:5.57vw;height:5.57vw}.annual .lucky .info .detail{margin-top:20px;text-align:center;color:#9e5611}.annual .lucky .info .detail .name{font-size:1.22vw;font-weight:600}.annual .lucky .info .detail .phone{font-size:1.042vw;margin-top:8px;font-weight:500}.annual .lucky .submit{position:absolute;height:5vw;top:26.8vw;left:50%;transform:translateX(-50%);z-index:1;cursor:pointer}.annual .lucky .submit img{width:8.66vw;height:3.423vw}.annual .lucky .submit-bg{position:absolute;bottom:1vw;left:50%;transform:translateX(-45%)}.annual .lucky .submit-bg img{width:17.856vw;height:8.413vw}.annual .draw-btn{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);z-index:1;cursor:pointer}.annual .draw-btn-bg{position:absolute;bottom:-.6%;left:50%;transform:translateX(-43%);opacity:.6}.annual .participant{position:absolute;top:32vh;left:50%;transform:translateX(-50%);text-align:center;color:#fce7d9}.annual .participant .num{font-size:24px;cursor:default}.annual .participant .prize{display:flex;justify-content:space-between;align-items:center;width:30vw;height:10vw;margin-top:10.189vh}.annual .participant .prize .prize-name{width:20vw;font-size:36px;font-weight:500;cursor:default}.annual .participant .prize .arrow{width:22px;height:38px;cursor:pointer}.annual .participant .prize .arrow img{width:22px;height:38px}