#parent {
  overflow: hidden;
  position: relative;
  padding-left: 7px;
}
.swiper-box {
  display: flex;
  width: auto;
  transition: all 0.2s;
}
[class^="el-icon-arrow-"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #D4D4D4;
  padding: 10px 0;
  cursor: pointer;
}
.el-icon-arrow-left {
  left: -7px;
}
.el-icon-arrow-right {
  right: -7px;
}
.card-item {
  padding: 8px;
}
.time {
  font-size: 13px;
  color: #999;
}
.bottom {
  margin-top: 13px;
  line-height: 12px;
}
.button {
  padding: 0;
  float: right;
}
.image {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border: 1px solid #E2E2E2;
}
.green_border{
  border: 1px solid #111111;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}