/*顶部*/
.top-nava{
	padding:10px 15px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.top-nava .navag{
	overflow:hidden;
	line-height:31px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.top-nava .navag .back{
	width:19px;
	margin-right:5px;
	cursor:pointer;
}
.top-nava .navag .name{
	margin-left:3px;
	color:#666;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
}
.top-nava .navag .name:hover{
	color:#1b63ab;
}
.top-nava .navag .line{
	margin-left:3px;
	color:#555;
	font-size:14px;
}
.top-nava .navag img{
	width:25px;
}

/*搜索*/
.search{
	width:335px;
	overflow:hidden;
	padding:0px;
	float:right;
}
.search .search-main{
	overflow: hidden;
    width: 210px;
    background: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
	border:1px solid #e3e3e3;
}
.search .search-icon{
	width:35px;
	float:right;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
}
.search .search-icon img{
	width:20px;
}
.search .search-input{
	overflow:hidden;
	color:#333;
}
.search .search-input input{
	line-height:25px;
	border:none;
	background:#fff;
}
.search .search-count{
    color: #777;
    font-size: 14px;
    width: 105px;
    text-align: right;
    float: left;
    margin-right: 10px;
    line-height: 31px;
}

/*顶部按钮操作*/
.top-tool{
	padding:10px 15px;
	overflow:hidden;
	border-bottom:1px solid #e3e3e3;
}
.tool-item{
	margin-right:15px;
	width:105px;
	overflow:hidden;
	float:left;
	font-size:14px;
	line-height:28px;
	vertical-align:middle;
}
.tool-tishi{
	color:#555;
	margin-right:10px;
	overflow:hidden;
	font-size:14px;
	line-height:28px;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.tool-item img{
	width:16px;
	vertical-align:middle;
	margin-right:2px;
}
.tool-item .button{
	border-color: #ddd;
    border: 1px solid #ddd;
    padding: 3px 7px;
    color: #555;
    background: #fff;
    border-radius: 5px;
}
.tools-right{
	width:130px;
	float:right;
	text-align:right;
	overflow:hidden;
}
.tools-right .btn-group{
	overflow:hidden;
	float:right;
}
.tools-right .btn-item{
	width:38px;
	text-align:center;
	float:left;
	overflow:hidden;
	margin-right:5px;
	height:26px;
	margin-top:1px;
	border-radius:2px;
}
.tools-right .btn-item:hover{
	color: #365f80;
    background-color: #e4f8ff;
    border-color: #93cfff;
}
.tools-right .active{
	color: #365f80;
    background-color: #e4f8ff;
    border-color: #93cfff;
}
.tools-right .btn-item img{
	width:18px;
	vertical-align:middle;
	margin-top:4px;
}

.uploader{
	border: none;
	width:75px;
	height:28px;
	position:relative;
	float:left;
	margin-right:15px;
	overflow:hidden;
}
.uploader .uploader-input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 1;
}
.uploader .uploader-plus{
	height: 100%;
	width: 100%;
	text-align:center;
	font-size:14px;
	line-height:28px;
	border-radius:5px;
	background:#1b63ab;
	color:#fff;
}
.uploader .uploader-plus img{
	width:16px;
}

/*主区域*/
.wrap-main{
	position: absolute;
    zoom: 1;
    z-index: 0;
    top: 102px;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wrap-main .file-content{
	margin-bottom:15px;
	overflow:hidden;
	padding-bottom:65px;
}
.wrap-main .file-list-icon{
	padding: 10px 20px 0 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.wrap-main .file-folder-content{
	overflow:hidden;
}
.files-item-wrap, .files-folder-item-wrap{
	overflow:hidden;
}

/*文件列表*/
.files-list-item, .files-folder-list-item{
	overflow:hidden;
}
/*图标样式*/
.file-icon-item, .file-folder-icon-item{
	float:left;
	width:80px;
	padding:5px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.file-icon-item .imgs{
	width:100%;
	height:70px;
	text-align:center;
	vertical-align: middle;
    background: #f3f3f3;
}
.file-folder-icon-item .imgs{
	width:100%;
	height:70px;
	text-align:center;
	padding:5px;
	vertical-align: middle;
}

.file-icon-item .imgs .img{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
	background:#f3f3f3;
}
 .file-folder-icon-item .imgs .img{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}
.file-icon-item .title, .file-folder-icon-item .title{
	width: 100%;
	color:#333;
    cursor: default;
    text-align: center;
    word-break: break-all;
    font-size: 14px;
    margin: 0 auto;
    line-height: 20px;
	overflow:hidden;
	height:60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.file-icon-item:hover{
    background: #e7f2fb;
}
.file-folder-icon-item:hover{
    background: #e7f2fb;
}

/*列表样式*/
.file-list-head{
	color:#448;
	height:27px;
	font-size:14px;
	overflow:hidden;
	background: #fff;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 2px 10px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 1px 2px 15px #dde;
    -moz-box-shadow: 1px 2px 15px #dde;
    box-shadow: 1px 2px 15px #dde;
	cursor:default;
}

.file-list-head .item{
	overflow:hidden;
	float:left;
	min-width:35px;
	line-height:26px;
	height:26px;
	white-space:nowrap;
	text-align:left;
	border-right: 1px solid #eee;
	position:relative;
}
.file-list-head .item:hover{
	background:#f6f8fb;
}
.file-list-head .arrow{
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
	width:16px;
	height:26px;
	vertical-align:middle;
	text-align:center;
	border-left: 1px solid #eee;
}
.file-list-head .arrow-resize{
	overflow:hidden;
	position:absolute;
	right:8px;
	top:0px;
	width:16px;
	height:26px;
	vertical-align:middle;
	text-align:center;
	border-left: 1px solid #eee;
}

.file-list-head .arrow img, .file-list-head .arrow-resize img{
	width:15px;
	text-align:center;
}
.file-list-head .name{
	overflow:hidden;
	width: 325px;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
	padding-left:20px;
}
.file-list-head .head-resize {
    width: 8px;
    height: 100%;
    cursor: col-resize;
    z-index: 1;
    overflow: hidden;
	position:absolute;
	right:0px;
	top:0px;
}

.file-list-item, .file-folder-list-item{
	padding:0px;
	overflow:hidden;
	margin:0px;
	font-size:14px;
	cursor:default;
}
.file-list-item:hover{
    background: #e7f2fb;
}
.file-folder-list-item:hover{
    background: #e7f2fb;
}

.file-select{
	transition: transform 0.2s;
    background: #cce8ff;
    border-color: #99d1ff;
}

.files-item-wrap .item, .files-folder-item-wrap .item{
	overflow:hidden;
	float:left;
	min-width:35px;
	line-height:28px;
	height:28px;
	white-space:nowrap;
	text-align:left;
	color:#333;
}
.files-item-wrap .name, .files-folder-item-wrap .name{
	overflow:hidden;
	width: 315px;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
	padding-left:10px;
}
.files-item-wrap .name span, .files-folder-item-wrap .name span{
	margin-left:5px;
}
.files-item-wrap .name img, .files-folder-item-wrap .name img{
	width:20px;
}
.files-item-wrap .file_size, .files-folder-item-wrap .file_size, .file-list-head .file_size{
	width:85px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .file_type, .files-folder-item-wrap .file_type, .file-list-head .file_type{
	width:70px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .create_time, .files-folder-item-wrap .create_time, .file-list-head .create_time{
	width:128px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .update_time, .files-folder-item-wrap .update_time, .file-list-head .update_time{
	width:128px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .creater, .files-folder-item-wrap .creater, .file-list-head .creater{
	width:80px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .tags, .files-folder-item-wrap .tags, .file-list-head .tags{
	width:100px;
	padding:0px 5px;
	text-align:center;
}
.files-item-wrap .knowledge, .files-folder-item-wrap .knowledge, .file-list-head .knowledge{
	width:100px;
	padding:0px 5px;
	text-align:center;
}

/*上传任务*/
.tasks-top{
	padding:10px 15px;
	overflow:hidden;
}
.tasks-top-item{
	margin-right:15px;
	overflow:hidden;
	color:#fff;
	float:left;
	font-size:14px;
	line-height:20px;
	padding:5px 15px;
	border-radius:5px;
	background:#1b63ab;
}
.tasks-top-item img{
	width:16px;
}
.tasks-wrap{
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #e3e3e3;
	margin: 0px 10px 15px 10px;
	height: 310px;
}
.tasks-wrap .item{
	overflow:hidden;
	float:left;
	min-width:35px;
	line-height:24px;
	height:24px;
	white-space:nowrap;
	text-align:left;
}
.tasks-wrap .tasks-list-head{
	border-radius:3px;
	color:#666;
	font-weight:600;
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.tasks-wrap .tasks-list{
	color:#333;
	font-size:14px;
	overflow:hidden;
}
.tasks-wrap .tasks-list .tasks-list-item{
	border-top:1px solid #e3e3e3;
	padding:5px;
	overflow:hidden;
}
.tasks-wrap .name{
	overflow:hidden;
	width: 242px;
    margin-right: 8px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tasks-wrap .size{
	width:70px;
	text-align:center;
}
.tasks-wrap .type{
	width:70px;
	text-align:center;
}
.tasks-wrap .status{
	width:70px;
	text-align:center;
}
.tasks-wrap .percentage{
	width:70px;
	text-align:right;
}
.tasks-wrap .action{
	width:70px;
	color:#3855d5; 
	cursor:pointer;
	text-align:center;
}
.tasks-wrap .action span:not(:first-child){
	margin-left:8px;
}

/*右键弹窗事件*/
.disk-right-seeting{
	overflow:hidden;
	position:fixed;
	width:130px;
	left:43px;
	border-radius:8px;
	box-shadow: 0 2px 20px #ddd;
	background:#fff;
	z-index:99;
}
.disk-right-mater-seeting{
	overflow:hidden;
	position:absolute;
	width:130px;
	left:43px;
	border-radius:8px;
	box-shadow: 0 2px 20px #ddd;
	background:#fff;
	z-index:99;
}
.right-seeting-main{
	padding:10px;
	max-height:420px;
	overflow-y:auto;
}
.right-seeting-main .select-item{
	padding:10px 10px;
	overflow:hidden;
	cursor:pointer;
}
.right-seeting-main .select-item:hover{
	background:#f3f3f3;
}
.right-seeting-main .select-item .icon{
	overflow:hidden;
	float:left;
}
.right-seeting-main .select-item .icon img{
	width:20px;
}
.right-seeting-main .select-item .name{
	color:#333;
	float:left;
	line-height:21px;
	font-size:14px;
	overflow:hidden;
	margin-left:5px;
}



.options1{
	margin-left:10px;
}
.options2{
	margin-left:20px;
}
.options3{
	margin-left:30px;
}
.options4{
	margin-left:40px;
}
.options5{
	margin-left:50px;
}

.loading img{
	width:22px;
	height:22px;
}

.botomjia{
	width:100%; 
	overflow:hidden;
	margin-bottom:10px; 
	text-align:center; 
	line-height:30px; 
	font-size:0.8rem; 
	color:#777;
}
.botomjia img{
	width:20px;
}
.no-content{
	text-align:center;
	color:#777;
	font-size:14px;
	margin-top:50px;
	width:100%;
}