body{transition: 2s;}
.left {float: left;width: 100%;background-color: #e1edf7;margin: 10px 10px 10px 10px;overflow-y:auto; border: 1px solid #d2d2d2;}
.right {float: right; width: 400px;background-color: #ffffff;overflow-y:auto;}
.right form{padding:10px;}
tr{height:40px;}
.label {width:100px ;text-align: right;font-family: "微软雅黑";font-size: 14px;color:#6b6b6b;vertical-align: middle;background-color: #f2f2f2;padding: 0 10px;border: 1px solid #e2e2e2;}
.content {width: 64%;;font-family: "微软雅黑";font-size: 14px;vertical-align: middle;border: 1px solid #eee;}
.text {margin-left: 10px;color: #6b6b6b;}
/*img{width: 20px;height:20px}*/
.img_span {position:relative; display:inline-block;margin:0 2px;}
.img_span span{ width:15px; height:15px; position:absolute; right:-5px; line-height:15px; top:-8px; background: #ff5722; color:#fff; text-align:center; color:#fff; border-radius:20px; font-size:12px;}

.layui-bg-blue{width:130px}
.layui-bg-green{float: right}
.layui-bg-red{text-align: left; height: 61px;width: 180px;border-radius: 0 0 4px 4px;margin: 0 0 0 -5px; border: none;}

.div_filelst{height: 230px;width:180px;background-color: #FFFFff;margin: 10px 8px;float: left; border-radius: 4px; box-shadow: 0 1px 1px #0000000d, 0 2px 6px 0 #0000000d; border: 1px solid #eee;transition: 0.2s;cursor: pointer;}
.div_filelst:hover{border: 1px solid #7aa0ca;box-shadow: 0 1px 1px #1976d280, 0 2px 6px 0 #1976d280;}
.div_filelst_selected{border: 1px solid #6a9ad1;box-shadow: 0 1px 1px #1c6ece, 0 2px 6px 0 #1664c0;}
.div_filelst .div_filelst_img{height: 166px;background: #f2f2f2;text-align: center;line-height: 200px;position: relative;border-bottom: 1px solid #e2e2e2; border-radius: 4px 4px 0 0;overflow: hidden}
.div_filelst .div_filelst_img img{width: 165px;max-height: 165px;cursor: pointer;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.div_filelst .div_icon_img{height: 166px;background: #f2f2f2;text-align: center;line-height: 200px;position: relative;border-bottom: 1px solid #e2e2e2; border-radius: 4px 4px 0 0;}
.div_filelst .div_icon_img img{width: 60px;height: auto;cursor: pointer;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto; }
.div_filelst .div_filelst_title{overflow: hidden;margin: 8px 5px;font-size: 14px; white-space: nowrap; text-overflow: ellipsis;cursor: pointer}
.div_filelst .div_filelst_bottom{margin: 0px 5px;cursor: pointer}
.div_filelst .div_filelst_bottom .filelst_filext{float: left;color: #b51d1a;}
.div_filelst .div_filelst_bottom .filelst_filesize{float: right;color: #8c8c8c;}
#coverDiv button{margin: 10px 4px;background: #1664c0;border: none;padding: 6px 8px;color: #fff;font-size: 12px;border-radius: 2px;transition: 0.2s; cursor: pointer;}
#coverDiv button:hover{opacity: 0.8;}

.checkBox{position:absolute;top:2px;left:4px;width:20px;height: 25px;z-index:1000;}

.coverDiv{position: absolute; display: none;z-index:998;width:180px;height:166px}
.coverDiv .qwImg{position:absolute;width: 30px;height: 30px;z-index:999;}
.coverDiv .qwImg:hover{opacity: 0.7;}
.coverDiv .viewImg{position:absolute;top:75px;left:75px;width: 30px;height: 30px;z-index:999;}
.coverDiv .viewImg:hover{opacity: 0.7;}
.coverDiv .editImg{position:absolute;top:125px;left:75px;width: 30px;height: 30px;z-index:999;}
.coverDiv .editImg:hover{opacity: 0.7;}
.coverDiv .deleteImg{position:absolute;top:4px;left:155px;z-index:999;}
.coverDiv .deleteImg:hover{opacity: 0.7;}
.backCoverDiv{background-color: #000;opacity: 0.6;z-index: 998;width: 180px;height: 166px;position: absolute; border-radius: 4px 4px 0 0;border: 1px solid;margin: -1px;}