/* .gongge-container {
    width: 1520px;
} */

.gongge-item {
    position: relative;
    display: inline-block;
    margin: 4px 6px 2px 0;
    width: 140px;
    height: 160px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.gongge-item .document-icon {
    margin: 10px 28px 0;
    width: 84px;
    height: 84px;
}

.gongge-item .play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 19px;
    height: 20px;
    margin: -35px 0 0 -6px;
}

.gongge-item .document-name {
    margin: 8px 10px 18px;
    text-align: center;
    font-size: 14px;
    color: #131B26;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.gongge-item .document-name:hover {
    color: #3A8BFF;
}

.gongge-item .icon-nochoose {
    display: none;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #C3CCD9;
    border-radius: 50%;
}

.gongge-item .icon-choosed {
    display: none;
    width: 18px;
    height: 18px;
    background-color: #3A8BFF;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
}

.gongge-item .select-box {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

.gongge-item .icon-choosed > img {
    width: 10px;
    height: 8px;
}

.enter-gongge {
    background-color: #F0F6FF;
    border-radius: 4px;
}

.click-gongge {
    background-color: #F0F6FF;
    border-radius: 4px;
    border: 1px solid #3A8BFF;
}

.toolTipBox {
    top: 180px;
}

/*非文件夹类型的重命名样式*/
.gongge-list .rename_con {
    padding: 0;
    position: relative;
    margin-left: -12px;
    z-index: 9;
}

.gongge-list .rename_con .rename_input {
    width: 110px;
    padding: 0 8px;
}

.gongge-list .rename_con .rename_yes {
    margin-left: 6px;
}

.gongge-list .rename_con .rename_no {
    margin-left: 6px;
}

.gongge-item:not(.click-gongge):hover .icon-nochoose {
    display: block;
}

/*.gongge-item:hover .gongge-doc-msg {*/
/*    display: block;*/
/*}*/

.gongge-item .gongge-doc-msg {
    display: none;
    position: absolute;
    top: 64px;
    left: 126px;
    width: 200px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(3px);
    border-radius: 4px;
    filter: drop-shadow(0px 2px 12px rgba(175, 187, 204, 0.75));
    box-sizing: border-box;
    z-index: 2;
}
.gongge-item.endCard .gongge-doc-msg {
    left: auto;
    right: 126px;
}
.gongge-item.endCard .gongge-doc-msg::after {
    left: auto;
    right: -4px;
    transform: rotate(180deg);
}
.gongge-item .gongge-doc-msg::after {
    position: absolute;
    content: '';
    top: 37px;
    left: -4px;
    display: inline-block;
    width: 4px;
    height: 10px;
    background: url("../images/Triangle.png") no-repeat center center;
}
.gongge-item .gongge-doc-msg .doc-title {
    font-size: 14px;
    line-height: 20px;
    color: #131B26;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
}
.gongge-item .gongge-doc-msg .doc-size {
    margin-top: 6px;
    font-size: 12px;
    line-height: 17px;
    color: #8A8B99;
}
.gongge-item .gongge-doc-msg .doc-create-time {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #8A8B99;
}