@import '../../style/index';

.@{prefix-cls}-sbxl {
    width: 100%;
    padding: 6px 10px;
    height:calc(~'75vh - 120px'); 

    &-tab {
        .ant-tabs {
            .ant-tabs-nav {
                margin: 0;

                .ant-tabs-nav-wrap {
                    padding-left: 20px;
                }
            }
        }
    }

    &-main {
        margin-top: 10px;
        width: 100%;
        // display: grid;
        // grid-template-rows: 1fr 1fr;
         height:calc(~'100% - 70px');
        // gap: 16px;
        overflow-y: auto;

        &-top {
            width: 100%;
            display: grid;
            grid-template-columns: calc(50% - 5px) calc(50% - 5px);
            justify-content: space-between;
            // background: #ffffff;

            &-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 16px;
                font-family: PingFangSC-Medium-, PingFangSC-Medium;
                font-weight: normal;
                color: rgba(0, 0, 0, 0.85);
                border-bottom: 1px solid #E8E8E8;
                padding:8px 16px;
            }
            &-chart{
                padding: 16px; 
            }

            &-sbyxqk {
                background: #ffffff;
                // padding: 20px;
                // border-right: 1px solid #e8e8e8;

                &-legend {
                    display: flex;
                    align-items: center;
                    margin: 10px 0;
                    justify-content: end;

                    &-items {
                        display: flex;
                        align-items: center;

                        &-text {
                            font-size: 14px;
                            font-family: PingFang SC-Regular, PingFang SC;
                            font-weight: 400;
                            color: rgba(0, 0, 0, 0.65);
                        }

                        &-icon {
                            width: 12px;
                            height: 4px;
                            background: #5b7195;
                            margin-right: 5px;
                        }
                    }

                    &-items+&-items {
                        margin-left: 20px;
                    }
                }
            }

            &-sbxlfx {
                background: #ffffff;
                // padding: 20px;
            }
        }

        &-bottom {
            width: 100%;
            background: #ffffff;
            margin-top: 10px;

            &-title {
                font-size: 16px;
                font-family: PingFangSC-Medium-, PingFangSC-Medium;
                font-weight: normal;
                color: rgba(0, 0, 0, 0.85);
                border-bottom: 1px solid #e8e8e8;
                padding: 13px 24px;
            }
        }
    }
}