.alarmClockSetPage {
  width: 100%;

  .alarmClockSetBox {
    width: 100%;
    height: calc(100% - 100px);
    overflow: auto;
    overflow-x: hidden;

    .equipmentField {
      /deep/ .van-field__label {
        display: flex;
        align-items: center;
        line-height: 1;

        &::before {
          content: '';
          width: 4px;
          height: 12px;
          margin: 0 4px;
          background-color: rgba(128, 150, 236, 1);
          border-radius: 2px;
          display: inline-block;
        }
      }
    }

    .repeatTimeBox {
      width: 100%;
      padding-bottom: 18px;
      border-bottom: 1px solid var(--van-cell-border-color);
    }

    .active {
      background-color: #4d6add !important;
      border-color: #4d6add !important;
      color: #fff !important;

      .word2,
      .word3,
      .word4,
      .word5 {
        color: #fff !important;
      }
    }

    .txt6 {
      width: 112px;
      height: 13px;
      overflow-wrap: break-word;
      color: rgba(64, 77, 116, 1);
      font-size: 14px;
      font-family: PingFangSC-Medium;
      text-align: left;
      white-space: nowrap;
      line-height: 14px;
      display: block;
      margin: 18px 0 0 15px;
    }

    .outer4 {
      width: 345px;
      height: 38px;
      margin: 20px 0 0 15px;

      .mod3 {
        background-color: rgba(223, 223, 229, 1);
        border-radius: 2px;
        height: 38px;
        border: 0.5px solid rgba(185, 186, 208, 1);
        width: 119px;

        .word2 {
          width: 26px;
          height: 13px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 13px;
          text-align: left;
          white-space: nowrap;
          line-height: 13px;
          display: block;
          margin: 13px 0 0 47px;
        }
      }

      .Button1 {
        background-color: rgba(223, 223, 229, 1);
        border-radius: 2px;
        height: 38px;
        border: 0.5px solid rgba(185, 186, 208, 1);
        width: 211px;

        .word3 {
          width: 117px;
          height: 13px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 13px;
          text-align: left;
          white-space: nowrap;
          line-height: 13px;
          display: block;
          margin: 13px 0 0 47px;
        }
      }
    }

    .outer5 {
      width: 345px;
      height: 38px;
      margin: 15px 0 0 15px;

      .bd1 {
        background-color: rgba(223, 223, 229, 1);
        border-radius: 2px;
        height: 38px;
        border: 0.5px solid rgba(185, 186, 208, 1);
        width: 211px;

        .word4 {
          width: 117px;
          height: 13px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 13px;
          text-align: left;
          white-space: nowrap;
          line-height: 13px;
          display: block;
          margin: 13px 0 0 47px;
        }
      }

      .bd2 {
        background-color: rgba(223, 223, 229, 1);
        border-radius: 2px;
        height: 38px;
        border: 0.5px solid rgba(185, 186, 208, 1);
        width: 119px;

        .word5 {
          width: 39px;
          height: 13px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 13px;
          text-align: left;
          white-space: nowrap;
          line-height: 13px;
          display: block;
          margin: 13px 0 0 40px;
        }
      }
    }

    .ImageText1 {
      height: 18px;
      width: 109px;
      margin: 23px 0 0 15px;

      .mod4 {
        width: 109px;
        height: 18px;

        .TextGroup1 {
          height: 13px;
          margin-top: 2px;
          width: 65px;

          .info4 {
            width: 65px;
            height: 13px;
            overflow-wrap: break-word;
            color: rgba(64, 77, 116, 1);
            font-size: 13px;
            text-align: left;
            white-space: nowrap;
            line-height: 13px;
            display: block;
          }
        }

        .section1 {
          background-color: rgba(223, 223, 229, 1);
          border-radius: 9px;
          height: 18px;
          width: 38px;

          /deep/ .van-switch {
            width: 38px;
            height: 18px;

            .van-switch__node {
              width: 18px;
              height: 18px;
            }

            &.van-switch--on .van-switch__node {
              transform: translate(calc(38px - 18px));
            }
          }
        }
      }
    }
  }
}