.fileUploadContent .box{
    /* border: solid thin #DDDDDD; */
    min-height: 12.5rem;
    min-width: 12.5rem;
    margin-top: 0.625rem;
}
.fileUploadContent .fileItem{
    /* border: solid thin #DDDDDD; */
    width: 9.375rem;
    height: 13.4375rem;
    display: inline-block;
    margin: 0.625rem;
    text-align: center;
    border-radius: 0.3125rem;
    vertical-align:top;
}
.fileUploadContent .fileItem .imgShow{
    width: 8.75rem;
    height: 8.75rem;
    margin: 0.3125rem auto;
    text-align: center;
}
.fileUploadContent .fileItem .imgShow i{
    font-size: 7.5rem;
    position: relative;
    top:-1.875rem;
    z-index: 2;
}
.fileUploadContent .fileItem .imgShow img{
    width: 100%;
    height: 100%;
}
.fileUploadContent .fileItem .imgShow .fileType{
    color: #FFFFFF;
    font-size: 1.25rem;;
    position: relative;
    top:3.9375rem;
    z-index: 3;
    left: -1.125rem;


    font-size: 1rem;
    top: 2rem;
    top: 4.5rem;
    left: -1rem;
}
.fileUploadContent .fileItem .progress{
    height: 0.625rem;
    width: 100%;
}
.fileUploadContent .fileItem .progress>.progress_inner{
    background-color: #0099FF;
    width: 0%;
    height: 0.625rem;
    border-radius: 0.625rem;
}
.fileUploadContent .fileItem .progress .error{
    background-color: red;
}
.fileUploadContent .fileItem .status{
    font-size: 0.9375rem;
    text-align: center;
}
.fileUploadContent .fileItem .status i{
    display: block;
    float: left;
    padding: 0.125rem 0.3125rem;
    color: red;
    margin-left: 0.1875rem;
    border-radius: 0.3125rem;;
    font-size: 0.9375rem;
    cursor: pointer;
}
.fileUploadContent .fileItem .fileName{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding: 0.125rem 0.125rem;
}
.fileUploadContent .uploadBts {
    text-align: left;
    height: 2.5rem;
    height: 4.5rem;
}
.fileUploadContent .uploadBts>div{
    float: left;
    margin-right: 0.9375rem;
}
.fileUploadContent .uploadBts>div .selectFileBt{
    border: none;
    background-color: #0099FF;
    color: #FFFFFF;
    padding: 0.625rem;
    font-size: 0.9375rem;
    border-radius: 0.3125rem;
    cursor: pointer;
}
.fileUploadContent .uploadBts>div .selectFileBt:hover{
    color: #DDDDDD;
}
.fileUploadContent .uploadBts>div i{
    font-size: 2.1875rem;
    color: #0099FF;
    cursor: pointer;

}
.fileUploadContent .subberProgress{
    padding: 0.3125rem;
    display: none;
}
.fileUploadContent .subberProgress .progress{
    border:solid thin #0099FF;
    height: 1.25rem;
    width: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
}
.fileUploadContent .subberProgress .progress>div{
    background-color: #0099FF;
    width: 0%;
    height: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    text-align: center;
    color: #FFFFFF;
    transition: width 0.5s;
    -moz-transition: width 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s;	/* Opera */
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
}
@media (max-width:1200px){

    .post .subject .upload {
        width: 66.875rem;
        height: 25rem;

    }
    .fileUploadContent .fileItem .imgShow .fileType {
        top: 4.5rem;
    }
}
@media (max-width:850px){
    .fileUploadContent .fileItem .imgShow .fileType {
        /* top: 6.3rem; */
        top:4.5rem;
        left: -0.5rem;
        
    }
    .fileUploadContent .fileItem .imgShow i {
        font-size: 10rem;
        top: -3.875rem;

    }
}

@media (max-width:550px){
    .fileUploadContent .uploadBts {
        text-align: left;
        height: 2.5rem;
        height: 7rem;
    }
    .post .subject .upload {
        width: 66.875rem;
        height: 30rem;

    }
    .fileUploadContent .fileItem .status i {
        margin-top: 8rem!important;
        font-size: 8rem!important;

    }
    .fileUploadContent .fileItem .imgShow .fileType {
        top: 14.6rem;
        left: 0.6rem;
        color: transparent;
    }
    .fileUploadContent .fileItem .imgShow i {
        font-size: 15rem!important;
        top: -4.875rem;
    }
    .post .subject .upload {
        width: 66.875rem;
        height: 46rem;
    }
    .fileUploadContent .fileItem {
        width: 15.375rem;
        margin-right: 5rem;
    }
    .fileUploadContent .fileItem .imgShow {
        margin: 0; 
        width: 12.5rem;
        height: 12.5rem;
    }
}


