#event-view{
}
/*event-view-wrap.css*/
.event-view-wrap{
  box-sizing: border-box;
  background-color: #fff;
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
  padding-top: 100px;
}
.event-view-wrap .event-view-title{
  padding-bottom:36px;
  border-bottom:1px solid rgba(216, 216, 216, 0.5);
}
.event-view-wrap .state{
  width:100px;
  height:40px;
  line-height: 40px;
  border-radius: 20px;
  margin:0 auto;
  font-size:17px;
}
.event-view-wrap .event-name{
  margin:20px auto 25px;
}
.event-view-wrap .event-date{
  margin:0 auto;
}
.event-view-content{
  padding:50px 0 70px;
}
.event-view-content .event-content{
  max-width:100%;
  margin:0 auto;
}
.back-list{
  display:inline-block;
  width: 180px;
  height: 45px;
  line-height:45px;
  border-radius: 22.5px;
  border: solid 1px #d8d8d8;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  letter-spacing:-0.6px;
  color:#101820;
  margin-top: 70px;
}
.back-list i{
  vertical-align: bottom;
  padding-right: 5px;
}
/* contents-wrap */
.contents-wrap {

}
.contents-wrap .event-name{
  width:auto;
  height:auto;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  color:#101820;
}
.contents-wrap .state{
  background-color:rgba(15,174,111,0.2);
  color:#0fae6f;
}
.contents-wrap .state.end{
  background-color: rgba(16, 24, 32, 0.1);
  color:rgba(16, 24, 32, 0.3);
}
.contents-wrap .event-date{
  width:auto;
  height:auto;
  font-size:17px;
  color:#101820;
  opacity: 0.5;
}
.contents-wrap .event-content img{
  max-width:100%;
  display:block;
  margin-bottom:10px;
}
.contents-wrap .content-body{
  font-size:14px;
  text-align: left;
  display:block;
  padding:20px 0 50px;
  border-bottom:1px solid #ededed;
}

/* dummy-box */
#dummy{
  /* padding:0 22px; */
}
.dummy-bg {
  background-color: #dee1e4;
}
.dummy-box {
  position: relative;
  overflow: hidden;
}
.dummy-box::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shine 2.5s infinite;
}
@keyframes shine {
  from {
    left: 0;
  }
  to {
    left: 90%;
  }
}
.dummy-box .event-name {
  width: 700px;
  height: 58px;

}
.dummy-box .event-date {
  width: 180px;
  height: 21px;
}
.dummy-box .event-view-content .event-content{
  min-height:1000px;
}
/* !dummy-box */