.d_listImg{display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-gap: 25px 25px;padding:0 10px}


div.d_imgArr{display:flex;margin:0px;
/*height:200px;*/
border-radius:6px;
overflow: hidden;align-items: center; justify-content: center;
/*background:#f6f6f6*/
}
div.d_imgArr:hover{border-radius:6px 6px 0 0;
}
div.d_imgArr .d_colors{display:flex;padding:20px 0;justify-content: center;align-items: center;position:relative;
/*background: #fff url(/2024/imgs/mi.png) center center no-repeat;*/
/*background-size: 87% 100%;*/
}
div.d_imgArr .d_colors img{max-width:70%;max-height:70%;
/*object-fit:cover*/
}
div.d_imgArr .d_colors svg{position:absolute;left:-20000px;width:0;height:0}
div.d_imgDiv {position:relative;margin-bottom:0px;box-shadow: 1px 0 8px 0 rgba(0,0,0,0);border-radius:8px;
background:#fff
}
div.d_imgDiv:hover{
/*background:#2259c7;color:#fff;*/
color:rgba(0,0,0,.9);
box-shadow: 1px 0 8px 0 rgba(0,0,0,.25);}
div.d_imgDiv:hover .d_colors{
background:rgba(255,255,255,1);backdrop-filter:blur(5px);

}
div.d_imgDiv:hover .d_imgUseit .d_imgCinfo{color:rgba(0,0,0,.9)}
div.d_imgUseit{ margin:0px 0px;font-size: 14px;
display: flex;color:#444;
align-items: center; justify-content: center;padding:0 14px;margin-top:14px;margin-bottom:14px}
div.d_imgUseit div{padding:2px 6px;}
div.d_imgUseit div.uBtn{margin:0 8px;border-radius:3px;display:flex;align-items: center;}
div.d_imgUseit div.uBtn img{width:24px;height:24px;cursor:pointer;margin:0 3px}
.d_imgCinfo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px !important;font-weight:700;padding:20px}
.bizuse{position:absolute;left:8px;top:8px;background:#cc3333;color:#fff;border-radius:4px;font-size:11px;padding:4px 6px}
.no{background:#666}
#search{display:flex;align-items: center;justify-content: center;margin-top:16px}
#search textarea{padding:12px;border:2px solid #ccc;background:#fff;border-radius:4px;height:100px !important;margin-right:10px  !important}
#search .submit{cursor:pointer}
.hidden{display:none !important;}
div.d_imgUseit img{max-height:24px}
div.d_imgUseit .downloadsvg{display: flex;align-items: center;justify-content: center;cursor:pointer}
.hidden{display:none !important}
.askdesign{cursor:pointer}
.uptime{font-size:12px;color:#c0c0c0;padding-left:20px}

@media screen and (max-width:768px) {
.d_listImg{display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
grid-gap: 25px 25px;padding:0 10px}
div.d_imgArr .d_colors img {
  max-width:90%;
  max-height: 70%;
  object-fit: cover;
}
}