.datetime-picker-wrap {
  .selector-wrap {
      display: flex;
      align-items: center;
      background: #FFFFFF;
      color: #9BA0AA;
      padding: 0 20px;
      .select-item {
          flex: 1;
          font-size: 30px;
          padding: 12px 0;
          text-align: center;
      }
      .clear-icon{
        margin-left: 30px;
      }
  }
  .wrapper {
      .model-box-bg {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10000;
          width: 100%;
          height: 100%;
          background: #000;
          opacity: 0.3;
      }
      .model-box {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 999999;
          width: 100%;
          background: #fff;
      }

      .model-picker {
          position: relative;
          .button-model {
              height: 80px;
              width: 100%;
              background: #fff;
              position: relative;
              border-bottom: 1px solid #d9d9d9;
              .btn-txt {
                  color: #007aff;
                  position: absolute;
                  background: transparent;
                  border: none;
                  line-height: 80px;
                  &:first-child {
                      left: 32px;
                  }
                  &:last-child {
                      right: 32px;
                  }
              }
          }
          .pick-view {
              width: 100%;
              height: 600px;
              .picker-view-column {
                  text-align: center;
                  .pick-view-column-item {
                      line-height: 50PX;
                  }
              }
          }

      }
  }
}





