.f-pr2 { border-radius: 20px 20px 0 0; box-shadow: 0 0 12px 0 rgba(0,0,0,0.25); line-height: 1.2; color: #030303; }
.f-pr2 .ab { position: absolute; }
.f-pr2 .title { position: absolute; left: 0; top: 20px; width: 430px; height: 20px; line-height: 20px; text-align: center; font-size: 17px; font-weight: 700; color: #030303; white-space: nowrap; }
.f-pr2 .title.c1 { padding-left: 1px; }
.f-pr2 .close { position: absolute; right: 0; top: 0; width: 48px; height: 48px; }
.f-pr2 .close img { width: 48px; height: 48px; }
.f-pr2 .tabs { position: absolute; left: 24px; top: 58px; width: 382px; height: 28px; display: flex; gap: 4px; }
.f-pr2 .tab { position: relative; height: 28px; flex: none; }
.f-pr2 .tab.t-on { width: 180px; }
.f-pr2 .tab.t-off { width: 97px; }
.f-pr2 .tab .bar-on { position: absolute; left: -1.5px; top: 26.5px; width: 183px; height: 3px; }
.f-pr2 .tab .bar-off { position: absolute; left: -1px; top: 27px; width: 99px; height: 2px; }
.f-pr2 .tab .lb-on { position: absolute; left: 58.55px; width: 61.1px; top: 5px; height: 18px; line-height: 18px; text-align: center; font-size: 15px; font-weight: 700; color: #0073cf; }
.f-pr2 .tab .lb { position: absolute; left: 0; width: 100%; top: 0; height: 28px; line-height: 28px; padding-left: 0.08px; text-align: center; font-size: 13px; font-weight: 400; color: #030303; }
.f-pr2 .search { position: absolute; left: 24px; top: 98px; width: 382px; height: 40px; border: 1px solid #b5bcc6; border-radius: 20px; background: #fff; overflow: hidden; }
.f-pr2 .search .ph { position: absolute; left: 19px; top: 0; height: 38px; line-height: 38px; font-size: 15px; font-weight: 400; white-space: nowrap; color: #b5bcc6; }
.f-pr2 .search .ph.val { color: #030303; }
.f-pr2 .search img { position: absolute; right: 11px; top: -1px; width: 40px; height: 40px; }
.f-pr2 .bluebar { position: absolute; left: 24px; width: 382px; height: 40px; border-radius: 20px; background: #0073cf; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 20px; padding-left: 1px; }
.f-pr2 .bluebar span { font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; line-height: 16px; }
.f-pr2 .bluebar .dv { position: relative; width: 0; height: 20px; flex: none; }
.f-pr2 .bluebar .dv img { position: absolute; left: -1px; top: -1px; width: 2px; height: 22px; }
.f-pr2 .member { position: absolute; left: 24px; width: 382px; height: 42px; border-radius: 20px; background: #f4f5f7; display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 15px; font-weight: 400; line-height: 18px; white-space: nowrap; overflow: hidden; }
.f-pr2 .btn { position: absolute; height: 52px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 400; line-height: 16px; white-space: nowrap; }
.f-pr2 .btn.off { background: #f4f5f7; color: #b5bcc6; }
.f-pr2 .btn.on { background: #0073cf; color: #fff; }
.f-pr2 .btn.dark { background: #030303; color: #fff; }
.f-pr2 .ghost { position: absolute; height: 18px; line-height: 18px; text-align: center; font-size: 15px; font-weight: 400; color: #fff; white-space: nowrap; }
.f-pr2 .panel { position: absolute; left: 24px; top: 98px; width: 382px; height: 194px; border-radius: 20px; background: #f4f5f7; }
.f-pr2 .wheel { position: absolute; left: 67px; top: 36px; width: 264px; height: 122px; }
.f-pr2 .wb { position: absolute; height: 35px; background: #fff; border-radius: 10px; overflow: hidden; }
.f-pr2 .wb .n { position: absolute; text-align: center; font-size: 17px; font-weight: 700; color: #030303; white-space: nowrap; }
.f-pr2 .wb .n.dim { opacity: 0.3; }
.f-pr2 .wb .gb { position: absolute; left: calc(50% - 50.03px); top: 30px; width: 100px; height: 5px; background: linear-gradient(to bottom, rgba(255,255,255,0.12), #fff); }
.f-pr2 .wb .gt { position: absolute; left: calc(50% - 50.03px); top: -0.5px; width: 100px; height: 5px; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0.12)); }
.f-pr2 .wb .gb.g10 { background: linear-gradient(to bottom, rgba(255,255,255,0.1), #fff); }
.f-pr2 .wb .gt.g10 { background: linear-gradient(to bottom, #fff, rgba(255,255,255,0.1)); }
.f-pr2 .u { position: absolute; width: 16px; height: 25px; line-height: 25px; text-align: center; font-size: 17px; font-weight: 400; }
.f-pr2 .dow { position: absolute; width: 47px; height: 25px; line-height: 25px; text-align: center; font-size: 17px; font-weight: 700; white-space: nowrap; }
.f-pr2 .hint { position: absolute; left: 0; top: 110px; width: 264px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; font-weight: 400; color: #0073cf; white-space: nowrap; }
.f-pr2 .line { position: absolute; left: 0; width: 430px; text-align: center; white-space: nowrap; }
.f-pr2 .l15 { font-size: 15px; font-weight: 400; height: 18px; line-height: 18px; }
.f-pr2 .l17b { font-size: 17px; font-weight: 700; height: 20px; line-height: 20px; }
.f-pr2 .blue { color: #0073cf; }
.f-pr2 .gray { position: absolute; left: 24px; top: 48px; width: 382px; height: 178px; border-radius: 20px; background: #f4f5f7; }