.quick-time-range{width:199px;height:34px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;transition:all .3s ease}.quick-time-range .quick-time-range-wrapper{-ms-flex:1;flex:1;border-left:1px solid #dcdfe6;border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6;overflow:hidden}.quick-time-range .quick-time-range-wrapper>div{width:60px;float:left;line-height:32px;height:32px;text-align:center;font-size:12px;border-right:1px solid #dcdfe6;cursor:pointer}.quick-time-range .quick-time-range-space{width:4px;height:100%}.quick-time-range .quick-time-range-btn{width:14px;height:100%;border:1px solid #dcdfe6;cursor:pointer;line-height:30px}.quick-time-range .quick-time-range-btn i{font-size:12px;width:14px}.split-pane{position:relative}.split-pane-container{height:100%;width:100%}.split-pane-horizontal .split-pane-left-btn{width:100%;height:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABKCAYAAACCasXRAAAAAXNSR0IArs4c6QAAASNJREFUSEvt1k9Kw0AYBfDXm9jW1tCq/WODBonSXqzd5hg9RRERt5XaFhcmjSuNFwgKblsmMIPTzMwXCQUXE8gqP77JvEngVVDgCqazcYVyDAGYGCFHbJgW/kZauI+UUIVyUIckaEICUiiDRRCHWyp0C8mEWOA2R21MNh7jF1Q+ntHAQfr9g1WcZCspJw4HDtzWERbhOx6fN2p402/i6rSGZfSBh0Uk3lua6Hcb8M7rWMcJ7p9CaXMCXneOwe6Xt0/czV9zCfwdshF+rwHvjFiar3V7cYLLdtW8GY4LxcPxyHWQfhGBqw69/FnvT7UTD/xz2cD/QQOYAGDVz3zW7GkwnZFY1EIKS/3RhHNFU4eVjVSFTdVV2iBVhgUuUq8zTEKe8w5EjhAbhtox9gAAAABJRU5ErkJggg==);position:absolute;top:50%;right:0;width:8px;height:60px;margin-top:-30px;z-index:999;cursor:pointer;background-size:cover}.split-pane-horizontal>div>.split-pane-trigger{-ms-transform:translateX(-50%);transform:translateX(-50%);width:8px;height:100%;margin:0 1px}.split-pane-horizontal>div>.split-pane-trigger .split-pane-trigger-btn{width:100%;height:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABKCAYAAACCasXRAAAAAXNSR0IArs4c6QAAASNJREFUSEvt1k9Kw0AYBfDXm9jW1tCq/WODBonSXqzd5hg9RRERt5XaFhcmjSuNFwgKblsmMIPTzMwXCQUXE8gqP77JvEngVVDgCqazcYVyDAGYGCFHbJgW/kZauI+UUIVyUIckaEICUiiDRRCHWyp0C8mEWOA2R21MNh7jF1Q+ntHAQfr9g1WcZCspJw4HDtzWERbhOx6fN2p402/i6rSGZfSBh0Uk3lua6Hcb8M7rWMcJ7p9CaXMCXneOwe6Xt0/czV9zCfwdshF+rwHvjFiar3V7cYLLdtW8GY4LxcPxyHWQfhGBqw69/FnvT7UTD/xz2cD/QQOYAGDVz3zW7GkwnZFY1EIKS/3RhHNFU4eVjVSFTdVV2iBVhgUuUq8zTEKe8w5EjhAbhtox9gAAAABJRU5ErkJggg==);position:absolute;top:50%;width:8px;height:60px;margin-top:-30px;cursor:pointer;background-size:cover}.split-pane-horizontal>div>.split-pane-trigger .split-pane-trigger-wrap{height:100%;cursor:col-resize}.split-pane-vertical>div>.split-pane-trigger{-ms-transform:translateY(-50%);transform:translateY(-50%);height:8px;width:100%;margin:1px 0;position:absolute;z-index:1}.split-pane-vertical>div>.split-pane-trigger .split-pane-trigger-btn{height:8px;width:125px;position:absolute;left:50%;margin-left:-62.5px}.split-pane-vertical>div>.split-pane-trigger .split-pane-trigger-btn>div{cursor:pointer;background-size:cover;width:60px;height:8px}.split-pane-vertical>div>.split-pane-trigger .split-pane-trigger-btn>div:first-child{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAKCAYAAAATiMgdAAAAAXNSR0IArs4c6QAAAURJREFUSEvd1NtKAlEUBuB/60uUFeYhzWY8pBCaaF4VUtAj9BhdNl32GD1CRIh3lXggsExnLI8pHV/CJmagAUlnhGQWum/3Yq+1vsVeDBOcs/PMCQBhgtBZDBGOj9KnRoUzo4A5R/pt3xBLF4oKaTfKQSksW5KM5jjNe12ssVAUSIwx7MU4BNzLKkC1/YZsUYIsy9ME0XtrLNZIKCqk9DYP3rWE/GNbbSYedEPsvCNTEMmx/kBRIe3H/dhw2pB7aKFY66hQMb8Lic011LsfuMrXSLGGoCiQLIzhIBHA+uoibu+bKIndoa8R5Z1Ihj147n3iMlclw9KgKJAUkcOdELz2BVyXG7iTXkbujy3OgVTEi0b/Cxc3FbP2lZJH21kqFBWSkjvkWYHVakH5qa8LEPHZMRh8o9J8NRNKw2KUSGZ3/I98wg/C43trPD3RngAAAABJRU5ErkJggg==)}.split-pane-vertical>div>.split-pane-trigger .split-pane-trigger-btn>div:last-child{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAKCAYAAAATiMgdAAAAAXNSR0IArs4c6QAAAQFJREFUSEtj7Fy4vYGBgaGeYRTgC4FGRpDsaGDhTSWN5fGeDeCAGujAMtKQY+Dj5mQ4cPYmVhc7mmgwfPz8jeHczUf0TvfgQAJZCg+ogQwsZ1NNBmNNeYaz1x8y7D19HSUw8MnRONTggYQRUAMZWKBUY6qlwHD+5iOG3SevgcPA1VyLwVBdjuH0tQcM+8/coHG4oBiPEkhYA2ogA8veSI3BXEeJ4eKtx2BX66vJMpy8co/h4LlbAxpIOANqIAPLzlCNwUJXCRwwJy7fYzh0fuADCW9ADWRgWeurgAPq6MU7A56SYA5AKcyxuWqENB0wyiT0sCAYUAOZsuiUnAgGEsgdAImDY2zs5rJgAAAAAElFTkSuQmCC)}.split-pane-vertical>div>.split-pane-trigger .split-pane-trigger-wrap{width:100%;height:100%;cursor:row-resize}.split-pane-trigger{position:absolute;z-index:3;background:#f8f8f9;box-shadow:0 0 4px 0 rgba(28,36,56,.32)}.split-pane-trigger .trigger-middle-point{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-87%);transform:translate(-50%,-87%);line-height:0}.split-pane-trigger .trigger-middle-point p{background:rgba(23,35,61,.25)}.split-pane-left-area,.split-pane-right-area{height:100%;float:left;z-index:2}.split-pane-right-area .my-split-pane-right-btn{position:absolute;left:0;top:50%;width:8px;height:60px;margin-top:-30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABKCAYAAACCasXRAAAAAXNSR0IArs4c6QAAASNJREFUSEvt1k9Kw0AYBfDXm9jW1tCq/WODBonSXqzd5hg9RRERt5XaFhcmjSuNFwgKblsmMIPTzMwXCQUXE8gqP77JvEngVVDgCqazcYVyDAGYGCFHbJgW/kZauI+UUIVyUIckaEICUiiDRRCHWyp0C8mEWOA2R21MNh7jF1Q+ntHAQfr9g1WcZCspJw4HDtzWERbhOx6fN2p402/i6rSGZfSBh0Uk3lua6Hcb8M7rWMcJ7p9CaXMCXneOwe6Xt0/czV9zCfwdshF+rwHvjFiar3V7cYLLdtW8GY4LxcPxyHWQfhGBqw69/FnvT7UTD/xz2cD/QQOYAGDVz3zW7GkwnZFY1EIKS/3RhHNFU4eVjVSFTdVV2iBVhgUuUq8zTEKe8w5EjhAbhtox9gAAAABJRU5ErkJggg==);z-index:3;cursor:pointer;background-size:100% 100%;-ms-transform:rotate(180deg);transform:rotate(180deg)}.split-pane-right-area .split-pane-right-btn{position:absolute;top:0;left:0;bottom:0;width:8px}.split-pane-right-area .split-pane-right-btn .split-pane-right-btn-wrapper{position:absolute;left:0;top:50%;width:9px;height:75px;margin-top:-45px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABKCAYAAACCasXRAAAAAXNSR0IArs4c6QAAASNJREFUSEvt1k9Kw0AYBfDXm9jW1tCq/WODBonSXqzd5hg9RRERt5XaFhcmjSuNFwgKblsmMIPTzMwXCQUXE8gqP77JvEngVVDgCqazcYVyDAGYGCFHbJgW/kZauI+UUIVyUIckaEICUiiDRRCHWyp0C8mEWOA2R21MNh7jF1Q+ntHAQfr9g1WcZCspJw4HDtzWERbhOx6fN2p402/i6rSGZfSBh0Uk3lua6Hcb8M7rWMcJ7p9CaXMCXneOwe6Xt0/czV9zCfwdshF+rwHvjFiar3V7cYLLdtW8GY4LxcPxyHWQfhGBqw69/FnvT7UTD/xz2cD/QQOYAGDVz3zW7GkwnZFY1EIKS/3RhHNFU4eVjVSFTdVV2iBVhgUuUq8zTEKe8w5EjhAbhtox9gAAAABJRU5ErkJggg==);z-index:3;cursor:pointer;background-size:100% 100%;-ms-transform:rotate(180deg);transform:rotate(180deg)}.split-pane-top-area{width:100%;z-index:2;overflow:hidden;padding:0 4px 4px 4px}.split-pane-top-area .trigger-show-bottom{position:absolute;bottom:0;width:60px;height:8px;left:50%;margin-left:-30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAKCAYAAAATiMgdAAAAAXNSR0IArs4c6QAAAURJREFUSEvd1NtKAlEUBuB/60uUFeYhzWY8pBCaaF4VUtAj9BhdNl32GD1CRIh3lXggsExnLI8pHV/CJmagAUlnhGQWum/3Yq+1vsVeDBOcs/PMCQBhgtBZDBGOj9KnRoUzo4A5R/pt3xBLF4oKaTfKQSksW5KM5jjNe12ssVAUSIwx7MU4BNzLKkC1/YZsUYIsy9ME0XtrLNZIKCqk9DYP3rWE/GNbbSYedEPsvCNTEMmx/kBRIe3H/dhw2pB7aKFY66hQMb8Lic011LsfuMrXSLGGoCiQLIzhIBHA+uoibu+bKIndoa8R5Z1Ihj147n3iMlclw9KgKJAUkcOdELz2BVyXG7iTXkbujy3OgVTEi0b/Cxc3FbP2lZJH21kqFBWSkjvkWYHVakH5qa8LEPHZMRh8o9J8NRNKw2KUSGZ3/I98wg/C43trPD3RngAAAABJRU5ErkJggg==);background-size:cover;z-index:888;cursor:pointer}.split-pane-bottom-area{width:100%;z-index:2;padding-top:4px}.split-pane-bottom-area .trigger-show-top{position:absolute;top:0;width:60px;height:8px;left:50%;margin-left:-30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAKCAYAAAATiMgdAAAAAXNSR0IArs4c6QAAAQFJREFUSEtj7Fy4vYGBgaGeYRTgC4FGRpDsaGDhTSWN5fGeDeCAGujAMtKQY+Dj5mQ4cPYmVhc7mmgwfPz8jeHczUf0TvfgQAJZCg+ogQwsZ1NNBmNNeYaz1x8y7D19HSUw8MnRONTggYQRUAMZWKBUY6qlwHD+5iOG3SevgcPA1VyLwVBdjuH0tQcM+8/coHG4oBiPEkhYA2ogA8veSI3BXEeJ4eKtx2BX66vJMpy8co/h4LlbAxpIOANqIAPLzlCNwUJXCRwwJy7fYzh0fuADCW9ADWRgWeurgAPq6MU7A56SYA5AKcyxuWqENB0wyiT0sCAYUAOZsuiUnAgGEsgdAImDY2zs5rJgAAAAAElFTkSuQmCC);background-size:cover;z-index:888;cursor:pointer}.moveX-enter-active[data-v-5f179599],.moveX-leave-active[data-v-5f179599]{right:0}.moveX-enter[data-v-5f179599],.moveX-leave-to[data-v-5f179599]{right:-800px}