.midle {
  position: relative;
}

.midle_top {
  margin: 20px 0;
  background-color: #f7f7f7;
  width: 100%;
  background-image: url(../src/img/skincare.jpg);
  height: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: calc(100vw - 50%);
  position: relative;
}

.midle_top h2 {
  position: absolute;
  top: 30%;
  left: 20%;
  font-size: 3em;
}

/* .midle_bottom {
  padding: 20px 0;
  margin: 0 auto;
  width: 80%;

}

.midle_bottom ul {
  display: flex;

  flex-wrap: wrap;

}

.midle_bottom li {
  width: 283px;
  height: 493px;
  background-color: aquamarine;
} */
.container {
  width: 1290px;
}

.commoditycard {
  padding: 15px 35px !important;
}

.commoditycard div {
  margin: 16px 14px !important;
  text-align: center;

}

.row img {
  width: 100%;
  background-color: #f7f7f7;
}

.textright {
  text-align: right !important;
}
@media screen and (max-width: 900px) {
  .midle_top{
    display: none;
  }
}