.zent-pop[data-cp-zv="v2.3.1"] {
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  border-radius: 2px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 2000;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-inner,
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-header {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  position: relative;
  border-radius: 2px;
  padding: 13px 12px;
  z-index: 2;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-header {
  font-size: 16px;
  line-height: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0;
  font-weight: 600;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  text-align: right;
  vertical-align: top;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-buttons .zent-btn + .zent-btn {
  margin-left: 8px;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-arrow {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  z-index: 1;
  width: 6px;
  height: 6px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.zent-pop[data-cp-zv="v2.3.1"]::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
}
.zent-pop--no-header[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  display: inline-block;
  margin-left: 24px;
}
.zent-pop--has-header[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  margin-top: 16px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-pop-arrow {
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right::after {
  top: -11px;
  width: 100%;
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-pop-arrow {
  transform: translateY(-50%) rotate(45deg);
  left: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-pop-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-pop-arrow {
  transform: translateY(-50%) rotate(45deg);
  right: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-pop-arrow {
  bottom: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right::after {
  bottom: -11px;
  width: 100%;
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-pop-arrow {
  transform: translateY(50%) rotate(45deg);
  left: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-pop-arrow {
  transform: translate(-50%, 50%) rotate(45deg);
  left: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-pop-arrow {
  transform: translateY(50%) rotate(45deg);
  right: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-pop-arrow {
  right: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom::after {
  right: -11px;
  height: 100%;
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-pop-arrow {
  transform: translateX(50%) rotate(45deg);
  top: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-pop-arrow {
  transform: translate(50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-pop-arrow {
  transform: translateX(50%) rotate(45deg);
  bottom: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-pop-arrow {
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom::after {
  left: -11px;
  height: 100%;
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-pop-arrow {
  transform: translateX(-50%) rotate(45deg);
  top: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-pop-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-pop-arrow {
  transform: translateX(-50%) rotate(45deg);
  bottom: 6px;
}