@charset "utf-8"; 
/*图片管理*/
.uimg_box{ width:750px; padding:0; background:#fff; float:left; }

/*菜单项*/
.uimg_menu{ width:160px; height:390px; overflow-y:scroll; overflow-x:scroll; border-right:1px solid #ddd; float:left; } 
.uimg_menu .atree_box{ width:100%; display:inline; margin-left:15px; float:left; } 
.uimg_menu .atree_box_one a{ width:100%; padding:5px 0 5px 0; font-size:12px; border-bottom:1px solid #fff; border-top:1px solid #fff; float:left; } 
.uimg_menu .atree_box_one a i{ width:12px; height:12px; margin-right:5px; border:1px solid #ddd; float:left; }
.uimg_menu .atree_box_one a i:before{ width:12px; height:12px; line-height:12px; content:'+'; font-style:normal; text-align:center; color:#999; float:left; }
.uimg_menu .atree_box_one a.open i{ border:1px solid #ddd; }
.uimg_menu .atree_box_one a.open i:before{ content:'-';  }
.uimg_menu .atree_box_one a.ck i{ }
.uimg_menu .atree_box_one a.ck span{ background:#F8E3B7; color:#9F751C; padding:0 5px;  float:left; } 

/*内容部分*/
.uimg_con{ width:660px; padding:5px 0 0 7px; float:left; } 

.uimg_img{ width:660px; height:330px; overflow:hidden; padding:0 0 0 2px; float:left; }
.uimg_img .img{ width:90px; height:90px; text-align:center; margin:9px 8px 9px; position:relative; overflow:hidden; border:1px solid #efefef; float:left;}
.uimg_img .img img{ min-height:90px; max-height:90px; }

/*选中  background: url(../../../../public/images/img_ck.png) no-repeat right bottom; */ 
.uimg_img .img.uimg_ck{ border:1px solid #1E81E3; float:left; }
.uimg_img .img.uimg_ck i{ position:absolute; width:20px; height:20px; text-align:center; line-height:20px; font-style:inherit; z-index:10; background:#1E81E3; color:#fff; right:0; top:0;  } 
.uimg_img .img.uimg_ck em{ position:absolute; width:20px; height:20px; line-height:0; font-style:inherit; z-index:10; background: url(../../../../public/images/img_ck.png) no-repeat right bottom; text-indent:-9999; color:#fff; right:0; top:0;}

/*上传进度条*/ 
.uimg_img .img.upprgs i{ position:absolute; width:80px; height:10px; margin-top:35px; left:0; top:0; background:#f8f8f8; float:left;} 
.uimg_img .img.upprgs i span{ height:10px; background:#3399CC; float:left; } 

.uimg_do{ width:100%; padding:8px 0; margin-top:10px; background:#f8f8f8; float:left; }
.uimg_do .upload_postion_box{ position:relative; margin-left:10px; float:left; }
.uimg_do .upload_button{ margin:0 0 0 10px; float:left; }

.uimg_page{ text-align:center; padding:6px 10px 0 0; float:right; } 
.uimg_page a{ padding:5px 8px; border:1px solid #ddd; background:#fff; margin:0; margin:0 -1px 0 0; font-size:12px; color:#666;  }
.uimg_page span a{ color:#333; background: #ccc; border:1px solid #ccc; } 

.uimg_insert{ width:830px; margin:0; padding:5px 0 15px; text-align:center; background:#fff; float:left; }
.uimg_insert a.insert_button{ background:#07d; color:#fff; padding:8px 15px; border-radius:3px; font-size:14px; margin-right:15px; float:right; }
.uimg_insert a.cancel_button{ border:1px solid #ddd; padding:8px 15px; border-radius:2px; margin-right:15px; float:right; }


/*进度条*/
.up_progress{ position: fixed; top:50%; left:50%; margin-left:-150px; margin-top:-150px; z-index:300; background:#fff; float:left; }
.pgr_box{ width:300px; height:200px; position:absolute; overflow:hidden; padding:10px; margin:0; border:1px solid #ddd; background:#fff; float:left; }
.pgr_one{ width:100%; height:33px; background:#efefef; margin:0 0 5px 0; position:relative; float:left; }
.pgr_one:last-child{  }
.pgr_one span{ width:100%; position:absolute; z-index:302; padding:0 0 0 10px; box-sizing: border-box; float:left; }
.pgr_one span em{ width:200px; height:24px; padding-top:9px; font-style:inherit; overflow:hidden; float:left; }
.pgr_one span strong{ width:70px; height:25px; padding:8px 0 0 5px; float:right; }
.pgr_one i{ height:33px; position:absolute; z-index:301; background:#DCE7FE; }


/* 传统文件上传 */ 
.upload_box{ width:82px; float:left; } 
.upload_btn{ width:80px; height:80px; border:1px dashed #ddd; border-radius:3px; line-height:80px; position:relative; cursor:pointer; color:#666; background:#fff;  overflow: hidden; position:relative; float:left; }
.upload_btn a{ width:80px; height:80px; padding:0; margin:0; background:url(../../../../public/images/addimg.png) no-repeat; background-position:center center; float:left; }
.upload_btn input{ width:80px; height:80px; top:0; right:0; border:none; font-size:100px; opacity:0; filter:alpha(opacity=0); cursor:pointer; float:left; }
.upload_btn a:hover input{ background:#fff; }

.upload_one{ width:100%; float:left; }
.upload_one .img{ width:80px; height:80px; border:1px dotted #efefef; text-align:center; border-radius:3px; float:left; }
.upload_one .img img{ width:80px; height:80px; }
.upload_one a.unchimg{ width:80px; height:20px; line-height:20px; color:#fff; text-align:center; float:left; margin-top:-22px; padding:2px 0 0 0; font-size:12px; border-radius:0 0 3px 3px; background: rgba(0,0,0,0.6);  }

.upload_list{ width:100%; margin:0 10px 0 0; float:left; }
.upload_list .img{ width:80px; height:80px; border:1px dotted #efefef; text-align:center; border-radius:3px; float:left; }
.upload_list .img img{ max-width:80px; max-height:80px; }
.upload_list a.imgdel{ width:20px; height:20px; line-height:20px; background:#333; color:#fff; border-radius:18px; text-align:center; float:left; position:absolute; margin:-8px 0 0 -12px; font-size:20px; }

.upload_a{ width:80px; height:80px; border:1px dashed #ddd; border-radius:3px; line-height:80px; position:relative; cursor:pointer; color:#666; background:#fff; overflow: hidden; position:relative; float:left; }
.upload_a a{ width:80px; height:80px; padding:0; margin:0;float:left; } 
.upload_a a em{ width:80px; height:40px; line-height:40px; background:url(../../../../public/images/addimg.png) no-repeat;background-size:35px; background-position: center center; margin-top:8px; padding:0; float:left; }
.upload_a a span{ width:80px; height:20px; line-height:30px; text-align:center; padding:0; margin:0; float:left; }
.upload_a a:hover input{ background:#fff; }


