.earn-points{display:inline-flex;align-items:center;gap:8px;color:#51545a;cursor:pointer;line-height:1}.earn-points .earn-points-text{font-family:var(--font-family-medium)!important;color:#51545a!important;font-weight:var(--font-weight-medium)!important;font-size:16px!important}.earn-points svg{width:20px;height:19px}.earn-points.has-double-points{padding:4px 8px;border-radius:4px}.earn-points.has-double-points svg{width:30px;height:25px}.earn-points-modal{width:576px!important;border-radius:24px;overflow:hidden}.earn-points-modal .earn-points-modal-container{padding:32px 0 32px 40px}.earn-points-modal .earn-points-modal-container .earn-points-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;padding-right:40px}.earn-points-modal .earn-points-modal-container .earn-points-header .title{color:#1e1e1e;font-size:24px;font-family:var(--font-family-bold)}.earn-points-modal .earn-points-modal-container .earn-points-header .close-icon{cursor:pointer;background-color:#f5f6f7;padding:9px;border-radius:50%;transition:all .3s ease}.earn-points-modal .earn-points-modal-container .earn-points-header .close-icon:hover{background-color:#e5e6e7}.earn-points-modal .earn-points-modal-container .ant-spin-nested-loading{width:calc(100% - 40px)}.earn-points-modal .earn-points-modal-container .earn-points-list{padding-right:40px;display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto}.earn-points-modal .earn-points-modal-container .earn-points-list .title{font-family:var(--font-family-bold);font-weight:var(--font-weight-bold,700);font-style:Bold;font-size:18px}.earn-points-modal .earn-points-modal-container .earn-points-list .desc{font-size:14px;color:#8d9095;padding-top:8px;list-style:disc;padding-left:28px}.earn-points-modal .earn-points-modal-container .earn-points-list .desc li{word-break:break-word}.earn-points-modal .earn-points-modal-container .earn-points-list .desc li a{color:#17c554;text-decoration:underline}.earn-points-modal .earn-points-modal-container .earn-points-list .desc li a:hover{color:#17c554}@media(min-width:1920px){.earn-points{gap:.4166666667vw}.earn-points .earn-points-text{font-size:.8333333333vw!important}.earn-points svg{width:1.0416666667vw;height:.9895833333vw}.earn-points.has-double-points{padding:.2083333333vw .4166666667vw;border-radius:.2083333333vw}.earn-points.has-double-points svg{width:1.5625vw;height:1.3020833333vw}.earn-points-modal{width:30vw!important;border-radius:1.25vw}.earn-points-modal .ant-spin-nested-loading{width:calc(100% - 2.0833333333vw)}.earn-points-modal .earn-points-modal-container{padding:1.6666666667vw 0 1.6666666667vw 2.0833333333vw}.earn-points-modal .earn-points-modal-container .earn-points-header{padding-bottom:.8333333333vw;padding-right:2.0833333333vw}.earn-points-modal .earn-points-modal-container .earn-points-header .title{font-size:1.25vw}.earn-points-modal .earn-points-modal-container .earn-points-header .close-icon{padding:.46875vw}.earn-points-modal .earn-points-modal-container .earn-points-list{gap:.8333333333vw;padding-right:2.0833333333vw}.earn-points-modal .earn-points-modal-container .earn-points-list .title{font-size:.9375vw}.earn-points-modal .earn-points-modal-container .earn-points-list .desc{font-size:.7291666667vw;padding-top:.4166666667vw;padding-left:1.4583333333vw}}@media(max-width:900px){.earn-points{gap:1.0666666667vw;padding-right:.2666666667vw}.earn-points .earn-points-text{font-size:3.7333333333vw!important}.earn-points svg{width:5.3333333333vw;height:5.0666666667vw}.earn-points.has-double-points{padding:1.0666666667vw 2.1333333333vw;border-radius:1.0666666667vw}.earn-points.has-double-points svg{width:8vw;height:6.6666666667vw}.earn-points-modal-wrapper{height:auto!important;border-radius:6.4vw 6.4vw 0 0;overflow:hidden}.earn-points-modal{width:100%!important;border-radius:0}.earn-points-modal .ant-spin-nested-loading{width:calc(100% - 6.4vw)}.earn-points-modal .earn-points-modal-container{padding:4.8vw 0 4.8vw 6.4vw}.earn-points-modal .earn-points-modal-container .earn-points-header{padding-bottom:4.2666666667vw;padding-right:6.4vw}.earn-points-modal .earn-points-modal-container .earn-points-header .title{font-size:6.4vw}.earn-points-modal .earn-points-modal-container .earn-points-header .close-icon{padding:2.4vw}.earn-points-modal .earn-points-modal-container .earn-points-list{gap:4.2666666667vw;padding-right:6.4vw}.earn-points-modal .earn-points-modal-container .earn-points-list .title{font-size:4.8vw}.earn-points-modal .earn-points-modal-container .earn-points-list .desc{font-size:3.7333333333vw;padding-top:2.1333333333vw;padding-left:7.4666666667vw}}.my-coupon-list{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content}.my-coupon-list .my-coupon-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.my-coupon-list .my-coupon-item.can-select{cursor:pointer;box-sizing:border-box}.my-coupon-list .my-coupon-item .my-coupon-item-box{background:#f0f7f2;width:100%;height:100%;display:flex;overflow:hidden}.my-coupon-list .my-coupon-item .my-coupon-item-box-left{position:relative;display:flex;height:100%;justify-content:center;align-items:center;flex-flow:column;background:linear-gradient(0deg,#008b38,#42e182)}.my-coupon-list .my-coupon-item .my-coupon-item-box-left .my-coupon-item-left-bg{position:absolute;height:100%;width:100%;top:0}.my-coupon-list .my-coupon-item .my-coupon-item-box-left .my-coupon-item-left-bg svg{height:100%;width:100%}.my-coupon-list .my-coupon-item .my-coupon-item-box-left div{width:100%;display:flex;justify-content:center}.my-coupon-list .my-coupon-item .my-coupon-item-box-left span{font-family:var(--font-family-bold);font-weight:700;color:var(--color-light);line-height:120%;width:90%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.my-coupon-list .my-coupon-item .my-coupon-item-box-right{flex:1;position:relative}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-time{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-orange);color:var(--color-dark-orange);font-family:var(--font-family-bold);font-weight:700}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p{color:var(--color-dark-green3)}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child{display:flex;align-items:center}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-dark-green3);font-family:var(--font-family-bold);font-weight:700}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:last-child{background-color:var(--color-green);color:var(--color-light);cursor:pointer;opacity:1;transition:opacity .3s;font-family:var(--font-family-bold);font-weight:700}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:last-child:hover{opacity:.7}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content{overflow:hidden}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p{line-height:150%;color:var(--color-dark-green3);opacity:.6}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content .hideWidth{width:80%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt{display:flex;justify-content:flex-end}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg{cursor:pointer}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg rect{fill:var(--color-light-green4)}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg path{stroke:var(--color-dark-green3)}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg path:last-child{stroke:none;fill:var(--color-dark-green3)}@media screen and (min-width:1920px){.my-coupon-list{min-height:26.0416666667vw;gap:.8333333333vw}.my-coupon-list .my-coupon-item{border-radius:.8333333333vw}.my-coupon-list .my-coupon-item.can-select{border:.1041666667vw solid rgba(0,0,0,0)}.my-coupon-list .my-coupon-item.can-select.active{border:.1041666667vw solid #106335}.my-coupon-list .my-coupon-item .my-coupon-item-box{gap:.9375vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left{width:6.5104166667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left .coupon-icon{width:3.3333333333vw;height:3.3333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left span{font-size:1.0416666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right{padding-top:1.25vw;padding-bottom:.4166666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-time{padding:.15625vw .625vw;font-size:.625vw;border-radius:0 0 0 1.0416666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:first-child{font-size:.625vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child{gap:.2083333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:first-child{max-width:8.59375vw;font-size:.7291666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:last-child{font-size:.625vw;padding:.2083333333vw .4166666667vw;border-radius:2.2916666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content{margin-top:.4166666667vw;padding-right:.5208333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p{font-size:.5208333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p b{padding-left:.5208333333vw;letter-spacing:.2604166667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt{padding-right:.4166666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg{width:1.09375vw;height:1.09375vw}}@media screen and (min-width:900px)and (max-width:1920px){.my-coupon-list{min-height:500px;gap:16px}.my-coupon-list .my-coupon-item{border-radius:16px}.my-coupon-list .my-coupon-item.can-select{border:2px solid rgba(0,0,0,0)}.my-coupon-list .my-coupon-item.can-select.active{border:2px solid #106335}.my-coupon-list .my-coupon-item .my-coupon-item-box{gap:18px}.my-coupon-list .my-coupon-item .my-coupon-item-box-left{width:125px}.my-coupon-list .my-coupon-item .my-coupon-item-box-left .coupon-icon{width:64px;height:64px}.my-coupon-list .my-coupon-item .my-coupon-item-box-left span{font-size:20px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right{padding-top:24px;padding-bottom:8px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-time{padding:3px 12px;font-size:12px;border-radius:0 0 0 20px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:first-child{font-size:12px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child{gap:4px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:first-child{max-width:165px;font-size:14px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:last-child{font-size:12px;padding:4px 8px;border-radius:44px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content{margin-top:8px;padding-right:10px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p{font-size:10px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p b{padding-left:10px;letter-spacing:5px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt{padding-right:8px}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg{width:21px;height:21px}}@media screen and (max-width:900px){.my-coupon-list{min-height:93.3333333333vw;gap:2.1333333333vw;grid-template-columns:repeat(1,1fr)!important}.my-coupon-list .my-coupon-item{border-radius:4.2666666667vw}.my-coupon-list .my-coupon-item.can-select{border:.5333333333vw solid rgba(0,0,0,0)}.my-coupon-list .my-coupon-item.can-select.active{border:.5333333333vw solid #106335}.my-coupon-list .my-coupon-item .my-coupon-item-box{gap:4.2666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left{width:24.5333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left .coupon-icon{width:17.0666666667vw;height:17.0666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-left span{font-size:4.8vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right{padding-top:3.2vw;padding-bottom:1.0666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-time{padding:.8vw 2.6666666667vw;font-size:2.6666666667vw;border-radius:0 0 0 5.3333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:first-child{font-size:2.6666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child{gap:1.0666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:first-child{max-width:33.3333333333vw;font-size:3.7333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-title p:last-child span:last-child{transform:scale(.8);font-size:3.2vw;padding:.8vw 1.6vw;border-radius:11.7333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content{margin-top:2.1333333333vw;padding-right:2.6666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p{font-size:2.6666666667vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-content p b{padding-left:2.6666666667vw;letter-spacing:1.3333333333vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt{padding-right:3.2vw}.my-coupon-list .my-coupon-item .my-coupon-item-box-right .my-coupon-item-doubt svg{width:5.6vw;height:5.6vw}}