body{font-family:PingFang TC;font-style:normal;font-weight:300;font-size:16px;line-height:30px}.bg-fff{background-color:#fff}.f-primary{color:#1E1E1E}.bg-primary{color:#1E1E1E}.f-secondary{color:dimgray}.bg-secondary{color:dimgray}.f-bold-600{font-weight:600}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.button-primary{height:56px;line-height:56px;text-align:center;background:#1E1E1E;border-radius:6px;color:#fff;cursor:pointer;border:1px solid #1E1E1E}.button-primary.button-outline{background-color:#fff;color:#1E1E1E}.button-primary.button-lg{width:calc( 100% - 30px);margin-left:15px;margin-right:15px}.button-primary:hover{background-color:#666}a{color:inherit}.pc-cover{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:#fff;z-index:99}.pc-cover .content{margin:auto;width:990px;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pc-cover .content .button-buy{display:inline-block;padding:0px 30px;background-color:#1E1E1E;color:#fff !important;font-size:24px;font-weight:600;text-align:center;height:60px;line-height:60px;border-radius:30px;margin:30px 30px 30px 0px}.pc-cover .content .pass{position:relative;z-index:2;background-color:#fff;left:-50px}.pc-cover .content .line{border-top:3px solid #1E1E1E;position:absolute;left:0px;bottom:50px;z-index:1;width:100%}.pass-login .bg{width:100%;display:block;margin:0px auto 25px auto}.pass-login .logo{width:100%;max-width:245px;display:block;margin:25px auto}.pass-login .main-login-buttons{text-align:center}.pass-login .state{display:inline-block;padding:0px 19px;height:32px;line-height:32px;text-align:center;font-size:14px;border:1px solid #000;margin:auto;border-radius:16px}.dashboard-bg{background-image:url(https://assets.niusnews.com/mall/coffee/pass-dashboard.png);background-size:100% 150px;background-repeat:no-repeat;padding:15px 0px}.dashboard{width:95%;background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%),rgba(20,12,12,0.5);border-radius:6px;color:#F5F5F5;margin:0px auto 0px auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dashboard hr{border-top:1px dashed rgba(255,255,255,0.5);padding:0px;margin:0px}.dashboard .left,.dashboard .right{width:50%;margin:20px 0px;padding:0px 0px}.dashboard .left .title,.dashboard .right .title{height:30px;line-height:30px;display:flex;justify-content:center;gap:5px;align-items:center}.dashboard .left .sub-title,.dashboard .right .sub-title{letter-spacing:1.25px;text-align:center}.dashboard .left{border-right:1px dashed #E5E5E5}.brand-list-title{padding:8px 15px 15px 15px;display:flex;justify-content:space-between;align-items:center}.brand-list-title .line{height:1px;background-color:#8E8E8E;width:25%}.brand-list-title .title{width:50%;text-align:center}.card-item-list .brand-item{margin-bottom:8px;background-color:#fff}.card-item-list .brand-item .cover{position:relative;border-radius:6px;overflow:hidden}.card-item-list .brand-item .cover .labels{position:absolute;bottom:0px;left:0px;height:25px}.card-item-list .brand-item .cover .labels .label{border-radius:2px;overflow:hidden;width:85px;height:25px;line-height:25px;font-size:14px;color:#fff;text-align:center;background-color:#000;display:inline-block}.card-item-list .brand-item .cover .labels .label-jko{width:85px;vertical-align:baseline;display:inline-block}.card-item-list .brand-item .cover img{width:100%}.card-item-list .brand-item .description{display:flex;margin:20px auto 0px auto;align-items:center}.card-item-list .brand-item .logo{width:60px;height:60px;border-radius:30px;overflow:hidden;margin-right:15px;flex-shrink:0}.card-item-list .brand-item .logo img{width:100%;height:100%;object-fit:contain}.card-item-list .brand-item .content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.card-item-list .brand-item .content .name{font-weight:500;line-height:22px;letter-spacing:1.25px;color:#1E1E1E}.card-item-list .brand-item .content .free{font-weight:300;line-height:35px;letter-spacing:0.5px;color:#1E1E1E;margin-right:10px}.card-item-list .brand-item .content .products{display:flex}.card-item-list .brand-item .content .products .product{width:35px;height:35px;border-radius:20px;overflow:hidden;border:1px solid #8E8E8E;margin:0px 5px}.card-item-list .brand-item .content .products .product img{width:100%;height:100%;object-fit:cover}.card-item-list .product-item{margin:8px auto;background-color:#fff;display:flex}.card-item-list .product-item .image{width:120px;height:140px;flex-shrink:0;overflow:hidden;margin-right:10px}.card-item-list .product-item .image img{width:100%;height:100%;border-radius:6px;object-fit:cover}.card-item-list .product-item .image.coupon img{object-fit:contain}.card-item-list .product-item .content{flex-grow:1;display:flex;flex-direction:column}.card-item-list .product-item .name{font-weight:500;line-height:22px;font-size:14px;letter-spacing:1.25px;color:#1E1E1E}.card-item-list .product-item .type{font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:1.25px;color:#1E1E1E}.card-item-list .product-item .description{font-weight:300;line-height:30px;letter-spacing:0.5px;color:#1E1E1E}.card-item-list .product-item .used_time{font-style:normal;font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#8E8E8E;margin-top:20px}.card-item-list .product-item .button-use{width:100%;height:46px;line-height:46px;text-align:center;border-radius:6px;font-size:14px;cursor:pointer;border:1px solid #E5E5E5;background-color:#fff;color:#000}.search-form{width:calc( 100% - 32px);margin:auto;height:46px;line-height:46px;border:1px solid #E5E5E5;border-radius:6px;display:flex;overflow:hidden}.search-form .search-kw{border:0px;flex-grow:1;color:#8E8E8E;text-indent:10px}.search-form .button-search{width:66px;background-color:#000;height:100%;text-align:center;color:#fff;cursor:pointer}#brand_container .cover{position:relative}#brand_container .cover img{width:100%}#brand_container .cover .button-back{width:65px;height:46px;right:13px;top:13px;position:absolute;background:#1E1E1E;border-radius:2px;color:#fff;line-height:46px;text-align:center}#brand_container .information{background-color:#fff;padding:20px 15px 0px 15px;position:relative;height:165px;overflow:hidden}#brand_container .information .name{font-weight:600;font-size:24px;line-height:34px}#brand_container .information .abstract{font-weight:300;line-height:30px;margin:13px auto}#brand_container .information .description{font-weight:600;line-height:30px}#brand_container .information .card-store{border:1px solid #E5E5E5;box-sizing:border-box;border-radius:6px;padding:16px;width:320px}#brand_container .information .card-store .map{width:100%;margin:30px auto}#brand_container .information .card-store .map iframe{width:100%;height:230px}#brand_container .information .button-collapse{width:100%;height:50px;line-height:50px;border-top:1px dashed #e5e5e5;margin-top:16px;bottom:0px;left:0px;background-color:#fff;text-align:center;cursor:pointer;z-index:10}#brand_container .information .gradient-mask{position:absolute;bottom:50px;left:0px;width:100%;height:50px;background:#fff;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%)}#brand_container .information.collapsed{height:auto}#brand_container .information.collapsed .gradient-mask{display:none}#brand_container .notice,#brand_container .products,#brand_container .coupons{margin-top:15px;background-color:#fff;padding:20px 15px}#brand_container .products,#brand_container .coupons{border-bottom:1px dashed #E5E5E5}#brand_container .card-item-list .product-item{margin:8px auto;border-bottom:0px dashed #E5E5E5}#products_container .products-title{width:100%;height:130px;background:#F5F5F5;display:flex;padding:0px 0px}#products_container .products-title img{width:100%}#products_container .products-title .title{width:66%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:32px;line-height:45px;letter-spacing:0.25px}#products_container .products-title .image{width:33%}#products_container .products-title .image img{width:100%;height:100%;object-fit:contain}#products_container .card-item-list .product-item{margin:8px auto;border-bottom:0px dashed #E5E5E5}#header{position:fixed;top:0px;left:0px;width:100%;height:70px;background-color:#fff;z-index:10;display:flex;justify-content:space-between;align-items:center;text-align:center;border-bottom:1px solid #E5E5E5}#header .bar{width:50px}#header .logo{width:130px}#header .logo img{width:100%}#header .shortcut{width:50%}#header_mask{position:fixed;z-index:11;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:0.5}#header_menu{width:275px;height:100vh;background-color:#fff;position:fixed;left:0px;top:0px;z-index:11}#header_menu .logo{width:180px;margin:50px auto}#header_menu .logo img{width:100%}#header_menu .item{width:100%;height:54px;line-height:54px;padding:0px 30px;font-weight:500;border-bottom:1px dashed #E5E5E5;display:block}#header_menu .buttons{padding:30px}#header_menu .buttons .button-primary{height:46px;line-height:46px}#header_menu .button-close{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer}#modal_shortcut{position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:#fff;z-index:11}#modal_shortcut .tutorial-image{width:100vw;height:83vw;background-image:url("https://assets.niusnews.com/mall/coffee/modal-shortcut.png");background-size:200% 100%;animation-name:tutorial;animation-duration:1.5s;animation-timing-function:steps(2);animation-iteration-count:infinite}#modal_shortcut .button-close{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer}#modal_shortcut .devices{margin-top:0px;padding:0px 20px}#modal_shortcut .devices .device{margin-bottom:15px;border-bottom:1px dashed #E5E5E5;display:flex}#modal_shortcut .devices .device .icon{width:100px;display:flex;align-items:center;justify-content:center;font-size:64px}#modal_shortcut .devices .device .icon.green{color:#3DDC84}#modal_shortcut .devices .device .description{flex-grow:1}#modal_shortcut .devices .device .description .name{text-indent:20px;font-weight:600;font-size:20px;line-height:28px}#modal_shortcut .devices .device .description .content{margin-top:15px;font-weight:300;letter-spacing:0.5px;color:#494949}@keyframes tutorial{from{background-position:0px}to{background-position:-200vw}}#modal_ann{position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:#fff;z-index:11;overflow-y:scroll}#modal_ann .ann-content{padding:40px 20px 20px 20px}#modal_ann .ann-content img{max-width:100%}#modal_ann .button-close{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer}#footer{width:100%;height:65px;background:#FFFFFF;border:1px solid #E5E5E5;color:#1E1E1E;position:fixed;bottom:0px;left:0px;z-index:10;display:flex;justify-content:center;align-items:center}#footer .item{width:25%;text-align:center}#footer .item .label{font-size:13px;line-height:18px}#brands_container .products-title{width:100%;height:130px;background:#F5F5F5;display:flex;padding:0px 0px}#brands_container .products-title img{width:100%}#brands_container .products-title .title{width:66%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:32px;line-height:45px;letter-spacing:0.25px}#brands_container .products-title .image{width:33%}#brands_container .products-title .image img{width:100%;height:100%;object-fit:cover}#brands_container .brand-list{padding:15px;background-color:#fff}#brands_container .brand{margin:0px auto 30px auto;padding-bottom:30px;border-bottom:1px solid #E5E5E5}#brands_container .brand .isUsed{color:#2086E3}#brands_container .brand .unUse{color:#E27463}#brands_container .brand .name{font-weight:600;font-size:24px;line-height:34px;margin:15px auto 0px auto}#brands_container .brand .card-store{border:1px solid #E5E5E5;box-sizing:border-box;border-radius:6px;padding:16px;width:320px}#brands_container .brand .card-store .map{width:100%;margin:30px auto}#brands_container .brand .card-store .map iframe{width:100%;height:230px}.button-newgashapon{margin:30px auto;width:265px;max-width:100%;height:56px;line-height:56px;border-radius:6px;background-color:#1E1E1E;text-align:center;color:#fff;font-size:18px;cursor:pointer;display:block}.button-newgashapon:hover{color:#fff !important}