.zoom-box[data-v-005c6c09]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:30px;background-color:#09152a;border-radius:4px;-webkit-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000;position:absolute;right:10px;bottom:10px;z-index:9}.zoom-box button[data-v-005c6c09]{height:20px;color:#6d7278}.zoom-box button[data-v-005c6c09]:hover{color:#faad14}.zoom-box div[data-v-005c6c09]:nth-child(2n+0){border-left:1px dashed #6d7278}[data-v-005c6c09] .l7-popup{cursor:default}[data-v-005c6c09] .l7-popup .l7-popup-tip{border-right-color:#242e42;border-radius:5px}[data-v-005c6c09] .l7-popup .l7-popup-content{background:#242e42}[data-v-005c6c09] .l7-popup .title{color:#fff;font-size:14px}[data-v-005c6c09] .l7-popup ul{margin:0;padding:0}[data-v-005c6c09] .l7-popup ul li{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;margin-top:10px;height:20px;line-height:20px;font-size:12px}[data-v-005c6c09] .l7-popup ul li .label{width:60px;color:#98a7b9}[data-v-005c6c09] .l7-popup ul li .progressBar{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;background:#152034;position:relative;color:#fff}[data-v-005c6c09] .l7-popup ul li .progressBar span{z-index:2;position:relative;margin-left:5px}[data-v-005c6c09] .l7-popup ul li .progressBar .progress{position:absolute;height:100%;left:0;width:100%;top:0;z-index:1}[data-v-005c6c09] .l7-popup ul li:first-child .progress{background:#597ef7}[data-v-005c6c09] .l7-popup ul li:nth-child(2) .progress{background:#13c2c2}[data-v-005c6c09] .l7-popup ul li:nth-child(3) .progress{background:#ff4e50}.mycolor[data-v-ce4bdc3a]{width:24px;height:24px;padding:0 2px;margin-right:30px}