.chart-group-box[data-v-c63f7d84]{width:100%;height:100%;position:relative;transition-timing-function:cubic-bezier(1,.5,.8,1);transition-property:transform;transition-duration:.3s}.chart-group-box .chart-card-body[data-v-c63f7d84]{width:100%;height:100%;overflow:auto}.chart-group-box .chart-group-fixed[data-v-c63f7d84]{width:30px;height:80px;position:absolute;top:50%;right:0;z-index:20;transform:translate(100%,-50%)}.chart-group-box .chart-group-fixed__btn[data-v-c63f7d84]{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;cursor:pointer;border-radius:0 10px 10px 0/0 10px 10px 0;background:hsla(0,0%,100%,.2)}.chart-group-box .chart-group-fixed__btn .icon[data-v-c63f7d84]{display:inline-block;font-size:18px;color:#fff;animation-timing-function:linear;animation-duration:2s;animation-iteration-count:infinite;animation-name:chart-group-icon-fade-hor-c63f7d84}.chart-group-box .chart-group-fixed__btn .icon-box[data-v-c63f7d84]{transform:rotate(-180deg)}.chart-group-box.left[data-v-c63f7d84]{transform:translateX(-100%)}.chart-group-box.right[data-v-c63f7d84]{transform:translateX(100%)}.chart-group-box.right .chart-group-fixed[data-v-c63f7d84]{position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.chart-group-box.right .chart-group-fixed__btn[data-v-c63f7d84]{border-radius:10px 0 0 10px/10px 0 0 10px}.chart-group-box.right .chart-group-fixed__btn .icon-el[data-v-c63f7d84]{transform:rotate(-180deg)}.chart-group-box.top[data-v-c63f7d84]{transform:translate(-50%,-100%)}.chart-group-box.top.expend[data-v-c63f7d84]{transform:translate(-50%)}.chart-group-box.top .chart-group-fixed[data-v-c63f7d84]{position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%,100%);width:80px;height:30px}.chart-group-box.top .chart-group-fixed__btn[data-v-c63f7d84]{border-radius:0 0 10px 10px/0 0 10px 10px}.chart-group-box.top .chart-group-fixed__btn .icon[data-v-c63f7d84]{animation-name:chart-group-icon-fade-ver-c63f7d84}.chart-group-box.top .chart-group-fixed__btn .icon-el[data-v-c63f7d84]{transform:rotate(90deg)}.chart-group-box.bottom[data-v-c63f7d84]{transform:translate(-50%,100%)}.chart-group-box.bottom.expend[data-v-c63f7d84]{transform:translate(-50%)}.chart-group-box.bottom .chart-group-fixed[data-v-c63f7d84]{position:absolute;top:0;bottom:auto;left:50%;transform:translate(-50%,-100%);width:80px;height:30px}.chart-group-box.bottom .chart-group-fixed__btn[data-v-c63f7d84]{border-radius:10px 10px 0 0/10px 10px 0 0}.chart-group-box.bottom .chart-group-fixed__btn .icon[data-v-c63f7d84]{animation-name:chart-group-icon-fade-ver-c63f7d84}.chart-group-box.bottom .chart-group-fixed__btn .icon-el[data-v-c63f7d84]{transform:rotate(270deg)}.chart-group-box.expend[data-v-c63f7d84]{transform:translate(0)}.chart-group-box.expend .icon-box[data-v-c63f7d84]{transform:rotate(0)}@keyframes chart-group-icon-fade-hor-c63f7d84{0%{opacity:.1;transform:translate(0)}25%{opacity:1;transform:translateX(2px)}50%{opacity:.1;transform:translate(0)}75%{opacity:1;transform:translateX(-2px)}to{opacity:.1;transform:translate(0)}}@keyframes chart-group-icon-fade-ver-c63f7d84{0%{opacity:.1;transform:translate(0)}25%{opacity:1;transform:translateY(2px)}50%{opacity:.1;transform:translate(0)}75%{opacity:1;transform:translateY(-2px)}to{opacity:.1;transform:translate(0)}}.chart-card-box[data-v-1c0e8f7d]{width:100%;position:relative;padding:10px 0}.chart-card-box .chart-card-flex[data-v-1c0e8f7d]{margin:0 auto;width:92%;padding:12px;display:flex;flex-flow:row nowrap;flex-flow:column;height:17.1875vw;min-height:310px;border-radius:8px;background:rgba(115,161,231,.4);overflow:hidden;box-shadow:0 4px 10px 4px rgba(158,164,203,.48)}.chart-card-box .chart-card-flex.animation-box[data-v-1c0e8f7d]{opacity:0;animation-duration:.75s;animation-name:none}.chart-card-box .chart-card-flex.animation-box.expend[data-v-1c0e8f7d]{opacity:1;animation-name:cardBounceIn-1c0e8f7d}.chart-card-box .chart-card-header[data-v-1c0e8f7d]{flex:0 0 2.604vw;height:2.604vw;width:100%;display:flex;flex-flow:row nowrap;align-items:center}.chart-card-box .chart-card-header .chart-card-header__title[data-v-1c0e8f7d]{flex:1;text-align:center;color:#f1f1f1;font-size:1.2vw;height:100%;border-radius:8px;cursor:pointer;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;transition-duration:.3s;transition-property:background,color,box-shadow;transition-timing-function:linear}.chart-card-box .chart-card-header .chart-card-header__title[data-v-1c0e8f7d]:not(.not-click):hover{background:rgba(115,161,231,.7);box-shadow:0 4px 10px 4px rgba(158,164,203,.48);color:#fff}.chart-card-box .chart-card-header .chart-card-header__other[data-v-1c0e8f7d]{flex:0 0 auto;width:auto}.chart-card-box .chart-card-body[data-v-1c0e8f7d]{flex:1;width:100%;height:auto;border-radius:8px;overflow:hidden}.chart-card-box[data-v-1c0e8f7d] .el-loading-spinner .el-loading-text{color:#f1f1f1}.chart-card-box[data-v-1c0e8f7d] .el-loading-spinner .path{stroke:#f1f1f1}.chart-card-box[data-v-1c0e8f7d] .chart-box,.chart-card-box[data-v-1c0e8f7d] .chart-once{width:100%;height:100%}@keyframes cardBounceIn-1c0e8f7d{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}