#fileMessage {
    height: calc(100vh - 50px);
    background: #f4f4f4;
    padding: 5px;
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
}
.fileMessage_catalog {
    border-radius: 4px;
    padding-top: 20px;
    padding-left: 5px;
    // min-height: calc(100vh - 0px);
    height: 100%;
    background: #fff;
    width: 12%;
    border: 1px solid #e1e1e1;
    &_title {
        color: #6c6e72;
        font-size: 14px;
        padding-left: 10px;
        line-height: 30px;
    }
}
.fileMessage_main {
    width: 87%;
    height: 100%;
    &_search {
        padding: 10px 25px 10px 0;
        border-radius: 4px;
        border: 1px solid #e1e1e1;
        background: #fff;
        display: flex;
        justify-content: space-between;
        &_list {
            &_li {
                display: flex;
                align-items: center;

                span {
                    display: block;
                    width: 100px;
                    text-align: right;
                    color: #6a6a6a;
                    font-size: 14px;
                }
                &:nth-child(1) {
                    margin-bottom: 10px;
                }
            }
            &:last-child {
                .fileMessage_main_search_list_li {
                    &:last-child {
                        padding-left: 100px;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                }
            }
        }
    }
    &_content {
        font-size: 14px;
        padding-top: 10px;
        display: flex;
        width: 100%;
        height: calc(100% - 96px);
        justify-content: space-between;
        &_second {
            border-radius: 4px;
            border: 1px solid #e1e1e1;
            padding: 8px 5px;
            box-sizing: border-box;
            &_list {
                border-radius: 4px;
                border: 1px solid #e1e1e1;
                box-sizing: border-box;
                margin-bottom: 8px;
                cursor: pointer;
                .tit {
                    width: 200px;
                    height: 40px;
                    line-height: 30px;
                    background: #16101010;
                    font-size: 14px;
                    padding: 5px;
                }
                .content {
                    line-height: 26px;
                    color: #101010;
                    padding: 5px;
                    &_top {
                        display: flex;
                        justify-content: space-between;
                        .icon {
                            cursor: pointer;
                            font-size: 20px;
                        }
                    }
                    &_bom {
                        display: flex;
                        justify-content: space-between;
                    }
                }
            }
        }
        &_detail {
            width: calc(100% - 225px);
            background: #dedede;
            height: 100%;
            border-radius: 4px;
            border: 1px solid #e1e1e1;
        }
    }
}