.upload_fileitem
{
    padding: 5px;
    margin-left: 5px;
    float: left;
    text-align: center;
    border: solid 1px #eee;
}
.upload_fileitem ul
{
    padding:0;
    margin:0;
}
.upload_fileitem li
{
  list-style: none;
}
.upload_fileitem img
{
    width:100px;height:100px;    
}
.Upload_img
{
    position:relative;
}
a.Upload_btn:link
{
}
        
        
.upload_fileitem_byfile
{
    width: 80%;
    float: left;
    text-align: center;
}
.Upload_File
{
    width: 100%;
}
.Upload_File li
{
    height: 22px;
    line-height: 22px;
    text-align: left;
    margin-top: 5px;
    border: solid 1px #eee;
    padding: 5px;
    background-color: #f8f8f8;
}
.Upload_File li em
{
    float: left;
}
.Upload_File li span
{
    float: right;
}


/* 在线文件的文件预览图标 */
span.file-preview {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url("https://www.cccme.cn/usercenter/javascript/common/APPUI/css/upload/image/file-icons.png");
    background-image: url("https://www.cccme.cn/usercenter/javascript/common/APPUI/css/upload/image/file-icons.gif") \9;
    background-position: -140px center;
    background-repeat: no-repeat;
}
span.file-preview.file-type-dir{
    background-position: 0 center;
}
span.file-preview.file-type-file{
    background-position: -145px center;
}
span.file-preview.file-type-filelist{
    background-position: -215px center;
}
span.file-preview.file-type-zip,
span.file-preview.file-type-rar,
span.file-preview.file-type-7z,
span.file-preview.file-type-tar,
span.file-preview.file-type-gz,
span.file-preview.file-type-bz2{
    background-position: -285px center;
}
span.file-preview.file-type-xls,
span.file-preview.file-type-xlsx{
    background-position: -355px center;
}
span.file-preview.file-type-doc,
span.file-preview.file-type-docx{
    background-position: -425px center;
}
span.file-preview.file-type-ppt,
span.file-preview.file-type-pptx{
    background-position: -495px center;
}
span.file-preview.file-type-vsd{
    background-position: -565px center;
}
span.file-preview.file-type-pdf{
    background-position: -635px center;
}
span.file-preview.file-type-txt,
span.file-preview.file-type-md,
span.file-preview.file-type-json,
span.file-preview.file-type-htm,
span.file-preview.file-type-xml,
span.file-preview.file-type-html,
span.file-preview.file-type-js,
span.file-preview.file-type-css,
span.file-preview.file-type-php,
span.file-preview.file-type-jsp,
span.file-preview.file-type-asp{
    background-position: -705px center;
}
span.file-preview.file-type-apk{
    background-position: -775px center;
}
span.file-preview.file-type-exe{
    background-position: -845px center;
}
span.file-preview.file-type-ipa{
    background-position: -915px center;
}
span.file-preview.file-type-mp4,
span.file-preview.file-type-swf,
span.file-preview.file-type-mkv,
span.file-preview.file-type-avi,
span.file-preview.file-type-flv,
span.file-preview.file-type-mov,
span.file-preview.file-type-mpg,
span.file-preview.file-type-mpeg,
span.file-preview.file-type-ogv,
span.file-preview.file-type-webm,
span.file-preview.file-type-rm,
span.file-preview.file-type-rmvb{
    background-position: -985px center;
}
span.file-preview.file-type-ogg,
span.file-preview.file-type-wav,
span.file-preview.file-type-wmv,
span.file-preview.file-type-mid,
span.file-preview.file-type-mp3{
    background-position: -1055px center;
}
span.file-preview.file-type-jpg,
span.file-preview.file-type-jpeg,
span.file-preview.file-type-gif,
span.file-preview.file-type-bmp,
span.file-preview.file-type-png,
span.file-preview.file-type-psd{
    background-position: -145px center;
}



#file_list_box{
    width: 550px;
    height: auto;
    background: #fafafa;
    padding: 15px;
    box-sizing: border-box;
}
.progressbar{
    width: 78px;
    height: 6px;
    box-sizing: border-box;
    border: 1px solid #1a6ab2;
    margin: 0px 6px;
}
.progressline{
    width: 45%;
    background: #edf4fb;
    height: 4px;
}
.progressnum{
    font-size: 14px;
    color: #999;
}
.file_list_item{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom:20px;
}
.file_list_item:last-child{
    margin-bottom:0px;
}
.file_list_itemtips{
   background: #ffefef;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 14px;
    color: #c90915;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top:6px;
}
.file_list_itemtips img
{
    width:16px;
    height:16px;
    margin-right:6px;
}
.notimage{
    display: flex;
    align-items: center;
}
.notimage img{
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.file-title{
   font-size: 14px;
   color: #333;
}
.file_list_iteminfo{
    display: flex;
    align-items: center;    
}
#logo_path{
    display: flex;
    align-items: center;
    cursor:pointer;
}
.postipsupload{
    width: 16px;
    height: 16px; 
    margin-left: 10px;
}
#tipinfo
{
    display: none;
    color: #333;
    border-radius: 10px;
    padding: 10px 10px;
    background: #eef4f9;
    font-size: 16px;
    text-align: justify;
    position: absolute;
    top: 30px;
    left: 0px; 
    z-index:9;
}
.uploadbarflex{
    font-size: 16px;
    color: #1a6aba;
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
.uploadlink{
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
.file_success
{
    margin-left: 6px;
    width:16px;
    height:16px;
}
.btn_file_del
{
    font-size: 14px;
    color: #1a6ab2;
    margin-left: 20px;
    cursor:pointer;
}