/*--------------------------------*/
.occurrence-item {
  border-bottom: 1px solid #CCCCCC;
  display:       flex;
  padding:       10px 0;
  min-height:    150px;
}

/*---- action ----*/
.occurrence-item > .action-wrapper {
  width:      30px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.occurrence-item > .action-wrapper .index {
  font-size: 23px;
}

.occurrence-item > .action-wrapper .btn{
  width:     23px;
  padding:   2px 3px;
  font-size: 0.9rem;
  margin:    3px auto;
}


/*---- info-wrapper----*/
.occurrence-item > .info-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  font-size: 0.9rem;
  padding:0 10px;
}

.occurrence-item > .info-wrapper p {
  margin:       0;
}

/*---- photo ----*/
.occurrence-item > .photo-wrapper {
  position: relative;
  width:    110px;
  overflow: hidden;
}

.occurrence-item .photo-wrapper .photo {
  position: absolute;
  top:      0;
  width:    90px;
  height:   90px;
}

.occurrence-item .photo-wrapper .photo img {
  border: 1px solid #fff;
  border-radius:10px;
  width:  90px;
  height: 120px;
}

.occurrence-item .photo-wrapper .photo-0 {
  left:    0;
  z-index: 10;
}

.occurrence-item .photo-wrapper .photo-1 {
  left:    5px;
  top:5px;
  z-index: 9;
}

.occurrence-item .photo-wrapper .photo-2 {
  left:    10px;
  top:10px;
  z-index: 8;
}

.occurrence-item .photo-wrapper .photo-3 {
  left:    15px;
  top:15px;
  z-index: 7;
}

.occurrence-item .photo-wrapper .photo-4 {
  left:    20px;
  top:20px;
  z-index: 6;
}

.occurrence-item .photo-wrapper .photo-5 {
  left:    25px;
  top:25px;
  z-index: 5;
}