body{font-weight:300;font-size:16px}body.modal-open{max-height:100vh;overflow-y:hidden}.cursor-pointer{cursor:pointer}label{cursor:pointer}.bg-fff{background-color:#fff}.f-primary{color:#000}.bg-primary{color:#000}.f-secondary{color:#FF56AC}.bg-secondary{color:#FF56AC}.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}.mw-100{max-width:100%}.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)}}.top-container{width:100%;position:relative;overflow:hidden}.product-container{background-color:#FFFF00}.introduction-container{background-color:#FFFF00}.introduction-container .content{width:990px;max-width:100%;margin:auto}.introduction-container .left{width:50%;position:relative}@media (max-width: 768px){.introduction-container .left{width:100%}}.introduction-container .left .swiper-cover{position:absolute;top:0px;left:0px;width:100%;z-index:99}.introduction-container .right{width:50%;display:flex;flex-direction:column}@media (max-width: 768px){.introduction-container .right{width:100%}}.introduction-container .right .text{background-color:#0000FF;font-weight:400;font-size:24px;line-height:45px;letter-spacing:0.5px;color:#fff;padding:35px;flex-grow:1;display:flex;align-items:center}@keyframes marquee{from{background-position:0px}to{background-position:-1521px}}.marquee{width:100%;height:92px;background-color:#fff;position:relative;background-image:url(https://assets.niusnews.com/mall/milktea2024/event/marquee.png);background-size:1521px 92px;background-position:0px 0px;background-repeat:repeat-x;overflow:hidden;animation:linear marquee 8s infinite}.vote-container{background-color:#FFFF00}.vote-container .label-black{height:34px;line-height:34px;color:#fff;font-size:19px;font-weight:500;text-align:center;padding:0px 15px;border-radius:17px;background-color:#000}.vote-container .button-item{width:200px;height:56px;line-height:56px;color:#fff;background-color:#000;text-align:center}.judge-container{background-color:#FF0000}.judge-container .button-item{width:200px;height:56px;line-height:56px;color:#fff;background-color:#000;text-align:center}.festival-container{background-color:#000}.festival-container .f-yellow{color:#FFFF00}.festival-container .button-item{width:200px;height:56px;line-height:56px;color:#fff;background-color:#ff0000;text-align:center}.festival-container .highlight{background-color:#ff0000;height:136px;width:136px;border-radius:70px;color:#fff;font-size:30px;font-weight:400;text-align:center;display:flex;align-items:center;justify-content:center}.festival-container .items{font-size:24px;font-weight:400}.fixed-banner{background-image:url("https://s3.us-west-1.amazonaws.com/assets.niusnews.com/mall/milktea2024/event/img-4.jpg");background-attachment:fixed;background-repeat:repeat-y;background-position:top center;background-size:100%;transition:.3s linear;width:100%;height:660px}.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 #FF56AC}.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:#000;color:#fff;border:1px solid #fff}.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 #FF56AC}.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}