.april-model-right{
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  opacity: 0;
  &-zhan{
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.65);
  }
  &-cont{
    min-width: 400px;
    background: #fff;
    border-radius: 6px;
    right: 0;
    position: absolute;
    &-head{
      width: 100%;
      padding: 0 24px;
      height: 55px;
      line-height: 55px;
      font-size: 16px;
      box-sizing: border-box;
      border-bottom: 1px solid #e8e8e8;
      letter-spacing: 1px;
      i{
        opacity: 0.4;
        transition: opacity 1s;
        right: 24px;
        top: 2px;
        &:hover{
          opacity: 1;
        }
      }
    }
    &-section{
      width: 100%;
      padding: 0 24px;
      min-height: 200px;
      box-sizing: border-box;
      overflow-y: auto;
    }
    &-foot{
      width: 100%;
      padding: 0 24px;
      height: 55px;
      line-height: 55px;
      box-sizing: border-box;
      border-top: 1px solid #e8e8e8;
    }
  }
}