.page-popup {
  .co-popup-1 {
    border-radius: 8px;
    padding: 10px;
    width: 60vw;
  }

  //popup 弹出框 箭头显示
  .co-popup-bottom-left {
    transform: translate(-45vw, 0);
  }

  .co-popup-bottom-middle {
    transform: translate(-30vw, 0);
  }

  .co-popup-bottom-right {
    transform: translate(-15vw, 0);
  }

  .co-popup-bottom-left::before {
    left: 10px !important;
  }

  .co-popup-bottom-middle::before {
    left: 50% !important;
    margin-left: -10px;
  }

  .co-popup-bottom-right::before {
    right: 10px !important;
  }

  .co-popup-bottom-left:before, .co-popup-bottom-middle:before, .co-popup-bottom-right:before {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    border-bottom-color: #fff;
    content: '';
    position: absolute;
    top: -20px;
  }

  .co-popup-top-left {
    transform: translate(-45vw, 0);
  }

  .co-popup-top-middle {
    transform: translate(-30vw, 0);
  }

  .co-popup-top-right {
    transform: translate(-15vw, 0);
  }

  .co-popup-top-left::after {
    left: 10px !important;
  }

  .co-popup-top-middle::after {
    left: 50% !important;
    margin-left: -10px;
  }

  .co-popup-top-right::after {
    right: 10px !important;
  }

  .co-popup-top-left:after, .co-popup-top-middle:after, .co-popup-top-right:after {
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border: 10px solid #fff;
    border-bottom: none;
    border-right-color: transparent;
    border-left-color: transparent;
    bottom: -10px;
  }

  .co-popup-4 {
    width: 100%;
    .picker-slot-wrapper, .picker-item {
      backface-visibility: hidden;
    }
  }
}

/* 下面弹出框 确定按钮颜色 统一 */
.co-datetime-confirm {
  color: @theme-color !important;
}