.waterfall-box{
    width: 100%;height: 100%;
    position: relative;
    margin-bottom: 50px;
}
.witem-box{
    background: lightgrey;
    width: calc((100% - 130px) / 6);
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    background: #fff;
    text-align: left;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.witem-box:hover{
/*    background: #555;*/
/*    color: #fff;*/
/*    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);*/
}
.witem-img-box{
    width: 100%;
}
.witem-box:hover .author{
/*    color: #fff;*/
}

.wimg-box{

	background:#fff url(/static/imgs/mi.png) center center no-repeat;
	background-size:90% 90%;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.wimg-box img:not(.selected-icons){
    width: 90%;
    height: 90%;
    position: absolute;
    top: 0;
    right: 0;left:0;bottom:0;margin:auto

}
.wimg-box img:not(.selected-icons){
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);opacity:.95
}


.wimg-box img:hover{
    -webkit-filter: grayscale(100%) blur(8px);
    filter: grayscale(100%) blur(8px);opacity:.95;
	
}
.shufajia {
    width: 100%;
    display: flex;
    align-items: center;
/*    justify-content: space-between;*/
    padding: 5px 10px 13px 10px;
}
.shufajia a.author{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:120px}
.shufajia span.font-fam{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:60px;text-align:right;padding-right:2px}
.shufajia .headerImg {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
    margin-left:5px;
    vertical-align: middle;
}
.shufajia .font-fam{display:inline-block;margin-left:12px;font-style:italic}
.witem-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 10px;
}
.witem-info-box{
    display: flex;
    align-items: center;
    /*margin-right: 45px;*/
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.witem-info-box .headerImg{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}
 img.headerImg{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}
.witem-info-box span{
    font-size: 12px;
    /*margin-left: 7px;*/
    /*width: 80px;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.witem-info-box p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
}
.witem-bottom .wfav,.witem-bottom .wfav-select,.witem-bottom .wdel{
    width: 20px;
    height: 20px;
}

.witem-bottom .wfav-hover{
    width: 20px;
    height: 20px;
    display: none;
}
.witem-bottom a{
    line-height: 0px;
}

/*.witem-box:hover .witem-bottom .wfav{
    display: none;
}
.witem-box:hover .witem-bottom .wfav-hover{
    display: inline-block;
}*/

.waterfall-box a.gedit {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #333;
    font-size: 12px;
    background: url(/static/imgs/edit.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}

.font-detail{
    margin-left: 8px
}
.witem-box .font-detail .font-name{
font-size:16px;font-weight:bold;color:#00795e
}
.witem-box span.font-name span{
font-size:16px;font-weight:bold;color:#00795e
}
.font-fam{

}

.pr100{
    padding-right: 100px;
}
.witem-bottom a.author{
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
}

.hover-tips {
    width: 125px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    border: 0px dashed #c0c0c0;
    font-size: 12px;
    z-index: 8;
    background: #00795e;
    color: #fff;
	pointer-events:none
}
.font-img:hover .hover-tips{
    opacity: 1;
}
.edit-text{
    font-size: 14px;
    /*color: #fff;*/
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    height: 20px;
    background: transparent;
    width: 40%;
    border-bottom: 1px dashed #fff;
}

.edit-btn{
    margin-left: 5px;
    border-bottom: 1px solid #fff !important;
    cursor: pointer;
}
.edit-text:focus{
    border-bottom: 1px dashed #fff !important;
}
.selected-list .font-name{
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 1560px) {
    .witem-info-box p{
        width: 135px;
    }
}

@media (max-width: 1400px) {
    .witem-box {
        width: calc((100% - 105px) / 5);
    }
}

@media (max-width: 1200px) {
    .witem-box {
        width: calc((100% - 80px) / 4);
    }
}

.witem-bottom .sfj img{width:20px;height:20px}
.witem-box .sfjtx img{

}
.sfjlb .wimg-box{background:none !important}
.witem-box .sfjtx img:hover{  -webkit-filter: grayscale(100%) blur(0px) !important;
    filter: grayscale(100%) blur(0px) !important;opacity:.9 !important;}
.witem-bottom .sfj  .font-detail .font-name{font-size:12px;font-weight:normal}
.witem-bottom .sfj{margin-bottom:10px}