.div-spin[data-v-27cb168f]{border:0 solid red;height:300px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.canvas-container[data-v-425588be]{width:100%;height:180px}#myCanvas[data-v-425588be]{display:block;width:100%;height:100%}.colorArea[data-v-425588be]{width:15%;height:15px;display:-ms-flexbox;display:flex;float:right;position:relative;margin-right:10%}.colorArea .transition-left[data-v-425588be]{transition:left .5s ease}.colorArea .green[data-v-425588be]{width:33%;background:#1fc141;color:#1fc141;height:100%;text-align:center;line-height:55px}.colorArea .blue[data-v-425588be]{width:33%;background:#0f7aff;color:#0f7aff;height:100%;text-align:center;line-height:55px}.colorArea .red[data-v-425588be]{width:33%;background:#ff4d4d;color:#ff4d4d;height:100%;text-align:center;line-height:55px}.title[data-v-425588be]{position:absolute;top:-17%;left:17%;font-weight:bolder;font-size:30px;display:-ms-flexbox;display:flex}.title .subT[data-v-425588be]{font-size:16px;color:#000;font-weight:bolder;line-height:50px;margin-left:5px}.meiname[data-v-425588be]{color:#000;text-align:center;font-family:PingFang SC;font-size:48rpx;font-style:normal;font-weight:400}.hxnameimg[data-v-425588be]{transition:.3s;width:19px;height:19px;border:0 solid red;position:absolute;top:-16px;left:0}.hxnamerange[data-v-425588be]{position:relative;border:0 solid red;width:100%;height:60rpx}.hxnameadc[data-v-425588be]{transition:.3s;background:#6c76f4;width:40px;border-radius:5px;height:5px;border:0 solid red;position:absolute;left:0}.hxnamead[data-v-425588be]{background:#f3f3f3;width:100%;border-radius:5px;height:6px;border:0 solid red;position:absolute;left:0}.ball[data-v-425588be]{width:14rpx;height:14rpx;background:#50f87d;border-radius:50%}.rname[data-v-425588be]{border-radius:10px;width:30%;height:70rpx;background:#6c76f4;color:#fff;font-size:16px;font-family:PingFang SC;font-weight:500;word-wrap:break-word;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.lname[data-v-425588be]{border-radius:10px;width:30%;height:70rpx;background:#fff;color:#6c76f4;font-size:16px;font-family:PingFang SC;font-weight:500;word-wrap:break-word;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.footername[data-v-425588be]{border:0 solid red;margin-top:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.wqname[data-v-425588be]{color:#000;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:29px;word-wrap:break-word}.ccname[data-v-425588be]{color:#000;font-size:12px;font-family:PingFang SC;font-weight:500;line-height:29px;word-wrap:break-word}.kunbname[data-v-425588be]{color:#000;font-size:15px;font-family:Poppins;font-weight:500;word-wrap:break-word}.hxunit[data-v-425588be]{color:#333;font-size:16px;font-family:PingFang SC;font-weight:400;word-wrap:break-word}.xlvalue[data-v-425588be]{color:#fa5151;font-size:24px;font-family:PingFang SC;font-weight:600;word-wrap:break-word}.hxvalue[data-v-425588be]{color:#6c76f4;font-size:24px;font-family:PingFang SC;font-weight:600;word-wrap:break-word;padding-bottom:2px}.hxname[data-v-425588be]{color:#000;font-size:15px;font-family:PingFang SC;font-weight:500;word-wrap:break-word}.box[data-v-425588be]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btnname[data-v-425588be]{color:#1e2040;font-size:28rpx;font-family:PingFang SC;font-weight:500;word-wrap:break-word}.leftname[data-v-425588be]{color:#1e2040;font-size:24rpx;font-family:PingFang SC;font-weight:400;word-wrap:break-word}.press[data-v-425588be]{background:#e8e8e8;border-radius:10px;height:16rpx}.gname[data-v-425588be]{color:#d84c00;font-size:26rpx;font-family:PingFang SC;font-weight:400;word-wrap:break-word;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.wifi[data-v-425588be]{color:#000;font-size:26rpx;font-family:PingFang SC;font-weight:400;word-wrap:break-word;padding-left:10rpx}.yuname[data-v-425588be]{color:#000;font-size:26rpx;font-family:PingFang SC;font-weight:400;word-wrap:break-word}.contentsmall[data-v-425588be]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:30rpx 0;position:relative;color:#000;font-size:40rpx;font-family:PingFang SC;font-weight:600;word-wrap:break-word}.content[data-v-425588be]{position:relative;color:#000;font-size:40rpx;font-family:PingFang SC;font-weight:600;word-wrap:break-word;padding-top:110rpx}.container[data-v-425588be]{border:0 solid red;position:relative;height:100vh}.my-canvas[data-v-425588be]{border:0 solid #000}