.bigScreen{
    height:100%;
    padding: 20px;
    background-color:#f8f8f8;
    font-family: "Source Han Sans CN";
    .chart-card{
        background-color: #fff;
        box-sizing:border-box;
        margin-bottom: 20px;
        position: relative;
        &.top-card{
            height:364px;
        }

        &.center-list{
            height:284px;
        }
         &.center-card{
            height:364px;
        }
        &.bottom-chart{
            height:370px;
            .el-card__body{
                padding: 0;
            }
        }
        .el-card__header{
            border: 0;
            padding: 0;
            text-indent:25px;
        }
        .card-header{
            font-family:sans-serif;
            font-weight:bolder;
            line-height:64px;
        }
         .date-type{
            position: absolute;
            right:40px;
            top:15px;
            z-index: 99;
        }
        .table-color{
            display: inline-block;
            width:12px;
            height:12px;
        }
        .public-use{
            flex-wrap: wrap;
            align-items:center;
            .use-option{
              margin: 0 40px 32px;
              text-align: center;
              .use-label{
                color:#606266;
                font-family: "Source Han Sans CN";
              }
            }
        }
        .agency-matter{
           flex-wrap: wrap;
            .agency-option{
                 width:253px;
                 height:80px;
                 box-sizing: border-box;
                 padding:10px 24px;
                 border-radius:8px;
                 background-color:#FAFCFF;
                 border: 1px solid #E6EDFD;
                 background: url(../../../assets/images/bigScreen/agency-bg.png) no-repeat right 100%;
                 margin-right:16px;
                 margin-bottom:20px;
                 .agency-label{
                    color: #303133;
                    font-family: "Source Han Sans CN";
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 22px;
                 }
                 .agency-num{
                    color: #0147eb;
                    font-size: 20px;
                    font-weight: 500;
                    line-height: 28px;
                 }
            }
        }
        .repair-order{
              flex-wrap: wrap;
            .repair-option{
                width:240px;
                 height:94px;
                 box-sizing: border-box;
                 padding:20px;
                 border-radius:8px;

                display: flex;
                .repair-content{
                    .repair-label{
                        color: #606266;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 22px;
                        margin-bottom:8px;
                    }
                    .repair-num{
                       color: #303133;
                        font-size: 24px;
                        line-height: 24px;
                    }
                }
            }
        }
    }

}
