.surround-box[data-v-22591e9a]{position:relative}.surround-box .first-row[data-v-22591e9a]{width:100%;display:flex;align-items:stretch;height:40px}.surround-box .first-row .col-1[data-v-22591e9a]{display:flex;flex-direction:column;width:16px}.surround-box .first-row .col-1 .left-top-corner[data-v-22591e9a]{width:100%;height:16px;flex-grow:0;flex-shrink:0;box-sizing:border-box;position:relative;overflow:hidden}.surround-box .first-row .col-1 .left-top-corner .rotate-content[data-v-22591e9a]{width:32px;height:32px;border-left:3px solid #0090ff;position:absolute;left:6px;top:0;transform:rotate(45deg);background:rgba(0,0,0,.5)}.surround-box .first-row .col-1 .col-1-bottom[data-v-22591e9a]{flex-grow:1;flex-shrink:1;background:rgba(0,0,0,.5);border-left:3px solid #0090ff}.surround-box .first-row .col-2[data-v-22591e9a]{width:16px;border-top:3px solid #0090ff;background:rgba(0,0,0,.5)}.surround-box .first-row .title[data-v-22591e9a]{color:#fff;flex-grow:1;flex-shrink:1;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;background:rgba(0,0,0,.5);padding-right:32px}.surround-box .content-box[data-v-22591e9a]{width:100%;background:#082c3a}.surround-box .right-top-corner[data-v-22591e9a]{width:16px;height:16px;border-top:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;top:0}.surround-box .right-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;bottom:0;z-index:1}.surround-box .left-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-left:3px solid #0090ff;position:absolute;left:0;bottom:0;z-index:1}.outer-box[data-v-e1047a48]{width:100%;height:260px;position:relative}.outer-box .scroll-bar[data-v-e1047a48]{cursor:pointer;width:36px;height:260px;white-space:pre-wrap;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;z-index:201;font-size:16px;padding:8px;border-radius:4px}.outer-box .chart-fade-leave-box[data-v-e1047a48]{width:510px;height:100%;position:relative;overflow:hidden}.outer-box .chart-fade-leave-box .chart-fade-leave-inner-box[data-v-e1047a48]{width:500px;height:260px;position:absolute;left:0;top:0}.outer-box .chart-fade-leave-box .chart-fade-leave-inner-box .chart-box[data-v-e1047a48]{width:100%;height:220px;position:relative}.outer-box .chart-fade-leave-box .chart-fade-leave-inner-box .chart-box .chart[data-v-e1047a48]{width:100%;height:200px}.outer-box .chart-fade-leave-box .chart-fade-leave-inner-box .chart-box .unit[data-v-e1047a48]{position:absolute;left:16px;top:12px;color:#fff;font-weight:700}.outer-box .chart-fade-leave-box .chart-fade-leave-inner-box .chart-box .scroll-out[data-v-e1047a48]{cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff;width:22px;font-size:14px;padding:8px 4px;white-space:pre-wrap;background:rgba(0,0,0,.5);opacity:.7}.name-fade-in-fdsggdsga-enter-active{transition:opacity .5s}.name-fade-in-fdsggdsga-enter{opacity:0}.chart-fade-fdsggdsga-enter-active{animation:chart-fade-fdsggdsga-enter-animation .3s linear}.chart-fade-fdsggdsga-leave-active{animation:chart-fade-fdsggdsga-enter-animation .2s linear reverse}@keyframes chart-fade-fdsggdsga-enter-animation{0%{width:0}50%{width:200px}to{width:400px}}