.mui-file-box{
    padding: .30rem 0;
    border-bottom: 1px dashed $line-color;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    .box-delete {
        display: inline-block;
        padding-right: .30rem;
        color: $primary-color;
        i {
            font-size: .30rem;
        }
    }
    .box-block {
        display: inline-block;
        width: 100%;
    }
    .file-top{
        display: flex;
    }
    .file-img{
        width: 1.20rem;
        overflow: hidden;
        img{
            width: 100%;
        }
        background-size: 100% !important;
    }
    .file-info{
        flex: 1;
        min-width: 0;
        padding-left: .36rem;
        .info-title{
            font-size: .28rem;
            color: $title-color;
            width: 100%;
        }
        .info-class{
            color: $info-color;
            padding: .10rem 0;
            font-size: .22rem;
            .info-class-size{
                display: inline-block;
            }
        }
        .info-des{
            color: $info-color;
            font-size: .22rem;
        }
    }
    .file-bot{
        display: flex;
        padding-top: .05rem;
        .file-name{
            font-size: .22rem;
            color: $info-color;
            text-align: center;
            width: 1.2rem;
        }
        .info-ico{
            flex: 1;
            min-width: 0;
            font-size: .24rem;
            padding-left: 1.56rem;
            color: $info-color;
            label{
                padding: 0 .20rem;
            }
        }
    }
}