.component-reward-container{display:flex;flex-direction:column;flex-shrink:0}.component-reward-container *{box-sizing:border-box;font-size:initial;font-weight:initial;line-height:initial;color:initial}.component-reward-notification{--cache-width: 10px;--cache-width-half: 5px;position:relative;display:flex;align-items:center;justify-content:center;width:calc(100vw + var(--cache-width));min-height:50px;padding:0 calc(var(--mobile-container-gutter) + var(--cache-width-half));background:#393732;transform:translate(calc(var(--mobile-container-gutter) * -1 - var(--cache-width-half)),-28px)}.component-reward-notification-content{display:flex;max-width:100%;padding-right:10px;font-size:16px;font-weight:700;line-height:22px;color:#fff;text-align:center;word-break:break-word}.component-reward-notification-content.cursor{cursor:pointer}.component-reward-notification-close{position:absolute;top:50%;right:20px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transform:translateY(-50%)}@media screen and (min-width: 641px){.component-reward-notification-content,.component-reward-notification-close{font-size:18px}}@media screen and (min-width: 1000px){.component-reward-notification-close{right:30px}}@media screen and (min-width: 641px) and (max-width: 1489px){.component-reward-notification{padding:0 calc(var(--desktop-container-gutter) + var(--cache-width-half));transform:translate(calc(var(--desktop-container-gutter) * -1 - var(--cache-width-half)),-28px)}}@media screen and (min-width: 1490px){.component-reward-notification{padding:0 calc((100vw - 1480px) / 2 + var(--desktop-container-gutter) + var(--cache-width-half));transform:translate(calc((100vw - 1480px) / 2 * -1 - var(--desktop-container-gutter) - var(--cache-width-half)),-28px)}}.component-reward-banner{display:flex;width:100%}.component-reward-banner-points{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33%;height:200px;border-radius:10px 0 0 10px;background-color:#f6f6f6}.component-reward-banner-points .one{font-size:48px;font-weight:700}.component-reward-banner-points .one svg{margin-left:10px}.component-reward-banner-points .two{font-size:20px}.component-reward-banner-points .three{font-size:16px;color:#49b190;text-align:center;text-decoration-line:underline;cursor:pointer}.component-reward-banner-download{position:relative;display:flex;flex-direction:column;justify-content:center;width:67%;height:200px;border-radius:0 10px 10px 0;padding-right:5.2%;padding-left:22%;background-color:#f2fffb}.component-reward-banner-download-phone{position:absolute;top:50%;left:7.2%;transform:translateY(-50%)}.component-reward-banner-download-button{display:flex;align-items:center;justify-content:center;margin-top:22px;width:153px;height:36px;background-color:#32bea6;font-weight:700;color:#fff;cursor:pointer}.component-reward-banner-jump{display:none}@media screen and (max-width: 640px){.component-reward-banner{display:flex;flex-direction:column;width:100%}.component-reward-banner-points,.component-reward-banner-download{width:100%;border-radius:6px}.component-reward-banner-download{margin-top:16px;padding-right:12px;padding-left:150px;font-size:14px}.component-reward-banner-download-button{font-size:14px}.component-reward-banner-jump{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:16px}.component-reward-banner-jump div{display:flex;align-items:center;justify-content:center;width:calc(50% - 18px);height:55px;border-radius:6px;background-color:#32bea6;font-size:18px;font-weight:700;color:#fff}.component-reward-banner-jump div:nth-of-type(1),.component-reward-banner-jump div:nth-of-type(2){margin-bottom:10px}}@media screen and (min-width: 641px) and (max-width: 1279px){.component-reward-banner-download{padding-right:2.2%;padding-left:26%;font-size:15px}}.component-reward-points{margin-top:58px}.component-reward-points-title{font-size:22px;font-weight:700}.component-reward-points-list{display:flex;flex-wrap:wrap;margin-top:16px}.component-reward-points-list .box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:15px;margin-bottom:17px;width:170px;height:170px;border-radius:10px;padding:24.5px 23.7px 21px;background-color:#f6f6f6}.component-reward-points-list .box .top .point{display:flex;align-items:center;justify-content:center;font-size:36px;line-height:36px}.component-reward-points-list .box .top .point svg{margin-left:10px}.component-reward-points-list .box .top .description{margin-top:10px;font-size:14px;line-height:17px;text-align:center}.component-reward-points-list .box .down.text{line-height:27px;color:#32bea6}.component-reward-points-list .box .down.button{display:flex;align-items:center;justify-content:center;width:100%;height:27px;padding:0;background-color:#32bea6;font-size:14px;font-weight:700;color:#fff;cursor:pointer}@media screen and (max-width: 640px){.component-reward-points-list{justify-content:space-between}.component-reward-points-list .box{margin-right:0;margin-bottom:16px;width:calc(50% - 18px);height:170px}}.component-reward-redeem{margin-top:75px}.component-reward-redeem-title{font-size:22px;font-weight:700}.component-reward-redeem-description{margin-top:8px;font-size:18px}.component-reward-redeem-list{display:flex;flex-wrap:wrap;margin-top:14px}.component-reward-redeem-list .box{--box-width: 25px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;margin-right:15px;margin-bottom:17px;width:170px;height:90px;padding:7px 0 13px 33px;overflow:hidden;background-color:#f6f6f6}.component-reward-redeem-list .box .box-top,.component-reward-redeem-list .box .box-right,.component-reward-redeem-list .box .box-bottom,.component-reward-redeem-list .box .box-left{position:absolute;width:var(--box-width);height:var(--box-width);border-radius:50%;background-color:#fff}.component-reward-redeem-list .box .box-top{top:calc(var(--box-width) / 2 * -1);left:calc(var(--box-width) / 2 * -1)}.component-reward-redeem-list .box .box-right{top:calc(var(--box-width) / 2 * -1);right:calc(var(--box-width) / 2 * -1)}.component-reward-redeem-list .box .box-bottom{right:calc(var(--box-width) / 2 * -1);bottom:calc(var(--box-width) / 2 * -1)}.component-reward-redeem-list .box .box-left{bottom:calc(var(--box-width) / 2 * -1);left:calc(var(--box-width) / 2 * -1)}.component-reward-redeem-list .box .name{width:100%;overflow:hidden;font-size:18px;font-weight:700;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.component-reward-redeem-list .box .points{font-size:14px;line-height:17px;text-align:center}.component-reward-redeem-list .box .button{display:flex;align-items:center;justify-content:center;width:82px;height:21px;padding:0;background-color:#32bea6;font-size:12px;font-weight:700;color:#fff;cursor:pointer}.component-reward-redeem-list .box .button.disabled{background-color:#c8c8c8;cursor:not-allowed}.component-reward-redeem-modal{position:fixed;top:50%;left:50%;z-index:9999;width:90%;max-width:514px;padding:20px 15px;box-shadow:0 0 5px 4px #00000021;background-color:#fff;transform:translate(-50%,-50%)}.component-reward-redeem-modal-close{position:absolute;top:15px;right:20px;cursor:pointer}.component-reward-redeem-modal-step{display:flex;align-items:center;justify-content:center;width:100%}.component-reward-redeem-modal-step .num{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#ddd;line-height:25px;color:#000}.component-reward-redeem-modal-step .line{width:20px;height:2px;background-color:#ddd}.component-reward-redeem-modal-step .active{background:#000;color:#ddd}.component-reward-redeem-modal-name{display:flex;align-items:center;justify-content:center;margin:17px 0 19px;height:16px;font-size:16px;font-weight:700;line-height:16px;letter-spacing:.29px}.component-reward-redeem-modal-info{margin:12px auto 20px;min-height:17px;font-size:16px;line-height:17px;letter-spacing:.31px;text-align:center}.component-reward-redeem-modal-info span{margin:0 5px;font-weight:700}.component-reward-redeem-modal-code{position:relative;display:flex;align-items:center;justify-content:center;margin:22px auto 30px;width:250px;height:17px;font-size:16px;font-weight:700;line-height:17px;letter-spacing:.31px;color:#32bea6;cursor:pointer;transition:background-color .2s ease-in-out}.component-reward-redeem-modal-code.copied{background-color:#32bea6;color:#fff}.component-reward-redeem-modal-code:after{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:250px;height:100%;border:2px dashed #32bea6;border-radius:3px;padding:5px;box-sizing:content-box!important;transform:translate(-50%,-50%);transition:background-color .2s ease-in-out}.component-reward-redeem-modal-code.copied:after{background-color:#32bea6}.component-reward-redeem-modal-buttons{display:flex;align-items:center;justify-content:center}.component-reward-redeem-modal-buttons>div{margin:0 5px;border-radius:2px;padding:9px 18px 8px 19px;box-shadow:0 1px 3px #00000045;background:#fff;font-size:14px;line-height:16px;letter-spacing:1.46px;cursor:pointer;user-select:none}@media screen and (max-width: 640px){.component-reward-redeem-list{justify-content:space-between}.component-reward-redeem-list .box{margin-right:0;margin-bottom:12px;width:calc(50% - 18px)}}.component-reward-history{margin-top:58px}.component-reward-history-title{font-size:22px;font-weight:700}.component-reward-history-list{display:flex;flex-wrap:wrap;margin-top:14px}.component-reward-history table{width:100%;border-collapse:collapse}.component-reward-history th,.component-reward-history td{width:25%;border-bottom:1px solid #f3f3f3;padding:25px 0 20px;text-align:center}.component-reward-history code.has-value{position:relative;font-weight:700;color:#32bea6;cursor:pointer;transition:background-color .2s ease-in-out}.component-reward-history code.has-value.copied{background-color:#32bea6;color:#fff}.component-reward-history code.has-value:after{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:100%;height:100%;border:2px dashed #32bea6;border-radius:3px;padding:5px;box-sizing:content-box!important;transform:translate(-50%,-50%);transition:background-color .2s ease-in-out}.component-reward-history code.has-value.copied:after{background-color:#32bea6}.component-reward-history-pagination{display:flex;align-items:center;justify-content:center;margin-top:20px;width:100%}.component-reward-history-pagination .button{display:flex;align-items:center;justify-content:center;margin:0 2px;height:27px;border:none;padding:0 10px;background-color:#32bea6;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.component-reward-history-pagination .button[disabled]{background-color:#c8c8c8;cursor:not-allowed}.component-reward-history-pagination .page-jump,.component-reward-history-pagination .page-select,.component-reward-history-pagination .page-counter{margin:0 10px}.component-reward-history-pagination .page-jump input{margin-left:10px}.component-reward-history-pagination input,.component-reward-history-pagination select{width:100px}@media screen and (max-width: 640px){.component-reward-history{margin-top:50px}.component-reward-history th,.component-reward-history td{width:33.33%}.component-reward-history div.has-code{margin-top:10px}.component-reward-history code.has-value{font-size:12px}.component-reward-history-pagination .page-jump,.component-reward-history-pagination .page-select,.component-reward-history-pagination .page-line,.component-reward-history-pagination .page-counter{display:none}}.component-reward-fq{margin-top:75px}.component-reward-fq-title{font-size:22px;font-weight:700}.component-reward-fq-list{margin-top:14px}.component-reward-fq-list-item{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3}.component-reward-fq-list-item .question{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 30px 14px 14px;font-weight:700;cursor:pointer;user-select:none}.component-reward-fq-list-item .arrow{position:absolute;top:calc(50% - 4px);right:14px;transform:rotate(90deg);transition:transform .2s ease-in-out}.component-reward-fq-list-item .arrow.open{transform:rotate(270deg)}.component-reward-fq-list-item .answer{padding:16px 14px;color:#4d4d4d}.component-reward-fq-list-item .answer:not(.open){display:none}.component-reward-fq-list-item .answer *{margin:revert;padding:revert;background-color:revert;color:revert;text-decoration:revert}