.blog-banner-1 {
  background-image: url("../../images/blog/1/banner.jpg");
}
.appli {
  padding-top: 60px;
}
.appli > div {
  width: 1200px;
  height: 280px;
  background: #ffffff;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.16);
  padding: 20px;
  padding-right: 0;
}
.appli-img {
  width: 340px;
  height: 240px;
}
.appli p {
  padding: 0 120px;
  font-family: ArialMT, ArialMT;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.blog-content .option-content {
  padding: 60px 0;
  flex-wrap: wrap;
  flex: 4;
}
.blog-content .option-content .item-box {
  width: 285px;
  height: 320px;
  cursor: pointer;
}
.blog-center {
  width: 1200px;
  margin: auto;
}
.blog-content .option-content {
  padding: 60px 0;
  flex-wrap: wrap;
  flex: 4;
}
.blog-content .option-content .item-box {
  width: 285px;
  height: 320px;
  cursor: pointer;
}
.option-content .item-box p {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 16px;
}
.option-content .item-box .item-title {
  padding-top: 16px;
  width: 275px;
  height: 84px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.option-content .item-box:hover .item-title {
  color: #2d78b5;
}
.flex {
  display: flex;
}
.just-between {
  justify-content: space-between;
}