@keyframes dot-flicker{0%{background:#fffffd;box-shadow:0px -2px 6px 0px rgba(255,255,255,.5);box-shadow:0px 2px 6px 0px rgba(255,255,255,.5)}10%{background:#fffffd;box-shadow:0px -2px 6px 0px rgba(255,255,255,.5);box-shadow:0px 2px 6px 0px rgba(255,255,255,.5)}40%{background:#ffff4e;box-shadow:0px -2px 6px 0px rgba(255,255,78,.5);box-shadow:0px 2px 6px 0px rgba(255,255,78,.5)}60%{background:#ffff4e;box-shadow:0px -2px 6px 0px rgba(255,255,78,.5);box-shadow:0px 2px 6px 0px rgba(255,255,78,.5)}90%{background:#fffffd;box-shadow:0px -2px 6px 0px rgba(255,255,255,.5);box-shadow:0px 2px 6px 0px rgba(255,255,255,.5)}100%{background:#fffffd;box-shadow:0px -2px 6px 0px rgba(255,255,255,.5);box-shadow:0px 2px 6px 0px rgba(255,255,255,.5)}}@keyframes winners-scrolling{0%{transform:translateY(0px)}100%{transform:translateY(-100%)}}.lottery{padding:6px 0 16px;--strip-width:22px}.lottery__container{max-width:1280px;margin:0 auto}.lottery__bg-outer{position:relative;max-width:750px}.lottery__bg-inner{position:relative;padding-bottom:89.95215311%}.lottery__bg{position:absolute;top:0;left:0;display:block;width:100%}.lottery__bg-ruleIcon{position:absolute;top:auto;right:0;z-index:2}.lottery__wrapper{position:absolute;top:8.66242038%;left:15.33333333%;right:15.2%}.lottery__winner,.lottery__tasks{color:#1f2429}.lottery__winner h3,.lottery__tasks h3{margin:16px auto 8px;text-align:center;font-size:14px;font-weight:500}.lottery__winner ul,.lottery__tasks ul{margin:0;padding-left:0;list-style:none}.lottery__winner .content li,.lottery__tasks .content li{margin-bottom:0}.lottery__winner .content .inner{width:100%;max-height:32px;overflow:hidden}.lottery__winner .content ul{animation:winners-scrolling var(--data-winners-length,30s) linear infinite}.lottery__winner .content li{display:flex;align-items:center;font-size:12px;white-space:nowrap}.lottery__winner .content li+li{margin-top:12px}.lottery__winner .content img{display:block;width:auto;max-width:32px;height:auto;max-height:32px;margin-right:10px}.lottery__tasks{background:#fff;border-radius:13px;color:#1f2429;padding:8px 12px 12px;font-style:oblique}.lottery__tasks ul{display:flex;justify-content:space-between;align-items:baseline}.lottery__tasks .head{font-size:14px;line-height:1}.lottery__tasks .head .chance{font-size:24px;font-weight:900}.lottery__tasks .head .chance b{font-size:34px;color:#fa7010}.lottery__tasks .info__line{margin:7px 0 11px;width:100%}.lottery__tasks .content li{display:flex;flex-direction:column;color:#fa7010;font-weight:800;line-height:1.2}.lottery__tasks .content li .actions{margin-top:12px}.lottery__tasks .content li .actions .action.primary{margin-right:12px}.lottery__tasks .content li .actions span{color:#1f2429;font-style:normal}.lottery__tasks .content li[data-type="1"]{display:none}.lottery__tasks .content li[data-type="3"]{display:none}.page-layout-app .lottery__tasks .content li[data-type="3"]{display:flex}.lottery__subscribe{font-size:14px;color:#1f2429;text-align:center;font-weight:500;margin-top:12px}.lottery__subscribe .head{font-weight:800}.lottery__subscribe .tip{margin-top:6px;color:#07c160}.lottery__subscribe .tip.error{color:#f5515b}.lottery__subscribe .content{display:flex;border-radius:32px;overflow:hidden;margin-top:12px}.lottery__subscribe .content .subscribe__input{padding-left:20px;flex:1;outline:none;border:none}.lottery__subscribe .content .subscribe__input::placeholder{color:#8c9399}.lottery__subscribe .content .subscribe__action{cursor:pointer;background-image:linear-gradient(270deg,#fda925 0%,#fa7010 100%);color:#fff;font-size:16px;padding:9px 22.5px}.lottery__toolbar{display:flex;margin-top:12px}.lottery__toolbar .action{flex:1;height:30px;background:#414346;border:2px solid #6b6b6b;border-radius:50px;color:#fff}.lottery__toolbar .action+.action{margin-left:16px}.lottery__modal__rules .modal-content{padding-bottom:30px;color:#585f66}.lottery__modal__info .modal-content p{color:#8c9399}.lottery__modal__info .modal-content b{color:#585f66}.lottery__modal__record-button{padding:0}.lottery__modal__record .modal-inner-wrap{overflow:hidden;padding:2px;background:linear-gradient(140deg,#eea13c,#f8ce4b,#fcf4d3);border-radius:8px}.lottery__modal__record .modal-inner-wrap-2{background:linear-gradient(225deg,#ffd4c8,#fff,#fff);border-radius:6px}.lottery__modal__record .modal-content{text-align:center;scrollbar-width:none;-ms-overflow-style:none}.lottery__modal__record .modal-content::-webkit-scrollbar{display:none}.lottery__modal__record .modal-content h3{margin-top:0;color:#1f2429;font-size:16px;font-weight:800}.lottery__modal__record .content__empty .icon-gift{display:block;width:80%;height:auto;max-width:400px;margin:0 auto 23px}.lottery__modal__record .content__empty p{margin-bottom:0;color:#585f66;font-size:12px;font-weight:400}.lottery__modal__record .content__empty .btn-lottery{width:145px;height:32px;margin:18px auto 40px;font-size:14px}.lottery__modal__record .content__list{display:none}.lottery__modal__record .content__list>p{margin-bottom:0;color:#8c9399;font-size:10px;font-weight:400}.lottery__modal__record .content__list ul{margin:0;padding-left:0;list-style:none;max-height:65vh}.lottery__modal__record .content__list li p{margin-bottom:0;color:#585f66;font-size:12px;font-weight:500}.lottery__modal__record .content__list .image-wrapper{width:100%}.lottery__modal__record .content__list .image-wrapper div{position:relative;height:0;padding-bottom:37.5%}.lottery__modal__record .content__list .image-wrapper img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.lottery__modal__record .content__list .awards-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:13px;color:#fa7010}.lottery__modal__record .content__list .awards-code .btn-copy{margin-right:4px}.lottery__modal__record .content__list .awards-code span,.lottery__modal__record .content__list .awards-code code{background-color:transparent;color:#fa7010;font-size:18px;font-weight:900}.lottery__modal__awards .modal-inner-wrap{position:relative;top:50%;left:50%;right:unset;bottom:unset;transform:translate(-50%,-50%);width:72%;max-width:456px;max-height:90%;margin:0;background:linear-gradient(225deg,#ffd4c8,#fff,#fff);border-radius:10px}.lottery__modal__awards .modal-inner-wrap .icon-gift{position:absolute;top:-52px;left:50%;transform:translateX(-50%);display:block;width:auto;height:132px;margin:0 auto}.lottery__modal__awards .modal-content{padding-top:50px;text-align:center}.lottery__modal__awards .modal-content h3{margin-top:0;margin-bottom:5px;color:#1f2429;font-size:16px;font-weight:800}.lottery__modal__awards .modal-content .awards-img{display:block;width:auto;height:40px;margin:0 auto 10px}.lottery__modal__awards .modal-content .awards-desc{margin-bottom:5px;color:#585f66;font-size:12px;font-weight:500}.lottery__modal__awards .modal-content .awards-code{display:flex;align-items:center;justify-content:center;color:#fa7010}.lottery__modal__awards .modal-content .awards-code .btn-copy{margin-right:6px}.lottery__modal__awards .modal-content .awards-code span,.lottery__modal__awards .modal-content .awards-code code{color:#fa7010;font-size:18px;font-weight:900}.lottery__modal__awards .modal-content .awards-tips{margin-bottom:0;color:#8c9399;font-size:10px;font-weight:400}.lottery__modal__awards .modal-content .btn-shop{width:145px;height:32px;margin:12px auto 14px;font-size:14px}.lottery__modal__tasks .modal-content{white-space:nowrap}.lottery__modal__tasks .modal-content ul{margin:0;padding:20px 0 30px;list-style:none}.lottery__modal__tasks .modal-content li{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:16px}.lottery__modal__tasks .modal-content li[data-type="1"]{display:none}.lottery__modal__tasks .modal-content li[data-type="3"]{display:none}.page-layout-app .lottery__modal__tasks .modal-content li[data-type="3"]{display:flex}.lottery .modal-inner-wrap .modal-header .modal-title{font-size:20px}.lottery .action.primary{border-radius:50px}.lottery .btn-transparent,.lottery .btn-copy{padding:0;background-color:transparent;border:none}.lottery .btn-lottery-task-action{width:74px;height:24px;padding:0;border:0;border-radius:50px}.lottery .btn-lottery-task-action:disabled{background-color:#8c9399;opacity:1;border-color:#8c9399}.lottery .draw-container{position:relative;height:0;padding-bottom:103.36448598%;background-image:linear-gradient(220deg,#ffae48 0%,#ff994f 12%,#ffc570 44%,#ffdd76 64%,#ffa579 82%,#ff9698 89%,#ffaeb0 100%);border-radius:36px}.lottery .draw-container .dot-line{position:absolute;display:flex;align-items:center;justify-content:space-between}.lottery .draw-container .dot-line.line-right,.lottery .draw-container .dot-line.line-left{top:0;right:0;bottom:0;flex-direction:column;width:var(--strip-width);padding:13% 0}.lottery .draw-container .dot-line.line-left{right:auto;left:0;flex-direction:column-reverse}.lottery .draw-container .dot-line.line-top,.lottery .draw-container .dot-line.line-bottom{top:0;right:0;left:0;height:var(--strip-width);padding:0 13%}.lottery .draw-container .dot-line.line-bottom{top:auto;bottom:0;flex-direction:row-reverse}.lottery .draw-container .flicker-dot{display:block;height:10px;width:10px;border-radius:5px;box-shadow:0px -2px 6px 0px rgba(255,255,255,.5);box-shadow:0px 2px 6px 0px rgba(255,255,255,.5);animation:dot-flicker 1s infinite forwards}.lottery .draw-container .flicker-dot:nth-child(2n){animation-delay:.5s}.lottery .awards-list{background:#904300;border-radius:4%;position:absolute;top:var(--strip-width);left:var(--strip-width);right:var(--strip-width);bottom:var(--strip-width)}.lottery .awards-item{position:absolute;width:30%;height:30%;background-color:#fff;border-radius:11.2%;overflow:hidden;padding-bottom:4px;background-image:linear-gradient(90deg,#ffe39f 20%,#ffd3c0 85%);display:flex}.lottery .awards-item.go-btn{cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;background:0 0;border:0;line-height:1;font-size:10px}.lottery .awards-item.go-btn img{display:block;max-width:100%;max-height:100%}.lottery .awards-item.go-btn div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lottery .awards-item.go-btn strong{display:block;font-size:3em;font-weight:800}.lottery .awards-item.go-btn b{margin-right:3px}.lottery .awards-item.go-btn:active{transform:translate(-50%,-48%)}.lottery .awards-item.active{background:#ffa200}.lottery .awards-item.active .awards-item-wrapper{background:#ffa200;padding-bottom:0;margin-bottom:4px}.lottery .awards-item[data-index="0"]{left:67.5%;top:2.5%}.lottery .awards-item[data-index="1"]{left:67.5%;top:35%}.lottery .awards-item[data-index="2"]{left:67.5%;top:67.5%}.lottery .awards-item[data-index="3"]{left:35%;top:67.5%}.lottery .awards-item[data-index="4"]{left:2.5%;top:67.5%}.lottery .awards-item[data-index="5"]{left:2.5%;top:35%}.lottery .awards-item[data-index="6"]{left:2.5%;top:2.5%}.lottery .awards-item[data-index="7"]{left:35%;top:2.5%}.lottery .awards-item-wrapper{border-radius:0 0 11.2% 11.2%;padding:4px;background:#fff;overflow:hidden;flex:1}.lottery .awards-item-container{display:flex;overflow:hidden;flex-direction:column;background-color:#fff;border-radius:11.2%;height:100%;padding-top:4px}.lottery .awards-item-img{flex:1;display:flex;align-items:center}.lottery .awards-item-img div{width:100%;max-width:100px;height:100%;max-height:55px;margin:0 auto;background-size:contain;background-repeat:no-repeat;background-position:center center}.lottery .awards-item-name{display:-moz-box;display:-webkit-box;height:22px;margin-top:5px;padding:0 4px;color:#1f2429;overflow-wrap:break-word;overflow:hidden;white-space:normal;line-height:1.375;text-align:center;text-overflow:ellipsis;font-size:8px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2;-moz-box-orient:vertical}@media screen and (max-width:370px){.lottery .awards-item-name{-webkit-line-clamp:1;-moz-line-clamp:1}.lottery .awards-item.go-btn strong{font-size:1.5rem}}@media screen and (max-width:767px){.lottery{position:relative}.lottery__bg-outer{padding:0 60px}.lottery__info{margin:6px 16px 0}.lottery .awards-item.go-btn strong{font-size:2rem}.lottery__winner{position:absolute;top:-89px;left:50%;transform:translateX(-50%);color:#fff;width:100%;background-color:#000}.lottery__winner .content li{justify-content:center}.lottery__modal__record-button{position:fixed;top:50%;right:5px;z-index:2;width:50px}.lottery__modal__record .modal-inner-wrap .modal-content{padding:0 16px}.lottery__modal__record .content__list .record-list{width:100%;margin-top:16px}.lottery__modal__record .content__list ul{display:flex;flex-wrap:wrap}.lottery__modal__record .content__list li{display:block;width:calc(50% - 8px);margin-bottom:16px;padding:13px 16px 23px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.3);text-align:center}.lottery__modal__record .content__list li:nth-child(2n){margin-left:16px}.lottery__modal__record .content__list .btn-shop{width:100%;height:32px;margin-top:16px}}@media screen and (min-width:768px){.lottery{padding:20px 0 16px}.lottery__winner h3,.lottery__tasks h3{font-size:24px}.lottery__toolbar{margin-top:16px}.lottery__toolbar .action{height:43px}.lottery__modal__info .modal-inner-wrap{max-width:588px;max-height:345px}.lottery__modal__record-wrapper{position:fixed;top:50%;right:20px;z-index:3}.lottery__modal__record-wrapper .modal-overlay{display:none}.lottery__modal__record-wrapper .modal-wrap{position:absolute;top:unset;left:unset;right:100px;bottom:unset}.lottery__modal__record-wrapper .modal-inner-wrap{position:relative;width:auto;max-width:770px}.lottery__modal__record-wrapper .modal-inner-wrap-2{overflow:hidden}.lottery__modal__record-wrapper .modal-inner-wrap-3{background-image:url(https://d1zajr8axnrmfh.cloudfront.net/static/shop/image/97c730eb19162ca4303af73961d5e4c5.png);background-repeat:no-repeat;background-position:top right;background-size:179px auto}.lottery__modal__record-wrapper .modal-content{white-space:nowrap}.lottery__modal__record-wrapper .modal-content h3{font-size:32px}.lottery__modal__record-wrapper .content__empty .icon-gift{width:230px;height:auto;margin-bottom:30px}.lottery__modal__record-wrapper .content__empty p{font-size:20px}.lottery__modal__record-wrapper .content__empty .btn-lottery{width:204px;height:40px;margin:24px auto 40px;font-size:14px}.lottery__modal__record-wrapper .content__list>p{font-size:16px}.lottery__modal__record-wrapper .content__list li{display:flex;align-items:center;margin-bottom:0;padding:20px 0;text-align:left}.lottery__modal__record-wrapper .content__list li+li{border-top:1px dashed #999}.lottery__modal__record-wrapper .content__list .image-wrapper{width:106px;margin-right:16px}.lottery__modal__record-wrapper .content__list .image-wrapper div{position:relative;height:0;padding-bottom:54%}.lottery__modal__record-wrapper .content__list .awards-code{flex-wrap:nowrap;margin-top:0}.lottery__modal__record-wrapper .content__list .awards-code span,.lottery__modal__record-wrapper .content__list .awards-code code{font-size:16px}.lottery__modal__record-wrapper .content__list .btn-shop{width:147px;height:40px;margin-left:16px}.lottery__modal__record-button{width:100px}.lottery__modal__awards .modal-inner-wrap{max-width:540px;border-radius:20px}.lottery__modal__awards .modal-inner-wrap .icon-gift{top:-104px;height:264px}.lottery__modal__awards .modal-content{padding-top:130px;text-align:center}.lottery__modal__awards .modal-content h3{margin-bottom:20px;font-size:32px}.lottery__modal__awards .modal-content .awards-img{height:77px}.lottery__modal__awards .modal-content .awards-desc{margin-bottom:10px;font-size:24px}.lottery__modal__awards .modal-content .awards-code .btn-copy{margin-right:12px;font-size:28px}.lottery__modal__awards .modal-content .awards-code span,.lottery__modal__awards .modal-content .awards-code code{font-size:36px}.lottery__modal__awards .modal-content .awards-tips{font-size:16px}.lottery__modal__awards .modal-content .btn-shop{width:204px;height:40px;margin:32px auto 36px}.lottery__modal__tasks .modal-inner-wrap{max-width:522px}.lottery__modal__tasks .modal-content li{margin-bottom:16px;font-size:20px}.lottery .modal-inner-wrap .modal-header .modal-title{font-size:24px}.lottery .awards-item.go-btn{font-size:14px}.lottery .awards-item-name{height:33px;font-size:12px}.lottery .modal-inner-wrap .modal-header .modal-close{font-size:26px}.lottery .btn-lottery-task-action{width:86px;height:30px;font-size:16px}}@media (max-width:1023px){.lottery__bg-outer{max-width:503px;min-width:250px;margin:0 auto}}@media screen and (min-width:768px) and (max-width:1023px){.lottery__container{max-width:864px;padding:0 24px}.lottery__winner{margin:16px 0}.lottery__winner .content{padding:32px 58px;background-color:#fff;border-radius:24.5px}.lottery__winner .content .inner{max-height:88px}.lottery__winner .content li{font-size:24px}.lottery__winner .content li+li{margin-top:24px}.lottery__winner .content img{max-width:64px;max-height:32px;margin-right:20px}.lottery__tasks{border-radius:24.5px;padding:14px 41px 25px}.lottery__tasks .head{font-size:24px}.lottery__tasks .head .chance{font-size:36px}.lottery__tasks .head .chance b{font-size:68px}.lottery__tasks .info__line{margin:14px 0}.lottery__tasks .content li{font-size:28px}.lottery__tasks .content li .actions{margin-top:24px}.lottery__tasks .content li .actions .action.primary{width:180px;height:48px;font-size:26px;margin-right:24px}.lottery__subscribe{font-size:28px;margin-top:24px}.lottery__subscribe .content{border-radius:64px;margin-top:24px}.lottery__subscribe .content .subscribe__input{padding-left:40px;font-size:28px}.lottery__subscribe .content .subscribe__action{font-size:32px;padding:16px 45px}}@media screen and (min-width:1024px){.lottery__container{display:flex;align-items:center;justify-content:center}.lottery__bg-outer{flex:1;max-width:420px;min-width:348px}.lottery__info{max-width:560px;min-width:464px;margin-left:54px}.lottery__winner h3,.lottery__tasks h3{margin:0 0 12px;text-align:left}.lottery__winner{margin-top:10px}.lottery__winner .content{padding:13px 20px;background:#fff;border-radius:16.56px}.lottery__winner .content .inner{max-height:57px}.lottery__winner .content img{max-width:46px;max-height:23px}.lottery__tasks{padding:2px 20px 14px}.lottery__tasks .head .chance span{font-size:38px}.lottery__tasks .info__line{margin:1px 0 10px}.lottery__tasks .content li .actions .action.primary{width:66px;height:23px;margin-right:15px;font-size:13px}.lottery__subscribe{margin-top:8px;font-size:13px;text-align:left}.lottery__subscribe .head,.lottery__subscribe .tip{padding-left:20px}.lottery__subscribe .content{margin-top:6px}.lottery__subscribe .content .subscribe__input{font-size:12px}.lottery__subscribe .content .subscribe__action{font-size:13px}.lottery__toolbar{margin-top:20px}.lottery__modal__record-wrapper .modal-inner-wrap-3{background-image:url(https://d1zajr8axnrmfh.cloudfront.net/static/shop/image/481e0b683cdbfb38002584d76bac2dcd.png),url(https://d1zajr8axnrmfh.cloudfront.net/static/shop/image/15595c23bb3e0a299cd9581e19fefdc4.png);background-repeat:no-repeat;background-position:top right,top left;background-size:155px auto,112px auto}.lottery__modal__record-wrapper .content__list .awards-code span,.lottery__modal__record-wrapper .content__list .awards-code code{font-size:20px}.lottery__modal__record-wrapper .content__list .btn-shop{width:200px}}@media screen and (min-width:1024px) and (max-width:1439px){.lottery__container{margin:0 80px}}@media screen and (min-width:1280px){.lottery__info{margin-left:64px}.lottery__winner h3,.lottery__tasks h3{margin-bottom:16px}.lottery__winner{margin-top:12px}.lottery__winner .content{padding:16px 24px;border-radius:20px}.lottery__winner .content .inner{max-height:68px}.lottery__winner .content .inner img{max-width:56px;max-height:28px}.lottery__tasks{padding:8px 24px 18px}.lottery__tasks .head{font-size:16px}.lottery__tasks .head .chance{font-size:24px}.lottery__tasks .head .chance span{font-size:46px}.lottery__tasks .info__line{margin:3px 0 16px}.lottery__tasks .content li{font-size:18px}.lottery__tasks .content li .actions .action.primary{width:80px;height:28px;margin-right:15px;font-size:16px}.lottery__tasks .content li .actions .action.primary span{font-size:17px}.lottery__subscribe{margin-top:10px;font-size:16px}.lottery__subscribe .head,.lottery__subscribe .tip{padding-left:24px}.lottery__subscribe .content{margin-top:8px}.lottery__subscribe .content .subscribe__input{padding-left:24px;font-size:14px}.lottery__subscribe .content .subscribe__action{font-size:16px;padding:9px 28.5px}.lottery__toolbar{margin-top:24px}.lottery__toolbar .action{height:60px;font-size:20px}.lottery .awards-item-name{height:38.5px;font-size:14px}}@media screen and (min-width:1440px){.lottery__container{max-width:1280px}.lottery .awards-item-name{height:44px;font-size:16px}}