.promotion-slider{border-radius:2.4rem}.promotion-slider .ant-carousel .slick-dots-bottom{bottom:-1.8rem}.promotion-slider .ant-carousel .slick-dots li{width:6px;height:6px;border-radius:50%;background:#ccc}.promotion-slider .ant-carousel .slick-dots li button,.promotion-slider .ant-carousel .slick-dots li:after{width:0;height:0}.promotion-slider .ant-carousel .slick-dots li.slick-active{width:27px;height:6px;border-radius:15px;background:#009188}.promotion-slider .ant-carousel .slick-dots li.slick-active button{width:0;height:0}.promotion-slider .ant-carousel:hover .slick-next,.promotion-slider .ant-carousel:hover .slick-prev{display:block!important}.promotion-slider .ant-carousel .slick-prev{display:none!important;width:10.2rem;height:100%;opacity:1;left:0;background-repeat:no-repeat;background-size:contain;background-position-y:center;background-image:url(/images/promotion-slider-left.png)}.promotion-slider .ant-carousel .slick-prev.slick-disabled{opacity:.3;pointer-events:none}.promotion-slider .ant-carousel .slick-prev:after{display:none}.promotion-slider .ant-carousel .slick-next{display:none!important;width:10.2rem;height:100%;opacity:1;right:0;background-repeat:no-repeat;background-size:contain;background-position-x:right;background-position-y:center;background-image:url(/images/promotion-slider-right.png)}.promotion-slider .ant-carousel .slick-next.slick-disabled{opacity:.3;right:0;pointer-events:none}.promotion-slider .ant-carousel .slick-next:after{display:none}.promotion-slider .promotion-slider-item{width:100%;aspect-ratio:663/361;margin:0;color:#fff;line-height:16rem;text-align:center;border-radius:24px;position:relative}.promotion-slider .promotion-slider-item img{width:100%;height:100%;border-radius:24px}.promotion-slider .promotion-slider-tag{padding:.8rem;font-family:PingFang SC;font-weight:600;font-size:1.4rem;line-height:2rem;text-align:center;background:#ff9253;border-radius:0 16px;position:absolute;right:1rem;top:1rem}.promotion-slider .promotion-slider-description{height:10.5rem;width:100%;position:absolute;bottom:0;left:0;backdrop-filter:blur(1.2rem);background:rgba(0,145,136,.8);border-radius:0 80px 24px 24px;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.promotion-slider .promotion-slider-description h3{font-size:2.4rem;line-height:3rem;cursor:pointer;-webkit-line-clamp:1}.promotion-slider .promotion-slider-description h3,.promotion-slider .promotion-slider-description p{font-family:PingFang SC;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.promotion-slider .promotion-slider-description p{font-size:1.6rem;line-height:2.4rem;-webkit-line-clamp:2}.promotion-list-handler{margin-bottom:3.2rem;display:flex;align-items:center;justify-content:space-between}.promotion-list-handler .promotion-type{background:#c2dfdd;border-radius:60px;padding:4px;display:flex}.promotion-list-handler .promotion-type .promotion-type-item{color:#009188;font-family:Noto Sans TC;line-height:4.8rem;font-weight:500;font-size:1.8rem;border-radius:32px;cursor:pointer;padding:0 2.4rem;transition:background .3s}.promotion-list-handler .promotion-type .promotion-type-item:hover{opacity:.9}.promotion-list-handler .promotion-type .promotion-type-item-selected{background:#fff}.promotion-list-handler .promotion-filter{border-radius:42px;padding:0 1.6rem;line-height:5.6rem;font-family:Noto Sans TC;font-weight:500;font-size:2rem;background:#fff;display:flex;align-items:center;cursor:pointer}.promotion-list-handler .promotion-filter img{width:24px}.promotion-list-handler .promotion-filter span{margin-left:12px}.promotion-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:60px;grid-row-gap:48px}.promotion-item{width:100%;max-width:530px;padding:16px 16px 36px;border-radius:20px;position:relative;background:#fff}.promotion-item img{width:100%;aspect-ratio:498/200}.promotion-item h3{font-family:Noto Sans TC;font-weight:500;font-size:16px;line-height:24px;color:#333d47;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px}.promotion-item p{font-family:PingFang SC;font-weight:400;font-size:14px;line-height:22px;color:#333;position:relative;padding-left:28px}.promotion-item h5{font-family:Noto Sans TC;font-weight:400;font-size:14px;line-height:28px;margin:12px 0;display:flex;align-items:center}.promotion-item h5 .promotion-icon{width:28px;height:28px;margin-right:8px;display:inline-block;background-size:contain;background-repeat:no-repeat}.promotion-item h5 .promotion-icon-birthday{background-image:url(/images/promotion-icon-birthday.png)}.promotion-item .promotion-info{height:76px;margin-bottom:16px}.promotion-item .promotion-daterange,.promotion-item .promotion-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.promotion-item .promotion-daterange:before,.promotion-item .promotion-desc:before{content:"";display:inline-block;width:22px;height:22px;background-image:url(/images/promotion-desc-icon.png);background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0}.promotion-item .promotion-daterange{margin-top:12px}.promotion-item .promotion-daterange:before{background-image:url(/images/promotion-date-icon.png)}.promotion-item .promotion-date{position:absolute;width:100%;height:36px;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;padding:0 16px;bottom:0;left:0;background:#cce9e7;font-family:PingFang SC;font-weight:400;font-size:14px;line-height:36px;color:#666}.promotion-item .promotion-tag{position:absolute;right:0;top:0;padding:.8rem 1.2rem;font-family:PingFang SC;font-weight:500;font-size:1.4rem;line-height:2rem;color:#fff;background:#009188;border-top-right-radius:1.6rem;border-bottom-left-radius:1.6rem}.promotion-item .promotion-btn{width:6rem;height:6rem;border-radius:16px;border:3px solid #fff;background:#009188;display:flex;align-items:center;justify-content:center;position:absolute;bottom:6px;right:6px;cursor:pointer}.promotion-item .promotion-btn img{width:3.6rem;height:3.6rem;transform-origin:center;transition:all .3s}.promotion-filter-content{padding:24px 20px;width:433px}.promotion-filter-content h5{font-family:PingFang SC;font-weight:500;font-size:18px;line-height:28px;color:#333;margin:0 0 16px}.promotion-filter-content h5:last-of-type{margin-top:28px}.promotion-filter-content ul{display:flex;list-style:none;flex-wrap:wrap}.promotion-filter-content ul li{border-radius:8px;background:#f0f0f0;padding:0 16px;line-height:44px;font-family:PingFang SC;font-weight:400;font-size:16px;color:#333;margin-right:16px;margin-bottom:16px;border:1px solid #f0f0f0;cursor:pointer}.promotion-filter-content ul li.active{border:1px solid #009188;color:#009188}.promotion-filter-content .btn-wrap{margin-top:40px}.promotion-filter-content .btn-wrap button{width:100%}.promotion-filter-drawer .ant-drawer .ant-drawer-content{border-radius:16px 16px 0 0}.promotion-share-drawer .ant-drawer .ant-drawer-header{padding:12px 16px;border-radius:16px 16px 0 0;border-bottom:0}.promotion-share-drawer .ant-drawer .ant-drawer-content{padding:12px 16px;border-radius:16px 16px 0 0}.promotion-share-drawer ul{list-style:none;padding:0;margin:0}.promotion-share-drawer ul li{height:48px;padding:0 16px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;background:#f5f5f5;color:#1a1a1a}.promotion-share-drawer ul li:last-of-type{margin-bottom:0}.promotion-share-drawer ul li img{width:28px;height:28px;margin-right:16px}.promotion-share-drawer ul li a{display:flex;align-items:center;width:100%;height:100%;color:#1a1a1a}.promotion-share-drawer ul li a:visited{color:#1a1a1a}.promotion-detail{width:calc(100% - 32px);max-width:1360px;margin:4rem auto;background:#fff;border-radius:40px 40px 0 0}.promotion-detail .promotion-detail-top{padding:4rem 2.4rem}.promotion-detail .promotion-detail-top h1{font-size:3.6rem;font-family:PingFang SC;font-weight:500;color:#1a1a1a;margin-bottom:40px}.promotion-detail .promotion-detail-top p{font-family:PingFang SC;font-weight:500;font-size:2rem;line-height:3.2rem;color:#1a1a1a}.promotion-detail .promotion-detail-share{margin-top:4rem;display:flex;align-items:center}.promotion-detail .promotion-detail-share>div{background:rgba(0,145,136,.1);border-radius:12px;padding:1.4rem 1.6rem;font-family:PingFang SC;font-weight:500;font-size:2rem;color:#1a1a1a;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.promotion-detail .promotion-detail-share>div a,.promotion-detail .promotion-detail-share>div img{width:3.6rem;height:3.6rem}.promotion-detail .promotion-detail-share>div.customer img{margin-right:12px}.promotion-detail .promotion-detail-share .line{width:1px;height:3rem;display:inline-block;background:#000;margin:0 3rem}.promotion-detail .promotion-detail-share .share-mobile{display:none}.promotion-detail .promotion-detail-share .share{display:flex}.promotion-detail .promotion-detail-share .share a,.promotion-detail .promotion-detail-share .share img{margin-right:40px}.promotion-detail .promotion-detail-button{width:168px;position:fixed;bottom:30px;left:50%;transform:translateX(-50%)}.promotion-loading{border-radius:2.8rem;width:100%;height:100%;background:#fff;text-align:center;display:grid;align-items:center;height:40vh}.promotion-download-drawer{box-sizing:border-box;position:fixed;inset:0;bottom:0;z-index:1000;pointer-events:none;color:rgba(0,0,0,.88);background:#fff;transform:translateY(100%);transition:all .3s ease-in-out}.promotion-download-drawer.open{transform:translateY(0)}.promotion-download-drawer.close{transform:translateY(100%)}.promotion-download-drawer .promotion-download-drawer-mask{top:0;position:fixed;z-index:1001;pointer-events:auto;background:linear-gradient(rgba(0,0,0,.65),transparent);height:7rem;left:0;width:100%;text-align:right;padding:2rem 3rem 0 0}.pdf-container canvas{image-rendering:auto;-webkit-transform:translateZ(0)}@media screen and (max-width:768px){.promotion-slider .promotion-slider-item .promotion-slider-tag{font-size:12px;line-height:16px;border-radius:0 16px 0 16px;right:6px;top:6px}.promotion-slider .promotion-slider-item .promotion-slider-description{height:8rem;padding:12px}.promotion-slider .promotion-slider-item .promotion-slider-description h3{font-size:1.6rem;line-height:2.2rem}.promotion-slider .promotion-slider-item .promotion-slider-description p{font-size:1.2rem;line-height:2rem}.page-warpper .promotion-list{grid-template-columns:1fr;grid-column-gap:unset;grid-row-gap:16px;justify-items:center}.page-warpper .promotion-list .promotion-item{padding:12px 12px 36px}.page-warpper .promotion-list .promotion-item .promotion-info{height:auto}.page-warpper .promotion-list .promotion-item .promotion-btn{display:none}.page-warpper .promotion-list .promotion-item .promotion-tag{font-size:12px}.page-warpper .promotion-list-handler{margin-bottom:16px}.page-warpper .promotion-list-handler .promotion-type .promotion-type-item{min-height:36px;line-height:36px;font-weight:500;font-size:14px;padding:0 8px}.page-warpper .promotion-list-handler .promotion-filter{border-radius:50%;padding:8px}.page-warpper .promotion-list-handler .promotion-filter img{width:24px;height:24px}.page-warpper .promotion-list-handler .promotion-filter span{display:none}.promotion-filter-content{width:auto;padding:0}.promotion-filter-content h5{font-size:16px;margin:0 0 12px}.promotion-filter-content ul li{margin-right:12px;margin-bottom:12px}.promotion-modal .ant-modal .ant-modal-title{color:#333;font-size:18px;line-height:26px}.promotion-modal .ant-modal .ant-modal-content{padding:16px 20px}.dark-bg .promotion-detail-top{padding:2.4rem 1.6rem}.dark-bg .promotion-detail-top h1{font-size:2rem;margin-bottom:1.6rem}.dark-bg .promotion-detail-top p{font-size:1.4rem;line-height:2rem}.dark-bg .promotion-detail-share{margin-top:2.4rem}.dark-bg .promotion-detail-share>div{width:4rem;height:4rem;border-radius:8px;margin-right:2.4rem;justify-content:center}.dark-bg .promotion-detail-share>div a,.dark-bg .promotion-detail-share>div img{width:2.4rem;height:2.4rem}.dark-bg .promotion-detail-share>div.customer{width:4rem}.dark-bg .promotion-detail-share>div.customer span{display:none}.dark-bg .promotion-detail-share>div.customer img{margin-right:0}.dark-bg .promotion-detail-share .line{display:none}.dark-bg .promotion-detail-share .share-mobile{display:flex}.dark-bg .promotion-detail-share .share{display:none}}@media screen and (min-width:769px)and (max-width:1084px){.page-warpper .promotion-list{grid-column-gap:20px;grid-row-gap:20px}}