/***** userInfoCount star  *********/

#userInfoStatus {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2%;
}

#userInfoStatus .item {
padding: 25px;

border-radius: 8px;
border: 1px solid #CCC;
background-position: 5px center;
background-repeat: no-repeat;

}

#userInfoStatus .item:hover {
background-color: #F2F2F2;

}

#userInfoStatus .item .title {
font-size: 14px;
display: block;
font-weight:bold;
color:#555;
white-space: nowrap;
padding:5px 0;
}

#userInfoStatus .item .count {
color: forestgreen;
font-weight: bold;
white-space: nowrap;
}

#userInfoStatus .item i {
color: #888;
padding: 0 5px;
font-size:12px;
font-style: normal;
font-weight: normal;
}

/***** userInfoCount end  *********/










#itemCollection {
padding: 20px;
}

#itemCollection .item {
display: grid;
grid-template-columns: 30px 40px 100px 33% 20% auto;
grid-gap: 5px;
align-items: center;
grid-template-rows: 100px;
grid-auto-flow: row;
border-bottom:1px solid #e7e7e7;
}

#itemCollection .item:hover {
background-color: #f6fafe;
}

#itemCollection .item .category {
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}

#itemCollection .item .checkbox {

}



#itemCollection .item .icon {
height: 100px; /* 设置明确高度，与子元素宽度一致或自定义 */
display: flex; /* 使用 Flex 布局 */
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中（可选，若需要） */
}

/* 原有样式保留宽度 */
#itemCollection .item .icon img {
    width:80px;
}
#itemCollection .item .icon canvas {
margin:20px 0 0 20px;
}

#itemCollection .item .body {
line-height: 160%;
}

#itemCollection .item .body .title {
display: inline-block;
font-size: 15px;
max-width: 300px;
min-width: 150px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#itemCollection .item .body .scan {
font-size: 12px;
color: #666;
}
#itemCollection .item .body .with{
color: #666;
font-size: 12px;
}
#itemCollection .item .body .with a{

}

    #itemCollection .Editing {
        min-width: 200px;
        display: inline-block;
        padding: 10px 5px;
        font-size: 15px;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        color: rgba(117,17,244,1);
        background: rgba(117,17,244,0.2);
        border: 1px solid #CCC;
        cursor:text;
    }

#itemCollection .item .date {
color: #666;
line-height: 200%;
font-size: 12px;
padding-bottom:8px;
align-self: end;
}

#itemCollection .item .operate {
text-align: left;
padding-bottom: 8px;
align-self: end;
}

#itemCollection .item .operate a, #itemCollection .item .operate label {
margin: 0 4px;
padding: 0 4px 0 6px;
border-left: 1px solid #FFF;
white-space: nowrap;
color:#393939;
}

#itemCollection .item .operate *:first-of-type{
border-left: none;
}









/*用户左侧菜单*/
ul.UserLeftMenu {
padding: 0;
margin: 0;
list-style-type: none;
}

ul.UserLeftMenu li {
padding: 0;
margin: 0 0 1px 0;
font-size: 14px;
letter-spacing: 1px;
}

ul.UserLeftMenu li a {
display: block;
padding: 10px 0 10px 60px;
border-radius: 0px;
background-position: 20px center;
background-repeat: no-repeat;
}

ul.UserLeftMenu li:hover a {
background-color: #dce9ff;
}

ul.UserLeftMenu li.selected a {
background-color: #dce9ff;
color: #1a6eff;
border-right: 2px solid #1a6eff;
}

ul.UserLeftMenu li a[data-type="default"] {
background-image: URL("/IMG/User.png");
}

ul.UserLeftMenu li a[data-type="H5"] {
background-image: URL("/IMG/H516.png");
}

ul.UserLeftMenu li a[data-type="File"] {
background-image: URL("/IMG/File.png");
}

ul.UserLeftMenu li a[data-type="Setting"] {
background-image: URL("/IMG/setting.png");
}