.directional-content {
    // background: #fff;
    // height: calc(100vh - 137px);
    // padding: 20px;
    overflow: hidden;
    ::v-deep.chart-card-content {
        height: 0;
    }
    .middle-button {
        margin: 0 8px;
    }
    .control-con-header {
        margin-bottom: 20px;
        position: relative;
        ::v-deep .ant-form-inline .ant-form-item > .ant-form-item-control-wrapper, .ant-form-inline .ant-form-item > .ant-form-item-label {
            width: 200px !important;
        }
        .reset-class {
            margin-right: 10px !important;
        }
        .upload-person {
            position: absolute;
            right: 10px;
            top: 0;
        }
    }
    .cause-text-class {
        cursor: pointer;
    }
    .pagin-table-class {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }
    .acount-search-class {
        width: 200% !important;
    }
    .grid-form-type {
        margin-left: 210px;
    }
}
::v-deep .push-modal {
    width: 600px !important;
    .acount-title {
        display: flex;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        .acount-title-left {
            margin-right: 20px;
            width: 100px;
        }
    }
    .push-plate {
        margin-bottom: 20px;
    }
}
.person-modal {
    width: 500px;
    ::v-deep .ant-form-item {
        display: flex;
    }
    ::v-deep .ant-form-item-label {
        width: 20%;
    }
    ::v-deep .ant-form-item-control-wrapper {
        width: 80%;
    }
    .acount-search-class {
        width: 100% !important;
    }
    .upload-txt-rules {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    ::v-deep .ant-radio-group {
        line-height: 30px;
    }
}
::v-deep .cause-modal {
    width: 600px !important;
    .cause-modal-table-class {
        height: 500px;
        overflow-y: auto;
    }
    .pagin-table-class {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }
}
::v-deep .relax-modal {
    width: 600px !important;
    .acount-title {
        display: flex;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        .acount-title-left {
            margin-right: 20px;
            width: 100px;
        }
    }
    .push-plate {
        margin-bottom: 20px;
    }
}

.grid-form-item-account {
    ::v-deep .ant-form-item-control {
        line-height: inherit;
    }
}
.material-total {
    width: 100%;
    min-height:100px;
    margin-top:15px;
    ::v-deep .ant-card-body {
        padding: 0;
    }
}
.material-main {
    width: 100%;
    min-height:300px;
    margin-top:15px;
    .home-card {
        width: 100%;
        overflow: hidden;
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
        margin-left: 25px;
        min-height: 300px;
        .home-right {
            width: 100%;
        }
      
        .bg:after {
            content: '';
            width: 110%;
            height: 110%;
            position: absolute;
            left: -5%;
            top: -5%;
            background: inherit;
            filter: blur(10px);
            z-index: 2;
        }
    }
    .home-item {
        overflow: hidden;
        position: relative;
        img {
            width: 100%;
            height: auto;
        }
        .bottom-details {
            width: 100%;
            height: 37%;
            background: rgba(0, 0, 0, .7);
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 10;
            padding: 10px;
            .bottom-title {
                display: flex;
                justify-content: space-between;
            }
            h3 {
                color: whitesmoke;
                line-height: 25px;
                width: 60%;
                overflow: hidden; //超出的文本隐藏
                text-overflow: ellipsis; //溢出用省略号显示
                white-space: nowrap; //溢出不换行  
            }
            p {
                color: whitesmoke;
                line-height: 1;
                width: 100%;
                overflow: hidden; //超出的文本隐藏
                text-overflow: ellipsis; //溢出用省略号显示
                white-space: nowrap; //溢出不换行
            }
        }
    }
      
    @media only screen and (min-width: 1200px) {
        .home-item {
            border-style: solid;
            border-width: 1px;
            border-color: #e4e4e4;
            width: calc(25% - 50px);
            padding: 10px;
            margin-right: 50px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            background: #fff;
            position: relative;
            z-index: 99;
        }
    }
      
    @media only screen and (min-width: 1530px) {
        .home-item {
            border-style: solid;
            border-width: 1px;
            border-color: #e4e4e4;
            width: calc(20% - 50px);
            padding: 10px;
            margin-right: 50px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            background: #fff;
            position: relative;
            z-index: 99;
        }
    }
}


