.item_view .item {
  width: calc(20% - 30px);
  /* margin: 0 15px; */
  margin-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  min-width: 190px;
  flex-grow: 1;
}

.item_view .no_data.item {
  margin-bottom: 0;
}

.item_view .item>div {
  background-color: rgba(0,0,0,0.5);
  border-radius: 6px;
  border: 1px solid;
  border-color: transparent;
}

.item_view .item>div:hover {
  border: 1px solid;
  border-color: var(--color_mian);
}

.item_view .item>div:hover>div>img {
  visibility: visible;
}

.item_view .item>div:hover>div {
  background-color: #38383d;
  border: 1px solid;
  border-color: #44444a;
}

.item_view .item>div>div {
  margin: 15px 20px;
  padding: 15px 20px;
  border: 1px solid;
  border-color: transparent;
}

.item_view .item_img {
  width: 100%;
  max-width: 140px;
  height: auto;
}

.item_view .item_img>div {
  width: 100%;
  padding-top: 100%;
}

.item_view .item_img img {
  width: 100%;
  border-radius: 24%;
}

.item_view .item_code:hover .code{
  display: block!important;
}
.item_view .item_code:hover .code_ico{
  display: flex!important;
}
.item_view .item_code:hover+.item_name>.dlo {
  display: block!important;
}

.item_view .item_code:hover+.item_name>.text {
  display: none!important;
}

.item_view .item_img>div>div {
  width: calc(100% - 8px);
  border: 4px solid;
  border-color: transparent;
}

.item_view .item_img .code {
  background-color: white;
}

.item_view .item_code:hover div>div {
  border-color: white!important;
}

.item_view .item_code:hover p {
  visibility: hidden;
}

.item_view .item .item_name {
  margin-top: 30px;
}

.item_view .item_view .item .item_name .dlo {
  line-height: 36px;
  font-size: 16px;
  border: 1px solid;
  border-color: transparent;
}

.item_view .item .item_name .text {
  width: 80px;
  font-weight: 700;
  text-align: center;
  color: var(--color_mian);
  height: 32px;
  line-height: 32px;
  border: 1px solid;
  border-color: var(--color_mian);
  border-radius: 5px;
}
.item_name>div{
  height: 32px;
}
.item_view .item .item_name .text:hover {
  background-color: var(--color_mian);
  color: #000;
}
.item_view .code {
  /* z-index: 10; */
}
.item_view .code>canvas {
  width: 100%;
  height: 100%;
}