@import "common.css";
/*前缀兼容样式 start*/
/*多行省略*/
/*镜像效果*/
/*背景线性渐变*/
/*前缀兼容样式 end*/
.activity {
  width: 100%;
}
.activity .public-gallery .logo {
  padding: 68px 0 50px 0;
  text-align: center;
}
.activity .public-gallery .list li {
  position: relative;
  height: 435px;
  margin-bottom: 50px;
}
.activity .public-gallery .list li.type1 .img {
  top: 0;
  left: 0;
}
.activity .public-gallery .list li.type1 .intro {
  right: 0;
  bottom: 0;
}
.activity .public-gallery .list li.type2 .img {
  right: 0;
  bottom: 0;
}
.activity .public-gallery .list li.type2 .intro {
  top: 0;
  left: 0;
}
.activity .public-gallery .list li .img {
  position: absolute;
  width: 750px;
  height: 372px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.activity .public-gallery .list li .img img {
  display: block;
  width: 100%;
}
.activity .public-gallery .list li .intro {
  position: absolute;
  width: 500px;
  height: 273px;
  background-color: #393e4a;
  -webkit-box-shadow: 0 0 13px #393e4a;
  -moz-box-shadow: 0 0 13px #393e4a;
  box-shadow: 0 0 13px #393e4a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.activity .public-gallery .list li .intro .title {
  padding: 38px 35px 30px;
  font-size: 20px;
  color: #fff;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity .public-gallery .list li .intro .txt {
  height: 70px;
  padding: 0 35px;
  font-size: 16px;
  color: #fff;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.activity .public-gallery .list li .intro .bottom {
  padding: 0 35px;
  margin-top: 70px;
}
.activity .public-gallery .list li .intro .bottom .left {
  float: left;
  font-size: 14px;
  color: #fff;
}
.activity .public-gallery .list li .intro .bottom .left em {
  color: #fff;
  opacity: .7;
  margin-right: 12px;
}
.activity .public-gallery .list li .intro .bottom .left em i.icon-scan {
  display: inline-block;
  width: 14px;
  height: 10px;
  background: url("../img/icon_scan_s.png") 0 0 no-repeat;
  background-size: 100%;
}
.activity .public-gallery .list li .intro .bottom .right {
  float: right;
  font-size: 16px;
  color: #f8ba27;
}
.activity .public-gallery .list li .intro .bottom .right i.icon-detail {
  display: inline-block;
  width: 25px;
  height: 8px;
  background: url("../img/icon_detail.png") 0 0 no-repeat;
  background-size: 100%;
  margin-left: 5px;
}
/*# sourceMappingURL=activity.css.map */