.status-color[data-v-1e15ffe3]{color:var(--bronze)}header[data-v-1e15ffe3]{position:relative}.wrapper .times-icon[data-v-1e15ffe3]{display:flex;justify-content:center;align-items:center;position:absolute;right:3%;top:0;height:72px}.wrapper .times-icon img[data-v-1e15ffe3]{height:30px;width:30px;display:block;margin:auto 0}.text-area[data-v-1e15ffe3]{margin-bottom:30px;padding:0 4%}.text-area h1[data-v-1e15ffe3]{font-size:18px;font-weight:500;color:#000}.text-area h2[data-v-1e15ffe3]{font-size:40px;font-weight:700;margin:3% 0}.text-area p[data-v-1e15ffe3]{font-size:13px;color:#7f7f80}.text-area .point-card[data-v-1e15ffe3]{margin-top:30px;display:flex;display:-webkit-flex}.text-area .point-card .point-box[data-v-1e15ffe3]{width:50%;border:1px solid #8b8b8b;border-radius:15px;margin:0 2%;font-weight:500;padding:15px 8%}.text-area .point-card .point-box .point-title[data-v-1e15ffe3]{font-size:18px;color:#100316;border-bottom:1px solid #dadadb;padding-bottom:8px}.text-area .point-card .point-box h2[data-v-1e15ffe3]{font-size:36px;font-weight:700;color:#e6a82e;margin:0;padding-top:4px}@media screen and (max-width:293px){.text-area .point-card .point-box .point-title[data-v-1e15ffe3]{font-size:16px;padding-bottom:5px}.text-area .point-card .point-box h2[data-v-1e15ffe3]{font-size:25px}}@media screen and (min-width:400px){.text-area .point-card .point-box .point-title[data-v-1e15ffe3]{font-size:20px}.text-area .point-card .point-box h2[data-v-1e15ffe3]{font-size:40px}}@media screen and (min-width:540px){.text-area .point-card .point-box .point-title[data-v-1e15ffe3]{font-size:20px}.text-area .point-card .point-box h2[data-v-1e15ffe3]{font-size:40px}}.link-area[data-v-1e15ffe3]{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center;padding:0 6%;margin-bottom:30px;padding:5px 6% 30px 6%}.link-area .link-btn[data-v-1e15ffe3]{width:30%;margin:3% 0}.link-area .link-btn img[data-v-1e15ffe3]{width:42%}.link-area .link-btn p[data-v-1e15ffe3]{font-size:14px;color:#100316;margin:2% 0}.link-area .link-btn p.inactivate[data-v-1e15ffe3]{color:#b7b3b9}@media screen and (max-width:280px){.link-area .link-btn p[data-v-1e15ffe3]{font-size:12px}}.bronze[data-v-1e15ffe3]{color:#e6875c}.silver[data-v-1e15ffe3]{color:#ccc}.gold[data-v-1e15ffe3]{color:#e6a82e}.diamond[data-v-1e15ffe3]{color:#ccf6ff}.card-area[data-v-1e15ffe3]{background:linear-gradient(.38turn,#4d4d4d,#141414);border-radius:15px;padding:4% 5%;width:70%;text-align:left;box-shadow:0 10px 17px -4px rgba(35,35,35,.6)}@media screen and (max-width:320px){.card-area[data-v-1e15ffe3]{width:80%;padding:4% 4%}}.member-card .title-area[data-v-1e15ffe3]{display:flex;display:-webkit-flex;vertical-align:middle;position:relative}.member-card .title-area .name-tag[data-v-1e15ffe3]{color:#fff;margin:auto 0 auto 4%}.member-card .title-area .name-tag p[data-v-1e15ffe3]{margin:3% 0;font-size:13px}.member-card .title-area img[data-v-1e15ffe3]{width:52px;height:52px}.member-card .title-area .member-code[data-v-1e15ffe3]{display:flex;display:-webkit-flex;background-color:#000;margin:auto 0;border-radius:50px;padding:1.5% 3%;position:absolute;right:0;top:50%;transform:translateY(-50%);border:3px solid #4c4c4d}.member-card .title-area .member-code img[data-v-1e15ffe3]{width:26px;height:26px}.member-card .title-area .member-code p[data-v-1e15ffe3]{color:#fff;margin:0;line-height:26px;font-size:12px}.member-card .card-point h2[data-v-1e15ffe3]{font-size:22px;margin:2% 0;position:relative;font-weight:500}.member-card .card-point h2 img[data-v-1e15ffe3]{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px}.member-card .card-point p[data-v-1e15ffe3]{color:#fff;margin:0;font-size:12px}.member-card .card-point .point-status[data-v-1e15ffe3]{font-size:24px;font-weight:500;margin:1% 0}.member-card .card-point .point-status span[data-v-1e15ffe3]{font-size:14px;font-weight:500;margin-left:2%}.member-card .card-point .bar[data-v-1e15ffe3]{height:10px;width:100%;background-color:#000;margin:3% 0;border-radius:50px}.member-card .card-point .bar[data-v-1e15ffe3]:before{content:"";display:block;width:calc(100%*var(--percent));height:10px;border-radius:50px}.bronze_bar[data-v-1e15ffe3]:before{background:linear-gradient(90deg,#cc7852,#dca084)}.silver_bar[data-v-1e15ffe3]:before{background:linear-gradient(90deg,grey,#ccc)}.gold_bar[data-v-1e15ffe3]:before{background:linear-gradient(90deg,#b37700,#f2b230)}.diamond_bar[data-v-1e15ffe3]:before{background:linear-gradient(90deg,#29aacc,#a1e3e6)}.swiper-pagination[data-v-1e15ffe3]{position:unset;margin:4% 0}.swiper-pagination-bullet-active[data-v-1e15ffe3]{background:#100316}.popup-bg[data-v-1e15ffe3]{position:fixed;width:100%;height:100%;background-color:#fff;z-index:10;top:0}.popup-wrapper[data-v-1e15ffe3]{max-width:540px;text-align:center;width:100%;z-index:20;position:absolute;left:50%;top:0;transform:translate(-50%);z-index:11}.popup-wrapper .times-icon[data-v-1e15ffe3]{display:flex;justify-content:center;align-items:center;position:absolute;right:3%;top:0;height:72px}.popup-wrapper .times-icon img[data-v-1e15ffe3]{height:30px;width:30px;display:block;margin:auto 0}.popup-content[data-v-1e15ffe3]{padding:0 8%}.popup-wrapper .brand[data-v-1e15ffe3]{background-color:#000;height:180px;border-radius:15px;margin:10% 0;display:flex;justify-content:center;align-items:center}.popup-wrapper .brand img[data-v-1e15ffe3]{width:40%}.popup-wrapper .qrcode img[data-v-1e15ffe3]{width:55%}.popup-wrapper h2[data-v-1e15ffe3]{font-size:14px}.popup-wrapper h3[data-v-1e15ffe3]{margin:10px 0 0 0;font-size:12px}