div{
    box-sizing: border-box;
}
.exchangedata-wrap{
    display: flex;
    height: 86vh;
    .box{
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        padding: 20px;
        box-sizing: border-box;
    }
    .left-wrap{
        width: 200px;
        flex-shrink: 0;
        margin-right: 20px;
        ul{
            margin-top: 20px;
            padding: 20px 0;
            height: 85%;
            overflow-y: auto;
            li{
                font-size: 14px;
                margin-bottom: 20px;
                cursor: pointer;
            }
            .type-active{
                color: #409EFF;
            }
        }
    }
    .right-wrap{
        flex: 1;
        height: 100%;
        overflow-x: auto;
        background-color: #fff;
        .empty-wrap{
            text-align: center;
            padding-top: 200px;
            font-size: 16px;
            color: #666;
            box-sizing: border-box;
        }
        .content{
            height: 100%;
            overflow-y: auto;
        }
        thead{
            background: #F0F2F5;
            // position: sticky;
            // top: 0;
            // left: 0;
        }
        table{
            width: 100%;
        }
        td{
            border: 1px solid #dcdfe6;
            padding: 13px 10px;
            text-align: center;
            color: #666;
            min-width: 50px;
        }
        .border-head::after{
            content:'';
            width: 100%;
            height: 2px;
            position: absolute;
            top: -2px;
            border-top: 1px solid #dcdfe6;
        }
        .num-warp{
            display: flex;
            margin-top: 20px;
            .num-box{
                line-height: 40px;
                font-size: 14px;
                background: #ECF5FF;
                border: 1px solid #B3D8FF;
                border-radius: 4px;
                text-align: center;
                min-width: 100px;
                padding: 0 10px;
                cursor: pointer;
                margin-right: 20px;
                color: #409EFF;
            }
            .num-active{
                background: #409EFF;
                box-shadow: 0px 3px 6px rgba(49, 78, 223, 0.16);
                border: none;
                color: #FFFFFF;
            }
        }
    }
}