.chart-group-box{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{width:100%;height:100%;overflow:auto}.chart-group-box .chart-group-fixed{width:30px;height:80px;position:absolute;top:50%;right:0;z-index:20;transform:translate(100%,-50%)}.chart-group-box .chart-group-fixed__btn{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{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}.chart-group-box .chart-group-fixed__btn .icon-box{transform:rotate(-180deg)}.chart-group-box.left{transform:translateX(-100%)}.chart-group-box.right{transform:translateX(100%)}.chart-group-box.right .chart-group-fixed{position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.chart-group-box.right .chart-group-fixed__btn{border-radius:10px 0 0 10px/10px 0 0 10px}.chart-group-box.right .chart-group-fixed__btn .icon-el{transform:rotate(-180deg)}.chart-group-box.top{transform:translate(-50%,-100%)}.chart-group-box.top.expend{transform:translate(-50%)}.chart-group-box.top .chart-group-fixed{position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%,100%);width:80px;height:30px}.chart-group-box.top .chart-group-fixed__btn{border-radius:0 0 10px 10px/0 0 10px 10px}.chart-group-box.top .chart-group-fixed__btn .icon{animation-name:chart-group-icon-fade-ver}.chart-group-box.top .chart-group-fixed__btn .icon-el{transform:rotate(90deg)}.chart-group-box.bottom{transform:translate(-50%,100%)}.chart-group-box.bottom.expend{transform:translate(-50%)}.chart-group-box.bottom .chart-group-fixed{position:absolute;top:0;bottom:auto;left:50%;transform:translate(-50%,-100%);width:80px;height:30px}.chart-group-box.bottom .chart-group-fixed__btn{border-radius:10px 10px 0 0/10px 10px 0 0}.chart-group-box.bottom .chart-group-fixed__btn .icon{animation-name:chart-group-icon-fade-ver}.chart-group-box.bottom .chart-group-fixed__btn .icon-el{transform:rotate(270deg)}.chart-group-box.expend{transform:translate(0)}.chart-group-box.expend .icon-box{transform:rotate(0)}@keyframes chart-group-icon-fade-hor{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{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)}}