//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "a/c";

page {
  background-color: $bgc1;
  padding-bottom: 20rpx;
}

.m-list {
  .item {
    margin: 20rpx auto;
    box-sizing: border-box;
    padding: 30rpx 40rpx;
    // width: 710rpx;
    // border-radius: 10rpx;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;

    .item-hd {
      margin-bottom: 10rpx;
      line-height: 40rpx;

      .date {
        font-size: 26rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
      }
    }

    .item-cnt {
      clear: both;
      margin-top: 20rpx;
      line-height: 48rpx;
      font-size: 34rpx;
      font-family: Source Han Serif SC;
      font-weight: 500;
      color: $fc1;
    }

    .type-list {
      margin-top: 20rpx;
      overflow: hidden;

      .type-item {
        float: left;
        padding: 0 20rpx;
        margin-right: 20rpx;
        height: 50rpx;
        background: #ffffff;
        border: 1px solid #999999;
        border-radius: 26rpx;
        text-align: center;
        color: $fc3;
        font-size: 26rpx;
      }
    }

    .img-list {
      @include cs;
      position: relative;
      box-sizing: border-box;
      display: block;
      margin: 25rpx auto auto;
      width: 660rpx;

      .img-item {
        position: relative;
        box-sizing: border-box;
        float: left;
        margin-right: 29rpx;
        margin-bottom: 5rpx;
        width: 200rpx;
        height: 150rpx;
        border-radius: 20rpx;
        background-color: #f3f4f5;

        &.z-unvalid {
          .img-primary {
            border: 3px solid #f44;
          }
        }

        &:nth-child(3n) {
          margin-right: 0;
        }

        .img-primary {
          box-sizing: border-box;
          display: block;
          width: 200rpx;
          height: 150rpx;
          border-radius: 10rpx;
        }
      }
    }

    .reply {
      margin-top: 20rpx;
      border-radius: 10rpx;
      background-color: #f7f7f7;
      padding: 20rpx;

      .reply-info {
        @include cs;
        font-size: 26rpx;
        line-height: 40rpx;
        color: $fc3;
      }

      .reply-cnt {
        margin-top: 10rpx;
        line-height: 48rpx;
        font-size: 34rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: $fc1;
      }
    }
  }
}