html, body { height: 100%; margin: 0px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;scroll-behavior: smooth; }

img { -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none; }
.top { height: 45px; position: absolute; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E5E8EA; line-height: 45px; }
.top b { font-size: 14px; display: inline-block; padding-right: 10px; padding-left: 10px; letter-spacing: 1px; word-spacing: 1px; }
.top a { display: inline-block; float: right; font-size: 14px; line-height: 30px; color: #888; border: 1px solid #ccc; padding-right: 20px; padding-left: 20px; margin-right: 10px; margin-top: 7px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-radius:2px; }
.top a:hover{ color: #FFF; background-color: #06F; }

/*目录*/
.folder { width: 200px; position: absolute;  top: 45px; bottom: 0px; overflow: auto; border-right-width: 1px; border-right-style: solid; border-right-color: #E5E8EA; z-index: 9; }
.folder h3 { font-size: 14px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }

.folder .con{ padding: 20px;}
.folder ul { list-style-type: none; font-size: 12px; line-height: 20px; display: block; padding: 0px; margin: 0px; }
.folder ul li{ padding: 0px;}
.folder ul li a{ background-image: url(../ico/dir.svg); background-repeat: no-repeat; background-position: left top; background-size:18px; padding-left: 20px; height:20px; line-height: 20px; display: block;text-decoration: none;}
.folder ul .on { color: #03F; background-image: url(../ico/diropen.svg);}
.folder ul li ul{ padding-left: 20px;  }
.folder footer { border-top-width: 1px; border-top-style: solid; border-top-color: #E5E8EA; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 10px; color: #666; font-size: 12px; }

/*文件*/
.file { overflow: auto; position: absolute; left: 200px; top: 45px; right: 0px; bottom: 0px; z-index: 1; }
.file ul { list-style-type: none; padding-top: 10px; padding-right: 10px; padding-bottom: 100px; padding-left: 10px; overflow: hidden; }
.file ul li { float: left; margin-right: 10px; margin-bottom: 10px; }
.file ul li a { display: flex; align-items: center; justify-content: center; height: 110px; width: 110px; float: left; margin: 10px; position: relative; text-align: center; padding-bottom: 30px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none; }
.file li.on, .file li:hover { background-color: rgba(185,214,231,0.5); }
.file a img { max-height: 100px; max-width: 100px; display: inline-block; }
.file a b { font-size: 12px; line-height: 16px; display: block; overflow: hidden; font-weight: normal; position: absolute; left: 0px; bottom: 0px; word-break: break-all; cursor: default; right: 0px; height: 32px; }
.file a s { display: none; }

.lb ul li{ height: 46px; width: 100%; margin-bottom: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f2f2f2; }
.lb ul li a{ height: 24px; vertical-align: middle;  width: auto; }
.lb ul li a b{ line-height: 24px; position: static; vertical-align: middle; height: 24px; text-align: left;  width: 300px; font-size: 14px; }
.lb ul li a s{ vertical-align: middle; line-height: 24px; display: inline-block; text-decoration: none; width: 200px;  }
.lb ul li a img{ height: 16px; width:16px; margin-right: 8px; vertical-align: middle; float: left; }


.icons ul li{  margin: 1px; }
.icons ul li a{ height: auto; width: auto; vertical-align: middle; padding:7px; border: 1px solid #dcdcdc;}
.icons ul li a b , .icons a s { display: none;}
.icons ul li a img{ height: 64px; width:auto; max-width:100%;  }

/*选框*/
.selection { border: 1px solid #09F; position: absolute; background-color: rgba(185,214,231,0.5); z-index: -1; }

/*右键*/
.myMenu { list-style: none; width: 120px; position: absolute; display: none; background-color: #FFF; z-index: 999; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); }
.myMenu li { position: relative; }
.myMenu li ul { list-style-type: none; display: none; position: absolute; top: -1px; background-color: #FFF; width: 120px; left: 120px;box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);   }
.myMenu li:hover ul { display: block; }
.myMenu li a, .myMenu li b { cursor: pointer; display: block; font-weight: normal; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 20px; }
.myMenu li a:hover, .myMenu li b:hover { background-color: rgba(185,214,231,0.5); }
.myMenu li i { font-weight: normal; margin-right: 6px; display: inline-block; font-size: 15px; }
.myMenu li s { font-weight: normal; display: inline-block; font-size: 12px; text-decoration: none; float: right; line-height: 20px; }

/*属性*/
.attrg { min-width: 400px; background-color: #FFF; border: 20px solid #FFF; line-height: 180%; overflow: hidden; }
.attrg img { max-height: 100px; display: block; float: left; margin-right: 15px; }
.attrg div { float: left; }
.attrg a { color: #03C; }
.chakan img { max-height: 100%; }

/*图片上传类*/
.up_img { display: block; font-size: 18px; margin-right: 15%; margin-left: 15%; text-align: center; background-color: #FFF; border: 1px dashed #CCC; color: #ccc; text-decoration: none; margin-top: 10%; padding: 20px; }.up_img b { font-size: 16px; line-height: 24px; text-align: center; display: block; color: #333; margin-bottom: 20px; }

.toolbar { background-color: #FFF; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #dcdcdc; position: fixed; z-index: 9; left: 0px; right: 0px; bottom: 0px; padding: 10px; }
.toolbar .button { background-color: #06F; color: white; border: none; cursor: pointer; line-height: 30px; padding-right: 20px; padding-left: 20px; margin-left: 1px; font-size: 14px; border-radius: 2px; }
.toolbar .left { float: left; }
.toolbar .right { float: right; }
.toolbar .con { display: inline-block; margin: auto; text-align: center; border: 1px solid #06F; border-radius: 2px;}
.toolbar .con a { color: #06F;font-size: 14px; cursor: pointer; line-height: 30px; padding-right: 20px; padding-left: 20px; background-color: #FFF; text-align: center; float: left; text-decoration: none; border-right-width: 1px; border-right-style: solid; border-right-color: #06F; }
.toolbar .con .on { color: #FFF; background-color: #06F; }

#imageInput { display: none; }
#imageContainer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 55px; z-index: 1; }
#search { margin: 7px; padding: 7px; border: 1px solid #E5E8EA; width:200px; border-radius:2px;}