*{padding:0;margin:0}#app,body,html{height:100%;width:100%;color:#333;min-width:1200px}.w1200-center{width:1200px;margin:0 auto;position:relative}pre{white-space:pre-wrap;word-wrap:break-word}.h100{height:100%}.flexH,.flexV{display:flex}.flexV{flex-direction:column}.title_withLine{height:30px;line-height:30px;font-weight:700;box-sizing:border-box;position:relative;padding-left:15px}.title_withLine:before{content:"";display:block;width:5px;height:20px;background:#3d7ef7;position:absolute;left:0;top:5px}.g6-minimap{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.1)}.g6-component-tooltip{background-color:hsla(0,0%,100%,.8);padding:0 10px 24px 10px;box-shadow:0 0 10px #aeaeae}.g6-grid-container{width:100%!important;z-index:0!important}.contentBox,canvas{position:relative}.contentBox{flex:1;height:1px;box-sizing:border-box;top:-50px;display:flex;flex-direction:column}.bottomBox{margin-top:-126px;z-index:10}.bottomBox .typeBtn{color:#fff;cursor:pointer;text-align:center;flex:1;line-height:56px}.bottomBox .typeBtn_active{color:#333;font-weight:700;background-color:#f5f5f5;border-radius:10px 10px 0 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAA4CAYAAABHTcVMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIOSURBVHgB7drrbdRAFIbhGQuILIGUElIC6QA6oAMoIR1QAnQQ0Qkd0EI6CIjLhhDWrKLwJ5ddrz2eOYjnKeLTmdGb08ZqtTq6GvJpWqfnKafDBPyXcte9edo/+ZCCytdj9Tt/MlTAxudH3XDc9/1ZCqi7WnfvjBVw4/D6tRVUl9LwKgH8NaQXX35cnKSA8tfvF0MCuK0bXj7r+48pkC4B3COv8+n5+RDqu8hgAffaPL2OHh/8fJsCMVjAg4YhnXxbXb5OQfjDAnYJkzq4sIBdwqQOBgvYLUjq4EkIjNc4dXBhAaO1Th0MFjBa69TBYAF7aZk6+MMCpmiSOriwgCmapA4GC5imQergSQjMUzF1cGEBs9RMHQwWMEvN1MFgAbPVSh38YQGlLJ46uLCAUhZPHQwWUM7CqYMnIVDeQqmDCwsobqnUwWABxS2VOhgsYBFLpA7+sIAlFU0dXFjAkoqmDgYLWFbB1MGTEKijQOrgwgKqKJE6GCygihKpg8ECqpmbOvjDAmqbnDq4sIDaJqcOBguob2Lq4EkItLNn6uDCAprZN3UwWEAz+6YOBgtoap/UwR8WEMGo1MGFBUQwKnUwWEAMI1IHT0Igli2pgwsLCGVb6mCwgFC2pQ4GCwjnodTBHxYQ1Z3UwYUFRHUndTBYQFy3UgdPQiC+m9TBYAHh5ZTOfl0eHBss4J+Qc3r/B1rDFaXgrDeiAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.card-tab-style .tab-list{display:flex;justify-content:space-around;margin:20px 0}.card-tab-style .tab-list .type-btn{padding:0 40px;color:#1f2329;cursor:pointer;text-align:center;line-height:38px;font-size:14px;background-color:#f5f5f5;border-radius:5px}.card-tab-style .tab-list .typeBtn_active{color:#fff;font-weight:600;background-image:none;background-color:#409eff}