.g-main{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding:25px 16px;
    box-sizing: border-box;
   .top{
    display: flex;
    height: calc(50vh - 104px);
    .left{
      width: 320px;
      height: 100%;  
      margin-right:16px;
      overflow-y: scroll;
    }
    .right{
        flex: 1;
        overflow-y: scroll;
    }
   }
   .bottom{
    height: calc(50vh - 104px);
    margin-top: 16px;
    display: flex;
        .left{
            width: 320px;
            height: 100%;  
            margin-right:16px;
            overflow-y: scroll;

        }
        .right{
            flex: 1;
            overflow-y: scroll;
        }
   }
   
}
.card{
    background-color: #fff; 
    padding: 10px 16px 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    .title{
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333; 
        display: flex;
        align-items: center;
        justify-content: space-between;
        img{
            width: 24px;
            height: 24px;
        }
    }
    .bgC{
        flex: 1;
        background-color: #f5f7fa;
        border-radius: 2px;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
        padding: 0 16px;
        .item{
            margin-top: 19px;
            .value{
                color: #333333;
                font-family: PingFang SC;
                font-weight: 400;
            }
        }
    }
}
.gray{
    color: #000000;
    opacity: 0.65;
}
.bgf{
    background-color: #fff ;
    margin-top: 0 !important;
}