.top-title-data[data-v-45c55220]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;margin-bottom:15px}.top-title-data .top-title[data-v-45c55220]{width:200px;height:100px;background:linear-gradient(200deg,#20d9fb,#1b8cf2);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-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px;border-radius:6px;position:relative;background-repeat:no-repeat;background-size:contain;padding-left:20px}.top-title-data .top-title[data-v-45c55220]:first-child{background:linear-gradient(200deg,#20d9fb,#1b8cf2)}.top-title-data .top-title[data-v-45c55220]:nth-child(2){background:linear-gradient(209deg,#27d99b,#0ab4e3)}.top-title-data .top-title[data-v-45c55220]:nth-child(3){background:linear-gradient(49deg,#5967f6,#68b5ff)}.top-title-data .top-title[data-v-45c55220]:nth-child(4){background:linear-gradient(200deg,#20d9fb,#1b8cf2)}.top-title-data .top-title canvas[data-v-45c55220]{position:absolute}.top-title-data .top-title span[data-v-45c55220]{color:#fff}.top-title-data .top-title .top-subinfo[data-v-45c55220]{font-size:14px}.top-title-data .top-title .top-title-value[data-v-45c55220]{font-size:40px;font-weight:500}.top-title-data .top-title .top-title-name[data-v-45c55220]{font-size:22px}.percent-input[data-v-45c55220]:after{content:"%"}