.preview_1[data-v-95383126]{position:relative;width:390px;height:844px;margin:0 auto;background-size:100% 100%}.preview_1 .background[data-v-95383126]{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover;background-repeat:no-repeat;background-position:50%;-webkit-filter:brightness(.7);filter:brightness(.7)}.preview_1 .current-value__area[data-v-95383126]{position:absolute;top:202px;height:100px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview_1 .current-value__value[data-v-95383126]{font-size:72px}.preview_1 .current-value__value.small[data-v-95383126]{font-size:60px}.preview_1 .status__area[data-v-95383126]{position:absolute;top:400px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview_1 .status__title[data-v-95383126]{font-size:28px}.preview_1 .status__des[data-v-95383126]{max-width:80%;font-size:18px}.preview_1 .opr__area[data-v-95383126]{position:absolute;width:375px;bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview_1 .bottom__area[data-v-95383126]{position:fixed;bottom:0;height:100px}.preview_1 .animation__wrp[data-v-95383126],.preview_1 .bottom__area[data-v-95383126]{left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview_1 .animation__wrp[data-v-95383126]{position:absolute;top:64px;height:376px}.preview_1 .circle__wrp[data-v-95383126]{width:256px;height:256px;border-radius:50%;background-color:hsla(0,0%,100%,.4);position:relative}.preview_1 .circle__wrp.transparent[data-v-95383126]{background-color:transparent}.preview_1 .circle__inner[data-v-95383126]{position:absolute;top:50%;left:50%;width:250px;height:250px;-webkit-transform:translate(-125px,-125px);transform:translate(-125px,-125px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:50%}.preview_1 .border-grey[data-v-95383126]{border:10px solid #80838a}.preview_1 .border-blue[data-v-95383126]{border:10px solid #2d8cf0}.preview_1 .border-red[data-v-95383126]{border:10px solid #e05151}.preview_1 .circle-a[data-v-95383126],.preview_1 .circle-b[data-v-95383126],.preview_1 .circle-c[data-v-95383126]{opacity:0}.preview_1 .circle-a[data-v-95383126]{-webkit-animation:circle1-data-v-95383126 6s ease-out infinite forwards;animation:circle1-data-v-95383126 6s ease-out infinite forwards}.preview_1 .circle-b[data-v-95383126]{-webkit-animation:circle1-data-v-95383126 6s ease-out 2s infinite forwards;animation:circle1-data-v-95383126 6s ease-out 2s infinite forwards}.preview_1 .circle-c[data-v-95383126]{-webkit-animation:circle-a 6s ease-out 4s infinite forwards;animation:circle1-data-v-95383126 6s ease-out 4s infinite forwards}@-webkit-keyframes circle1-data-v-95383126{0%{-webkit-transform:translate(-125px,-125px) scale(1);transform:translate(-125px,-125px) scale(1);opacity:0}10%{opacity:.1}to{-webkit-transform:translate(-125px,-125px) scale(1.8);transform:translate(-125px,-125px) scale(1.8);opacity:0}}@keyframes circle1-data-v-95383126{0%{-webkit-transform:translate(-125px,-125px) scale(1);transform:translate(-125px,-125px) scale(1);opacity:0}10%{opacity:.1}to{-webkit-transform:translate(-125px,-125px) scale(1.8);transform:translate(-125px,-125px) scale(1.8);opacity:0}}.preview_1 .circle__wrp.running[data-v-95383126]{background:-webkit-gradient(linear,left bottom,left top,color-stop(33%,rgba(63,249,220,.1)),to(#3ff9dc));background:linear-gradient(0deg,rgba(63,249,220,.1) 33%,#3ff9dc);-webkit-animation:spin-data-v-95383126 2s linear 0s infinite;animation:spin-data-v-95383126 2s linear 0s infinite}@-webkit-keyframes spin-data-v-95383126{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin-data-v-95383126{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.preview_1 .circle__wrp.online[data-v-95383126]{-webkit-animation:spin-data-v-95383126 10s linear 0s infinite;animation:spin-data-v-95383126 10s linear 0s infinite}.preview_1 .circle__inder-dot[data-v-95383126]{position:absolute;top:0;left:50%;width:10px;height:10px;-webkit-transform:translate(-5px,-3px);transform:translate(-5px,-3px);border-radius:50%;background-color:#3ff9dc}