.form {
  height: calc(100% - 46px);
  font-size: 14px;
  color: #2a2a2f;
  .form-content {
    height: 100%;
    overflow: auto;

    // position: relative;
    &.has-btn {
      height: calc(100% - 74px);
    }

  }
  .form-title {
    color: #2a2a2f;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    padding: 11px 16px;
  }
  .form-des {
    color: #999;
    font-size: 15px;
    padding: 0 16px 11px;
    display: flex;
    div + div {
      margin-left: 10px;
    }
  }
  .form-cont {
    padding: 0 16px;
  }
  .form-item {
    /deep/ .van-cell__title.van-field__label {
      color: #333;
      font-size: 14px;
    }
    /deep/ .van-field__control {
      color: #666;
      text-align: right;
    }
    .tl {
      /deep/ .van-field__control {
        text-align: left;
      }
    }
    /deep/ .van-radio--horizontal {
      margin-right: 30px;
    }
    // /deep/ .van-field__label {
    //   width: auto;
    // }
    /deep/ .van-field__label {
      width: auto;
    }
    /deep/ .block-cell{
      display: block;
      .van-field__control{
        text-align: left;
      }
    }
    .duration {
      /deep/ .van-cell--clickable {
        padding: 0;
      }
      /deep/ .van-cell__title.van-field__label {
        display: flex;
        align-items: center;
      }
    }
    .field-picker {
      /deep/ .van-cell--clickable {
        padding: 0;
      }
      /deep/ .van-cell__title.van-field__label {
        display: flex;
        align-items: center;
      }
      /deep/ .van-field__button {
        width: 30%;
      }
    }
    .flex-right {
      /deep/ .van-field__control.van-field__control--custom {
        display: flex;
        justify-content: flex-end;
      }
    }
  }
  .message-title {
    padding-left: 16px;
    padding-top: 12px;
    height: 30px;
    // line-height: 60px;
    color: #333;
    font-size: 14px;
  }
  .message-cont {
    width: 100%;
    padding: 16px;
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    &:after {
      position: absolute;
      box-sizing: border-box;
      content: " ";
      pointer-events: none;
      right: 16px;
      bottom: 0;
      left: 16px;
      border-bottom: 1px solid #ebedf0;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
    .accept-item {
      padding: 9px 0;
      .van-checkbox__label {
        color: #333;
        font-size: 14px;
        margin-left: 10px;
      }
    }
  }
  /deep/ .van-uploader {
    vertical-align: middle;
  }
  // 弹出层样式
  .pop-content {
    height: 100%;
    .body {
      height: 82%;
      .radio-title-box {
        display: flex;
        justify-content: space-between;
      }
      .body-content {
        height: 100%;
        overflow: auto;
        .van-radio {
          padding: 8px 0;
        }
        .event-cont {
          height: 100%;
          overflow: auto;
          position: relative;
        }
      }
    }
  }
  .refer {
    .event-cont {
      position: relative;
      /deep/ .van-checkbox-group {
        padding: 0px 16px;
        .van-checkbox__label {
          min-width: 84%;
        }
      }
      /deep/ .van-radio-group {
        padding: 0px 16px;
        .van-radio__label {
          min-width: 84%;
        }
      }
    }
    /deep/ .van-tabs__wrap {
      height: 38px;
      .van-tab {
        padding: 0px;
        text-align: left;
        line-height: 38px;
        flex: 0 0 15% !important;
      }
    }
    // 列表卡片样式
    .event-section {
      padding: 16px 0;
      border-bottom: 1px solid #ededed;
      .event-cont-title {
        font-size: 16px;
        .status-btn {
          display: block;
          width: 35px;
          height: 16px;
          line-height: 16px;
          border-radius: 2px;
          font-size: 10px;
          text-align: center;
          margin-left: 3px;
        }
      }
      .event-cont-time {
        position: relative;
        font-size: 12px;
        margin-top: 5px;
        color: #666;
        .event-pub-time {
          color: #ccc;
          margin-left: 16px;
        }
        .event-pub-time:before {
          position: absolute;
          bottom: 0;
          top: 10px;
          // top: 12px;
          left: 30px;
          width: 1px; /* 严格意义上：最好写上；避免文字多的时候线条被拉宽 */
          height: 8px;
          content: "";
          background-color: #ccc;
        }
      }
    }

    // 预览卡片样式
    .card-box {
      font-size: 15px;
      .card {
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
      }
      .delete {
        font-size: 22px;
        color: #1989fa;
        display: flex;
        align-items: center;
      }
    }
  }
  .btn-submit {
    background: #1989fa;
    padding: 10px;
    text-align: center;
    margin: 0 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    &.fixed {
      position: fixed;
      z-index: 3000;
      bottom: 15px;
      width: 88%;
    }
  }
  .field-tree {
    /deep/ .van-search {
      padding: 0;
      .van-cell {
        padding: 0;
      }
    }
  }
  
  /deep/ .card-check-item {
    align-items: center;
    border-bottom: 1px dashed #333;
    padding-bottom: 10px;
    margin: 15px;
    .card-check-box {
      padding: 10px;
      border-radius: 5px;
      box-shadow: 2px 2px 10px #E0E0E0;
      margin: 15px 0;
    }
  }

  .next-popup {
    .van-radio {
      padding: 8px 0;
    }
    .message-cont-item + .message-cont-item {
      margin-top: 5px;
    }
    .weight {
      .van-cell {
        padding-top: 0;
        padding-bottom: 0;
      }
      /deep/ .van-field__control {
        text-align: right;
      }
    }
    .report {
      .van-cell {
        padding-left: 0;
        padding-right: 0;
      }
      /deep/ .van-field__control {
        text-align: right;
      }
    }
  }
  .handle {
    .card {
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 0 5px #ccc;
      .van-cell::after {
        display: none;
      }
      /deep/ .van-cell {
        padding: 0;
        margin-top: 7px;
        &::after {
          display: none;
        }
        .van-field__control {
          color: #666;
          text-align: right;
        }
      }
      .refer {
        /deep/ .van-cell {
          padding: 5px 8px 5px 0;
          margin-top: 0;
        }
      }
      /deep/ .van-cell--required::before {
        left: -16px;
      }
      .content-title {
        color: #323232;
        padding: 10px 0 0 0;
      }
      .message-title,
      .message-cont {
        padding-left: 0;
      }
      .content-cont {
        .van-field__control {
          color: #666;
          text-align: left;
        }
      }
      .name {
        & + .name {
          margin-top: 8px;
        }
      }
      .synchro-btn {
        margin-top: 5px;
        display: flex;
        button {
          flex: 1;
          & + button {
            margin-left: 10px;
          }
        }
      }
    }
    .duration {
      &.van-cell {
        padding: 0;
      }
      .van-cell {
        padding: 0;
      }
    }
  }
  .multiple-box {
    .multiple-item {
      .form-second-title {
        width: 100%;
        height: 35px;
        line-height: 35px;
        background-color: #f8f8f8;
        padding-left: 30px;
        position: relative;
        &::before {
          display: block;
          content: '';
          width: 4px;
          height: 15px;
          background: #1A8AFA;
          border-radius: 2px;
          position: absolute;
          top: 50%;
          left: 16px;
          transform: translateY(-50%);
        }
      }
      /deep/ .van-cell__title.van-field__label {
        color: #333;
        font-size: 14px;
      }
      /deep/ .van-field__control {
        color: #666;
        text-align: right;
      }
      /deep/ .van-radio--horizontal {
        margin-right: 30px;
      }
      /deep/ .van-field__label {
        width: auto;
      }
      /deep/ .block-cell{
        display: block;
        .van-field__control{
          text-align: left;
        }
      }
      .duration {
        .van-cell {
          padding: 0;
        }
      }
      .synchro-btn {
        margin-top: 5px;
        display: flex;
        padding: 16px;
        button {
          flex: 1;
          & + button {
            margin-left: 10px;
          }
        }
      }
    }
  }
  .form-second-title {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #f8f8f8;
    padding-left: 30px;
    position: relative;
    &::before {
      display: block;
      content: '';
      width: 4px;
      height: 15px;
      background: #1A8AFA;
      border-radius: 2px;
      position: absolute;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);
    }
  }
}