lvdao_v4/miniprogram/pages/activity_mode/index.less

.container{
  padding: 18rpx 0 30rpx;
  .ac_header{
    width: 100%;
    height: 104rpx;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 80rpx 0 56rpx;
    &::before,&::after{
      content: '';
      width: 100%;
      height: 4rpx;
      position: absolute;
      bottom: 0;
      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
    }
    &::before{
      bottom: unset;
      top: 0;
    }

    .dateselect{
      display: inline-block;
      max-height: 48rpx;
    }

    .new_btn{
      color: #4C2508;
      >image {
        height: 54rpx;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }

  .ac_select{
    display: flex;
    justify-content: space-between;
    padding-right: 40rpx;
    margin-top: 40rpx;
    >view{
      display: inline-block;
      width: 48%;
      text-align: right;
      >image{
        height: 40rpx;
        display: inline-block;
        vertical-align: middle;
        &:first-of-type{
          height: 50rpx;
          margin-right: 20rpx;
        }
      }
    }
  }

  .ac_room{
    width: 100%;
    margin-top: 30rpx;
    height: calc(100% - 310rpx);
    overflow-y: auto;
    overflow-x: hidden;
    .roomitem{
      .roominfo{
        margin-bottom: 30rpx;
      }
    }
  }

  .toast{
    opacity: 0;
    pointer-events: none;
    transition: ease .3s all;
  }

  .toast_show{
    opacity: 1;
    pointer-events: auto;
  }
}