/*父盒子属性 横向分布*/
.flex_row {
    display: flex;
    flex-direction: row;
}

/*父盒子属性 纵向分布*/
.flex_col {
    display: flex;
    flex-direction: column;
}

/*父盒子属性 横向分布 子元素左右排列*/
.flex_between {
    justify-content: space-between;
}

/*父盒子属性 超出换行*/
.flex_wrap {
    flex-wrap: wrap;
}

/*父盒子属性 横向分布 子元素均匀分布*/
.flex_around {
    justify-content: space-around;
}

/* 父盒子属性 垂直居中*/
.flex_col_center {
    align-items: center;
}
/* 父盒子属性 垂直居下*/
.flex_col_end {
    align-items: flex-end;
}

/*父盒子属性 水平居中*/
.flex_row_center {
    justify-content: center;
}
.flex_row_right {
    justify-content:flex-end;
}

/*子盒子属性 横向排列时 上对齐*/
.child_top {
    align-self: flex-start;
}

/*子盒子属性 横向排列时 底部对齐*/
.child_bottom {
    align-self: flex-end;
}
.fileContentBox{
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #CCCCCC;
    padding: 12px;
    margin-top: 20px;
}
.fileContentIcon{
     width: 40px;
    margin-right: 12px;
}
.fileContentNameBox div{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.fileContentName{
    font-weight: 500;
    color: #333333;
}
.fileContentSize{
    margin-top: 8px;
    color: #999999;
}
.imgContenBox{

}