body{font-family:PingFang TC;font-style:normal;font-weight:300;font-size:16px}body.modal-open{max-height:100vh;overflow-y:hidden}label{cursor:pointer}.bg-fff{background-color:#fff}.f-primary{color:#000}.bg-primary{color:#000}.f-secondary{color:#B6FF2D}.bg-secondary{color:#B6FF2D}.f-000{color:#000}.f-fff{color:#fff}.f-caveat{color:#E27463}.f-57{color:#575757}.f-8E8E8E{color:#8E8E8E}.f-sumi{color:#696969}.f-bold-300{font-weight:300}.f-bold-600{font-weight:600}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-32{font-size:32px}.f-36{font-size:36px}.f-46{font-size:46px}.f-64{font-size:64px}.button-primary{height:56px;line-height:56px;text-align:center;background:#000;border-radius:6px;color:#fff;cursor:pointer;border:1px solid #000}.button-primary.button-outline{background-color:#fff;color:#000}.button-primary.button-lg{width:calc( 100% - 30px);margin-left:15px;margin-right:15px}.button-primary:hover{background-color:#666}a{color:inherit}.lock{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;z-index:999}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@keyframes monsters{from{background-position:0px}to{background-position:-6930px}}@keyframes monsters_m{from{background-position:0%}to{background-position:-100%}}@keyframes badge{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.confetti{height:30px;width:30px;top:0px;position:absolute;z-index:5;background-size:cover}@media (max-width: 768px){.confetti{width:25px;height:25px}}.confetti.type1{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/snow1.svg)}.confetti.type2{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/snow2.svg)}.confetti.type3{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/snow3.svg)}.confetti.type4{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/snow4.svg)}.top-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png);width:100%;height:600px;position:relative;overflow:hidden}.top-container .text{position:absolute;top:50%;margin-top:-245px;left:100px}@media (max-width: 768px){.top-container .text{margin-top:0px;padding-top:80px;margin-left:30px;min-height:auto;position:static}.top-container .text img{max-width:80%}}.top-container .monsters{width:990px;height:500px;position:absolute;top:50%;margin-top:-250px;right:200px;z-index:6;animation:monsters steps(7) 1s infinite;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-monsters.png)}@media (max-width: 768px){.top-container .monsters{display:none}}.top-container .monsters_m{width:100%;position:absolute;bottom:0px;right:10px;z-index:6}.top-container .monsters_m:before{content:"";display:block;padding-top:77.69%}.top-container .monsters_m .animated{position:absolute;left:0;right:0;top:0;bottom:0;background-position:0%;background-size:700%;animation:monsters_m 1s steps(6) infinite}@media (min-width: 768px){.top-container .monsters_m{display:none}}.top-container .scroll{position:absolute;top:50%;margin-top:-44px;right:10px}.top-container .badge{position:absolute;height:130px;width:130px;right:85px;bottom:50px;padding:0px}.top-container .badge .badge-text{position:absolute;left:0px;top:0px;animation:linear badge 12s infinite}.top-container .badge .badge-label{position:absolute;left:-15px;top:-50px;width:140px;height:40px;line-height:40px;border-radius:20px;text-align:center;background:#BDFF40;border:1px solid #020202;transform:rotate(350deg)}@media (max-width: 768px){.top-container .badge{bottom:auto;right:10px;top:80px}}@keyframes marquee{from{background-position:0px}to{background-position:-1280px}}@keyframes marquee_m{from{background-position:0px}to{background-position:-640px}}.marquee{width:100%;height:150px;background-color:#000;position:relative;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/marquee.png);background-size:1280px 110px;background-position:0px 22px;background-repeat:repeat-x;overflow:hidden;animation:linear marquee 8s infinite}@media (max-width: 768px){.marquee{height:75px;background-size:640px 55px;animation:linear marquee_m 8s infinite}}.marquee .left-grid{position:absolute;left:0px;top:0px}@media (max-width: 768px){.marquee .left-grid img{width:20px}}.marquee .right-grid{position:absolute;right:0px;top:0px}@media (max-width: 768px){.marquee .right-grid img{width:20px}}.egg-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png);width:100%;position:relative}.egg-container .content{width:100%;max-width:1200px;margin:auto;padding:150px 0px;min-height:600px;display:flex}@media (max-width: 768px){.egg-container .content{flex-direction:row;padding:60px 30px}}.egg-container .content .left-col{width:33%}@media (max-width: 768px){.egg-container .content .left-col{width:100%}}.egg-container .content .left-col .underline-green{position:relative}.egg-container .content .left-col .underline-green .text{position:relative;z-index:2}.egg-container .content .left-col .underline-green::before{content:'';width:193px;height:38px;background-color:#BDFF40;position:absolute;bottom:5px;left:0px;z-index:1}.egg-container .content .left-col .button-buy{display:block;width:200px;height:56px;line-height:56px;text-align:center;background:#B6FF2D;border:1px solid #000000}.egg-container .content .right-col{width:66%;position:relative}@media (max-width: 768px){.egg-container .content .right-col{display:none}}@keyframes rwd_animated{from{background-position:0%}to{background-position:200%}}.egg-container .egg{position:absolute;right:100px;bottom:-50px;width:741px}.egg-container .egg:before{content:"";display:block;padding-top:87.16%}.egg-container .egg .animated{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/egg2.png);background-position:0%;background-size:200%;animation:rwd_animated 1s steps(2) infinite}@media (max-width: 768px){.egg-container .egg{position:relative;right:0px;max-width:100%}}.drinks-container2{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png)}.drinks-container2 .button-drinks{display:block;width:200px;height:56px;line-height:56px;text-align:center;background:#B6FF2D;border:1px solid #000000}.drinks-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png);width:100%;position:relative;z-index:-1}.drinks-container .brand-grid{display:flex}@media (max-width: 768px){.drinks-container .brand-grid{flex-wrap:wrap}}.drinks-container .brand-grid .item{width:25vw;height:25vw;position:relative;overflow:hidden}@media (max-width: 768px){.drinks-container .brand-grid .item{width:50vw;height:50vw}}.drinks-container .brand-grid .item img{position:absolute;left:0px;top:0px;width:100%;height:100%;object-fit:cover}.market-container{background-color:#FEF9DC;padding:100px 0px}.market-container .content{width:100%;max-width:1200px;margin:auto;min-height:600px;display:flex}@media (max-width: 768px){.market-container .content{flex-direction:column;padding:0px 30px}}.market-container .content .left-col{width:50%}@media (max-width: 768px){.market-container .content .left-col{width:100%}}.market-container .content .left-col .buttons .button-intro,.market-container .content .left-col .buttons .button-track{width:200px;height:56px;line-height:56px;text-align:center;background-color:#000;color:#BDFF40;display:inline-block}@media (max-width: 768px){.market-container .content .left-col .buttons .button-intro,.market-container .content .left-col .buttons .button-track{width:140px}}.market-container .content .right-col{width:50%}@media (max-width: 768px){.market-container .content .right-col{margin-top:60px;width:100%}}.market-container .content .right-col img{max-width:100%}.market-container .content .right-col .festival{width:595px;max-width:100%;position:relative}.market-container .content .right-col .festival:before{content:"";display:block;padding-top:91.42%}.market-container .content .right-col .festival .animated{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/festival2.png);background-position:0%;background-size:200%;animation:rwd_animated 1s steps(2) infinite}@keyframes star{0%{transform:scale(0.8)}50%{transform:scale(1.2)}100%{transform:scale(0.8);rotate:360deg}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(20px)}100%{transform:translateY(0px)}}.movie-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png)}.movie-container .wrap{border-top-right-radius:100px;border-bottom-left-radius:100px;background-color:#000;padding:100px 0px;position:relative;overflow:hidden}@media (max-width: 768px){.movie-container .wrap{padding:60px 0px}}.movie-container .wrap .content{width:100%;max-width:1200px;margin:auto;min-height:600px;display:flex}@media (max-width: 768px){.movie-container .wrap .content{flex-direction:column;padding:0px 30px}}.movie-container .wrap .content .left-col{width:50%}@media (max-width: 768px){.movie-container .wrap .content .left-col{width:100%;height:400px;order:2}}.movie-container .wrap .content .left-col .movie-img{max-width:100%;position:absolute;left:70px;bottom:-160px;animation:linear bounce 2s infinite}@media (max-width: 768px){.movie-container .wrap .content .left-col .movie-img{left:0px;bottom:-100px}}.movie-container .wrap .content .right-col{width:50%}@media (max-width: 768px){.movie-container .wrap .content .right-col{width:100%;order:1}}.movie-container .wrap .content .right-col .buttons .button-intro,.movie-container .wrap .content .right-col .buttons .button-track{width:200px;height:56px;line-height:56px;text-align:center;background-color:#000;color:#BDFF40;border:1px solid #BDFF40;display:inline-block}@media (max-width: 768px){.movie-container .wrap .content .right-col .buttons .button-intro,.movie-container .wrap .content .right-col .buttons .button-track{width:160px}}.movie-container .wrap .star{position:absolute;animation:linear star 4s infinite}.movie-container .wrap .star1{width:80px;left:200px;top:64px}@media (max-width: 768px){.movie-container .wrap .star1{top:auto;bottom:400px;display:none}}.movie-container .wrap .star2{width:40px;left:80px;top:320px}@media (max-width: 768px){.movie-container .wrap .star2{top:auto;bottom:350px;left:30px}}.movie-container .wrap .star3{width:80px;right:85px;bottom:130px}@media (max-width: 768px){.movie-container .wrap .star3{top:auto;right:30px;bottom:350px}}.movie-container .wrap .star4{width:40px;right:150px;top:60px}@media (max-width: 768px){.movie-container .wrap .star4{top:auto;bottom:400px;right:auto;left:150px}}.vote-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png);width:100%;position:relative}.vote-container .content{width:100%;max-width:1200px;margin:auto;padding:150px 0px;min-height:600px}@media (max-width: 768px){.vote-container .content{padding:60px 15px}}.vote-container .content .vote-title{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}@media (max-width: 768px){.vote-container .content .vote-title{flex-direction:column;flex-flow:column-reverse}}.vote-container .content .underline-green{width:240px;position:relative}.vote-container .content .underline-green .text{position:relative;z-index:2}.vote-container .content .underline-green::before{content:'';width:240px;height:38px;background-color:#BDFF40;position:absolute;bottom:5px;left:0px;z-index:1}.vote-container .content .vote-label{width:179px;height:34px;line-height:34px;display:inline-block;text-align:center;background:linear-gradient(90deg, #41FF41 3.35%, #BDFF40 94.41%);border-radius:90px}.vote-container .content .button-contest{width:95px;height:95px;line-height:95px;text-align:center;border-radius:50px;background-color:#000;color:#BDFF40;margin:auto;cursor:pointer}.vote-container .content .button-vote,.vote-container .content .button-buy,.vote-container .content .button-apply{display:block;width:200px;height:56px;line-height:56px;text-align:center;background:#B6FF2D;border:1px solid #000000;margin:auto;cursor:pointer}.contest-container{background-image:url(https://assets.niusnews.com/mall/milktea2022/event/top-bg.png);width:100%;position:relative}.contest-container .content{width:100%;max-width:1200px;margin:auto;padding:150px 0px;min-height:600px;display:flex}@media (max-width: 768px){.contest-container .content{flex-direction:column;padding:60px 30px}}.contest-container .content .left-col{width:50%}@media (max-width: 768px){.contest-container .content .left-col{width:100%}}.contest-container .content .left-col .button-intro{display:block;width:200px;height:56px;line-height:56px;text-align:center;background:#B6FF2D;border:1px solid #000000}.contest-container .content .right-col{width:50%;position:relative}@media (max-width: 768px){.contest-container .content .right-col{width:100%}}.contest-container .content .right-col img{max-width:100%}.contest-container .content .right-col .contest{width:540px;max-width:100%;position:relative}.contest-container .content .right-col .contest:before{content:"";display:block;padding-top:92.59%}.contest-container .content .right-col .contest .animated{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/review2.png);background-position:0%;background-size:200%;animation:rwd_animated 1s steps(2) infinite}.modal-apply{overflow:visible;border-radius:0px;width:100%;padding:80px 114px}@media (max-width: 768px){.modal-apply{padding:30px 30px 60px 30px}}.modal-apply .underline-dotted{border-bottom:10px dotted #BDFF40}.modal-apply .form .input-group{margin:10px 0px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.modal-apply .form .input-group .label{width:100px}.modal-apply .form .input-group input{width:100%}.modal-apply .button-apply{cursor:pointer;display:block;width:200px;height:56px;line-height:56px;text-align:center;background:#B6FF2D;border:1px solid #000000}.modal-apply .buttom-grid{width:100%;height:37px;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/grid2x2.png);position:absolute;bottom:0px;left:0px}.modal-apply .button-close{width:30px;height:30px;font-size:36px;font-weight:600;position:absolute;top:20px;right:20px;cursor:pointer}.modal-contest{overflow:visible;border-radius:0px;width:100%;padding:80px 114px}@media (max-width: 768px){.modal-contest{padding:30px 30px 60px 30px}}.modal-contest .underline-dotted{border-bottom:10px dotted #BDFF40}.modal-contest .date{width:360px;max-width:100%;height:50px;line-height:50px;background:#000000;border-radius:25px;font-weight:600;color:#fff;text-align:center}@media (max-width: 768px){.modal-contest .date{height:80px;line-height:30px;padding-top:10px}}.modal-contest .buttom-grid{width:100%;height:37px;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/grid2x2.png);position:absolute;bottom:0px;left:0px}.modal-contest .button-close{width:30px;height:30px;font-size:36px;font-weight:600;position:absolute;top:20px;right:20px;cursor:pointer}#modal_terms{display:none;width:100%;height:100%;position:fixed;top:0px;left:0px;overflow-y:scroll;z-index:100}#modal_terms .mask{background-color:rgba(0,0,0,0.5);width:100%;height:100%;cursor:pointer;position:fixed;z-index:-1;top:0px;left:0px}#modal_terms .content{width:90%;max-width:800px;padding:60px;background-color:#fff;margin:60px auto;border-radius:5px;position:relative}@media (max-width: 768px){#modal_terms .content{padding:30px}}#modal_terms .content .button-close{font-weight:500;font-size:32px;line-height:22px;letter-spacing:1.25px;color:#1E1E1E;position:absolute;top:15px;right:15px;cursor:pointer;z-index:10}.terms{background-color:#E5E5E5;padding-top:60px;padding-bottom:60px}.terms .row-terms{max-width:1100px;margin:auto;color:#282828}