#commontabbar {
  z-index: 99;
  background-color: #fff;
  .tabbar-activity{
    p{
      background: url('../images/common/activityman-sel.png') !important;
      background-size: 100% 100% !important;
    }
    span{
      color: #FF8A62;
    }
  }
}
.event-management {
  .event-title {
    font-size: 1.428571rem;
    color: #333333;
    padding: 2.357143rem 0 1rem 0;
  }

  .content {
    min-height: 83vh;
    background-color: #f0eef1;
    margin-bottom: 3.571429rem;
  }

  .event-ul {
    padding-top: .071429rem;
    padding-bottom: .714286rem;

    li {
      background-color: #fff;
      margin: .714286rem 1.142857rem 0 1.142857rem;
      padding: 1.071429rem;
      border-radius: .714286rem;
      padding-bottom: 0;
      .item-title {
        font-size: 1.142857rem;
        padding: .214286rem 0 .642857rem 0;
      }

      .item-time {
        font-size: 1rem;
        padding-bottom: 1.142857rem;
        color: #999;
      }

      .item-bottom {
        justify-content: center;
        align-items: center;
        font-size: .857143rem;
        color: #FF8A62;
        padding-bottom: 1.071429rem;
        span {
          flex: 1;

          &:nth-child(3) {
            text-align: right;
          }

          &:nth-child(2) {
            text-align: center;
          }
        }
      }
      .operating-box{
        display: none;
      }
      .bottom-operating {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        height: 4.428571rem;
        border-top: 1px solid #e5e5e5;
        li {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding: 0;
          margin: 0;
          img{
            width: 1.571429rem;
            height: 1.571429rem;
            padding-bottom: .428571rem;
          }
          span{
            font-size: .857143rem;
          }
        }
      }
    }
  }
}