.fileUploadContent .box{ border: solid thin #DDDDDD; min-height: 200px; min-width: 200px; margin-top: 10px; } .fileUploadContent .fileItem{ border: solid thin #DDDDDD; width: 150px; height: 215px; display: inline-block; margin: 10px; text-align: center; border-radius: 5px; vertical-align:top; } .fileUploadContent .fileItem .imgShow{ width: 140px; height: 140px; margin: 5px auto; text-align: center; } .fileUploadContent .fileItem .imgShow i{ font-size: 120px; position: relative; top:-30px; z-index: 2; } .fileUploadContent .fileItem .imgShow img{ width: 100%; height: 100%; } .fileUploadContent .fileItem .imgShow .fileType{ color: #FFFFFF; font-size: 20px;; position: relative; top:63px; z-index: 3; left: -18px; } .fileUploadContent .fileItem .progress{ height: 10px; width: 100%; } .fileUploadContent .fileItem .progress>.progress_inner{ background-color: #0099FF; width: 0%; height: 10px; border-radius: 10px; } .fileUploadContent .fileItem .progress .error{ background-color: red; } .fileUploadContent .fileItem .status{ font-size: 15px; text-align: center; } .fileUploadContent .fileItem .status i{ display: block; float: left; padding: 2px 5px; color: red; margin-left: 3px; border-radius: 5px;; font-size: 15px; cursor: pointer; } .fileUploadContent .fileItem .fileName{ white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; clear: both; padding: 2px 2px; } .fileUploadContent .uploadBts { text-align: left; height: 40px } .fileUploadContent .uploadBts>div{ float: left; margin-right: 15px; } .fileUploadContent .uploadBts>div .selectFileBt{ border: none; background-color: #0099FF; color: #FFFFFF; padding: 10px; font-size: 15px; border-radius: 3px; cursor: pointer; } .fileUploadContent .uploadBts>div .selectFileBt:hover{ color: #DDDDDD; } .fileUploadContent .uploadBts>div i{ font-size: 35px; color: #0099FF; cursor: pointer; } .fileUploadContent .subberProgress{ padding: 5px; display: none; } .fileUploadContent .subberProgress .progress{ border:solid thin #0099FF; height: 20px; width: 100%; border-radius: 20px; overflow: hidden; } .fileUploadContent .subberProgress .progress>div{ background-color: #0099FF; width: 0%; height: 20px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; 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; } /*******************************Ath自己的CSS样式******************************************/ .table > thead > tr > td, .table > tbody > tr > td { border: 1px solid #ddd; } .table > thead > tr > th { border-bottom: 1px solid #ddd; } .image-item { width: 75px !important; height: 75px; background-image: url(./iconfont-tianjia.png); background-size: 100% 100%; display: inline-block; position: relative; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; float: left; } .image-item input[type="file"] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 0; } .image-item .image-close { position: absolute; display: inline-block; right: -6px; top: -6px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 12px; background-color: #FF5053; color: #f3f3f3; border: solid 1px #FF5053; font-size: 9px; font-weight: 200; z-index: 1; } .form-control { display: inline; /**width: auto;*/ height: 40px; padding-left: 6px; padding-right: 6px; } .uploadBts { height: 30px !important; width: 85px !important; } .selectFileBt { /**height: 30px;*/ line-height: 10px; width: 70px; text-align: center; background-color: white !important; color: black !important; border: 1px solid #d2d2d2 !important; font-size: 12px !important; font-weight: normal; } .selectFileBt:hover{ background:#f5f5f5 !important; } #Div_Frm_ZQXXPLSWSP_Ath1 th{ background:#f5f5f5!important; } #Div_Frm_ZQXXPLSWSP_Ath1 th, #Div_Frm_ZQXXPLSWSP_Ath1 td{ vertical-align:middle; } .Img_ShowText { width: 180px; background: white; box-shadow: 0px 0px 4px 2px #cccccc57; left: 35px; top: 55px; position: absolute; z-index: 19999; padding: 5px; font-size:12px; display:none; }