*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#app{width:100%;height:100%;background:#000;position:relative}.flexbox.small[data-v-58f80ae5]{zoom:.6}.flexbox[data-v-58f80ae5]{width:5.6rem;max-width:325px;height:4.2rem;max-height:227.5px;background:hsla(0,0%,100%,.4);margin-bottom:.8rem;position:relative;border-radius:.15rem;overflow:hidden}.flexbox .num[data-v-58f80ae5]{color:#9ea3a3;font-size:.5rem;position:absolute;left:.125rem;top:.0625rem;z-index:10}@media screen and (min-width:1400px){.flexbox .num[data-v-58f80ae5]{font-size:24px}}.flexbox .id[data-v-58f80ae5]{color:#9ea3a3;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.2rem}@media screen and (min-width:1400px){.flexbox .id[data-v-58f80ae5]{font-size:12px}}.flexbox .refresh[data-v-58f80ae5]{position:absolute;width:.7rem;right:.1rem;bottom:.16rem;max-width:30px}.flexbox .status[data-v-58f80ae5]{width:100%;height:100%;position:relative;background:#575757;z-index:9}.flexbox .status img[data-v-58f80ae5]{width:40%}.flexbox .data[data-v-58f80ae5],.flexbox .status img[data-v-58f80ae5]{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.flexbox .data[data-v-58f80ae5]{width:4.6rem;max-width:295px;height:2.8rem;max-height:153px;display:flex}.flexbox .data .left[data-v-58f80ae5]{width:40%;height:100%;justify-content:center;text-align:center;flex-direction:column}.flexbox .data .left .reback:first-child .line[data-v-58f80ae5]{background:#f10f0f!important}.flexbox .data .left .color-box[data-v-58f80ae5]{background:#fff;width:40%;height:80%;margin:0 auto;border-radius:.1rem;position:relative}.flexbox .data .left .color-box .point[data-v-58f80ae5]{height:.1rem;width:130%;position:absolute;top:calc(var(--top-press) - .05rem);border:var(--top-border);background:#f10f0f;left:-15%;border-radius:.1rem;z-index:3;transition:top .1s ease}.flexbox .data .left .color-box .point.yellow[data-v-58f80ae5]{background:#fffc00}.flexbox .data .left .color-box .point.green[data-v-58f80ae5]{background:#7eff00}.flexbox .data .left .color-box .back-white[data-v-58f80ae5]{position:absolute;background:#fff;width:100%;height:var(--cc-back);border-radius:0 0 .1rem .1rem;bottom:0;z-index:2}.flexbox .data .left .color-box .back-color[data-v-58f80ae5]{position:absolute;background:linear-gradient(#f5e226,#f5e226 50%,#62db00 0,#62db00);width:100%;height:100%;border-radius:.1rem;z-index:1}.flexbox .data .left .color-box .all-green[data-v-58f80ae5]{position:absolute;background:#62db00;width:100%;height:100%;border-radius:.1rem;z-index:1}.flexbox .data .left .color-box .change-color[data-v-58f80ae5]{position:absolute;width:100%;z-index:1}.flexbox .data .left .color-box .change-color.yellow[data-v-58f80ae5]{top:0;background:#f5e226;border-radius:.1rem .1rem 0 0}.flexbox .data .left .color-box .change-color.green[data-v-58f80ae5]{top:50%;background:#62db00}.flexbox .data .left .press[data-v-58f80ae5]{font-size:.45rem;text-align:center;margin:.1rem;color:#7a7b7b}.flexbox .data .left .line_box[data-v-58f80ae5]{width:100%;height:100%;flex:1;display:flex}.flexbox .data .left .line_box .line[data-v-58f80ae5]{display:block;width:90%;height:.065rem;margin:auto;border-radius:2px;background:#f5e226}.flexbox .data .left .line_box .line.yellow[data-v-58f80ae5]{background:#f5e226}.flexbox .data .left .line_box .line.green[data-v-58f80ae5]{background:#62db00}.flexbox .data .right[data-v-58f80ae5]{width:60%;height:100%;text-align:center;position:relative}.flexbox .data .right .press[data-v-58f80ae5]{color:#7a7b7b;font-weight:500;position:absolute;white-space:nowrap;font-size:.65rem;left:50%;transform:translateX(-50%)}.flexbox .data .right .rate[data-v-58f80ae5]{color:#fff;font-size:1.4rem;position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%)}@media screen and (min-width:1400px){.flexbox .data .right .rate[data-v-58f80ae5]{font-size:72px}}.flexbox .data .right .rate.yellow[data-v-58f80ae5]{color:#f5e226}.flexbox .data .right .rate.red[data-v-58f80ae5]{color:#f10f0f}.flexbox .data .right .rate1[data-v-58f80ae5]:after{content:"";position:absolute;width:2.4rem;height:2.4rem;top:0;left:0;border-radius:100%;z-index:-1;background-image:var(--background-inner);transform:rotate(-90deg);transition:background-image 2s}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-58f80ae5]:after{width:120px;height:120px}}.flexbox .data .right .rate1[data-v-58f80ae5]{width:100%;left:50%;transform:translateX(-50%);height:1.2rem;width:2.4rem;border-radius:2.4rem 2.4rem 0 0;position:absolute;bottom:.4rem;border:3px solid #7a7b7b;border-bottom:none}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-58f80ae5]{height:60px;width:120px;border-radius:120px 120px 0 0}}.flexbox .data .right .rate1 .point_box[data-v-58f80ae5]{width:100%;height:100%;position:relative}.flexbox .data .right .rate1 .point_box .point[data-v-58f80ae5]{width:35%;height:1px;background:#9ea3a3;position:absolute;bottom:0;right:50%;transform-origin:right center;transition:transform 1s;transform:var(--pointer-rotate)}.flexbox .data .right .rate1 .point_box .line-tick[data-v-58f80ae5]{position:absolute;left:0;bottom:0;width:1.2rem;height:2px;transform-origin:right center}@media screen and (min-width:1400px){.flexbox .data .right .rate1 .point_box .line-tick[data-v-58f80ae5]{width:60px}}.flexbox .data .right .rate1 .point_box .line-tick .tick[data-v-58f80ae5]{width:10%;height:100%;background:#9ea3a3}.flexbox .data .right .rate1 .point_box .line-tick .num[data-v-58f80ae5]{color:#7a7b7b;font-size:.2rem}.flexbox .data .right .rate1 .point_box .line-tick1 .num[data-v-58f80ae5]{position:absolute;left:-.2rem;top:-5px}.flexbox .data .right .rate1 .point_box .line-tick2[data-v-58f80ae5]{transform:rotate(45deg)}.flexbox .data .right .rate1 .point_box .line-tick2 .num[data-v-58f80ae5]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick3[data-v-58f80ae5]{transform:rotate(90deg)}.flexbox .data .right .rate1 .point_box .line-tick3 .num[data-v-58f80ae5]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick4[data-v-58f80ae5]{transform:rotate(135deg)}.flexbox .data .right .rate1 .point_box .line-tick4 .num[data-v-58f80ae5]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick5[data-v-58f80ae5]{transform:rotate(180deg)}.flexbox .data .right .rate1 .point_box .line-tick5 .num[data-v-58f80ae5]{position:absolute;left:-.4rem;top:-5px;transform:rotate(180deg)}.flexbox.small[data-v-7ca71ce4]{zoom:.6}.flexbox[data-v-7ca71ce4]{width:5.6rem;max-width:325px;height:4.2rem;max-height:227.5px;background:hsla(0,0%,100%,.4);margin-bottom:.8rem;position:relative;border-radius:.15rem;overflow:hidden}.flexbox .num[data-v-7ca71ce4]{color:#9ea3a3;font-size:.5rem;position:absolute;left:.125rem;top:.0625rem;z-index:10}@media screen and (min-width:1400px){.flexbox .num[data-v-7ca71ce4]{font-size:24px}}.flexbox .id[data-v-7ca71ce4]{color:#9ea3a3;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.2rem}@media screen and (min-width:1400px){.flexbox .id[data-v-7ca71ce4]{font-size:12px}}.flexbox .refresh[data-v-7ca71ce4]{position:absolute;width:.7rem;right:.1rem;bottom:.16rem;max-width:30px}.flexbox .status[data-v-7ca71ce4]{width:100%;height:100%;position:relative;background:#575757;z-index:9}.flexbox .status img[data-v-7ca71ce4]{width:40%}.flexbox .data[data-v-7ca71ce4],.flexbox .status img[data-v-7ca71ce4]{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.flexbox .data[data-v-7ca71ce4]{width:4.6rem;max-width:295px;height:2.8rem;max-height:153px;display:flex}.flexbox .data .left[data-v-7ca71ce4]{width:40%;height:100%;justify-content:center;text-align:center;flex-direction:column}.flexbox .data .left .reback:first-child .line[data-v-7ca71ce4]{background:#f10f0f!important}.flexbox .data .left .color-box[data-v-7ca71ce4]{background:hsla(0,0%,100%,.5);width:40%;height:80%;margin:0 auto;border-radius:.1rem;position:relative}.flexbox .data .left .color-box .point[data-v-7ca71ce4]{height:.1rem;width:130%;position:absolute;top:0;background:#f10f0f;left:-15%;border-radius:.1rem;z-index:2;transition:top}.flexbox .data .left .color-box .point.yellow[data-v-7ca71ce4]{background:#fffc00}.flexbox .data .left .color-box .point.green[data-v-7ca71ce4]{background:#7eff00}.flexbox .data .left .color-box .change-color[data-v-7ca71ce4]{position:absolute;width:100%;z-index:1}.flexbox .data .left .color-box .change-color.yellow[data-v-7ca71ce4]{top:0;background:#f5e226;border-radius:.1rem .1rem 0 0}.flexbox .data .left .color-box .change-color.green[data-v-7ca71ce4]{top:50%;background:#62db00}.flexbox .data .left .press[data-v-7ca71ce4]{font-size:.45rem;text-align:center;margin:.1rem;color:#7a7b7b}.flexbox .data .left .line_box[data-v-7ca71ce4]{width:100%;height:100%;flex:1;display:flex}.flexbox .data .left .line_box .line[data-v-7ca71ce4]{display:block;width:90%;height:.065rem;margin:auto;border-radius:2px;background:#f5e226}.flexbox .data .left .line_box .line.yellow[data-v-7ca71ce4]{background:#f5e226}.flexbox .data .left .line_box .line.green[data-v-7ca71ce4]{background:#62db00}.flexbox .data .right[data-v-7ca71ce4]{width:60%;height:100%;text-align:center;position:relative}.flexbox .data .right .press[data-v-7ca71ce4]{color:#7a7b7b;font-weight:500;position:absolute;white-space:nowrap;font-size:.65rem;left:50%;transform:translateX(-50%)}.flexbox .data .right .rate[data-v-7ca71ce4]{color:#fff;font-size:1.4rem;position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%)}@media screen and (min-width:1400px){.flexbox .data .right .rate[data-v-7ca71ce4]{font-size:72px}}.flexbox .data .right .rate.yellow[data-v-7ca71ce4]{color:#f5e226}.flexbox .data .right .rate.red[data-v-7ca71ce4]{color:#f10f0f}.flexbox .data .right .rate1[data-v-7ca71ce4]:after{content:"";position:absolute;width:2.4rem;height:2.4rem;top:0;left:0;border-radius:100%;z-index:-1;background-image:var(--background-inner);transform:rotate(-90deg);transition:background-image 2s}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-7ca71ce4]:after{width:120px;height:120px}}.flexbox .data .right .rate1[data-v-7ca71ce4]{width:100%;left:50%;transform:translateX(-50%);height:1.2rem;width:2.4rem;border-radius:2.4rem 2.4rem 0 0;position:absolute;bottom:.4rem;border:3px solid #7a7b7b;border-bottom:none}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-7ca71ce4]{height:60px;width:120px;border-radius:120px 120px 0 0}}.flexbox .data .right .rate1 .point_box[data-v-7ca71ce4]{width:100%;height:100%;position:relative}.flexbox .data .right .rate1 .point_box .point[data-v-7ca71ce4]{width:35%;height:1px;background:#9ea3a3;position:absolute;bottom:0;right:50%;transform-origin:right center;transition:transform 1s;transform:var(--pointer-rotate)}.flexbox .data .right .rate1 .point_box .line-tick[data-v-7ca71ce4]{position:absolute;left:0;bottom:0;width:1.2rem;height:2px;transform-origin:right center}@media screen and (min-width:1400px){.flexbox .data .right .rate1 .point_box .line-tick[data-v-7ca71ce4]{width:60px}}.flexbox .data .right .rate1 .point_box .line-tick .tick[data-v-7ca71ce4]{width:10%;height:100%;background:#9ea3a3}.flexbox .data .right .rate1 .point_box .line-tick .num[data-v-7ca71ce4]{color:#7a7b7b;font-size:.2rem}.flexbox .data .right .rate1 .point_box .line-tick1 .num[data-v-7ca71ce4]{position:absolute;left:-.2rem;top:-5px}.flexbox .data .right .rate1 .point_box .line-tick2[data-v-7ca71ce4]{transform:rotate(45deg)}.flexbox .data .right .rate1 .point_box .line-tick2 .num[data-v-7ca71ce4]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick3[data-v-7ca71ce4]{transform:rotate(90deg)}.flexbox .data .right .rate1 .point_box .line-tick3 .num[data-v-7ca71ce4]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick4[data-v-7ca71ce4]{transform:rotate(135deg)}.flexbox .data .right .rate1 .point_box .line-tick4 .num[data-v-7ca71ce4]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick5[data-v-7ca71ce4]{transform:rotate(180deg)}.flexbox .data .right .rate1 .point_box .line-tick5 .num[data-v-7ca71ce4]{position:absolute;left:-.4rem;top:-5px;transform:rotate(180deg)}.flexbox[data-v-5146544f]{width:5.6rem;max-width:325px;height:4.2rem;max-height:227.5px;background:#1a1a1a;margin-bottom:.8rem;position:relative;border-radius:.15rem;overflow:hidden}.flexbox .num[data-v-5146544f]{color:#9ea3a3;font-size:.5rem;position:absolute;left:.125rem;top:.0625rem;z-index:10}@media screen and (min-width:1400px){.flexbox .num[data-v-5146544f]{font-size:30px}}.flexbox .id[data-v-5146544f]{color:#9ea3a3;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.25rem}@media screen and (min-width:1400px){.flexbox .id[data-v-5146544f]{font-size:15.1px}}.flexbox .refresh[data-v-5146544f]{position:absolute;width:.7rem;right:.1rem;bottom:.16rem;max-width:30px}.flexbox .status[data-v-5146544f]{width:100%;height:100%;position:relative;background:#575757;z-index:9}.flexbox .status img[data-v-5146544f]{width:40%}.flexbox .data[data-v-5146544f],.flexbox .status img[data-v-5146544f]{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.flexbox .data[data-v-5146544f]{width:4.6rem;max-width:255px;height:2.8rem;max-height:153px;display:flex}.flexbox .data .left[data-v-5146544f]{width:40%;height:100%;display:flex;flex-direction:column}.flexbox .data .left .reback:first-child .line[data-v-5146544f]{background:#f10f0f!important}.flexbox .data .left .line_box[data-v-5146544f]{width:100%;height:100%;flex:1;display:flex}.flexbox .data .left .line_box .line[data-v-5146544f]{display:block;width:90%;height:.065rem;margin:auto;border-radius:2px;background:#f5e226}.flexbox .data .left .line_box .line.yellow[data-v-5146544f]{background:#f5e226}.flexbox .data .left .line_box .line.green[data-v-5146544f]{background:#62db00}.flexbox .data .right[data-v-5146544f]{width:60%;height:100%;text-align:center;position:relative}.flexbox .data .right .press[data-v-5146544f]{color:#9ea3a3;font-weight:500;position:absolute;white-space:nowrap;font-size:.34rem;left:50%;transform:translateX(-50%)}@media screen and (min-width:1400px){.flexbox .data .right .press[data-v-5146544f]{font-size:18px}}.flexbox .data .right .rate[data-v-5146544f]{color:#fff;font-size:1.4rem;position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%)}@media screen and (min-width:1400px){.flexbox .data .right .rate[data-v-5146544f]{font-size:72px}}.flexbox .data .right .rate.yellow[data-v-5146544f]{color:#f5e226}.flexbox .data .right .rate.red[data-v-5146544f]{color:#f10f0f}.flexbox .data .right .rate1[data-v-5146544f]:after{content:"";position:absolute;width:2.4rem;height:2.4rem;top:0;left:0;border-radius:100%;z-index:-1;background-image:var(--background-inner);transform:rotate(-90deg);transition:background-image 2s}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-5146544f]:after{width:120px;height:120px}}.flexbox .data .right .rate1[data-v-5146544f]{width:100%;left:55%;transform:translateX(-50%);height:1.2rem;width:2.4rem;border-radius:2.4rem 2.4rem 0 0;position:absolute;bottom:.2rem;border:2px solid #9ea3a3;border-bottom:none}@media screen and (min-width:1400px){.flexbox .data .right .rate1[data-v-5146544f]{height:60px;width:120px;border-radius:120px 120px 0 0}}.flexbox .data .right .rate1 .point_box[data-v-5146544f]{width:100%;height:100%;position:relative}.flexbox .data .right .rate1 .point_box .point[data-v-5146544f]{width:35%;height:1px;background:#fff;position:absolute;bottom:0;right:50%;transform-origin:right center;transition:transform 1s;transform:var(--pointer-rotate)}.flexbox .data .right .rate1 .point_box .line-tick[data-v-5146544f]{position:absolute;left:0;bottom:0;width:1.2rem;height:2px;transform-origin:right center}@media screen and (min-width:1400px){.flexbox .data .right .rate1 .point_box .line-tick[data-v-5146544f]{width:60px}}.flexbox .data .right .rate1 .point_box .line-tick .tick[data-v-5146544f]{width:10%;height:100%;background:#fff}.flexbox .data .right .rate1 .point_box .line-tick .num[data-v-5146544f]{color:#9ea3a3;font-size:.2rem}.flexbox .data .right .rate1 .point_box .line-tick1 .num[data-v-5146544f]{position:absolute;left:-.2rem;top:-5px}.flexbox .data .right .rate1 .point_box .line-tick2[data-v-5146544f]{transform:rotate(45deg)}.flexbox .data .right .rate1 .point_box .line-tick2 .num[data-v-5146544f]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick3[data-v-5146544f]{transform:rotate(90deg)}.flexbox .data .right .rate1 .point_box .line-tick3 .num[data-v-5146544f]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick4[data-v-5146544f]{transform:rotate(135deg)}.flexbox .data .right .rate1 .point_box .line-tick4 .num[data-v-5146544f]{position:absolute;left:-.3rem;top:-5px;transform:rotate(-90deg)}.flexbox .data .right .rate1 .point_box .line-tick5[data-v-5146544f]{transform:rotate(180deg)}.flexbox .data .right .rate1 .point_box .line-tick5 .num[data-v-5146544f]{position:absolute;left:-.4rem;top:-5px;transform:rotate(180deg)}.btn[data-v-5c901f76]{padding:.2rem 0;width:2rem;text-align:center;color:#000;background:#fff;font-weight:700;margin-bottom:.3rem;cursor:pointer}.pagelist[data-v-5bc57d31]{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.pagelist ul[data-v-5bc57d31]{display:flex;list-style:none}.pagelist ul li[data-v-5bc57d31]{width:.25rem;height:.25rem;border-radius:.25rem;background:#a3a2a2;margin-right:.2rem;cursor:pointer}.pagelist ul li[data-v-5bc57d31]:last-child{margin-right:0}.pagelist ul li.active[data-v-5bc57d31]{background:#7de5ff}.container{width:100%;height:100vh;background:linear-gradient(#b8f0fe,80%,#fff);overflow:hidden}.container .back{position:absolute;left:.5rem;line-height:.75rem;width:.75rem;height:.75rem;color:#000;cursor:pointer}.container .back:after{content:"";position:absolute;width:.3rem;height:.3rem;border-top:1px solid #000;border-left:1px solid #000;left:0;bottom:.2rem;transform:rotate(-45deg)}.container .prev{position:absolute;width:.8rem;height:.8rem;top:50%;transform:translateY(-50%);left:.2rem}.container .prev:after{position:absolute;content:"";width:.4rem;height:.4rem;left:.2rem;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(-45deg);cursor:pointer}.container .next{position:absolute;width:.8rem;height:.8rem;top:50%;transform:translateY(-50%);right:.2rem}.container .next:after{position:absolute;content:"";width:.4rem;height:.4rem;right:.2rem;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);cursor:pointer}.container .start_btn{position:absolute;left:0;top:.5rem}.container .home{width:18.75rem;max-width:1080px;position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);display:flex;flex-wrap:wrap;justify-content:space-between}.container .bottombox{width:250px;height:250px;position:absolute;bottom:0;left:0;overflow:hidden}.container .bottombox .goBtn{width:250px;height:250px;border-radius:300px;background:#7de5ff;bottom:-50px;left:-50px;color:#fff;font-size:48px;font-weight:600;cursor:pointer}.container .bottombox .goBtn,.container .shadow{position:absolute;display:flex;justify-content:center;align-items:center}.container .shadow{width:100%;height:100%;background:rgba(0,0,0,.4)}.container .shadow .panel{width:350px;height:300px;background:#fff}.container .shadow .panel .title{height:80%;width:100%}.container .shadow .panel .title .center{padding:25% 0;text-align:center;height:30%;display:flex;flex-direction:column;justify-content:space-between}.container .shadow .panel .title .center .cn{font-size:36px}.container .shadow .panel .title .center .en{font-size:18px}.container .shadow .panel .choose{height:20%;width:100%;display:flex}.container .shadow .panel .choose .btn{flex:1;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer}.container .shadow .panel .choose .btn:nth-child(2){background:#7de5ff;color:#fff}