.electromaterialmain{display:inline-block;width:100%}.electromaterial{display:inline-block;width:100%;min-height:160px;float:left;border-bottom:1px solid #e8f0fb;margin-bottom:15px}.electromaterial .materialtitle{display:inline-block;width:100%;height:32px;float:left}.electromaterial .materialtitle .needed{display:inline-block;width:auto;height:32px;line-height:36px;color:#ff3f3f;margin:0;padding:0;float:left}.electromaterial .materialtitle .materialname{display:inline-block;width:auto;height:32px;line-height:32px;color:#333;margin:0;padding:0 10px;float:left}.electromaterial .materialtitle .numbers{display:inline-block;width:auto;height:22px;line-height:20px;color:#666;margin:5px 6px;padding:0 10px;border:1px solid #e0e0e0;border-radius:3px;float:right}.electromaterial .materialtitle .numbers font{color:#1877f2}.electromaterial .materialtitle .types{display:inline-block;width:auto;height:22px;line-height:20px;color:#1877f2;margin:5px 6px;padding:0 10px;border:1px solid #1877f2;border-radius:3px;float:right}.electromaterial .materiallist{display:inline-block;width:100%;float:left}.electromaterial .materiallist .materialinfo{display:inline-block;width:90px;height:90px;background-color:#fafafa;padding:0;margin-top:15px;margin-right:20px;float:left;position:relative}.electromaterial .materiallist .materialadd{border:1px dashed #e0e0e0}.electromaterial .materiallist .materialinfo .addbtn{display:inline-block;width:90px;height:90px;background:url(../../../../images/business/declare/material/iconupload.png) no-repeat center 25px;text-align:center;line-height:120px;margin:0;padding:0;cursor:pointer}.electromaterial .materiallist .materialinfo img{display:inline-block;width:90px;height:90px;padding:0;margin:0}.electromaterial .materiallist .materialinfo label{display:inline-block;width:34px;height:34px;padding:0;margin:18px 28px}.electromaterial .materiallist .materialinfo .icontxt{background:url(../../../../images/business/declare/material/icontxt.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconpdf{background:url(../../../../images/business/declare/material/iconpdf.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconword{background:url(../../../../images/business/declare/material/iconword.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconppt{background:url(../../../../images/business/declare/material/iconppt.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconxls{background:url(../../../../images/business/declare/material/iconxls.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconfile{background:url(../../../../images/business/declare/material/iconfile.png) no-repeat center}.electromaterial .materiallist .materialinfo .iconerror{background:url(../../../../images/business/declare/material/iconerror.png) no-repeat center}.electromaterial .materiallist .materialinfo span{display:inline-block;position:absolute;width:90px;height:24px;background-color:#7d7d7d;left:0;bottom:0;margin:0;padding:0 5px;line-height:24px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.electromaterial .materiallist .materialinfo:hover span{display:none}.electromaterial .materiallist .materialinfo .materialhover{display:none;width:90px;height:90px;background-color:#000;padding:0;margin:0;left:0;top:0;float:left;position:absolute;opacity:.6}.electromaterial .materiallist .materialinfo:hover .materialhover{display:inline-block}.electromaterial .materiallist .materialinfo .materialhover a{display:inline-block;width:45px;height:50px;line-height:80px;padding:0;margin:20px 0;float:left;color:#fff;text-align:center;cursor:pointer}.electromaterial .materiallist .materialinfo .materialhover a img{display:none;width:0;height:0;padding:0;margin:0}.electromaterial .materiallist .materialinfo .materialhover a:hover{font-weight:bolder}.electromaterial .materiallist .materialinfo .materialhover a.view{background:url(../../../../images/business/declare/material/iconview.png) no-repeat center 10px}.electromaterial .materiallist .materialinfo .materialhover a.delete{background:url(../../../../images/business/declare/material/icondelete.png) no-repeat center 10px}.electromaterial .explain{display:inline-block;width:100%;float:left;margin:15px 0}.electromaterial .explain span{display:inline-block;width:100%;line-height:30px;color:#999;float:left}.electromaterial .explain span font{color:#666}