@charset "utf-8";

[data-v-1192c070]:root { --van-field-input-text-color: #3F3F3F; --van-field-input-disabled-text-color: "#A3A3A3"; --van-field-right-icon-color: #C7C7C7; --van-popup-background: #F7F7F7; --van-dialog-background: #FFF; --van-popover-dark-background: #FFF; --van-tabbar-background: #F7F7F7; --bg-eee: #eee; --font-color-gold1: #CC8C31; --font-color-gray: #3F3F3F; --submit-active: #ED2223; --van-number-keyboard-background: #F7F7F7 !important; --van-number-keyboard-key-background: #FFF !important; }

.pwa-popup[data-v-1192c070] { backdrop-filter: blur(min(0.706vw, 3.529px)); border-radius: min(2.824vw, 14.118px) min(2.824vw, 14.118px) 0px 0px; border: none; padding: min(3.529vw, 17.647px); background-color: rgb(246, 246, 246) !important; z-index: 2147483647 !important; }

.pwa-popup .close-icon[data-v-1192c070] { position: absolute; top: 0px; right: 0px; width: min(4.706vw, 23.529px); height: min(4.706vw, 23.529px); border-radius: 50%; background: rgba(76, 76, 76, 0.3); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; z-index: 2; }

.pwa-popup .close-icon .van-icon[data-v-1192c070] { font-size: min(2.824vw, 14.118px); }

.pwa-popup .modal-content[data-v-1192c070] { position: relative; min-height: min(42.353vw, 211.765px); }

.pwa-popup .box-img[data-v-1192c070] { position: absolute; top: 0px; left: max(-11.765vw, -58.824px); width: min(52.941vw, 264.706px); pointer-events: none; }

.pwa-popup .box-img img[data-v-1192c070] { width: 100%; height: auto; object-fit: contain; display: block; }

.pwa-popup .header-info[data-v-1192c070] { display: flex; align-items: center; gap: min(1.882vw, 9.412px); padding-left: min(37.647vw, 188.235px); padding-top: min(1.176vw, 5.882px); min-height: min(8.941vw, 44.706px); }

.pwa-popup .header-info .brand-logo[data-v-1192c070] { width: min(8.941vw, 44.706px); height: min(8.941vw, 44.706px); border-radius: min(1.882vw, 9.412px); flex-shrink: 0; object-fit: cover; }

.pwa-popup .header-info .brand-des[data-v-1192c070] { height: min(3.294vw, 16.471px); margin-left: min(1.176vw, 5.882px); }

.pwa-popup .header-info .title-block[data-v-1192c070] { display: flex; flex-direction: column; gap: min(0.471vw, 2.353px); min-width: 0px; }

.pwa-popup .header-info .title-block .title[data-v-1192c070] { color: rgb(38, 38, 38); font-size: min(3.529vw, 17.647px); font-weight: 600; line-height: 1.2; }

.pwa-popup .header-info .title-block .sub-title[data-v-1192c070] { color: rgba(35, 35, 35, 0.5); font-size: min(2.588vw, 12.941px); line-height: 1.2; }

.pwa-popup .bonus-card[data-v-1192c070] { margin: min(2.353vw, 11.765px) 0px 0px min(37.647vw, 188.235px); }

.pwa-popup .bonus-card .prize-img[data-v-1192c070] { width: 100%; }

.pwa-popup .keep-use[data-v-1192c070] { margin-top: min(2.824vw, 14.118px); text-align: center; color: rgb(147, 147, 147); font-size: min(3.294vw, 16.471px); line-height: 1.4; }

.pwa-popup .btn-group[data-v-1192c070] { margin-top: min(4.235vw, 21.176px); display: flex; align-items: center; justify-content: center; gap: min(1.882vw, 9.412px); }

.pwa-popup .btn-group .btn-item[data-v-1192c070] { position: relative; display: flex; align-items: center; justify-content: center; gap: min(1.412vw, 7.059px); height: min(10.353vw, 51.765px); border-radius: min(1.882vw, 9.412px); font-size: min(3.765vw, 18.824px); font-weight: 500; box-sizing: border-box; }

.pwa-popup .btn-group .btn-item .btn-icon img[data-v-1192c070] { display: block; width: min(4.706vw, 23.529px); height: min(4.706vw, 23.529px); object-fit: contain; }

.pwa-popup .btn-group .loading-icon[data-v-1192c070] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: rgb(237, 34, 35); }

.pwa-popup .btn-group .btn-web[data-v-1192c070] { flex: 0 0 auto; width: min(31.529vw, 157.647px); background: rgb(255, 255, 255); border: min(0.118vw, 0.588px) solid rgb(190, 190, 190); color: rgb(109, 109, 109); }

.pwa-popup .btn-group .btn-download[data-v-1192c070] { flex: 1 1 0%; min-width: 0px; background: linear-gradient(90deg, rgb(255, 43, 43), rgb(255, 103, 56)); color: rgb(255, 255, 255); font-weight: 600; }

.pwa-popup .btn-group .btn-download .bonus-tag[data-v-1192c070] { position: absolute; right: max(-1.176vw, -5.882px); top: max(-4.471vw, -22.353px); width: min(23.529vw, 117.647px); line-height: 0; pointer-events: none; animation: 1.2s ease-in-out 0s infinite normal none running heartbeat-1192c070; transform-origin: right bottom; }

.pwa-popup .btn-group .btn-download .bonus-tag img[data-v-1192c070] { display: block; width: 100%; height: auto; object-fit: contain; }

.pwa-popup .btn-group .btn-ios[data-v-1192c070] { flex: 1 1 0%; }

@keyframes heartbeat-1192c070 { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

.pwa-popup .ios-teach-content[data-v-1192c070] { position: relative; }

.pwa-popup .ios-teach-content .ios-teach-img[data-v-1192c070] { width: 100%; }

.pwa-popup .ios-teach-content .ios-teach-hand-img[data-v-1192c070] { width: min(11.529vw, 57.647px); height: min(14.824vw, 74.118px); position: absolute; left: calc(50% - min(5.765vw, 28.824px)); bottom: min(3.529vw, 17.647px); animation: 1.2s ease-in-out 0s infinite normal none running pointDown-1192c070; }

.pwa-popup .ios-teach-content .ios-teach-hand-img.ios-teach-hand-right[data-v-1192c070] { left: auto; right: min(3.529vw, 17.647px); }

@keyframes pointDown-1192c070 { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(min(3.529vw, 17.647px)); }
}