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 marquee{from{background-position:0px}to{background-position:-1392px}}@keyframes marquee_m{from{background-position:0px}to{background-position:-640px}}.marquee{width:100%;height:65px;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#fff;position:relative;background-image:url(https://assets.niusnews.com/mall/coffee2022/marquee.png);background-size:1392px 28px;background-position:0px 22px;background-repeat:repeat-x;overflow:hidden;animation:linear marquee 8s infinite}.container-set{position:relative;padding:80px 0px}.container-set .left{position:absolute;width:170px;bottom:50px;left:0px}@media (max-width: 768px){.container-set .left{bottom:200px;width:100px}}.container-set .right{position:absolute;width:170px;top:75px;right:0px}@media (max-width: 768px){.container-set .right{width:100px}}.container-set .set-items{width:100%;max-width:900px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.container-set .set-items .set-item{flex-basis:270px}@media (max-width: 768px){.container-set .set-items .set-item{flex-basis:200px;width:200px}}.container-set .button-set{display:block;width:370px;max-width:100%;margin:30px auto;position:relative}.container-set .button-set:before{content:"";display:block;padding-top:18.85%}.container-set .button-set .animated{background-image:url(https://assets.niusnews.com/mall/coffee2022/set_button.png);position:absolute;left:0;right:0;top:0;bottom:0;background-position:0% 0%;background-size:100% 200%;animation:set_animate 0.5s steps(2) infinite}@keyframes set_animate{from{background-position:0%   0%}to{background-position:0% 200%}}.brands-container{width:100%}.brands-container .brand-slide{width:360px;background-color:#fff}.brands-container .brand-slide .name{font-weight:800;font-size:24px;text-align:center;position:absolute;width:100%;height:100px;left:0px;bottom:30px;color:#000}.brands-container .brand-slide>img{width:360px;height:523px;object-fit:cover;opacity:0.6}.brands-container .brand-grid{display:flex}@media (max-width: 768px){.brands-container .brand-grid{flex-wrap:wrap}}.brands-container .brand-grid .item{width:25vw;height:25vw;position:relative;overflow:hidden}@media (max-width: 768px){.brands-container .brand-grid .item{width:50vw;height:50vw}}.brands-container .brand-grid .item img{position:absolute;left:0px;top:0px;width:100%;height:100%;object-fit:cover}.daka-container{background:#FFE4F5;position:relative;padding:90px 0px 250px 0px}@media (max-width: 415px){.daka-container{padding:90px 0px 0px 0px}}.daka-container .video{margin:auto;width:100%;max-width:1000px}.daka-container .rt{position:absolute;width:216px;top:0px;right:0px}@media (max-width: 415px){.daka-container .rt{display:none}}.daka-container .rb{position:absolute;width:632px;bottom:0px;right:0px}@media (max-width: 415px){.daka-container .rb{display:none}}.daka-container .lt{position:absolute;width:146px;top:0px;left:0px}@media (max-width: 415px){.daka-container .lt{display:none}}.daka-container .lb{position:absolute;width:573px;bottom:0px;left:0px}@media (max-width: 415px){.daka-container .lb{display:none}}.line-grid{width:100%;height:37px;background-image:url(https://assets.niusnews.com/mall/milktea2022/event/grid2x2.png)}.box-container{background:#96D2E6;padding:90px 0px}@media (max-width: 415px){.box-container{padding:30px 0px}}.box-container .cloud{position:absolute;top:-50px;right:-50px}@media (max-width: 415px){.box-container .cloud{width:240px;right:0px}}.box-container .button-box{display:block;width:320px;max-width:100%;margin:30px 0px;position:relative}.box-container .button-box:before{content:"";display:block;padding-top:22.28%}.box-container .button-box .animated{background-image:url(https://assets.niusnews.com/mall/coffee2022/box_button.png);position:absolute;left:0;right:0;top:0;bottom:0;background-position:0% 0%;background-size:100% 200%;animation:set_animate 0.5s steps(2) infinite}@keyframes set_animate{from{background-position:0%   0%}to{background-position:0% 200%}}.container-posts{background:#FFDC84;padding:90px 0px 120px 0px;position:relative}.container-posts::after{content:'';background-image:url(https://assets.niusnews.com/mall/coffee2022/line_coffee.png);position:absolute;bottom:0px;left:0px;width:100%;height:82px}.container-posts .top-post{max-width:800px;width:90%;margin:120px auto 30px auto;display:flex;border:1px solid #000000;background-color:#fff}@media (max-width: 415px){.container-posts .top-post{display:none}}.container-posts .top-post .image{width:50%;position:relative;height:0px;padding-bottom:30.33%}.container-posts .top-post .image img{width:100%;height:100%;object-fit:cover;border:1px solid #000;position:absolute;top:-50px;left:-50px}.container-posts .top-post .post{width:50%;padding:50px 50px 50px 0px}.container-posts .top-post .post .subject{font-weight:600;font-size:20px}.container-posts .top-post .post .sep{width:100%;height:1px;border-top:1px solid #000000;margin:15px auto}.container-posts .posts{position:relative}.container-posts .posts .post{width:100%;height:100%;background-color:#fff;border:1px solid #000;padding-right:45px}.container-posts .posts .post .image{width:100%;border-right:1px solid #000000;border-bottom:1px solid #000000}.container-posts .posts .post .subject{font-weight:600;font-size:20px}.container-posts .posts .post .sep{width:100%;height:1px;border-top:1px solid #000000;margin:15px auto}.container-posts .posts .kind{position:absolute;top:10px;left:100%;margin-left:-30px;transform:rotate(90deg);transform-origin:left top;height:30px;line-height:25px;width:100%;font-weight:bold}.container-posts .button-more{cursor:pointer}.container-posts .video{margin:auto;width:100%;max-width:1000px}