/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-fullcalendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none;
}
.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}
.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}
.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}
.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}
.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #1890ff inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  border-top: 2px solid #e8e8e8;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #bae7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #e6f7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #e6f7ff;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-comment {
  position: relative;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: #40a9ff;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff;
}
.ant-calendar-today .ant-calendar-date {
  color: #1890ff;
  font-weight: bold;
  border-color: #1890ff;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #bae7ff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #1890ff;
  background: #bae7ff;
  border-color: #1890ff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1890ff;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff;
}
.ant-calendar-time-picker-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}
.ant-descriptions-title {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ' ';
}
.ant-descriptions-item-colon::after {
  content: ':';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: rgba(0, 0, 0, 0.65);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ant-mentions-wrapper .ant-mentions-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5;
}
.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-wrapper .ant-mentions-editor:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions-wrapper .ant-mentions-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-wrapper .ant-mentions-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-wrapper .ant-mentions-editor-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-wrapper .ant-mentions-editor-wrapper {
  height: auto;
  overflow-y: auto;
}
.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1;
}
.ant-mentions-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px;
}
.ant-mentions-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-placement-top {
  margin-top: -0.1em;
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
  color: rgba(0, 0, 0, 0.25);
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
  display: block;
  color: #1890ff;
  text-align: center;
}
.ant-mentions-dropdown-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-mentions-dropdown-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item.focus,
.ant-mentions-dropdown-item-active {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-selected,
.ant-mentions-dropdown-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:read-only {
  cursor: default;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #e6f7ff;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #1890ff, #1890ff);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  float: left;
  margin: 8px 0;
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  transition: color 0.3s;
  color: #000;
  cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  width: 100%;
  overflow: hidden;
}
.ant-page-header-heading-title {
  display: block;
  float: left;
  margin-bottom: 0;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
.ant-page-header-heading .ant-avatar {
  float: left;
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  float: left;
  margin: 5px 0;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-page-header-heading-tags {
  float: left;
  margin: 4px 0;
}
.ant-page-header-heading-extra {
  float: right;
}
.ant-page-header-heading-extra > * {
  margin-left: 8px;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
  overflow: hidden;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs-bar {
  margin-bottom: 1px;
  border-bottom: 0;
}
.ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 8px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .ant-page-header-heading-extra {
    display: block;
    float: unset;
    width: 100%;
    padding-top: 12px;
    overflow: hidden;
  }
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #1890ff;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
  box-shadow: -1px 0 0 0 #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
  box-shadow: -1px 0 0 0 #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #f5222d;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin-top: 32px;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}
.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-select-selection:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #e6f7ff;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1890ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #1890ff;
}
.ant-table-filter-dropdown-link:hover {
  color: #40a9ff;
}
.ant-table-filter-dropdown-link:active {
  color: #096dd9;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #1890ff;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #1890ff;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #1890ff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #096dd9;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-transfer-customize-list {
  display: flex;
}
.ant-transfer-customize-list .ant-transfer-operation {
  flex: none;
  align-self: center;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: auto;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-transfer-list-body-with-search {
  padding-top: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-search-wrapper {
  position: relative;
  padding-bottom: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
  padding: 12px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #e8e8e8;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 24px 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px 9px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-header .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item-text {
  padding-left: 8px;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #e6f7ff;
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: #bae7ff;
  }
  100% {
    background: transparent;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}
.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-typography {
  color: rgba(0, 0, 0, 0.65);
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #40a9ff;
}
.ant-typography a:active {
  color: #096dd9;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-size: 14px;
  background-color: #eceff2;
}
body ol,
body ul,
body dl {
  margin: 0;
  list-style: none;
}
.f-clearfix {
  zoom: 1;
  clear: both;
}
.f-clearfix::after {
  content: '';
  clear: both;
  display: table;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
[class*='icn-'] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
#content {
  min-width: 1366px;
  height: 100%;
  background-color: #f5f5f5;
}
.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.two-line {
  display: box;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-line {
  display: box;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.relative {
  position: relative;
}
.cursor-pointer {
  cursor: pointer;
}
.tips {
  font-size: 12px;
  line-height: 20px;
  color: #85888e;
}
.error {
  color: red;
}
.warnning {
  color: #e9b475;
}
.right-center {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ant-cascader-menus {
  width: 400px;
}
.ant-cascader-menus > div {
  display: flex;
}
.ant-cascader-menus > div .ant-cascader-menu {
  flex: 1;
  height: 300px;
}
.ant-cascader-menus > div .ant-cascader-menu > li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-radio-group.RadioGroup.block {
  display: block;
}
.ant-radio-group.RadioGroup.block .ant-radio-wrapper {
  display: block;
  margin: 0;
  padding: 0 12px;
  line-height: 36px;
}
.ant-radio-group.RadioGroup.block + .ant-radio-wrapper {
  margin-top: 0;
}
.hide-date-time-picker .ant-calendar-header .ant-calendar-ym-select {
  display: none;
}
.hide-date-time-picker .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: none;
}
.hide-date-time-picker .ant-calendar-time-picker {
  top: 0;
}
.hide-date-time-picker .ant-calendar-time-picker-select {
  height: 266px;
}
body .Uploader {
  height: inherit;
  width: inherit;
  border: 0;
}
.ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}
.MyInput.ant-input-affix-wrapper,
.MyInput.ant-input {
  width: auto;
}
.AutoWidthSelectOverlay .my-select-dropdown {
  width: auto !important;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.Header {
  position: relative;
  height: 50px;
  line-height: 30px;
  padding: 10px 45px 10px 12px;
  font-size: 16px;
  background-color: #394959;
  color: #fff;
  z-index: 999;
  box-shadow: inset 0 -1px 0 0 #1c1e21;
}
.Header .home-link {
  color: #fff;
}
.Header .title {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-left: 20px;
  padding-left: 60px;
  font-size: 20px;
}
.Header .title a {
  color: #fff;
}
.Header .title .icn-logo {
  position: absolute;
  left: 0;
  top: -10px;
  font-size: 52px;
  line-height: inherit;
}
.Header .menu-title {
  display: inline-block;
  padding-left: 20px;
  border-left: 2px solid #fff;
  font-size: 20px;
  cursor: pointer;
}
.Header .menu-title.no-menu {
  cursor: default;
}
.header-menu-popover .ant-popover-arrow {
  display: none;
}
.header-menu-popover .menu-list {
  display: flex;
  padding: 0 0 30px;
}
.header-menu-popover .menu-list .sub-list {
  flex: 0 0 150px;
}
.header-menu-popover .menu-list .sub-list .title {
  margin-bottom: 4px;
  font-size: 14px;
  color: #101010;
  font-weight: bold;
}
.header-menu-popover .menu-list .sub-list a {
  display: block;
  line-height: 36px;
  color: #333;
}

.Login {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f7f7f7;
  overflow: hidden;
}
.Login .login-container {
  padding-left: 320px;
  width: 640px;
  height: 320px;
  margin: 200px auto 0;
  text-align: center;
  background: #fff url(/static/800887975d669d9d.png) no-repeat;
  background-size: 320px 320px;
  box-shadow: 1px 1px 20px #ddd;
}
.Login .container-title {
  margin: 70px 0 20px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.Login .container-title .icn-logo {
  font-size: 40px;
  color: #108AFF;
}
.Login .container-subtitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
}
.Login .login-btn {
  width: 260px;
  height: 50px;
  line-height: 50px;
  margin-top: 50px;
  background-color: #0b88ff;
  font-size: 18px;
  color: white;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: #ffffff solid 0px;
  border-radius: 4px;
  box-shadow: 0 10px 20px #C3D7F2;
}
.Login .login-btn .anticon {
  margin-left: 10px;
}
.Login .login-btn:hover {
  background-color: #0979e4;
}

.ExceptionPageHeader {
  position: relative;
  height: 50px;
  line-height: 30px;
  padding: 10px 45px 10px 12px;
  font-size: 16px;
  background-color: #394959;
  color: #fff;
  z-index: 999;
  box-shadow: inset 0 -1px 0 0 #1c1e21;
}
.ExceptionPageHeader .home-link {
  color: #fff;
}
.ExceptionPageHeader .title {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-left: 20px;
  padding-left: 60px;
  font-size: 20px;
}
.ExceptionPageHeader .title a {
  color: #fff;
}
.ExceptionPageHeader .title .icn-logo {
  position: absolute;
  left: 0;
  top: -17px;
  font-size: 52px;
  line-height: inherit;
}
.ExceptionPageHeader .menu-title {
  display: inline-block;
  padding-left: 20px;
  border-left: 2px solid #fff;
  font-size: 20px;
  cursor: pointer;
}

.ExceptionPage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ExceptionPage .msg-wrapper {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
}
.ExceptionPage .msg-wrapper .dept-msg {
  padding: 5px 20px;
  border-right: 2px solid #fff;
}
.ExceptionPage .msg-wrapper .user-msg {
  padding: 5px 0 5px 20px;
}
.ExceptionPage .msg-wrapper .user-msg .email {
  margin: 0 10px;
}
.ExceptionPage .msg-wrapper .user-msg .anticon {
  font-size: 18px;
}
.ExceptionPage .msg-wrapper .user-msg .login-icon {
  margin-left: 20px;
  color: #ddd;
}
.ExceptionPage .content-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.ExceptionPage .left-image {
  width: 500px;
  height: 500px;
  margin-right: 50px;
}
.ExceptionPage .left-image img {
  max-width: 100%;
  max-height: 100%;
}
.ExceptionPage .right-text .error-code {
  font-size: 50px;
  font-weight: bold;
  color: var(--edt-primary-color);
  margin-bottom: 24px;
}
.ExceptionPage .right-text .error-tips {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
.ExceptionPage .right-text .ant-btn {
  width: 160px;
  height: 50px;
  font-size: 18px;
}

.NoticeGuideContent {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.NoticeGuideContent .edt-v5-ant-row + .edt-v5-ant-row {
  margin-top: 10px;
}
.NoticeGuideContent .edt-v5-ant-col {
  font-size: 12px;
}
.NoticeRecordModal .record-pagination {
  margin-top: 10px;
  text-align: center;
}

.GuideMainPanel {
  white-space: pre-wrap;
  width: 700px;
  font-size: 12px;
}
.GuideMainPanel .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.GuideMainPanel .footer .show-more {
  color: #85888E;
  cursor: pointer;
}
.GuidePanelTrigger {
  cursor: pointer;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}

.Application {
  height: 100%;
}
.Application a {
  color: inherit;
  text-decoration: none;
}
.Application a:hover {
  color: inherit;
}
.Application .Header .msg-wrapper {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
}
.Application .Header .msg-wrapper .download-entry {
  position: relative;
  margin-right: 20px;
}
.Application .Header .msg-wrapper .download-entry .update-tip {
  position: absolute;
  top: 1px;
  right: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
}
.Application .Header .msg-wrapper .dept-msg {
  padding: 5px 20px;
  border-right: 2px solid #fff;
}
.Application .Header .msg-wrapper .user-msg {
  padding: 5px 0 5px 20px;
}
.Application .Header .msg-wrapper .user-msg .email {
  margin: 0 10px;
}
.Application .Header .msg-wrapper .user-msg .anticon {
  font-size: 18px;
}
.Application .Header .msg-wrapper .user-msg .login-icon {
  margin-left: 20px;
}
.Application .sdc-friend-link {
  padding: 0;
}
.Application .sdc-friend-link path {
  fill: #fff;
}
.Application .manager-container {
  height: calc(100% - 50px);
  display: flex;
  padding: 6px 4px;
}
.Application .manager-container .left-menu {
  flex: 0 0 300px;
  padding: 16px;
  overflow-y: auto;
}
.Application .manager-container .left-menu .project-selector .label {
  color: #018383;
}
.Application .manager-container .left-menu .MenuBar {
  margin-top: 20px;
}
.Application .manager-container .left-menu .create-btn {
  width: 100%;
  margin-top: 20px;
}
.Application .manager-container .right-content {
  flex: 1 1 auto;
  margin-left: 4px;
}
.Application .manager-container .container {
  position: relative;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
}
.Application .Uploader {
  height: inherit;
  width: inherit;
}
.Home {
  height: calc(100% - 50px);
  overflow: auto;
  padding: 32px;
}
.Home .entry-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 420px);
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1500px;
  padding: 32px 0;
  margin: 0 auto;
}
.Home .entry {
  display: flex;
  width: 420px;
  height: 155px;
  padding: 40px;
  color: #000;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
.Home .entry:hover {
  border-color: #1089FF;
}
.Home .entry .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 72px;
  position: relative;
  font-size: 40px;
  border: 1px solid #1089FF;
  border-radius: 50%;
  color: #1089FF;
  background-color: #E5E5E5;
}
.Home .entry .logo::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Home .entry .text {
  flex: 1 1 auto;
  padding-left: 25px;
}
.Home .entry .text .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.Home .entry .text .info-tip {
  color: #90949c;
  font-size: 14px;
}
.Home .TeamCard {
  border: 2px solid #ccc;
}
.Home .TeamCard.is-open > .content {
  max-height: 1300px;
}
.Home .TeamCard.is-open .header-bar .anticon-double-right {
  transform: rotate(-90deg);
}
.Home .TeamCard > .content {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.5s ease;
}
.Home .TeamCard .header {
  background-color: #dadfe3;
}
.Home .TeamCard .header-bar {
  cursor: pointer;
}
.Home .TeamCard .header-bar .anticon-double-right {
  transform: rotate(90deg);
}
.Home .TeamCard .header-bar .title .anticon {
  margin-right: 16px;
}
.Home .ApplicationHeader {
  background-color: #dadfe3;
  margin-bottom: 32px;
  padding: 16px;
  border: 2px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.Home .ApplicationHeader .anticon-double-right {
  float: right;
  transform: rotate(90deg);
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
}
.Home .ApplicationHeader.is-expand .anticon-double-right {
  transform: rotate(-90deg);
}
.mkt-default-btn.ant-btn:not(:disabled),
.mkt-default-btn .button:not(:disabled) {
  color: #1089ff !important;
  border: solid 1px #a3d0fd !important;
  background-color: #e6f1fc !important;
}
.mkt-default-select .ant-input-affix-wrapper .ant-input:not(:disabled) {
  border: solid 1px #a3d0fd;
  color: #1089ff;
  background-color: #e6f1fc;
}
.mkt-default-select .ant-input-affix-wrapper .ant-input:not(:disabled)::placeholder {
  color: #1089ff;
}
.mkt-default-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  border: solid 1px #a3d0fd;
  color: #1089ff;
  background-color: #e6f1fc;
  box-shadow: none;
}
.mkt-default-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.mkt-default-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  border: solid 1px #a3d0fd;
  color: #1089ff;
  background-color: #e6f1fc;
  box-shadow: none;
}
.mkt-default-table .TableHeader-wrap .TableHeader-row .TableHeader-cell {
  font-weight: bold;
  font-size: 12px;
}
.mkt-default-table .TableHeader-wrap .TableHeader-row .TableHeader-cell .caret-wrapper:before {
  top: 3px;
}
.mkt-default-table .TableHeader-wrap .TableHeader-row .TableHeader-cell .caret-wrapper:after {
  bottom: 3px;
}
.mkt-default-table .TableBody-wrap.TableBody-fullHeight {
  padding-top: 0;
}
.mkt-default-table .TableBody-wrap .TableBody .TableBody-row {
  font-size: 12px;
}
.mkt-default-table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell {
  padding: 6px;
  color: #000;
  overflow: hidden;
}
.mkt-default-table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell .ant-skeleton-paragraph > li {
  height: 12px;
  margin-top: 4px;
}
.mkt-default-table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell .ant-skeleton-paragraph > li:first-child {
  margin-top: 0;
}
.mkt-default-table .TableBody-wrap .TableFooter-wrap .TableFooter-row .TableFooter-cell {
  font-weight: bold;
  font-size: 12px;
}

.Agreement {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
}
@media (orientation: landscape) {
  .Agreement body {
    -webkit-text-size-adjust: 100%;
  }
}
.Agreement * {
  margin: 0;
  padding: 0;
}
.Agreement body {
  font: 14px/150% "微软雅黑", "宋体", Arial;
  color: #333;
  background: #fff;
}
.Agreement a {
  color: #0000cb;
  cursor: pointer;
}
.Agreement a:hover {
  text-decoration: underline;
}
.Agreement h1 {
  padding: 0;
  margin: 0;
}
.Agreement #container {
  padding: 20px;
  border: 1px #656565 solid;
  margin: 0 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.Agreement fieldset {
  margin: 10px 0;
  border: #fff solid 1px;
  border-top-color: #ccc;
}
.Agreement legend {
  margin: 0 0 0 12px;
  padding: 0 5px;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
.Agreement .clause {
  padding: 8px 15px;
  margin: 5px;
}
.Agreement .clause p {
  font-size: 14px;
  text-indent: 2em;
  line-height: 150%;
}
.Agreement .clause .unline {
  text-decoration: underline;
  color: #000;
}
.Agreement #btn {
  border-top: 1px solid #ededed;
  background: #f8f8f8;
  align: center;
}
.Agreement #btn {
  padding: 10px 5px ;
  text-indent: 0;
  background: #f8f8f8;
  border-top: #ededed;
  border-radius: 0 0 5px 5px ;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  text-align: center;
}
.Agreement #btn input {
  border: 0;
  text-indent: 0;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 100%;
  border: 1px solid #82a0be;
  background: -webkit-gradient(linear, 0 0, 0 47%, from(#e4edf6), to(#c6d4e2));
  background: -moz-linear-gradient(top, #e4edf6, #c6d4e2 47%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
  color: #3c638b;
  font-weight: bold;
}
.Agreement #inner-table {
  width: 100%;
  border-collapse: collapse;
}
.Agreement #inner-table td {
  padding: 0px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #444;
}

.Overview {
  background: #fff;
}
.Overview .main-title {
  margin-top: 20px;
}
.Overview .main-desc {
  color: rgba(0, 0, 0, 0.65);
}
.Overview .header {
  text-align: center;
}
.Overview .main-content {
  display: flex;
  justify-content: center;
}
.Overview .item-container {
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #ddd;
  display: flex;
}
.Overview .item-container .left-tag {
  background-color: #2f54eb;
  color: #fff;
  flex: 0 0 180px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Overview .item-container .left-tag .item-title {
  color: #fff;
}
.Overview .item-container .desc-text {
  padding: 16px;
}
.Overview .items-container {
  display: flex;
  flex-direction: column;
}
.Overview .items-container .item-container {
  width: 600px;
  padding: 32px;
  margin-bottom: 32px;
}
.Overview .footer {
  background: #394959;
  color: #fff;
  padding: 32px;
  height: 240px;
  display: flex;
}
.Overview .footer .logo-area {
  margin-left: 120px;
}
.Overview .footer .logo-area .logo {
  position: relative;
  font-size: 30px;
  padding-left: 50px;
}
.Overview .footer .logo-area .logo .icn-logo {
  position: absolute;
  left: 0;
  top: -17px;
  font-size: 52px;
}
.Overview .footer .link-area {
  margin-left: 120px;
}
.Overview .footer .link-area a {
  color: #e6f7ff;
  font-size: 16px;
  text-decoration: underline;
}

.AiDashBoardLogin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url(/static/71e7ef78fddc2233.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.AiDashBoardLogin .login-container {
  display: flex;
  width: 640px;
  height: 280px;
  padding: 30px 20px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.AiDashBoardLogin .login-container .system-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40%;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
}
.AiDashBoardLogin .login-container .system-desc .icn-ai-intelligent {
  color: #fff;
  font-size: 60px;
  margin-bottom: 20px;
}
.AiDashBoardLogin .login-container .system-desc .title {
  font-size: 24px;
  font-weight: 700;
}
.AiDashBoardLogin .login-container .login-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 60%;
}
.AiDashBoardLogin .login-container .login-entry .subtitle {
  font-family: Comic Sans Ms;
  font-size: 28px;
  font-weight: 700;
}
.AiDashBoardLogin .login-container .login-entry .login-btn {
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin-top: 40px;
  background-color: #0b88ff;
  font-size: 16px;
  color: white;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: #ffffff solid 0px;
  border-radius: 10px;
  text-align: center;
}
.AiDashBoardLogin .login-container .login-entry .login-btn .anticon {
  margin-left: 10px;
}
.AiDashBoardLogin .login-container .login-entry .login-btn:hover {
  background-color: #0979e4;
}

.CommonModal .header {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: dashed 1px #1089FF;
}
.CommonModal .modal-header-content {
  display: flex;
  position: relative;
  justify-content: space-between;
  color: #1089FF;
  font-weight: 800;
  line-height: 22px;
}
.CommonModal .modal-header-content .anticon-close-circle {
  line-height: 22px;
}
.CommonModal .modal-header-content::before {
  position: absolute;
  left: -24px;
  top: -16px;
  content: '';
  width: 6px;
  height: 45px;
  background-color: #1089FF;
}
.CommonModal .ant-modal-footer {
  border-top: none;
}

.AiAdvertisers .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.RealTimeBoard {
  padding: 10px 0;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.RealTimeBoard .header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-bottom: 10px;
}
.RealTimeBoard .header .title {
  font-size: 22px;
  font-weight: 700;
}
.RealTimeBoard .header .team-select {
  margin-left: 10px;
}
.RealTimeBoard .header .sdc-friend-link {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.RealTimeBoard .header .sdc-friend-link svg {
  width: 16px;
  height: 16px;
}
.RealTimeBoard .header .sdc-friend-link path {
  fill: #fff;
}
.RealTimeBoard .RealTimeBoardFilter {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #fff;
}
.RealTimeBoard .RealTimeBoardFilter .f-right,
.RealTimeBoard .RealTimeBoardFilter .f-left {
  display: flex;
  align-items: center;
}
.RealTimeBoard .RealTimeBoardFilter .date-wrapper {
  margin-right: 10px;
}
.RealTimeBoard .RealTimeBoardFilter .monitor-manage {
  cursor: pointer;
}
.RealTimeBoard .RealTimeBoardFilter .monitor-manage .anticon-import {
  transform: rotate(180deg);
  margin-left: 5px;
}
.RealTimeBoard .RealTimeBoardContent {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.RealTimeBoard .RealTimeBoardContent .insight-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.RealTimeBoard .RealTimeBoardContent .insight-item .value {
  font-weight: bold;
}
.RealTimeBoard .RealTimeBoardContent .overview-insights {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40%;
}
.RealTimeBoard .RealTimeBoardContent .overview-insights .insight-item {
  width: 30%;
  height: 100%;
  font-size: 22px;
}
.RealTimeBoard .RealTimeBoardContent .overview-insights .insight-item .value {
  font-size: 26px;
}
.RealTimeBoard .RealTimeBoardContent .data-insights {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
  flex-wrap: wrap;
}
.RealTimeBoard .RealTimeBoardContent .data-insights .insight-item {
  flex: 0 0 16.6%;
  height: 50%;
  font-size: 16px;
}
.RealTimeBoard .RealTimeBoardContent .data-insights .insight-item .value {
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .RealTimeBoard .RealTimeBoardContent .data-insights .insight-item {
    font-size: 14px;
  }
}

.DashboardOptimization .optimization-table {
  display: block;
  height: calc(100% - 30px);
  border-collapse: separate;
  border-spacing: 8px 8px;
  overflow-y: auto;
}
.DashboardOptimization .optimization-table tr {
  width: 100%;
}
.DashboardOptimization .optimization-table td {
  text-align: center;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.1);
}

.DashboardRecords {
  width: 100%;
}
.DashboardRecords .record-list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.DashboardRecords .record-list .record-row {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 36px;
}
.DashboardRecords .record-list .record-row .create-time,
.DashboardRecords .record-list .record-row .msg {
  flex-shrink: 0;
}
.DashboardRecords .record-list .record-row .entity {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 1920px) {
  .DashboardRecords .record-list .record-row .entity {
    max-width: 520px;
  }
}
@media screen and (max-width: 1600px) {
  .DashboardRecords .record-list .record-row .entity {
    max-width: 380px;
  }
}
@media screen and (max-width: 1440px) {
  .DashboardRecords .record-list .record-row .entity {
    max-width: 350px;
  }
}
@media screen and (max-width: 1366px) {
  .DashboardRecords .record-list .record-row .entity {
    max-width: 320px;
  }
}
@media screen and (max-width: 1280px) {
  .DashboardRecords .record-list .record-row .entity {
    max-width: 300px;
  }
}

.StrategyPopover .ant-popover-inner-content {
  width: 500px;
}
.StrategyPopover .ant-popover-inner-content .tips {
  padding: 15px;
}
.StrategyPopover .ant-popover-inner-content .tips .title {
  margin-bottom: 20px;
}
.StrategyPopover .ant-popover-inner-content .tips .strategies .header-row {
  font-weight: bold;
}
.StrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item {
  display: flex;
  align-items: center;
}
.StrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item + .strategy-item {
  margin-top: 10px;
}
.StrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item .strategy {
  flex: 0 0 120px;
}
.StrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item .actions {
  white-space: nowrap;
}

.DashboardManager {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: linear-gradient(to right, #37306b, #573679, #9a208c);
  overflow: hidden;
}
.DashboardManager .DashModule {
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.DashboardManager .DashModule .module-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.DashboardManager .DashModule .module-title .anticon-question-circle {
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.DashboardManager .DashModule .flexable-chart-wrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 34px);
}
.DashboardManager .DashModule .flexable-chart-wrapper > div {
  height: 100%!important;
}
.DashboardManager .board-left {
  flex: 0 0 70%;
  height: 100%;
}
.DashboardManager .board-left .board-left-top {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(60% - 15px);
  margin-bottom: 15px;
}
.DashboardManager .board-left .board-left-top .left {
  height: 100%;
  flex: 0 0 30%;
}
.DashboardManager .board-left .board-left-top .left .AutoControl {
  height: calc(50% - 15px);
  margin-bottom: 15px;
}
.DashboardManager .board-left .board-left-top .left .StrategyRatio {
  height: 50%;
}
.DashboardManager .board-left .board-left-top .right {
  height: 100%;
  flex: 0 0 calc(70% - 15px);
  margin-left: 15px;
}
.DashboardManager .board-left .board-left-top .right .RealTimeBoard {
  height: 100%;
}
.DashboardManager .board-left .board-left-bottom {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40%;
}
.DashboardManager .board-left .board-left-bottom .DashboardRecords {
  display: inline-block;
  width: calc(60% - 15px);
  height: 100%;
  margin-right: 15px;
}
.DashboardManager .board-left .board-left-bottom .DashboardOptimization {
  display: inline-block;
  width: 40%;
  height: 100%;
}
.DashboardManager .board-right {
  height: 100%;
  flex: 0 0 calc(30% - 15px);
  margin-left: 15px;
}
.DashboardManager .board-right .LiveMonitor,
.DashboardManager .board-right .AutoBatchCreate {
  height: calc(30% - 15px);
  width: 100%;
  margin-bottom: 15px;
}
.DashboardManager .board-right .MaterialMatch {
  height: 40%;
  width: 100%;
}
.DashboardManager .dashboard-radio-group {
  color: #fff;
}
.DashboardManager .dashboard-radio-group .ant-radio-button-wrapper {
  height: 22px;
  padding: 0 8px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}
.DashboardManager .dashboard-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  border-color: #fff;
  box-shadow: -1px 0 0 0 #fff;
}
.DashboardManager .dashboard-radio-group .RadioGroup:not(.ant-radio-group-solid) .ant-radio-button-wrapper.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.DashboardManager .dashboard-select .ant-input {
  height: 24px;
  line-height: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
}
.DashboardManager .dashboard-select .ant-input:focus {
  box-shadow: none;
}
.DashboardManager .dashboard-select .ant-input::placeholder {
  color: #fff;
}
.DashboardManager .dashboard-select .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border: none;
}
.DashboardManager .dashboard-select .ant-input-suffix {
  color: #fff;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul {
  overflow: auto;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-thumb {
  background: rgba(191, 191, 191, 0.5);
  border-radius: 10px;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 191, 191, 0.8);
}
.DashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-corner {
  background: transparent;
}
.DashboardManager .dashboard-select .ant-select-dropdown ul li:hover,
.DashboardManager .dashboard-select .ant-select-dropdown ul li.active {
  background-color: #f6e5f4;
}
.DashboardManager .dashboard-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.DashboardManager .dashboard-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.DashboardManager .dashboard-scroll::-webkit-scrollbar-thumb {
  background: rgba(191, 191, 191, 0.5);
  border-radius: 10px;
}
.DashboardManager .dashboard-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 191, 191, 0.8);
}
.DashboardManager .dashboard-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
.DashboardManager .ant-spin .ant-spin-dot-item {
  background-color: #fff;
}
.title-tip-popover .ant-popover-inner-content {
  padding: 5px 10px;
}

.AiDashboard {
  width: 100%;
  height: 100%;
}

.OvAiDashBoardLogin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url(/static/83085c351155ca33.png);
  background-repeat: no-repeat;
  background-size: auto;
  color: #fff;
  background-clip: border-box;
  background-position: bottom 0 left 0;
}
.OvAiDashBoardLogin .login-container {
  display: flex;
  width: 640px;
  height: 280px;
  padding: 30px 20px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.OvAiDashBoardLogin .login-container .system-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40%;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
}
.OvAiDashBoardLogin .login-container .system-desc .icn-ai-intelligent {
  color: #fff;
  font-size: 60px;
  margin-bottom: 20px;
}
.OvAiDashBoardLogin .login-container .system-desc .title {
  font-size: 24px;
  font-weight: 700;
}
.OvAiDashBoardLogin .login-container .login-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 60%;
}
.OvAiDashBoardLogin .login-container .login-entry .subtitle {
  font-family: Comic Sans Ms;
  font-size: 28px;
  font-weight: 700;
}
.OvAiDashBoardLogin .login-container .login-entry .login-btn {
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin-top: 40px;
  background-color: #0b88ff;
  font-size: 16px;
  color: white;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: #ffffff solid 0px;
  border-radius: 10px;
  text-align: center;
}
.OvAiDashBoardLogin .login-container .login-entry .login-btn .anticon {
  margin-left: 10px;
}
.OvAiDashBoardLogin .login-container .login-entry .login-btn:hover {
  background-color: #0979e4;
}

.AiAdvertisers .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.OvRealTimeBoard {
  padding: 10px 0;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.OvRealTimeBoard .header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-bottom: 10px;
}
.OvRealTimeBoard .header .title {
  font-size: 22px;
  font-weight: 700;
}
.OvRealTimeBoard .header .team-select {
  margin-left: 10px;
}
.OvRealTimeBoard .header .sdc-friend-link {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.OvRealTimeBoard .header .sdc-friend-link svg {
  width: 16px;
  height: 16px;
}
.OvRealTimeBoard .header .sdc-friend-link path {
  fill: #fff;
}
.OvRealTimeBoard .RealTimeBoardFilter {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #fff;
}
.OvRealTimeBoard .RealTimeBoardFilter .f-right,
.OvRealTimeBoard .RealTimeBoardFilter .f-left {
  display: flex;
  align-items: center;
}
.OvRealTimeBoard .RealTimeBoardFilter .date-wrapper {
  margin-right: 10px;
}
.OvRealTimeBoard .RealTimeBoardFilter .monitor-manage {
  cursor: pointer;
}
.OvRealTimeBoard .RealTimeBoardFilter .monitor-manage .anticon-import {
  transform: rotate(180deg);
  margin-left: 5px;
}
.OvRealTimeBoard .RealTimeBoardContent {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.OvRealTimeBoard .RealTimeBoardContent .insight-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.OvRealTimeBoard .RealTimeBoardContent .insight-item .value {
  font-weight: bold;
}
.OvRealTimeBoard .RealTimeBoardContent .overview-insights {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40%;
}
.OvRealTimeBoard .RealTimeBoardContent .overview-insights .insight-item {
  width: 30%;
  height: 100%;
  font-size: 22px;
}
.OvRealTimeBoard .RealTimeBoardContent .overview-insights .insight-item .value {
  font-size: 26px;
}
.OvRealTimeBoard .RealTimeBoardContent .data-insights {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
  flex-wrap: wrap;
}
.OvRealTimeBoard .RealTimeBoardContent .data-insights .insight-item {
  flex: 0 0 20%;
  height: 50%;
  font-size: 16px;
}
.OvRealTimeBoard .RealTimeBoardContent .data-insights .insight-item .value {
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .OvRealTimeBoard .RealTimeBoardContent .data-insights .insight-item {
    font-size: 14px;
  }
}

.OvDashboardOptimization .optimization-table {
  display: block;
  height: calc(100% - 30px);
  border-collapse: separate;
  border-spacing: 8px 8px;
  overflow-y: auto;
}
.OvDashboardOptimization .optimization-table tr {
  width: 100%;
}
.OvDashboardOptimization .optimization-table td {
  text-align: center;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.1);
}

.OvDashboardRecords {
  width: 100%;
}
.OvDashboardRecords .record-list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.OvDashboardRecords .record-list .record-row {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 36px;
}
.OvDashboardRecords .record-list .record-row .create-time,
.OvDashboardRecords .record-list .record-row .msg {
  flex-shrink: 0;
}
.OvDashboardRecords .record-list .record-row .entity {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 1920px) {
  .OvDashboardRecords .record-list .record-row .entity {
    max-width: 520px;
  }
}
@media screen and (max-width: 1600px) {
  .OvDashboardRecords .record-list .record-row .entity {
    max-width: 380px;
  }
}
@media screen and (max-width: 1440px) {
  .OvDashboardRecords .record-list .record-row .entity {
    max-width: 350px;
  }
}
@media screen and (max-width: 1366px) {
  .OvDashboardRecords .record-list .record-row .entity {
    max-width: 320px;
  }
}
@media screen and (max-width: 1280px) {
  .OvDashboardRecords .record-list .record-row .entity {
    max-width: 300px;
  }
}

.OvStrategyPopover .ant-popover-inner-content {
  width: 300px;
}
.OvStrategyPopover .ant-popover-inner-content .tips {
  padding: 15px;
}
.OvStrategyPopover .ant-popover-inner-content .tips .title {
  margin-bottom: 20px;
}
.OvStrategyPopover .ant-popover-inner-content .tips .strategies .header-row {
  font-weight: bold;
}
.OvStrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item {
  display: flex;
  align-items: center;
}
.OvStrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item + .strategy-item {
  margin-top: 10px;
}
.OvStrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item .strategy {
  flex: 0 0 120px;
}
.OvStrategyPopover .ant-popover-inner-content .tips .strategies .strategy-item .actions {
  white-space: nowrap;
}

.OvDashboardManager {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-image: url(/static/89d084fec6126e00.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.OvDashboardManager .OvDashModule {
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.OvDashboardManager .OvDashModule .module-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.OvDashboardManager .OvDashModule .module-title .anticon-question-circle {
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.OvDashboardManager .OvDashModule .flexable-chart-wrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 34px);
}
.OvDashboardManager .OvDashModule .flexable-chart-wrapper > div {
  height: 100%!important;
}
.OvDashboardManager .board-top {
  display: flex;
  align-items: center;
  height: 55%;
  width: 100%;
}
.OvDashboardManager .board-top .left {
  display: flex;
  flex-direction: column;
  width: 25%;
  height: 100%;
}
.OvDashboardManager .board-top .left .OvAutoControl {
  height: 50%;
}
.OvDashboardManager .board-top .left .OvStrategyRatio {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.OvDashboardManager .board-top .OvRealTimeBoard {
  height: 100%;
  width: calc(50% - 20px);
  margin: 0 10px;
}
.OvDashboardManager .board-top .right {
  height: 100%;
  width: 25%;
}
.OvDashboardManager .board-top .right .OvAutoBatchCreate {
  height: 50%;
}
.OvDashboardManager .board-top .right .OvMaterialMatch {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.OvDashboardManager .board-bottom {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(45% - 10px);
  margin-top: 10px;
}
.OvDashboardManager .board-bottom .OvDashboardRecords {
  width: 58%;
  height: 100%;
}
.OvDashboardManager .board-bottom .OvDashboardOptimization {
  width: calc(43% - 10px);
  height: 100%;
  margin-left: 10px;
}
.OvDashboardManager .dashboard-radio-group {
  color: #fff;
}
.OvDashboardManager .dashboard-radio-group .ant-radio-button-wrapper {
  height: 22px;
  padding: 0 8px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}
.OvDashboardManager .dashboard-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  border-color: #fff;
  box-shadow: -1px 0 0 0 #fff;
}
.OvDashboardManager .dashboard-radio-group .RadioGroup:not(.ant-radio-group-solid) .ant-radio-button-wrapper.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.OvDashboardManager .dashboard-select .ant-input {
  height: 24px;
  line-height: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
}
.OvDashboardManager .dashboard-select .ant-input:focus {
  box-shadow: none;
}
.OvDashboardManager .dashboard-select .ant-input::placeholder {
  color: #fff;
}
.OvDashboardManager .dashboard-select .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border: none;
}
.OvDashboardManager .dashboard-select .ant-input-suffix {
  color: #fff;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul {
  overflow: auto;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-thumb {
  background: rgba(191, 191, 191, 0.5);
  border-radius: 10px;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 191, 191, 0.8);
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul::-webkit-scrollbar-corner {
  background: transparent;
}
.OvDashboardManager .dashboard-select .ant-select-dropdown ul li:hover,
.OvDashboardManager .dashboard-select .ant-select-dropdown ul li.active {
  background-color: #f6e5f4;
}
.OvDashboardManager .dashboard-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.OvDashboardManager .dashboard-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.OvDashboardManager .dashboard-scroll::-webkit-scrollbar-thumb {
  background: rgba(191, 191, 191, 0.5);
  border-radius: 10px;
}
.OvDashboardManager .dashboard-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 191, 191, 0.8);
}
.OvDashboardManager .dashboard-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
.OvDashboardManager .ant-spin .ant-spin-dot-item {
  background-color: #fff;
}
.title-tip-popover .ant-popover-inner-content {
  padding: 5px 10px;
}

.OvAiDashboard {
  width: 100%;
  height: 100%;
}

.CarouselsManager {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.CarouselsManager .carousels-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}
.CarouselsManager .carousels-list .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24%;
  margin-left: 0.8%;
  margin-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.1);
}
.CarouselsManager .carousels-list .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

.CommonQueueList {
  height: calc(100% - 80px);
  padding: 5px 20px;
}
.CommonQueueList .ant-spin-nested-loading {
  height: calc(100% - 60px);
}
.CommonQueueList .ant-spin-container {
  height: 100%;
}
.CommonQueueList .ant-btn-danger {
  margin-left: 10px;
}
.CommonQueueList .ant-pagination {
  margin-top: 15px;
  text-align: center;
}
.CommonQueueList .error-status .operation-btns {
  display: flex;
}
.CommonQueueList .error-status .operation-btns .ant-btn {
  padding: 0;
}
.CommonQueueList .error-status .operation-btns .ant-btn + .ant-btn {
  margin-left: 20px;
}
.CommonQueueList .error-status .error {
  color: red;
  cursor: text;
}
.CommonQueueList .link {
  color: #1089FF;
}

.CommonTemplateList {
  height: calc(100% - 90px);
}
.CommonTemplateList > .ant-spin-nested-loading {
  padding-top: 12px;
  height: 100%;
}
.CommonTemplateList > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.CommonTemplateList .ant-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.CommonTemplateList .status-cell.ERROR {
  color: red;
}
.CommonTemplateList .status-cell.DONE {
  color: #40a9ff;
}

.CommonRecordList {
  height: calc(100% - 90px);
}
.CommonRecordList > .ant-spin-nested-loading {
  padding-top: 12px;
  height: 100%;
}
.CommonRecordList > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.CommonRecordList .ant-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.CommonRecordList .status-cell.ERROR {
  color: red;
}
.CommonRecordList .status-cell.DONE {
  color: #40a9ff;
}

.auto-create-time-picker .ant-calendar-header .ant-calendar-ym-select {
  display: none;
}
.auto-create-time-picker .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: none;
}
.auto-create-time-picker .ant-calendar-time-picker {
  top: 0;
}
.auto-create-time-picker .ant-calendar-time-picker-select {
  height: 266px;
}

.SelectedTable {
  margin: 10px 0;
}
.SelectedTable .error {
  margin: 5px 0;
  color: var(--edt-error-color);
}

.AppAdder .ant-spin-container {
  display: flex;
}
.AppAdder .ant-spin-container .Uploader {
  width: 150px;
  height: 100px;
}
.AppAdder .right-content {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: 60px;
  color: #b7c3cc;
}
.AppAdder .right-content:before {
  content: '';
  position: absolute;
  left: -80px;
  top: 10px;
  width: 60px;
  height: 1px;
  background-color: #8ec7ec;
}
.AppAdder .right-content:after {
  content: '';
  position: absolute;
  left: -20px;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #8ec7ec;
  border-radius: 50%;
}
.AppAdder .right-content > div {
  width: 400px;
  height: 60px;
  margin: 5px 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.AppAdder .right-content .google-url-pic {
  background-image: url(/static/793a3ce8aa9bd657.png);
}
.AppAdder .right-content .app-url-pic {
  background-image: url(/static/cec9286aaf84383d.png);
}
.AppAdder .form {
  flex: 1;
}
.AppAdder .platform-select .ant-spin-container {
  display: block;
}
.AppAdder .application-icon {
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  box-sizing: content-box;
}
.AppAdder .application-icon .delete-icon {
  position: absolute;
  right: -20px;
  top: 0;
}

.AppManager .Filter {
  padding: 14px 20px;
}
.AppManager .Filter .right-wrapper {
  display: flex;
  align-items: center;
}
.AppManager .Filter .right-wrapper .platform-wrapper .controls {
  width: 300px;
}
.AppManager .Filter .right-wrapper .search {
  margin: 0 15px;
}
.AppManager .Filter .right-wrapper .sort-wrapper {
  display: inline-block;
}
.AppManager .Filter .right-wrapper .sort-wrapper span {
  margin: 0 10px;
  cursor: pointer;
}
.AppManager .Filter .right-wrapper .sort-wrapper .isActive {
  color: #3690FD;
}

.AppList .empty {
  padding: 20px;
  text-align: center;
}
.AppList .loader-items {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.AppList .loader-items .application-item {
  width: 18%;
  height: 160px;
  padding: 15px;
  margin: 20px 1%;
  border: 1px solid #BBB;
  border-radius: 10px;
  box-sizing: border-box;
}
.AppList .loader-items .application-item .detail {
  display: flex;
  max-height: 80px;
}
.AppList .loader-items .application-item .detail img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 6px;
}
.AppList .loader-items .application-item .detail .description {
  width: calc(100% - 100px);
}
.AppList .loader-items .application-item .detail .description .name {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  display: -webkit-box;
  height: 60px;
  line-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.AppList .loader-items .application-item .detail .description .app-info {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AppList .loader-items .application-item .detail .description .app-info .anticon {
  margin-right: 10px;
  font-size: 20px;
}
.AppList .loader-items .application-item .detail .description .app-info .apple {
  color: #3690FD;
}
.AppList .loader-items .application-item .detail .description .app-info .android {
  color: #98cb00;
}
.AppList .loader-items .application-item .detail .description .app-info span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AppList .loader-items .application-item .operation {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  margin: 5px 0;
}
.AppList .loader-items .application-item .operation .url {
  white-space: pre;
  color: #3690FD;
}
.AppList .loader-items .application-item .operation .delete-btn {
  position: absolute;
  right: 10px;
  color: #3690FD;
  cursor: pointer;
}



.AudienceFilter {
  margin-bottom: 20px;
}
.AudienceFilter .filter-item,
.AudienceFilter .ProjectSelector {
  margin-right: 20px;
}
.AudienceFilter .left-area {
  display: flex;
  align-items: center;
}

.RecordList {
  height: calc(100% - 90px);
}
.RecordList > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.RecordList > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.RecordList .ant-pagination {
  text-align: center;
}
.RecordList .RecordListFilter .f-right {
  display: flex;
}
.RecordList .RecordListFilter .ant-input-group-wrapper {
  margin: 0 10px;
}
.RecordList .RecordListFilter .Select {
  margin-left: 10px;
}

.DownloadManager {
  height: calc(100% - 100px);
  margin: 25px;
  padding: 20px;
  background-color: #fff;
}
.DownloadManager .DownloadManagerFilter {
  margin-bottom: 15px;
}
.DownloadManager .DownloadManagerFilter .f-right,
.DownloadManager .DownloadManagerFilter .f-left {
  display: flex;
  align-items: center;
}
.DownloadManager .DownloadManagerFilter .f-right > div,
.DownloadManager .DownloadManagerFilter .f-left > div {
  margin-right: 10px;
}
.DownloadManager .DownloadManagerFilter .f-right .Select,
.DownloadManager .DownloadManagerFilter .f-left .Select {
  height: 38px;
}
.DownloadManager > .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.DownloadManager > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.DownloadManager .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.LandingPageMainFilter {
  padding: 16px;
  border-bottom: solid 1px #ddd;
  background: #f5f5f5;
}
.LandingPageMainFilter .f-left,
.LandingPageMainFilter .f-right {
  display: flex;
  align-items: center;
}
.LandingPageMainFilter .f-left .Select,
.LandingPageMainFilter .f-right .Select {
  margin-right: 10px;
}

.RtaMainFilter {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fff;
}
.RtaMainFilter .Select.multiple .labels {
  display: flex;
  min-height: 32px;
}
.RtaMainFilter .Select.multiple .labels li:not(:last-child) {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.RtaMainFilter .PlatformSelector {
  margin-left: 10px;
}

.RtaManagerFilter {
  margin-bottom: 10px;
}
.RtaManagerFilter .ant-btn + .ant-btn {
  margin-left: 10px;
}

.MenuBar .category-item {
  margin-bottom: 8px;
  line-height: 40px;
  background-color: #f5f5f5;
  cursor: pointer;
}
.MenuBar .category-item .category-name {
  display: block;
  position: relative;
  font-weight: bold;
  padding: 0 16px;
  border-radius: 2px;
  color: #979595;
}
.MenuBar .category-item .category-name.active,
.MenuBar .category-item .category-name:hover {
  color: #1989FA;
}
.MenuBar .category-item .category-name.active + .children-items {
  display: block;
}
.MenuBar .category-item .category-name.active .toggle-icon {
  transform: rotate(90deg);
}
.MenuBar .category-item .category-name .anticon {
  font-size: 16px;
  margin-right: 8px;
}
.MenuBar .category-item .category-name .anticon.toggle-icon {
  position: absolute;
  margin-right: 0;
  right: 10px;
  top: 12px;
}
.MenuBar .category-item.expanded .children-items {
  display: block;
}
.MenuBar .children-items {
  display: none;
  padding-left: 26px;
  line-height: 32px;
  background-color: #fff;
}
.MenuBar .children-items .child-item {
  display: block;
  padding-left: 22px;
  color: #979595;
}
.MenuBar .children-items .child-item .anticon {
  padding-right: 8px;
  margin-left: -22px;
}
.MenuBar .children-items .child-item:hover,
.MenuBar .children-items .child-item.active {
  color: #1089FF;
}

.MinimizedButton {
  position: absolute;
  width: 20px;
  height: 100px;
  padding: 8px 0;
  margin: 0;
  transition: opacity 0.2s ease-in-out 0s;
  opacity: 0;
  z-index: 1000;
  cursor: pointer;
}
.MinimizedButton .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #8d9ea7;
  background-color: #fff;
  box-shadow: 6px 0px 8px #ddd;
}
.MinimizedButton .icon-wrapper .anticon {
  transition: all 0.3s;
}
.MinimizedButton.minimized {
  opacity: 0.6;
}
.MinimizedButton.minimized .anticon {
  transform: rotate(180deg);
}
.MinimizedButton::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-width: 0px 20px 8px 0px;
  border-color: #fff transparent;
  border-style: solid;
  z-index: 1;
}
.MinimizedButton::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 8px 20px 0 0;
  border-color: #fff transparent;
  border-style: solid;
  z-index: 1;
}
.MinimizedButton.right {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
.MinimizedButton.left {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
}
.MinimizedButton.bottom {
  top: 100%;
  right: 50%;
  transform: translate(0, -50%) rotate(90deg);
  transform-origin: 0 center;
}
.MinimizedButton.top {
  bottom: 100%;
  right: 50%;
  transform: translate(0, 50%) rotate(-90deg);
  transform-origin: 0 center;
}
.Minimizedwrapper {
  position: relative;
  transition: all 0.2s;
}
.Minimizedwrapper:hover .MinimizedButton {
  opacity: 1;
}
.Minimizedwrapper.minimized > :not(.MinimizedButton) {
  display: none;
}

.ManagePageLayout {
  display: flex;
  height: calc(100% - 90px);
  margin: 20px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.ManagePageLayout .left-container {
  flex: 0 0 300px;
  padding: 10px 20px;
  border-right: 1px solid #BBB;
}
.ManagePageLayout .left-container.minimized {
  flex: none;
  padding: 10px 0;
  border-right: none;
}
.ManagePageLayout .left-container .manage-menu .category-item {
  background-color: transparent;
}
.ManagePageLayout .left-container .manage-menu .category-item .anticon-link {
  transform: rotate(45deg);
}
.ManagePageLayout .left-container .manage-menu .category-item .category-name {
  user-select: none;
}
.ManagePageLayout .left-container .manage-menu .category-item .category-name .toggle-icon {
  font-size: 12px;
}
.ManagePageLayout .left-container .manage-menu .category-item .category-name.active .toggle-icon {
  transform: rotate(180deg);
}
.ManagePageLayout .right-container {
  flex: 1;
  padding: 20px 40px;
  overflow: auto;
}

.ContentLayout {
  height: 100%;
  padding: 16px 16px 0 16px;
}
.ContentLayout .header-content {
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.ContentLayout .table-content {
  overflow: auto;
  height: calc(100% - 60px);
}

.Layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.Layout > .header {
  background-color: #fff;
}
.Layout > .header .title {
  height: 60px;
  padding: 15px;
  line-height: 30px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #E1E0E0;
}
.Layout > .content {
  flex: 1;
  width: calc(100% - 20px);
  margin: 10px;
  overflow-y: auto;
}
.Layout > .content > .ant-spin-nested-loading {
  height: 100%;
}
.Layout > .content > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.CustomInsight .ant-popover-inner {
  overflow-y: hidden;
}
.CustomInsight .ant-popover-inner-content {
  padding: 2px 0;
}
.CustomInsight .insight-content {
  display: flex;
}
.CustomInsight .insight-content .insight-filter {
  width: 540px;
  border-right: 1px solid #DDDDDD;
}
.CustomInsight .insight-content .insight-filter .title {
  position: relative;
  height: 40px;
  padding-left: 15px;
  margin: 0;
  line-height: 40px;
  border-bottom: 1px solid #DDDDDD;
  text-align: left;
  font-weight: bold;
}
.CustomInsight .insight-content .insight-filter .title .sub-title {
  margin-left: 4px;
  font-size: 12px;
  font-weight: normal;
  color: #9d9d9d;
}
.CustomInsight .insight-content .insight-filter .title .expand-icon {
  position: absolute;
  right: 10px;
  font-size: 14px;
}
.CustomInsight .insight-content .insight-filter .keywordArea {
  padding: 9px 10px;
}
.CustomInsight .insight-content .insight-filter .keywordArea .MyInput {
  width: 100%;
}
.CustomInsight .insight-content .insight-filter .Tree {
  padding: 4px 1px;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-options {
  height: 500px;
  padding: 0 1px;
  overflow: auto;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-options .my-tree-node-children {
  display: flex;
  flex-wrap: wrap;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-options .my-tree-node-children .my-tree-node {
  width: 33.33%;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-options .my-tree-node-children .my-tree-node .my-tree-node-label {
  width: calc(100% - 25px);
}
.CustomInsight .insight-content .insight-filter .Tree .tree-options .my-tree-node-children .my-tree-node .ant-checkbox-wrapper {
  position: absolute;
  top: 0;
  left: 16px;
  width: 25px;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-item-label-dom {
  display: flex;
  align-items: center;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-item-label-dom > span {
  display: inline-block;
  width: calc(100% - 20px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.CustomInsight .insight-content .insight-filter .Tree .tree-item-label-dom .anticon {
  margin: 0 3px;
  cursor: pointer;
  color: #969595;
}
.CustomInsight .insight-content .insight-sortable {
  position: relative;
  width: 280px;
}
.CustomInsight .insight-content .insight-sortable .legend {
  line-height: 40px;
  color: #101010;
}
.CustomInsight .insight-content .insight-sortable .title {
  height: 40px;
  padding-left: 15px;
  margin: 0;
  line-height: 40px;
  border-bottom: 1px solid #DDDDDD;
  text-align: left;
  font-weight: bold;
}
.CustomInsight .insight-content .insight-sortable .selected-insight {
  height: 512px;
  padding: 4px 15px 44px;
  overflow: auto;
}
.CustomInsight .insight-content .insight-sortable .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  margin: 0;
  line-height: 40px;
  border-top: 1px solid #DDDDDD;
  text-align: right;
  font-weight: bold;
  cursor: pointer;
}
.CustomInsight .insight-content .insight-sortable .footer .ant-btn + .ant-btn {
  margin-left: 8px;
}
.CustomInsight .insight-content .insight-sortable .fixed-columns-tree {
  background: #fff;
  box-shadow: 0 0 1px 1px #ddd;
}
.CustomInsight .insight-content .insight-sortable .fixed-columns-tree .my-tree-node-expand-icon {
  display: none;
}
.CustomInsight .insight-content .insight-sortable .fixed-columns-tree .anticon-lock {
  margin: 0 6px 0 10px;
}
.CustomInsight .insight-content .insight-shortcuts {
  width: 200px;
  border-right: 1px solid #DDDDDD;
}
.CustomInsight .insight-content .insight-shortcuts .content {
  max-height: 510px;
  padding: 10px 0;
  overflow-y: auto;
}
.CustomInsight .insight-content .insight-shortcuts .content .save-button {
  width: 100%;
  margin: 0;
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li {
  display: flex;
  height: 36px;
  padding-right: 0;
  line-height: 36px;
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li:hover .button-wrapper {
  display: inline-block;
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li:after {
  left: 0;
  right: 100%;
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li .label {
  user-select: none;
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li .button-wrapper {
  display: none;
  position: absolute;
  right: 0;
  color: rgba(0, 0, 0, 0.65);
}
.CustomInsight .insight-content .insight-shortcuts .content .shortcuts-list li .ant-input {
  margin-right: 50px;
  border: none;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.CustomInsight .insight-content .insight-shortcuts .title {
  height: 40px;
  padding-left: 15px;
  margin: 0;
  line-height: 40px;
  border-bottom: 1px solid #DDDDDD;
  text-align: left;
  font-weight: bold;
}
.sortable-insight-item {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 30px 0 20px;
  line-height: 32px;
  box-shadow: 0 0 1px 1px #ddd;
  background: #fff;
  user-select: none;
  z-index: 1100;
}
.sortable-insight-item.sort-disabled {
  color: #aaa;
}
.sortable-insight-item.sort-disabled .sortable-area {
  cursor: not-allowed;
}
.sortable-insight-item .move-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #999;
}
.sortable-insight-item .sortable-area {
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  cursor: move;
}
.sortable-insight-item .close {
  position: absolute;
  right: 8px;
  top: 0;
  color: #9d9d9d;
  cursor: pointer;
}

.GlobalFilterPopover {
  padding: 0;
  width: 200px;
}
.GlobalFilterPopover .Tree {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.GlobalFilterPopover .ant-popover-arrow {
  display: none;
}
.GlobalFilterPopover .ant-popover-inner {
  border: 1px solid #dadcde;
}
.GlobalFilterPopover .ant-popover-inner-content {
  padding: 0;
}
.GlobalFilterPopover .keyword-filter {
  max-height: 400px;
  overflow-y: auto;
}
.GlobalFilterPopover .keyword-filter li {
  display: flex;
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}
.GlobalFilterPopover .keyword-filter li .label {
  flex: 1 1 auto;
}
.GlobalFilterPopover .keyword-filter li:hover {
  background-color: #e4e8f1;
}
.filter-result {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.filter-result > li {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  background: #c4d2e7;
  border: solid 1px #9cb4d8;
  border-radius: 4px;
  margin: 0 4px;
  padding: 0 4px;
  white-space: nowrap;
}
.filter-result > li .label {
  color: #666;
}
.filter-result > li .anticon-close {
  font-size: 10px;
  margin-left: 10px;
  color: #999;
  cursor: pointer;
}
.filter-result > li .Select {
  height: 25px;
  line-height: 25px;
  margin-bottom: 3px;
}
.filter-result > li .Select .ant-input {
  height: 25px;
}
.filter-result > li .date-range-picker-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.filter-result > li .date-range-picker-wrapper .ant-calendar-picker-input {
  height: 24px;
  font-size: 12px;
  text-align: center;
  padding: 2px 0 0;
}
.filter-result .Select.multiple .ant-input-affix-wrapper .ant-input {
  min-height: auto;
}
.filter-result .Select.multiple .labels {
  min-height: 24px;
}
.filter-result .ConditionTagsFilter {
  line-height: 1;
  margin-bottom: 4px;
}
.filter-result .ConditionTagsFilter .ant-tag {
  color: #333;
  line-height: 24px;
  height: 24px;
}
.filter-result .ConditionTagsFilter .ant-btn-link {
  color: #666;
  height: 24px;
  font-size: 13px;
}
.filter-result .ConditionTagsFilter .anticon-close:hover {
  color: #999;
}
.filter-result .AdvancedSearch {
  vertical-align: middle;
}

.SimpleTextEditor .anticon-edit {
  display: none;
  color: #929598;
  cursor: pointer;
  margin-left: 6px;
  font-size: 15px;
}
.SimpleTextEditor .anticon-edit:hover {
  color: #444950;
}
.SimpleTextEditor .active-content {
  display: inline-block;
  border: 1px solid #d9d9d9;
  padding: 6px;
}
.SimpleTextEditor .active-content .MyInput {
  border: none;
  border-left: solid 1px #d9d9d9;
  border-radius: 0;
  margin-left: 4px;
}
.SimpleTextEditor:hover .anticon-edit {
  display: inline-block;
}

.EmailCreateModal .period-radio-group .ant-radio-wrapper {
  line-height: 40px;
}
.EmailCreateModal .period-radio-group .showhiddenErrorMsg {
  line-height: 20px;
}
.EmailCreateModal .DataFilter .CommonFilter {
  display: flex;
  flex-direction: column;
}
.EmailCreateModal .DataFilter .CommonFilter .filter-result {
  display: flex;
  flex-direction: column;
}
.EmailCreateModal .DataFilter .CommonFilter .filter-result > li {
  position: relative;
  margin: 5px 0;
  padding: 0 20px;
  max-width: 360px;
  background-color: #F2F2F3;
  border: 1px solid #BBB;
}
.EmailCreateModal .DataFilter .CommonFilter .filter-result > li .anticon-close {
  position: absolute;
  right: 6px;
  top: calc(50% - 6px);
}
.EmailCreateModal .DataFilter .CommonFilter .filter-btn {
  width: 80px;
}
.EmailCreateModal .DataFilter .ConditionTagsFilter .custom-result {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.EmailCreateModal .DataFilter .ConditionTagsFilter .custom-result .condition-label {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.EmailCreateModal .DataFilter .ConditionTagsFilter .add-btn {
  transform: translateY(-2px);
}
.EmailCreateModal .DataFilter .ConditionTagsFilter .tags-wrapper .ant-tag {
  margin: 0;
}
.EmailCreateModal .InsightsWrapper .filter-btn {
  color: rgba(0, 0, 0, 0.65);
  border: solid 1px #d9d9d9;
  background-color: #fff;
  height: 30px;
}
.EmailCreateModal .InsightsWrapper .filter-btn .anticon-caret-down {
  color: rgba(0, 0, 0, 0.25);
}
.EmailCreateModal .InsightsWrapper .filter-btn:hover,
.EmailCreateModal .InsightsWrapper .filter-btn:active {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.EmailCreateModal .SendTime .tips {
  margin-left: 10px;
}
.ConditionTagsFilter-popover {
  width: auto;
  max-width: 500px;
  min-width: 300px;
}
.AdvertiserValuesTooltip .ant-tooltip-content {
  width: auto;
  max-width: 500px;
  min-width: 400px;
}
.AdvertiserValuesTooltip .ant-tooltip-inner {
  padding-left: 25px;
}
.AdvertiserValuesTooltip .ant-tooltip-inner > ul li {
  list-style-type: disc;
}

.AdsEmailReportContent {
  height: calc(100% - 80px);
}
.AdsEmailReportContent .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.AdsEmailReportContent .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AdsEmailReportContent .Table .operation-cell .ant-btn {
  padding: 0 5px;
}
.AdsEmailReportContent .ant-pagination {
  margin: 10px 0;
  text-align: center;
}

.AdsEmailReport {
  margin: 15px;
  padding: 20px;
  height: calc(100% - 30px);
  background-color: #fff;
}
.AdsEmailReport .Filter {
  padding: 12px 0;
}
.AdsEmailReport .Filter .ant-btn {
  margin-left: 0;
}

.ReportManager {
  display: flex;
  height: calc(100% - 90px);
  margin: 20px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.ReportManager .left-container {
  flex: 0 0 300px;
  padding: 10px 20px;
  border-right: 1px solid #BBB;
}
.ReportManager .left-container .report-manage-menu .category-item {
  background-color: transparent;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name {
  user-select: none;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name .toggle-icon {
  font-size: 12px;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name.active .toggle-icon {
  transform: rotate(180deg);
}
.ReportManager .right-container {
  position: relative;
  flex: 1;
  width: calc(100% - 300px);
  background-color: #F2F2F2;
}

.AlarmRules .condition .condition-selector {
  margin-left: 0;
  margin-right: 10px;
}
.AlarmRules .subrule-wrapper,
.AlarmRules .rule-item-wrapper {
  margin-left: 20px;
  padding: 10px 20px;
  border-left: 1px solid #d9d9d9;
}
.AlarmRules .subrule-wrapper .condition-selector,
.AlarmRules .rule-item-wrapper .condition-selector,
.AlarmRules .subrule-wrapper .rule-item,
.AlarmRules .rule-item-wrapper .rule-item {
  position: relative;
}
.AlarmRules .subrule-wrapper .condition-selector::before,
.AlarmRules .rule-item-wrapper .condition-selector::before,
.AlarmRules .subrule-wrapper .rule-item::before,
.AlarmRules .rule-item-wrapper .rule-item::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 20px;
  height: 0;
  border-top: 1px solid #d9d9d9;
}
.AlarmRules .subrule-wrapper .Subrule,
.AlarmRules .rule-item-wrapper .Subrule,
.AlarmRules .subrule-wrapper .rule-item,
.AlarmRules .rule-item-wrapper .rule-item {
  position: relative;
}
.AlarmRules .subrule-wrapper .Subrule:last-child::after,
.AlarmRules .rule-item-wrapper .Subrule:last-child::after,
.AlarmRules .subrule-wrapper .rule-item:last-child::after,
.AlarmRules .rule-item-wrapper .rule-item:last-child::after {
  content: '';
  position: absolute;
  left: -22px;
  top: 19px;
  width: 4px;
  height: 100%;
  background-color: #fff;
}
.AlarmRules .rule-item {
  margin-bottom: 10px;
}
.AlarmRules .ControlGroup {
  margin-left: 0;
  margin-right: 8px;
}
.AlarmRules.one-level-rule > .controls > .condition {
  display: none;
}
.AlarmRules.one-level-rule > .controls > .subrule-wrapper {
  margin: 0;
  border-left: none;
}
.AlarmRules.one-level-rule > .controls > .subrule-wrapper .condition-selector::before {
  display: none;
}

.RuleCreateModal .alarm-actions .common-actions-wrapper .Checkbox {
  align-items: flex-start;
  line-height: 36px;
}
.RuleCreateModal .alarm-actions .common-actions-wrapper .Checkbox .ant-checkbox {
  margin-top: 10px;
}
.RuleCreateModal .alarm-actions .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-top: 10px;
}
.RuleCreateModal .alarm-actions .ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.65);
}
.RuleCreateModal .alarm-actions .BudgetSetting,
.RuleCreateModal .alarm-actions .BidSetting {
  display: flex;
}
.RuleCreateModal .alarm-actions .BudgetSetting,
.RuleCreateModal .alarm-actions .InformSetting,
.RuleCreateModal .alarm-actions .BidSetting {
  cursor: default;
}
.RuleCreateModal .alarm-actions .BudgetSetting .setting-detail,
.RuleCreateModal .alarm-actions .InformSetting .setting-detail,
.RuleCreateModal .alarm-actions .BidSetting .setting-detail {
  display: flex;
  align-items: center;
}
.RuleCreateModal .alarm-actions .BudgetSetting .setting-detail .ControlGroup,
.RuleCreateModal .alarm-actions .InformSetting .setting-detail .ControlGroup,
.RuleCreateModal .alarm-actions .BidSetting .setting-detail .ControlGroup {
  margin-top: 0;
}
.RuleCreateModal .alarm-actions .BudgetSetting .value-input .MyInput > .ant-input,
.RuleCreateModal .alarm-actions .InformSetting .value-input .MyInput > .ant-input,
.RuleCreateModal .alarm-actions .BidSetting .value-input .MyInput > .ant-input {
  padding-right: 60px;
}
.RuleCreateModal .alarm-actions .BudgetSetting .value-input .ant-input-suffix,
.RuleCreateModal .alarm-actions .InformSetting .value-input .ant-input-suffix,
.RuleCreateModal .alarm-actions .BidSetting .value-input .ant-input-suffix {
  right: 0;
  margin-left: 0;
}
.RuleCreateModal .alarm-actions .BudgetSetting .value-input .ant-input-suffix .unit .ant-input,
.RuleCreateModal .alarm-actions .InformSetting .value-input .ant-input-suffix .unit .ant-input,
.RuleCreateModal .alarm-actions .BidSetting .value-input .ant-input-suffix .unit .ant-input {
  padding: 4px 11px;
  border-radius: 0 4px 4px 0;
}
.RuleCreateModal .alarm-actions .BudgetSetting .limit-type,
.RuleCreateModal .alarm-actions .InformSetting .limit-type,
.RuleCreateModal .alarm-actions .BidSetting .limit-type {
  margin-left: 10px;
}
.RuleCreateModal .alarm-actions .BudgetSetting .ControlGroup.showhiddenErrorMsg,
.RuleCreateModal .alarm-actions .InformSetting .ControlGroup.showhiddenErrorMsg,
.RuleCreateModal .alarm-actions .BidSetting .ControlGroup.showhiddenErrorMsg {
  display: inline-block;
}
.RuleCreateModal .alarm-actions .BudgetSetting .ControlGroup:not(.showhiddenErrorMsg) .FromsyError,
.RuleCreateModal .alarm-actions .InformSetting .ControlGroup:not(.showhiddenErrorMsg) .FromsyError,
.RuleCreateModal .alarm-actions .BidSetting .ControlGroup:not(.showhiddenErrorMsg) .FromsyError {
  position: absolute;
  left: 0;
  top: 100%;
}
.RuleCreateModal .alarm-actions .appoint-user {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.RuleCreateModal .alarm-actions .appoint-user .ControlGroup {
  margin-top: 0;
}
.RuleCreateModal .alarm-actions .appoint-user .ControlGroup .control-label {
  flex: 0 0 84px;
  padding-right: 0;
  color: rgba(0, 0, 0, 0.65);
}
.RuleCreateModal .alarm-actions .appoint-user .popo-user-select {
  margin-left: 0;
}
.RuleCreateModal .alarm-actions .appoint-user .popo-user-select .controls {
  height: 36px;
}
.RuleCreateModal .alarm-actions .appoint-user .popo-user-select .validation-error {
  line-height: 20px;
}
.RuleCreateModal .alarm-actions .InformSetting .user-types-checkbox {
  display: inline-block;
  margin-left: 10px;
}
.RuleCreateModal .alarm-actions .EmailSetting .user-types-checkbox {
  display: inline-block;
  margin-left: 10px;
}
.RuleCreateModal .alarm-actions .user-select .controls {
  height: 36px;
}
.RuleCreateModal .alarm-actions .creative-actions-wrapper .Checkbox {
  display: block;
  margin-left: 10px;
}
.RuleCreateModal .alarm-actions .ControlGroup.hidden.showhiddenErrorMsg.is-invalid {
  position: relative;
}

.RuleCreateModal.read .ant-modal-body .alarm-content .ControlGroup {
  pointer-events: none;
}
.RuleCreateModal.read .ant-modal-footer {
  display: none;
}
.RuleCreateModal .ant-modal-body {
  padding-bottom: 10px;
}
.RuleCreateModal .tips {
  margin-left: 10px;
}
.RuleCreateModal .AlarmSubType > .Nav:first-child {
  margin-bottom: 8px;
}
.RuleCreateModal .Nav {
  border-bottom: 1px solid #e8e8e8;
}
.RuleCreateModal .Nav > li {
  height: 32px;
  line-height: 32px;
}
.RuleCreateModal .Nav .active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0 ;
  border-bottom: none;
}
.RuleCreateModal .alarm-content {
  padding: 12px 0;
  max-height: 600px;
  overflow-y: auto;
}
.RuleCreateModal .alarm-wrapper {
  margin-top: 12px;
}
.RuleCreateModal .alarm-wrapper > .controls {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 10px;
}
.RuleCreateModal .ControlGroup > .control-label {
  flex: 0 0 120px;
  padding-right: 16px;
}
.RuleCreateModal .alarm-apply .ant-radio-group {
  display: block;
}
.RuleCreateModal .alarm-apply .customize-select {
  margin-top: 10px;
}
.RuleCreateModal .alarm-apply .customize-select .TreeSelectDropdown {
  overflow-x: hidden;
}
.RuleCreateModal .alarm-apply .customize-select .labels > li {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.RuleCreateModal .alarm-apply .customize-select .labels > li .anticon-close {
  position: absolute;
  right: 5px;
  top: calc(50% - 7px);
}
.RuleCreateModal .alarm-apply .customize-select .labels > li:first-child {
  max-width: 80%;
  padding-right: 20px;
}

.RecommendRuleSamples {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 15px;
}
.RecommendRuleSamples .SampleRule {
  display: flex;
  flex-direction: column;
  height: 190px;
  flex: 0 0 23%;
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #aeaeae;
  cursor: pointer;
}
.RecommendRuleSamples .SampleRule > div + div {
  margin-top: 15px;
}
.RecommendRuleSamples .SampleRule .name {
  font-size: 20px;
  color: #1089FF;
}
.RecommendRuleSamples .SampleRule .description,
.RecommendRuleSamples .SampleRule .rule-detail {
  display: -webkit-box;
  font-size: 12px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.RecommendRuleSamples .SampleRule .rule-detail {
  -webkit-line-clamp: 3;
}
.RecommendRuleSamples .SampleRule.active,
.RecommendRuleSamples .SampleRule:hover {
  border: 1px solid #1089FF;
  color: #1089FF;
}

.RecommendRules {
  height: calc(100% - 40px);
}
.RecommendRules > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 40px);
}
.RecommendRules > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.RecommendRules .ant-pagination {
  text-align: center;
}
.RecommendRules .Table .operate-cell .ant-btn {
  padding: 0 5px;
}

.CustomRules {
  height: calc(100% - 40px);
}
.CustomRules > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.CustomRules > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.CustomRules .ant-pagination {
  text-align: center;
}
.CustomRules .RuleListFilter .f-right {
  display: flex;
}
.CustomRules .RuleListFilter .MyInput {
  margin: 0 10px;
}
.CustomRules .Table .operate-cell .ant-btn {
  padding: 0 5px;
}

.ContentLayout {
  height: 100%;
  padding: 16px 16px 0 16px;
}
.ContentLayout .header {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: dashed 1px #1089FF;
}
.ContentLayout .content {
  overflow: auto;
  height: calc(100% - 60px);
}

.SimpleAdder .ant-modal-body {
  padding: 5px;
}
.SimpleAdder .ContentLayout .header .MyInput {
  width: 100%;
}
.SimpleAdder .ContentLayout .content {
  text-align: center;
}
.SimpleAdder .ContentLayout .content .adder-list {
  margin-bottom: 15px;
  max-height: 500px;
  overflow: auto;
}
.SimpleAdder .ContentLayout .content .adder-list .list-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
  padding: 0 15px;
  background-color: #E6F1FC;
  line-height: 36px;
  border-radius: 4px;
}
.SimpleAdder .ContentLayout .content .adder-list .list-item .anticon {
  line-height: 36px;
  color: #1989FA;
}

.AccountManagerModal .ant-modal-body {
  padding: 15px;
}
.AccountManagerModal .ant-modal-header {
  padding: 14px 0;
  margin: 0 15px;
  border-bottom: 1px dashed #1089FF;
}
.AccountManagerModal .ant-modal-title {
  display: flex;
  position: relative;
  justify-content: space-between;
  color: #1089FF;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
}
.AccountManagerModal .ant-modal-title .anticon-close-circle {
  line-height: 22px;
}
.AccountManagerModal .ant-modal-title::before {
  position: absolute;
  left: -15px;
  top: -5px;
  content: '';
  width: 4px;
  height: 32px;
  background-color: #1089FF;
}
.AccountManagerModal .ant-modal-footer {
  border-top: none;
}

.Refresh .ContentLayout .content {
  overflow: hidden;
}
.Refresh .filter {
  margin-bottom: 16px;
  text-align: right;
}
.Refresh .ant-empty {
  margin-top: 8px;
}
.Refresh .ant-empty .ant-empty-image {
  height: 60px;
}

.ConvertManageFilter {
  margin-bottom: 16px;
}
.ConvertManageFilter .Select {
  margin-left: 10px;
  width: 160px;
}
.ConvertManageFilter .Select input {
  color: #1089ff;
}
.ConvertManageFilter .ant-input {
  color: #1089ff;
}
.ConvertManageFilter .ant-btn {
  margin-right: 10px;
}

.ConvertManager .status-AD_CONVERT_STATUS_ACTIVE {
  color: #00a8cc;
}
.ConvertManager .status-AD_CONVERT_STATUS_INACTIVE {
  color: #f26161;
}
.ConvertManager .opt-status-AD_CONVERT_OPT_STATUS_ENABLE {
  color: #00a8cc;
}
.ConvertManager .opt-status-AD_CONVERT_OPT_STATUS_DISABLE {
  color: #f26161;
}
.ConvertManager .opt-status-AD_CONVERT_OPT_STATUS_PAUSE {
  color: #e29836;
}

.ConvertManageContent {
  height: calc(100% - 90px);
}
.ConvertManageContent > .ant-spin-nested-loading {
  height: 100%;
}
.ConvertManageContent > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ConvertManageContent .ant-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.ConvertManageContent .operation-cell .ant-btn-link {
  padding: 0 5px;
}
.ConvertManageContent .operation-cell .split-line {
  display: inline-block;
  background-color: #1890ff;
  height: 10px;
  width: 1px;
}

.ConvertManageHomePage {
  height: 100%;
}
.ConvertManageHomePage .main-content {
  height: 100%;
  overflow: auto;
  padding: 10px 16px;
  background-color: #fff;
}
.default-select .ant-input-affix-wrapper .ant-input {
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
}
.default-select .ant-input-affix-wrapper .ant-input::placeholder {
  color: #1089ff;
}
.default-select .ant-input-suffix > .anticon {
  color: rgba(16, 137, 255, 0.6);
}
.default-select.disabled .ant-input-affix-wrapper .ant-input {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background-color: #f5f5f5;
}
.default-select.disabled .ant-input-affix-wrapper .ant-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.default-select.disabled .ant-input-suffix > .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.default-btn {
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
}
.default-btn > .anticon {
  color: #1089ff;
}
.default-btn:hover {
  background-color: #e6f1fc;
}

.Detail {
  margin: 16px;
}
.Detail .ControlGroup {
  word-break: break-all;
}
.Detail .detail-list .title {
  margin-bottom: 10px;
}
.Detail .detail-list + .detail-list {
  margin-top: 20px;
}

.Push {
  height: calc(100% - 40px);
  margin: 16px;
}
.Push .filter {
  margin-bottom: 10px;
}
.Push .title .text {
  margin-top: 8px;
}
.Push .title .selected-count {
  color: var(--edt-link-color);
}
.Push .content {
  height: 100%;
}
.Push .content .ant-spin-nested-loading {
  height: calc(100% - 130px);
}
.Push .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.Push .push-table {
  height: 100%;
}
.Push .push-table .TableHeader-wrap .TableHeader-row .TableHeader-cell {
  height: auto;
}
.Push .push-table .TableBody .TableBody-content .TableBody-row .TableBody-cell:last-child {
  border-right: 1px solid var(--edt-table-border-color);
}
.Push .footer {
  margin: 16px 0;
  text-align: center;
}
.Push .footer > .ant-btn:not(:first-child) {
  margin-left: 20px;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  background-color: #fff;
  z-index: 99;
}

.Event {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: calc(100% - 50px);
}

.EventManager {
  display: flex;
  flex-direction: column;
  padding-right: 44px;
  padding: 16px 60px 16px 16px;
  flex: 1 1 auto;
  height: calc(100% - 50px);
}
.EventManager > .ProjectSelector {
  margin-bottom: 16px;
}


.OverTimeModal .ant-modal-confirm-body-wrapper {
  position: relative;
}
.OverTimeModal .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns {
  position: absolute;
  top: -25px;
  right: -30px;
  margin-top: 0;
}
.OverTimeModal .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-link {
  color: rgba(0, 0, 0, 0.5);
}
.OverTimeModal .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-link:hover,
.OverTimeModal .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-link:focus {
  color: rgba(0, 0, 0, 0.5);
}
.OverTimeModal .overtime-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.OverTimeModal .overtime-content .anticon-question-circle {
  font-size: 24px;
  color: #faad14;
  margin-right: 15px;
}

.MaterialRenameManager .Filter {
  background-color: #fff;
  margin-bottom: 20px;
}
.MaterialRenameManager .Filter .Filter-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.MaterialRenameManager .Filter .Filter-list .filter-left {
  display: flex;
  justify-content: flex-start;
  background-color: #fff;
}
.MaterialRenameManager .Filter .Filter-list .filter-left .ProjectSelector .default-select {
  width: 200px;
}
.MaterialRenameManager .Filter .tips {
  margin-left: 10px;
}
.material-rename-batch-edit-options .options li {
  display: block;
  min-width: 70px;
  margin: 4px 0px;
  cursor: pointer;
}
.material-rename-batch-edit-options .options li:hover {
  color: var(--edt-primary-color);
}

.MaterialRenameManager .RenameTemplateItem {
  display: flex;
  background-color: #fff;
}
.MaterialRenameManager .RenameTemplateItem .content {
  flex: 1;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
  padding: 20px;
  padding-bottom: 36px;
}
.MaterialRenameManager .RenameTemplateItem .content .result {
  display: flex;
  justify-content: space-between;
}
.MaterialRenameManager .RenameTemplateItem .content .result .template-name {
  width: calc(100% - 100px);
  padding: 4px 10px;
  color: var(--edt-link-color);
  background: var(--edt-background-color-base);
  border-radius: 2px;
}
.MaterialRenameManager .RenameTemplateItem .content .length-warning {
  margin: 4px 10px 0;
  color: var(--edt-error-color);
}
.MaterialRenameManager .RenameTemplateItem .operation {
  display: flex;
  align-items: center;
}
.MaterialRenameManager .RenameTemplateItem .operation i {
  font-size: 24px;
  margin-left: 10px;
  cursor: pointer;
}
.MaterialRenameManager .RenameTemplateItem .operation .anticon-copy {
  color: var(--edt-link-color);
}
.MaterialRenameManager .RenameTemplateItem .operation .anticon-delete {
  color: var(--edt-error-color);
}
.MaterialRenameManager .RenameTemplateItem p {
  margin-bottom: 4px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .CustomName {
  display: flex;
  flex-flow: column;
  width: 350px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .CustomName .name-input {
  flex: 1;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .CustomName .name-input .ant-input {
  height: 100%;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects {
  margin-left: 10px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Labels {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Labels .Label {
  margin-left: 10px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Auther {
  display: flex;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Auther .mkt-default-select {
  width: 170px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Auther .creative-user {
  margin-left: 10px;
}
.MaterialRenameManager .RenameTemplateItem .TemplateNameEdit .selects .Auther .production-user {
  margin-left: 10px;
}

.LabelTreeSelector {
  position: relative;
  display: inline-block;
  width: 170px;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0;
  color: var(--edt-select-text-color);
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  text-align: start;
  border: solid 1px #a3d0fd;
  color: #1089ff;
  background-color: #e6f1fc;
  border-radius: 4px;
}
.LabelTreeSelector .opt-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.LabelTreeSelector .labels .label {
  line-height: 24px;
  margin: 3px 0 3px 6px;
  padding: 0 5px;
  font-size: 12px;
  background-color: var(--edt-tag-active-border-color);
  border-color: var(--edt-tag-active-bg);
  color: var(--edt-tag-active-color);
  cursor: default;
  display: inline-block;
  vertical-align: top;
}
.LabelTreeSelector .labels .label .delete {
  cursor: pointer;
}
.LabelTreeSelector .labels .placeholder {
  padding: 4px 11px;
  color: #1089ff;
}
.LabelTreeSelector .LabelTreeSelector-popover {
  width: 270px;
}
.LabelTreeSelector .LabelTreeSelector-popover .ant-popover-arrow {
  display: none;
}
.LabelTreeSelector .LabelTreeSelector-popover .search-content {
  padding: 8px;
}
.LabelTreeSelector .LabelTreeSelector-popover .ant-popover-inner-content {
  padding: 0;
}
.LabelTreeSelector .LabelTreeSelector-popover .labels-popover-content {
  height: 200px;
  overflow: auto;
}
.LabelTreeSelector .LabelTreeSelector-popover .label-group .title {
  font-size: 14px;
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #000;
}
.LabelTreeSelector .LabelTreeSelector-popover .label-group .labels .label-item {
  position: relative;
  text-indent: 20px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 40px 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: var(--edt-select-text-color);
  box-sizing: border-box;
}
.LabelTreeSelector .LabelTreeSelector-popover .label-group .labels .label-item .Checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.LabelTreeSelector .LabelTreeSelector-popover .label-group .labels .label-item.none-label {
  text-indent: 0;
}

.MaterialRenameManager .Labels .Label .Select {
  height: 32px;
  margin-right: 10px;
}
.MaterialRenameManager .Labels .Label .Select .ant-input-affix-wrapper {
  height: 32px;
  vertical-align: top;
}
.MaterialRenameManager .Labels .Label .Select .labels {
  min-height: 32px;
  line-height: 32px;
  padding: 0 6px 0 0;
}
.MaterialRenameManager .Labels .Label .isMultiSelect .validation-error {
  line-height: 20px;
}
.MaterialRenameManager .Labels .Label .validation-error {
  display: block;
  margin-left: 0;
}

.MaterialRenameManager .RenameTemplateList {
  background-color: #fff;
  padding: 20px;
}
.MaterialRenameManager .RenameTemplateList .item-wrapper {
  margin-bottom: 10px;
}
.MaterialRenameManager .RenameTemplateList .item-wrapper .has-error {
  color: var(--edt-error-color);
}
.MaterialRenameManager .RenameTemplateList .Operation {
  padding: 10px;
  margin-top: 10px;
  margin-right: 68px;
  text-align: center;
  border: 1px solid #c3c3c3;
  background: #f3f3f3;
}
.MaterialRenameManager .RenameTemplateList .Operation button {
  margin: 0 2px;
}
.MaterialRenameManager .RenameTemplateList .Operation button i {
  margin: 0;
}
.MaterialRenameManager .RenameTemplateList .Operation button:not([disabled]) {
  margin: 0 8px;
  color: var(--edt-primary-color);
  border-color: var(--edt-primary-color);
}
.MaterialRenameManager .RenameTemplateList .Operation button:not([disabled]):hover {
  color: #ffffff;
  background-color: var(--edt-primary-color);
}

.MaterialRenameManager {
  height: calc(100% - 50px);
  padding: 20px 32px;
  overflow: auto;
}

.ScheduleCreate .Uploader {
  display: block;
  margin-top: 10px;
}
.ScheduleCreate .Uploader .upload-area {
  display: flex;
  height: 200px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ScheduleCreate .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.ScheduleCreate .Uploader .upload-area > .content {
  width: 380px;
  padding: 38px;
}
.ScheduleCreate .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #C8CDD0;
}
.ScheduleCreate .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #666;
  font-size: 14px;
}
.ScheduleCreate .Uploader .upload-area .download-btn {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}
.ScheduleCreate .Uploader .upload-area .download-btn span {
  text-decoration: underline;
}
.ScheduleCreate .Uploader .upload-area .tips {
  color: #1989FA;
}
.ScheduleCreate .Uploader .upload-area .tips strong {
  font-weight: normal;
  color: #F26161;
}
.ScheduleCreate .error-message {
  margin-top: 10px;
  color: #D9001B;
}

.ScheduleBatchEditPopover .ant-popover-arrow {
  display: none;
}
.ScheduleBatchEditPopover .menu-list > li {
  line-height: 30px;
  color: #626161;
  cursor: pointer;
}

.HeaderFilterPopover {
  padding-top: 0;
}
.HeaderFilterPopover .ant-popover-arrow {
  display: none;
}
.HeaderFilterPopover .ant-popover-inner-content {
  padding: 0;
  border: 1px solid #e8e8e8;
}
.HeaderFilterPopover .ant-popover-inner-content .CheckboxGroup {
  padding: 7px 0;
  max-height: 300px;
  overflow: auto;
}
.HeaderFilterPopover .ant-popover-inner-content .CheckboxGroup .Checkbox {
  padding: 6px 8px;
}
.HeaderFilterPopover .ant-popover-inner-content .btn-group {
  padding: 7px 8px;
  border-top: 1px solid #d9d9d9;
  text-align: center;
}

.ScreenshotUploader {
  display: block;
}
.ScreenshotUploader .upload-area {
  display: flex;
  height: 200px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ScreenshotUploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.ScreenshotUploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.ScreenshotUploader .upload-area > .content {
  width: 380px;
  padding: 38px;
}
.ScreenshotUploader .upload-area .upload-icon {
  font-size: 36px;
  color: #C8CDD0;
}
.ScreenshotUploader .upload-area .title {
  margin: 20px 0 8px;
  color: #C8CDD0;
  font-size: 14px;
}
.ScreenshotUploader .upload-area .tips {
  color: #1989FA;
}
.ScreenshotUploader .upload-area .tips strong {
  font-weight: normal;
  color: #F26161;
}
.ScreenshotUploader .uploading-area {
  height: 200px;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
  overflow: auto;
}
.ScreenshotUploader .uploading-area .uploading-item {
  display: flex;
  margin-bottom: 10px;
  line-height: 26px;
}
.ScreenshotUploader .uploading-area .uploading-item .title {
  width: 40%;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ScreenshotUploader .uploading-area .uploading-item .status {
  display: flex;
  flex: 1;
}
.ScreenshotUploader .uploading-area .uploading-item .status .upload-progress {
  width: 350px;
}
.ScreenshotUploader .uploading-area .uploading-item .status .ant-spin {
  margin-left: 10px;
}
.ScreenshotUploader .uploading-area .uploading-item .status .err-msg {
  margin-right: 10px;
}
.ScreenshotUploader .uploading-area .uploading-item .status .delete-btn {
  color: #1989FA;
  cursor: pointer;
}
.ScreenshotUploader .uploading-area .uploading-item .status.success {
  color: #1989FA;
}
.ScreenshotUploader .uploading-area .uploading-item .status.exception {
  color: #F26161;
}
.ScreenshotUploader .uploading-area .uploading-item.header {
  color: #333;
  font-weight: bold;
}

.ImageCarousel {
  padding: 32px;
}
.ImageCarousel .big-image-area .ant-carousel .slick-slide {
  text-align: center;
  overflow: hidden;
}
.ImageCarousel .big-image-area .ant-carousel .slick-slide .big-image-item {
  width: 500px;
  height: 700px;
}
.ImageCarousel .big-image-area .ant-carousel .slick-slide .big-image-item .image-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ImageCarousel .big-image-area .ant-carousel .slick-slide .big-image-item img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.ImageCarousel .small-image-nav {
  margin: 16px auto;
  width: 480px;
}
.ImageCarousel .small-image-nav .ant-carousel .slick-slide {
  text-align: center;
  overflow: hidden;
}
.ImageCarousel .small-image-nav .ant-carousel .slick-slide .small-image-item {
  width: 50px;
  height: 60px;
  cursor: pointer;
}
.ImageCarousel .small-image-nav .ant-carousel .slick-slide .small-image-item .image-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ImageCarousel .small-image-nav .ant-carousel .slick-slide .small-image-item img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.ImageCarousel .ant-carousel .slick-prev::before,
.ImageCarousel .ant-carousel .slick-next::before {
  content: '';
}

.ScreenshotPreviewer .ant-modal-content {
  background: rgba(0, 0, 0, 0.4);
}
.ScreenshotPreviewer .ant-modal-close {
  color: #fff;
}

.OrderSchedule {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.OrderSchedule .Filter {
  border-bottom: 1px solid #E1E0E0;
}
.OrderSchedule .Filter .filter-item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px;
}
.OrderSchedule .Filter .filter-item .label {
  display: inline;
}
.OrderSchedule .Filter .filter-item .control {
  display: inline-block;
}
.OrderSchedule .Filter .filter-item .control .Select {
  margin-left: 0;
  cursor: pointer;
}
.OrderSchedule .Filter .filter-item .control .Select.multiple .labels {
  padding: 0;
  min-height: 30px;
}
.OrderSchedule .Filter .ant-calendar-picker {
  width: 260px;
}
.OrderSchedule .Operation {
  padding: 12px 6px;
}
.OrderSchedule .Operation .f-left .ant-btn {
  margin-right: 8px;
}
.OrderSchedule .Operation .f-right .ant-btn {
  margin-left: 8px;
}
.OrderSchedule .ScheduleTable {
  flex: 1 1 auto;
  overflow: hidden;
}
.OrderSchedule .ScheduleTable .ant-spin-nested-loading,
.OrderSchedule .ScheduleTable .ant-spin-container {
  height: 100%;
}
.OrderSchedule .ScheduleTable .ant-input-affix-wrapper .ant-input-suffix {
  z-index: 1;
}
.OrderSchedule .ScheduleTable .filter-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.OrderSchedule .ScheduleTable .filter-icon:hover {
  color: #555;
}
.OrderSchedule .ScheduleTable .filter-icon.active {
  color: #1890ff;
}
.OrderSchedule .ScheduleTable .scriptContent {
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ListPageLayout {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ListPageLayout .FilterContent {
  border-bottom: 1px solid #E1E0E0;
}
.ListPageLayout .FilterContent .filter-item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px;
}
.ListPageLayout .FilterContent .filter-item .label {
  display: inline;
}
.ListPageLayout .FilterContent .filter-item .control {
  display: inline-block;
}
.ListPageLayout .FilterContent .filter-item .control .Select {
  margin-left: 0;
  cursor: pointer;
}
.ListPageLayout .FilterContent .filter-item .control .Select.multiple .labels {
  padding: 0;
  min-height: 30px;
}
.ListPageLayout .FilterContent .ant-calendar-picker {
  width: 260px;
}
.ListPageLayout .OperationContent {
  padding: 12px 6px;
}
.ListPageLayout .OperationContent .f-left .ant-btn {
  margin-right: 8px;
}
.ListPageLayout .OperationContent .f-right .ant-btn {
  margin-left: 8px;
}
.ListPageLayout .TableContent {
  flex: 1 1 auto;
  overflow: hidden;
}

.FormCreatorImageUploader .dragger-area {
  width: 100px;
  height: 80px;
}
.FormCreatorImageUploader .dragger-area .tip-area {
  padding: 0 16px;
  text-align: center;
}
.FormCreatorImageUploader .dragger-area .tip-area .tips {
  line-height: 16px;
}
.FormCreatorImageUploader .image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100px;
  height: 60px;
  position: relative;
  background: #eee;
}
.FormCreatorImageUploader .image-preview img {
  max-width: 100%;
  max-height: 100%;
}
.FormCreatorImageUploader .image-preview:hover .remove-btn {
  display: inline-block;
}
.FormCreatorImageUploader .image-preview .remove-btn {
  position: absolute;
  display: none;
  top: -5px;
  right: -5px;
  color: var(--edt-danger-color);
  cursor: pointer;
}

.FormCreator .form-item {
  margin-bottom: 12px;
}

.AgentGroupCreate .highlight-tips {
  color: var(--edt-error-color);
  margin-left: 160px;
  font-size: 12px;
}
.AgentGroupCreate .error .ant-input {
  border-color: var(--edt-error-color);
}

.AgentCreate .error-message {
  margin-top: 10px;
  color: #D9001B;
}
.AgentCreate .wran-tips {
  color: var(--edt-danger-color);
  padding-right: 16px;
}

.BatchEditPopover .ant-popover-arrow {
  display: none;
}
.BatchEditPopover .menu-list > li {
  line-height: 30px;
  color: #626161;
  cursor: pointer;
}

.ImageUploader {
  width: 120px;
  padding: 16px;
}
.ImageUploader .tip-area {
  padding: 0 16px;
  text-align: center;
}
.ImageUploader .tip-area .tips {
  line-height: 16px;
}
.ImageUploader .image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 80px;
  height: 60px;
  position: relative;
  background: #eee;
}
.ImageUploader .image-preview img {
  max-width: 100%;
  max-height: 100%;
}
.ImageUploader .image-preview:hover .remove-btn {
  display: inline-block;
}
.ImageUploader .image-preview .remove-btn {
  position: absolute;
  display: none;
  top: -5px;
  right: -5px;
  color: var(--edt-danger-color);
  cursor: pointer;
}

.HeaderFilterPopover {
  padding-top: 0;
}
.HeaderFilterPopover .ant-popover-arrow {
  display: none;
}
.HeaderFilterPopover .ant-popover-inner-content {
  padding: 0;
  border: 1px solid #e8e8e8;
}
.HeaderFilterPopover .ant-popover-inner-content .CheckboxGroup {
  padding: 7px 0;
}
.HeaderFilterPopover .ant-popover-inner-content .CheckboxGroup .Checkbox {
  padding: 6px 8px;
}
.HeaderFilterPopover .ant-popover-inner-content .btn-group {
  padding: 7px 8px;
  border-top: 1px solid #d9d9d9;
  text-align: center;
}

.EditableTable {
  height: 100%;
}
.EditableTable .ant-spin-nested-loading,
.EditableTable .ant-spin-container {
  height: 100%;
}
.EditableTable .ant-input-affix-wrapper .ant-input-suffix {
  z-index: 1;
}
.EditableTable .filter-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.EditableTable .filter-icon:hover {
  color: #555;
}
.EditableTable .filter-icon.active {
  color: #1890ff;
}

.CellModalEditor {
  display: flex;
  align-items: center;
}
.CellModalEditor:hover .edit-btn {
  visibility: visible;
}
.CellModalEditor .edit-btn {
  cursor: pointer;
  color: var(--edt-primary-color);
  margin-left: 6px;
  visibility: hidden;
}
.CellModalEditor .edit-btn.disabled {
  cursor: not-allowed;
  color: #999;
}

.MultiLineText {
  white-space: pre-wrap;
}
.MultiLineText.clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.FilterMenu {
  margin: 10px 0;
}
.FilterMenu .FilterRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.FilterMenu .FilterRow + .FilterRow {
  margin-top: 10px;
}
.FilterMenu .FilterRow .title {
  margin-bottom: 6px;
}
.FilterMenu .FilterRow .filter-item {
  margin-right: 10px;
  margin-bottom: 6px;
  padding: 2px 8px;
  background-color: #f7f7f7;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
.FilterMenu .FilterRow .filter-item.active,
.FilterMenu .FilterRow .filter-item:hover {
  border: 1px solid #1089ff;
  color: #1089ff;
  background-color: #e6f1fc;
}

.LiveAnalysisManageFilter {
  margin-bottom: 10px;
}
.LiveAnalysisManageFilter .filter .ant-btn {
  margin-left: 10px;
}
.LiveAnalysisManageFilter .f-left,
.LiveAnalysisManageFilter .f-right {
  display: flex;
  align-items: center;
}
.LiveAnalysisManageFilter .f-left > div,
.LiveAnalysisManageFilter .f-right > div {
  margin: 0 10px;
}
.LiveAnalysisManageFilter .f-left .ProjectSelector,
.LiveAnalysisManageFilter .f-right .ProjectSelector {
  margin-left: 0;
}

.MissDescriptionsFilter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.MissDescriptionsFilter .Select {
  margin: 0 10px;
}
.MissDescriptionsFilter .put-tips {
  margin-left: 10px;
}
.MissDescriptionsFilter .put-tips .anticon {
  margin-right: 10px;
  color: #ffa614;
}
.MissDescriptionsFilter .export-btn {
  height: 32px;
}


.SearchAddPopover {
  width: 300px;
}
.SearchAddPopover .SearchItem .title {
  cursor: pointer;
}
.SearchAddPopover .SearchItem .label-list {
  margin: 10px;
}
.SearchAddPopover .SearchItem .label-list .ant-tag {
  line-height: 28px;
  border-color: #d9d9d9;
  cursor: pointer;
}

.label-selector {
  position: relative;
  height: 480px;
  margin-top: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.label-selector .category-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  padding: 20px 10px 10px;
  height: 100%;
  border-right: 1px solid #e0e0e0;
}
.label-selector .category-area .title {
  font-weight: bold;
}
.label-selector .category-area .content {
  margin-top: 10px;
  height: calc(100% - 40px);
  overflow: auto;
}
.label-selector .category-area .category-item {
  padding: 0 10px;
  line-height: 36px;
  border-radius: 10px;
  cursor: pointer;
}
.label-selector .category-area .category-item.active {
  color: #4f76f6;
  background-color: #E5EBFE;
}
.label-selector .label-area {
  padding: 20px 40px 20px 240px;
  height: 100%;
}
.label-selector .label-area .title {
  line-height: 30px;
}
.label-selector .label-area .content {
  height: calc(100% - 30px);
}
.label-selector .label-area .content .ant-spin-nested-loading {
  height: 100%;
}
.label-selector .label-area .content .ant-spin-container {
  height: 100%;
}

.LabelAdderModal .material-info .material-list {
  max-height: 200px;
  margin: 10px 0;
  overflow-y: auto;
}
.LabelAdderModal .Table .ant-tag-checkable {
  border-color: #d9d9d9;
  cursor: pointer;
}
.LabelAdderModal .Table .ant-tag {
  margin: 5px;
  line-height: 28px;
}
.LabelAdderModal .Table .ant-tag:not(.ant-tag-checkable) {
  background-color: transparent;
}
.LabelAdderModal .detele-labels .ant-tag {
  line-height: 28px;
}
.LabelAdderModal .replace-labels {
  margin-left: 10px;
  color: #faad14;
}
.LabelAdderModal .ant-modal-body {
  height: 600px;
}
.LabelAdderModal .ant-modal-body .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.LabelAdderModal .ant-modal-body .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.LabelEditor {
  display: flex;
  align-items: center;
  position: relative;
  color: #1089ff;
}
.LabelEditor .labels {
  max-width: calc(100% - 20px);
  line-height: 20px;
}
.LabelEditor .label.deleted {
  color: #c8c3c3;
}
.LabelEditor .edit-btn {
  display: none;
  margin-left: 5px;
  color: #1089ff;
  cursor: pointer;
}
.LabelEditor:hover .edit-btn {
  display: flex;
}

.LeaderCreate .error-message {
  margin-top: 10px;
  color: #D9001B;
}
.LeaderCreate .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}

.avatar-preview-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  position: relative;
  background: #eee;
}
.avatar-preview-cell img {
  max-width: 100%;
  max-height: 100%;
}

.leader-link-cell {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.leader-label-cell {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.BatchImportLeader .header-area {
  padding: 8px;
  border: solid 1px var(--edt-border-base);
  border-bottom: none;
}
.BatchImportLeader .bottom-tips {
  padding: 8px;
  border: solid 1px var(--edt-border-base);
  border-top: none;
}
.BatchImportLeader .Uploader {
  display: block;
  margin-top: 10px;
}
.BatchImportLeader .Uploader .upload-area {
  display: flex;
  height: 200px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.BatchImportLeader .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.BatchImportLeader .Uploader .upload-area .upload-progress-container {
  width: 400px;
}
.BatchImportLeader .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #C8CDD0;
}
.BatchImportLeader .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #666;
  font-size: 14px;
}
.BatchImportLeader .Uploader .upload-area .download-btn {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}
.BatchImportLeader .Uploader .upload-area .download-btn span {
  text-decoration: underline;
}
.BatchImportLeader .Uploader .upload-area .tips {
  color: #1989FA;
}
.BatchImportLeader .Uploader .upload-area .tips strong {
  font-weight: normal;
  color: #F26161;
}
.BatchImportLeader .error-message {
  color: var(--edt-error-color);
}
.BatchImportLeader .error-message .error-reason {
  text-align: left;
  padding: 8px;
}
.BatchImportLeader .error-tips {
  color: var(--edt-error-color);
}
.BatchImportLeader .header-tips {
  margin-bottom: 16px;
}



.live-schedule-input .FilterDateRange {
  display: inline-block;
  width: 300px;
}
.live-schedule-input .time-range-select {
  margin-top: 8px;
  margin-left: -40px;
}
.live-schedule-input .MouseSelect {
  width: 100%;
  height: auto;
}
.live-schedule-input .MouseSelect .weeks {
  flex: 0 0 100px;
}
.live-schedule-input .MouseSelect .weeks > li {
  flex: 0 0 31px;
}
.live-schedule-input .MouseSelect .cols > li {
  height: 30px;
}
.live-schedule-input .error-tips {
  color: var(--edt-error-color);
}
.live-schedule-input .ControlGroup.hidden.showhiddenErrorMsg.is-invalid {
  position: relative;
}

.OrderListModal .ant-pagination {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

.OrderCreate .error-message {
  margin-top: 10px;
  color: #D9001B;
}
.OrderCreate .form-header .ant-btn {
  margin-right: 16px;
}
.OrderCreate .wran-tips {
  color: var(--edt-danger-color);
  padding-right: 16px;
}



.LeaderSchedule .LeaderScheduleTableWrapper {
  height: 100%;
}
.LeaderSchedule .LeaderScheduleTableWrapper .ant-spin-nested-loading,
.LeaderSchedule .LeaderScheduleTableWrapper .ant-spin-container {
  height: 100%;
}
.LeaderSchedule .FilterContent {
  margin-bottom: 16px;
}
.LeaderSchedule .schedule-cell .schedule-item.done {
  color: #999;
}
.LeaderSchedule .schedule-cell .schedule-item.todo {
  color: #000;
}
.LeaderSchedule .schedule-cell .schedule-item.doing {
  color: var(--edt-primary-color);
}

.DetailSelector {
  margin-top: 6px;
  padding: 0;
  width: 250px;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
}
.DetailSelector .ant-popover-arrow {
  display: none;
}
.DetailSelector .ant-popover-inner {
  max-height: 400px;
  overflow-y: auto;
}
.DetailSelector .ant-popover-inner-content {
  padding: 2px;
}
.DetailSelector .clear-btn {
  margin: 0 15px;
  line-height: 30px;
  color: #365899;
  cursor: pointer;
  border-bottom: 1px solid #e9eaeb;
}
.DetailSelector .clear-btn:hover {
  text-decoration: underline;
}
.DetailSelector .insight-filter li {
  display: flex;
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}
.DetailSelector .insight-filter li .label {
  flex: 1 1 auto;
}
.DetailSelector .insight-filter li:hover {
  background-color: #e4e8f1;
}

.RelatedCreativesFilter {
  margin-bottom: 15px;
}
.RelatedCreativesFilter .f-right {
  display: flex;
  align-items: center;
}
.RelatedCreativesFilter .CommonFilter {
  margin-right: 10px;
}
.RelatedCreativesFilter .ant-btn {
  height: 32px;
  line-height: 32px;
}
.RelatedCreativesFilter .ant-btn + .ant-btn {
  margin-left: 10px;
}
.RelatedCreativesFilter .CommonFilter {
  display: flex;
  align-items: center;
}

.BatchTextEditor {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchTextEditor > .header {
  padding: 10px 20px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: bold;
  background-color: #f5f5f5;
}
.BatchTextEditor > .content {
  height: 320px;
  overflow: auto;
}
.BatchTextEditor > .content > ul {
  min-height: 100%;
  margin-left: 40px;
  border-left: 1px solid #e8e8e8;
  line-height: 30px;
}
.BatchTextEditor > .content li {
  padding-right: 40px;
  position: relative;
}
.BatchTextEditor > .content li .index {
  position: absolute;
  top: 0;
  left: -40px;
  width: 40px;
  text-indent: 5px;
}
.BatchTextEditor > .content li .delete {
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
}
.BatchTextEditor > .content li .character-range {
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
}
.BatchTextEditor > .content li .batch-row-input {
  width: 100%;
  height: 30px;
  overflow: hidden;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  resize: none;
}
.BatchTextEditor > .content li .batch-row-input .ant-input {
  background: transparent;
  border: none;
}
.BatchTextEditor > .content li .batch-row-input .ant-input:focus {
  box-shadow: none;
}
.BatchTextEditor > .content li .batch-row-input .ant-input-group-addon {
  background: transparent;
  border: none;
}
.BatchTextEditor > .content li .batch-row-input:focus ~ .delete {
  display: none;
}
.BatchTextEditor > .content li .batch-row-input:focus ~ .character-range {
  display: block;
}
.BatchTextEditor > .content li:hover .delete {
  display: block;
}
.BatchTextEditor > .content li.is-error .character-range {
  color: #FF4949;
}
.BatchTextEditor > .content li.is-error .index {
  color: #FF4949;
}
.BatchTextEditor > .content li:hover {
  background: #edf1f5;
}

.KeywordsMonitorModal .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.KeywordsMonitorModal .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.KeywordsMonitorModal .BatchTextEditor {
  margin-bottom: 10px;
}
.KeywordsMonitorModal .ControlGroup .control-label {
  flex: 0 0 110px;
}

.LiveAnalysisLiveRoom {
  display: flex;
  align-items: flex-start;
  width: 60%;
  height: 100%;
}
.LiveAnalysisLiveRoom .highlight-text {
  color: #1089ff;
}
.LiveAnalysisLiveRoom .liveroom-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.LiveAnalysisLiveRoom .liveroom-cover img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.LiveAnalysisLiveRoom .liveroom-desc {
  flex: 1;
  margin-left: 20px;
}
.LiveAnalysisLiveRoom .liveroom-desc > div + div {
  margin-top: 10px;
}
.LiveAnalysisLiveRoom .liveroom-desc > div span {
  display: inline-block;
}
.LiveAnalysisLiveRoom .liveroom-desc > div span + span {
  margin-left: 20px;
}
.LiveAnalysisLiveRoom .liveroom-desc .title {
  font-weight: 600;
}
.LiveAnalysisLiveRoom .insights-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.LiveAnalysisLiveRoom .insights-list .insight-item {
  margin-right: 20px;
  text-align: center;
}

.LiveAnalysisAnchor {
  display: flex;
  align-items: flex-start;
  width: 40%;
  height: 100%;
}
.LiveAnalysisAnchor .anchor-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
}
.LiveAnalysisAnchor .anchor-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.LiveAnalysisAnchor .anchor-desc {
  flex-grow: 1;
}
.LiveAnalysisAnchor .anchor-desc .anchor-nick {
  margin-left: 25px;
  margin-bottom: 15px;
  font-weight: 600;
}
.LiveAnalysisAnchor .anchor-desc .insights-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.LiveAnalysisAnchor .anchor-desc .insights-list .insight-item {
  flex: 0 0 25%;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
}
.LiveAnalysisAnchor .anchor-desc .insights-list .insight-item .inc-value {
  color: #1089ff;
}

.LiveAnalysisBaseInfo {
  display: flex;
  align-items: center;
  height: 180px;
}

.RecordingVideoDetail .detail-wrapper {
  height: calc(100% - 33px);
}
.RecordingVideoDetail .detail-wrapper .detail-list {
  height: calc(100% - 32px);
  padding: 10px;
  overflow-y: auto;
}
.RecordingVideoDetail .detail-wrapper .detail-list > .ant-spin-nested-loading {
  height: 100%;
}
.RecordingVideoDetail .detail-wrapper .detail-list .detail-row {
  display: flex;
  align-items: flex-start;
  line-height: 30px;
  font-size: 12px;
}
.RecordingVideoDetail .detail-wrapper .detail-list .detail-row + .detail-row {
  margin-top: 10px;
}
.RecordingVideoDetail .detail-wrapper .detail-list .detail-row .label {
  color: #ccc;
}
.RecordingVideoDetail .detail-wrapper .detail-list .detail-row .detail-text {
  display: inline-block;
  margin-left: 10px;
  white-space: pre-wrap;
}
.RecordingVideoDetail .nav-list {
  display: flex;
  width: 100%;
}
.RecordingVideoDetail .nav-list .nav-item {
  flex: 1;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #f4f4f4;
  cursor: pointer;
}
.RecordingVideoDetail .nav-list .nav-item + .nav-item {
  border-left: none;
}
.RecordingVideoDetail .nav-list .nav-item.active {
  color: #1089FF;
  border-color: #1089FF;
  border-left: 1px solid;
}
.RecordingVideoDetail .export-btn {
  width: 100%;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #1089FF;
  background-color: #e6f1fc;
  cursor: pointer;
}

.TrafficRecording {
  height: 350px;
}
.TrafficRecording .module-content {
  display: flex;
  align-items: flex-start;
  height: calc(100% - 32px);
}
.TrafficRecording .video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 420px;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.05), #fff, rgba(0, 0, 0, 0.05));
}
.TrafficRecording .video-wrapper .recording-video {
  max-width: 100%;
  max-height: 100%;
}
.TrafficRecording .RecordingVideoDetail,
.TrafficRecording .RecordingKeywords,
.TrafficRecording .RecordingHighLight {
  flex: 0 0 calc(30% - 10px);
  height: 100%;
  margin-left: 10px;
  border: 1px solid #f4f4f4;
}
.TrafficRecording .RecordingKeywords {
  padding: 10px;
}
.TrafficRecording .RecordingHighLight .title {
  padding: 0 10px;
  border-bottom: 1px solid #f4f4f4;
}
.TrafficRecording .RecordingHighLight .ant-spin-nested-loading {
  height: calc(100% - 32px);
}
.TrafficRecording .RecordingHighLight .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.TrafficRecording .RecordingHighLight .high-light-content {
  height: 100%;
  padding: 10px;
  overflow-y: auto;
}
.TrafficRecording .WordCloud {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TrafficRecording .empty-video {
  height: calc(100% - 32px);
}

.TrafficDetail .ant-pagination {
  text-align: center;
  margin-top: 10px;
}

.RingChart .chart-title {
  line-height: 32px;
}
.RingChart .chart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.TrafficAudience .audience-charts {
  display: flex;
  align-items: center;
}
.TrafficAudience .audience-charts .RingChart {
  flex: 0 0 33%;
}

.OnlineTrafficFilter {
  margin-bottom: 15px;
}
.OnlineTrafficFilter .insight-filter .insight-row {
  display: flex;
  align-items: center;
}
.OnlineTrafficFilter .insight-filter .insight-row .group-checkbox {
  margin-right: 10px;
  border-right: 1px solid #ccc;
}
.OnlineTrafficFilter .insight-filter .insight-row + .insight-row {
  margin-top: 10px;
}

.StackChart .chart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 30px);
  height: 400px;
  margin-left: 25px;
}
.StackChart .HighlightLines {
  margin-top: 10px;
}
.StackChart .HighlightLines .highlight-line {
  display: flex;
  align-items: center;
}
.StackChart .HighlightLines .highlight-line + .highlight-line {
  margin-top: 10px;
}
.StackChart .HighlightLines .highlight-line .label {
  flex: 0 0 92px;
  color: #ccc;
}
.StackChart .HighlightLines .highlight-line .tick-line {
  position: relative;
  height: 1px;
  width: 956px;
}
.StackChart .HighlightLines .highlight-line .tick-line .dot {
  position: absolute;
  top: -3px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  cursor: pointer;
}
.custom-tend-tooltip .tooltip-title > div + div {
  margin-top: 10px;
}

.OnlineTraffic .title {
  margin-bottom: 10px;
}

.BatchText {
  flex: 0 0 530px;
  margin-right: 10px;
}
.BatchText .submit-btn {
  float: right;
  margin-top: 10px;
}
.BatchText .BatchTextEditor .text-editor-header {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: bold;
  background-color: #f5f5f5;
}
.BatchText .BatchTextEditor .text-editor-header .id {
  width: 40px;
}
.BatchText .BatchTextEditor .text-editor-header .count {
  width: 58px;
}
.BatchText .BatchTextEditor .text-editor-header .text {
  flex-grow: 1;
}
.BatchText .BatchTextEditor .content ul {
  position: relative;
  margin-right: 70px;
  border-right: 1px solid #e8e8e8;
}
.BatchText .BatchTextEditor .content ul:after {
  content: '';
  position: absolute;
  top: 0;
  left: 70px;
  width: 1px;
  height: 100%;
  background-color: #e8e8e8;
}
.BatchText .BatchTextEditor .content ul li .count-btn {
  position: absolute;
  right: -70px;
  top: 0;
  width: 70px;
}
.BatchText .BatchTextEditor .content ul li .ant-input-group-addon {
  width: 70px;
}

.VideoTimeline {
  position: relative;
  width: 100%;
  height: 20px;
  margin-top: 40px;
  background-color: #e6f1fc;
}
.VideoTimeline .select-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20px;
  background-color: #a3d0fd;
  z-index: 1;
}
.VideoTimeline .DragBoxItem {
  position: absolute;
  top: 0;
  height: 20px;
  width: 6px;
  background-color: #1089ff;
  cursor: w-resize;
  z-index: 2;
}
.VideoTimeline .DragBoxItem .text {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 10px;
}
.VideoTimeline .DragBoxItem.left-drag .text {
  transform: translate(calc(-100% + 6px), 0);
}

.TextMatchVideo {
  width: 550px;
}
.TextMatchVideo .video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 320px;
}
.TextMatchVideo .video-wrapper video {
  max-width: 100%;
  max-height: 100%;
}
.TextMatchVideo .empty-video {
  height: 320px;
  border: 1px solid #e5e5e5;
}
.TextMatchVideo .tick-line-wrapper {
  width: calc(100% - 30px);
  margin: 10px 15px;
}
.TextMatchVideo .tick-line {
  position: relative;
  height: 1px;
  width: 100%;
  margin: 10px 0;
  color: #a3d0fd;
}
.TextMatchVideo .tick-line .dot {
  position: absolute;
  top: -3px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  cursor: pointer;
  color: #a3d0fd;
}
.TextMatchVideo .tick-line .text-index {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 0 5px;
  border: 1px solid #a3d0fd;
  color: #a3d0fd;
  cursor: pointer;
}

.LiveAnalysisTextMatch .match-content {
  display: flex;
}

.WordCountChart {
  display: flex;
  align-items: top;
  margin: 8px 0;
}
.WordCountChart .word-count-cloud {
  width: 40%;
  margin-right: 8px;
}
.WordCountChart .word-count-detail {
  width: 60%;
}
.WordCloudChart .border-wrapper {
  height: 400px;
}

.LiveContent .whole-empty-video {
  height: 100%;
  min-height: 400px;
}

.LiveAnalysisInteraction {
  display: flex;
}
.LiveAnalysisInteraction.analysis-content {
  overflow: hidden!important;
}
.LiveAnalysisInteraction .left-container {
  flex: 0 0 55%;
  margin-right: 10px;
}
.LiveAnalysisInteraction .BarrageContent {
  flex: 0 0 45%;
}
.LiveAnalysisInteraction .module-container .summary-row {
  line-height: 36px;
  font-weight: 600;
}
.LiveAnalysisInteraction .module-container .summary-row span {
  display: inline-block;
}
.LiveAnalysisInteraction .module-container .summary-row span + span {
  margin-left: 10px;
}
.LiveAnalysisInteraction .BarrageComment .border-wrapper {
  height: 300px;
}
.LiveAnalysisInteraction .BarrageComment .border-wrapper > .ant-spin-nested-loading {
  height: 100%;
}
.LiveAnalysisInteraction .BarrageComment .border-wrapper > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.LiveAnalysisInteraction .LikeAnalysis {
  margin-top: 15px;
}
.LiveAnalysisInteraction.analysis-content {
  overflow-y: auto;
}
.LiveAnalysisInteraction .border-wrapper {
  position: relative;
}
.LiveAnalysisInteraction .border-wrapper .ant-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BarrageContent {
  height: 1350px;
}
.BarrageContent .ant-spin-nested-loading {
  height: calc(100% - 70px);
}
.BarrageContent .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.BarrageContent .ant-pagination {
  text-align: center;
  margin-top: 10px;
}

.ScriptItem {
  margin-bottom: 16px;
  border: 1px solid var(--edt-border-base);
  border-radius: 6px;
}
.ScriptItem .header {
  position: relative;
  padding: 6px 44px 6px 10px;
  background-color: #f2f2f2;
}
.ScriptItem .header > span {
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
}
.ScriptItem .header > button {
  margin-left: 10px;
}
.ScriptItem .header .expand-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.ScriptItem .header .segment {
  display: inline-block;
  min-width: 20px;
  text-align: center;
  vertical-align: top;
}
.ScriptItem .content {
  padding: 10px;
  border-top: 1px solid var(--edt-border-base);
  line-height: 30px;
}

.Script {
  padding-bottom: 10px;
}
.Script .title {
  position: relative;
  padding: 10px 0;
}
.Script .title .expand-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.LiveAnalysisPopPage .ant-drawer-wrapper-body {
  padding: 15px;
  background-color: #fff;
}
.LiveAnalysisPopPage .ant-drawer-wrapper-body .ant-drawer-body {
  height: 100%;
  padding: 10px;
}
.LiveAnalysisPopPage .Nav {
  border-bottom: 1px solid #e5e5e5;
}
.LiveAnalysisPopPage .Nav li {
  height: 32px;
  line-height: 32px;
}
.LiveAnalysisPopPage .Nav li.active {
  color: #1089FF;
}
.LiveAnalysisPopPage .analysis-content {
  padding: 15px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.LiveAnalysisPopPage .analysis-content .module-container {
  padding: 15px;
  border: 1px solid #e5e5e5;
}
.LiveAnalysisPopPage .analysis-content .module-container + .module-container {
  margin-top: 15px;
}
.LiveAnalysisPopPage .analysis-content .module-container .title {
  line-height: 32px;
  font-weight: 600;
}
.LiveAnalysisPopPage .analysis-content .module-container .border-wrapper {
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.LiveAnalysisPopPage .simple-table {
  margin-top: 10px;
  border-color: #f4f4f4;
}
.LiveAnalysisPopPage .simple-table .TableHeader .TableHeader-row .TableHeader-cell {
  border-color: #f4f4f4;
  background-color: #fff;
}
.LiveAnalysisPopPage .simple-table .TableBody .TableBody-content .TableBody-row .TableBody-cell {
  border-color: #f4f4f4;
}
.LiveAnalysisPopPage .empty-video {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.LiveAnalysisPopPageIcon {
  position: absolute;
  top: -40px;
  right: 1200px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089FF;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}

.LiveAnalysisManage {
  position: relative;
  height: 100%;
  padding: 20px;
}
.LiveAnalysisManage .Flexable > .ant-spin-nested-loading {
  height: 100%;
}
.LiveAnalysisManage .Flexable > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.LiveAnalysisManage .Table .room-title {
  display: flex;
  align-items: center;
}
.LiveAnalysisManage .Table .room-title .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.LiveAnalysisManage .Table .room-title .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.LiveAnalysisManage .Table .anchor-nickname {
  display: flex;
  align-items: center;
}
.LiveAnalysisManage .Table .anchor-nickname .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
}
.LiveAnalysisManage .Table .anchor-nickname .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
}
.LiveAnalysisManage .ant-pagination {
  text-align: center;
}

.LiveAnalysisManager {
  height: calc(100% - 50px);
  background-color: #fff;
}

.CommonBatchSearch {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.CommonBatchSearch .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.CommonBatchSearch .filter-input {
  min-width: 300px;
}
.CommonBatchSearch .filter-input .ant-input-disabled {
  cursor: auto;
  color: var(--edt-text-color);
  background-color: var(--edt-component-bg-color);
}
.CommonBatchSearch.ShowAdvanceSearch .mask {
  margin-left: 100px;
}
.CommonBatchSearch-batch-wrapper {
  text-align: right;
}
.CommonBatchSearch-batch-wrapper .filter-batch-input {
  min-width: 300px;
}
.CommonBatchSearch-batch-wrapper .search-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 4px;
}
.CommonBatchSearch-batch-wrapper .keyword-include {
  text-align: left;
}

.AccountSetupTable {
  max-width: 1200px;
}
.AccountSetupTable .setup-title {
  font-weight: bold;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSetupTable .table-wrapper {
  margin-top: 40px;
}
.AccountSetupTable .table-wrapper .btn-container {
  margin-top: 15px;
  text-align: right;
}
.AccountSetupTable .ProjectSelector {
  display: inline-block;
  width: 160px;
}
.AccountSetupTable .tags-cell .disactive-text {
  color: #1890ff;
}
.AccountSetupTable .name-header-cell .Select {
  margin-right: 10px;
}
.AccountSetupTable .AccountSetupFilter .toggle-expand-btn .anticon {
  font-size: 16px;
}
.AccountSetupTable .AccountSetupFilter .CommonFilter {
  display: inline-block;
  margin-right: 10px;
}
.AccountSetupTable .AccountSetupFilter .CommonFilter .filter-result {
  vertical-align: initial;
}
.AutoSetModal .tip {
  color: #18b0b0;
  margin-top: 12px;
  margin-bottom: 0;
}

.CommonAccounts .TableHeader .TableHeader-cell {
  background-color: #E6F1FC !important;
}

.Notification .title {
  font-weight: bold;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.Notification .content {
  position: relative;
  height: calc(100% - 70px);
  width: 700px;
  padding: 10px 0 40px 0;
}
.Notification .content .ProjectSelector {
  display: inline-block;
  margin-left: 10px;
}
.Notification .content .Table {
  margin: 10px 0;
}
.Notification .content .save-btn {
  position: absolute;
  right: 0;
}
.Notification .NotificationFilter .Select {
  margin-right: 10px;
}

.SettingManager {
  display: flex;
  margin: 20px;
  height: calc(100% - 90px);
  background-color: #fff;
}
.SettingManager .left-container {
  flex: 0 0 250px;
  border: 1px solid #BBB;
  border-right: none;
}
.SettingManager .left-container .setting-manage-menu {
  margin-top: 15px;
  font-size: 16px;
}
.SettingManager .left-container .setting-manage-menu .category-item {
  text-align: center;
  background-color: transparent;
}
.SettingManager .left-container .setting-manage-menu .category-item .category-name {
  font-weight: 200;
}
.SettingManager .left-container .setting-manage-menu .category-item .category-name.active {
  font-weight: bold;
}
.SettingManager .right-container {
  flex: 1;
  padding: 30px 80px;
  border: 1px solid #BBB;
  overflow: auto;
}

.MediaFilter {
  padding: 16px;
  border-bottom: solid 1px #ddd;
  background: #f5f5f5;
}
.MediaFilter .date-range-picker {
  width: 250px;
}
.MediaFilter .scale-filter-btn .ant-input {
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
  cursor: pointer;
}
.MediaFilter .scale-filter-btn .ant-input-suffix > .anticon {
  color: rgba(16, 137, 255, 0.6);
}
.ScaleFilterPopover {
  padding: 0;
  width: 250px;
}
.ScaleFilterPopover .ant-popover-arrow {
  display: none;
}
.ScaleFilterPopover .ant-popover-inner-content {
  padding: 0;
}
.ScaleFilterPopover .ant-popover-inner-content .ant-tabs-bar {
  margin: 0;
  padding: 0 10px;
}
.ScaleFilterPopover .tab-header {
  margin: 0 4px;
  padding: 5px 10px;
  border-bottom: 1px dashed #bbb;
}
.ScaleFilterPopover .select-list {
  padding: 5px 4px;
  line-height: 30px;
  max-height: 400px;
  overflow: auto;
}
.ScaleFilterPopover .select-list .select-item {
  padding: 0 10px;
  cursor: pointer;
}
.ScaleFilterPopover .select-list .select-item:hover {
  background-color: #e6f7ff;
}
.ScaleFilterPopover .select-list .select-item.active {
  background-color: #e6f7ff;
}
.common-batch-search-overlay {
  width: 400px;
}

.AddThemeAdvanced {
  text-align: center;
}
.EditThemeAdvanced .option-edit-item {
  display: flex;
}
.EditThemeAdvanced .option-edit-item:hover .right-part {
  visibility: visible;
}
.EditThemeAdvanced .option-edit-item .left-part {
  flex: 1 1 auto;
}
.EditThemeAdvanced .option-edit-item .right-part {
  flex: 0 0 20px;
  visibility: hidden;
}
.ThemeAdvanced .theme-editting {
  position: relative;
}
.ThemeAdvanced .theme-editting .theme-input {
  margin: 8px 20px 8px 0;
  width: calc(100% - 20px);
}
.ThemeAdvanced .theme-editting .theme-btn {
  position: absolute;
  color: var(--edt-primary-color);
  right: 0px;
  top: 8px;
  width: 20px;
  display: flex;
  flex-direction: column;
}
.ThemeAdvanced .theme-editting .theme-btn .anticon {
  cursor: pointer;
}

.user-select-btn {
  padding: 0 35px 0 15px;
  text-align: left;
}
.user-select-btn .anticon {
  right: 10px;
}
.user-select-btn.disabled {
  pointer-events: none;
  padding: 0;
}
.user-select-btn.disabled .ant-btn {
  padding: 0 35px 0 15px;
}
.MediaUserSelectPopover {
  width: 180px;
  padding: 0;
}
.MediaUserSelectPopover .ant-popover-arrow {
  display: none;
}
.MediaUserSelectPopover .ant-popover-inner-content {
  padding: 0;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list {
  line-height: 30px;
  max-height: 240px;
  overflow-y: auto;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item {
  position: relative;
  padding: 0 10px;
  cursor: pointer;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item .delete-btn {
  display: none;
  margin-right: 10px;
  color: #999;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item .delete-btn:hover {
  color: #555;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item.editing {
  padding-right: 30px;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item.editing .delete-btn {
  display: block;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item:hover {
  background-color: #e6f7ff;
}
.MediaUserSelectPopover .ant-popover-inner-content .user-list .user-item.active {
  background-color: #e6f7ff;
}
.MediaUserSelectPopover .ant-popover-inner-content .add-area {
  margin-bottom: 20px;
  padding: 0 10px;
  color: #1089ff;
}
.MediaUserSelectPopover .ant-popover-inner-content .add-area .add-btn {
  padding: 0;
}
.MediaUserSelectPopover .ant-popover-inner-content .footer {
  display: flex;
  border-top: 1px solid #ddd;
}
.MediaUserSelectPopover .ant-popover-inner-content .footer .ant-btn {
  flex: 1;
}

.MaterialTable .LabelEditor {
  color: #1989FA;
}
.MaterialTable .tips {
  margin-top: 10px;
  color: #1989FA;
}
.MaterialTable .ant-table-tbody .user-select-btn {
  width: 130px;
  line-height: 32px;
}
.MaterialTable .ant-table-tbody .user-select-btn span {
  display: inline-block;
  width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.MaterialTable .ant-table-tbody .ant-table-row-cell-break-word {
  position: relative;
}
.MaterialTable .ant-table-tbody .ant-table-row-cell-break-word .Checkbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.MaterialTable .batch-edit-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.MaterialTable .batch-edit-wrapper .user-select-btn {
  width: 120px;
  margin: 0 8px;
}
.MaterialTable .batch-edit-wrapper .user-select-btn span {
  display: inline-block;
  width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.MaterialTable .batch-edit-wrapper .edit-item {
  display: flex;
  align-items: center;
}
.MaterialTable .batch-edit-wrapper .edit-item .ant-calendar-picker,
.MaterialTable .batch-edit-wrapper .edit-item .mkt-default-select {
  margin: 0 8px;
}
.MaterialTable .batch-edit-wrapper .edit-item .Select.multiple .labels {
  padding: 0px 6px 0px 0;
  min-height: 32px;
  line-height: 32px;
}
.MaterialTable .showhiddenErrorMsg {
  position: relative;
}
.MaterialTable .showhiddenErrorMsg .validation-error {
  margin: 0;
}
.ProtectEndTimePicker .ant-calendar-footer .ant-calendar-footer-extra {
  display: flex;
}
.ProtectEndTimePicker .ant-calendar-footer .ant-calendar-footer-extra .ant-btn {
  padding: 0 8px;
}
.ProtectEndTimePicker .ant-calendar-footer .ant-calendar-today-btn {
  display: none;
}

.MissingMaterials {
  margin-bottom: 15px;
}
.MissingMaterials .Filter {
  padding: 10px 0;
}
.MissingMaterials .Filter .mkt-default-select {
  margin-left: 0;
  margin-right: 10px;
}
.MissingMaterials .Table .thumbnail {
  position: relative;
  width: 100px;
  height: 60px;
  background: #efefef no-repeat center;
  background-size: contain;
}
.MissingMaterials .Table .thumbnail .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.MissingMaterials .Table .thumbnail .video-play-icon img {
  width: 100%;
  height: 100%;
}
.MissingMaterials .footer {
  line-height: 40px;
  text-align: right;
}

.MediaCreateModal .Uploader {
  display: block;
  margin-top: 10px;
}
.MediaCreateModal .Uploader .upload-area {
  display: flex;
  height: 200px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.MediaCreateModal .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.MediaCreateModal .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.MediaCreateModal .Uploader .upload-area > .content {
  width: 380px;
  padding: 38px;
}
.MediaCreateModal .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #C8CDD0;
}
.MediaCreateModal .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #C8CDD0;
  font-size: 14px;
}
.MediaCreateModal .Uploader .upload-area .tips {
  color: #1989FA;
}
.MediaCreateModal .Uploader .upload-area .tips strong {
  font-weight: normal;
  color: #F26161;
}
.MediaCreateModal .Uploader .uploading-area {
  height: 200px;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
  overflow: auto;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item {
  display: flex;
  margin-bottom: 10px;
  line-height: 26px;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .title {
  width: 40%;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status {
  display: flex;
  flex: 1;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status .upload-progress {
  width: 350px;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status .ant-spin {
  margin-left: 10px;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status .err-msg {
  margin-right: 10px;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status .delete-btn {
  color: #1989FA;
  cursor: pointer;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status.success {
  color: #1989FA;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item .status.exception {
  color: #F26161;
}
.MediaCreateModal .Uploader .uploading-area .uploading-item.header {
  color: #333;
  font-weight: bold;
}

.BatchEditModal .title-area {
  flex-direction: column;
  padding-left: 14px;
}
.BatchEditModal .title-area > .ControlGroup > .control-label {
  flex: 0 0 180px;
}
.BatchEditModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditModal .replace-line > .ControlGroup:nth-child(2) > .control-label {
  flex: 0 0 100px;
}
.BatchEditModal .replace-line > .ControlGroup:nth-child(1) > .control-label {
  flex: 0 0 180px;
}
.BatchEditModal .replace-line .MyInput {
  z-index: 2;
}
.BatchEditModal .edit-item {
  margin-bottom: 16px;
}
.BatchEditModal .edit-item .prefix-item {
  display: inline-block;
  width: 130px;
}
.BatchEditModal .edit-item .prefix-item .VCheckbox {
  margin-left: 0;
}

.YbContentSetting .label-tag {
  color: #101010;
}
.YbContentSetting .channel-select {
  margin: 0 8px;
}
.YbContentSetting .batch-btn {
  margin-left: 16px;
}
.YbContentSetting .header-item {
  margin-bottom: 8px;
}
.YbContentSetting .Select.select-popup {
  width: auto !important;
  min-width: 150px;
}
.YbContentSetting .limit-tips {
  color: #666;
  margin-top: 6px;
}
.YbContentSetting .limit-tips i {
  color: #faad14;
}
.YbContentSetting .Table {
  margin-top: 16px;
}

.ContentDetail .label-tag {
  color: #101010;
}
.ContentDetail .header-item {
  margin-bottom: 8px;
}

.UploadYouTubeModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.UploadYouTubeModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}
.UploadYouTubeModal .ant-modal-body {
  max-height: 850px;
  overflow: auto;
}
.UploadYouTubeModal .footer {
  padding: 10px 0;
  text-align: right;
  margin-top: 16px;
}
.UploadYouTubeModal .footer .ant-btn {
  margin-left: 8px;
}

.LinkYouTubeModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.LinkYouTubeModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}
.LinkYouTubeModal .ant-modal-body {
  max-height: 850px;
  overflow: auto;
}
.LinkYouTubeModal .footer {
  padding: 10px 0;
  text-align: right;
  margin-top: 16px;
}
.LinkYouTubeModal .footer .ant-btn {
  margin-left: 8px;
}

.FbContentSetting .batch-edit-wrapper .mkt-default-select {
  margin-left: 10px;
  vertical-align: middle;
}
.FbContentSetting .ant-table-wrapper {
  margin-top: 10px;
}

.UploadFacebookModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.UploadFacebookModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}
.UploadFacebookModal .ant-modal-body {
  max-height: 850px;
  overflow: auto;
}
.UploadFacebookModal .footer {
  padding: 10px 0;
  text-align: right;
  margin-top: 16px;
}
.UploadFacebookModal .footer .ant-btn {
  margin-left: 8px;
}

.TkContentSetting .batch-edit-wrapper .mkt-default-select {
  margin-left: 10px;
  vertical-align: middle;
}
.TkContentSetting .ant-table-wrapper {
  margin-top: 10px;
}

.UploadTikTokModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.UploadTikTokModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}
.UploadTikTokModal .ant-modal-body {
  max-height: 850px;
  overflow: auto;
}
.UploadTikTokModal .footer {
  padding: 10px 0;
  text-align: right;
  margin-top: 16px;
}
.UploadTikTokModal .footer .ant-btn {
  margin-left: 8px;
}

.AuthAdderModal .ant-modal-body {
  min-height: 220px;
}
.AuthAdderModal .ant-modal-body .AuthAdderModalFilter {
  margin-bottom: 15px;
}
.AuthAdderModal .ant-modal-body .AuthAdderModalFilter .MyInput {
  margin: 0 10px;
}
.AuthAdderModal .ant-modal-body .Select + .Select {
  margin-left: 10px;
}
.AuthAdderModal .ant-modal-body .Select .ant-select-dropdown ul {
  max-height: 150px;
}

.AccountAuth {
  flex: 1;
  margin-left: 40px;
}
.AccountAuth .AuthListFilter {
  margin-bottom: 20px;
}
.AccountAuth .AuthListFilter .filter-item {
  display: inline-block;
}
.AccountAuth .AuthListFilter .Select {
  margin-right: 10px;
}

.UserGroupEdit {
  display: flex;
  margin: 15px 0;
}
.UserGroupEdit .left-content {
  flex: 0 0 400px;
}
.UserGroupEdit .left-content .list-wrapper {
  width: 280px;
}

.MaterialPreview {
  cursor: pointer;
  position: relative;
  height: 45px;
  flex: 0 0 80px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #000000;
}
.MaterialPreview .image-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: flex;
  align-items: center;
}
.MaterialPreview .image-background img {
  vertical-align: middle;
  height: auto;
  filter: blur(2.5px);
  width: 100%;
}
.MaterialPreview .VideoContent,
.MaterialPreview .ImageContent {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.MaterialPreview .CountContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
}
.MaterialPreview-popover .popover-content {
  width: 220px;
  position: relative;
}
.VideoContent,
.ImageContent {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.VideoContent .image-preview,
.ImageContent .image-preview {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.VideoContent .video-player-icon,
.ImageContent .video-player-icon {
  color: #ddd;
  font-size: 18px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.VideoPlayerModal .ant-modal-content {
  background-color: rgba(0, 0, 0, 0.45);
  border: none;
  padding: 20px;
}
.VideoPlayerModal .ant-modal-content .ant-modal-close {
  color: #fff;
}
.VideoPlayerModal .ant-modal-body {
  height: 600px;
  padding: 0;
}
.VideoPlayerModal video {
  width: 100%;
  height: 100%;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.CreativePreview .smart-tip {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 28px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 12px;
}
.CreativePreview .SingleSmartVideo,
.CreativePreview .SingleSmartImage {
  position: relative;
}
.CreativePreview .SingleSmartVideo .left-area,
.CreativePreview .SingleSmartImage .left-area {
  height: 35px;
  flex: 0 0 65px;
}
.CreativePreview .group-list {
  position: relative;
  display: flex;
}
.CreativePreview .group-list .left-source {
  height: 45px;
  flex: 0 0 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.CreativePreview .group-list .left-source .image-item {
  max-width: 35px;
  height: 20px;
  margin: 2px;
}
.CreativePreview .group-list .right-text {
  margin-left: 8px;
}

.RelatedAds {
  height: 100%;
  padding: 15px;
}
.RelatedAds .main-filter {
  height: 32px;
  margin-bottom: 15px;
  line-height: 32px;
}
.RelatedAds .main-filter .anchor-name {
  font-size: 16px;
  font-weight: 700;
}
.RelatedAds > .ant-spin-nested-loading {
  height: calc(100% - 140px);
}
.RelatedAds > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.RelatedAds .Table .row-detail .TableBody-row .TableBody-cell .cell-content {
  color: #9e9e9e;
}
.RelatedAds .ant-pagination {
  margin-top: 10px;
  text-align: right;
}

.RelatedLiveRoomsFilter {
  margin: 10px 0;
}
.RelatedLiveRoomsFilter .f-right {
  display: flex;
  align-items: center;
}
.RelatedLiveRoomsFilter .f-right > .ant-btn {
  height: 32px;
  line-height: 32px;
}
.RelatedLiveRoomsFilter .f-right > .ant-btn + .ant-btn {
  margin-left: 10px;
}
.RelatedLiveRoomsFilter .CommonFilter {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.StatStatusEditor {
  color: #1989FA;
  cursor: pointer;
}
.StatStatusEditor .anticon-edit {
  margin-left: 10px;
}

.LiveRoomLabelEditor .anchor-label {
  text-decoration: underline;
}

.StatisticEditorModal .filter {
  margin-bottom: 10px;
}
.StatisticEditorModal .filter .ant-btn + .ant-btn {
  margin-left: 10px;
}
.StatisticEditorModal .ant-pagination {
  text-align: right;
  margin-top: 10px;
}
.StatisticEditorModal .Table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell {
  height: 92px;
}
.StatisticEditorModal .Table .room-cover {
  display: flex;
  justify-content: center;
}
.StatisticEditorModal .Table .room-cover img {
  max-width: 80px;
  max-height: 80px;
}
.StatisticEditorModal .Table .room-url {
  color: #1989FA;
}

.UnStatisticRooms .unknow-banner {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  background-color: #E2EFFC;
}
.UnStatisticRooms .unknow-banner .stat-status-cnt {
  display: flex;
  align-items: center;
  flex-grow: 0;
}
.UnStatisticRooms .unknow-banner .statistics-btn {
  display: inline-block;
  margin: 0 10px;
  color: #1890ff;
  text-decoration: underline;
  cursor: pointer;
}
.UnStatisticRooms .unknow-banner .anticon-close {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #85888E;
  font-size: 12px;
}

.RelatedLiveRooms {
  height: 100%;
  padding: 15px;
  background-color: #fff;
}
.RelatedLiveRooms .main-filter {
  height: 32px;
  margin-bottom: 10px;
  line-height: 32px;
}
.RelatedLiveRooms .main-filter .anchor-name {
  font-size: 16px;
  font-weight: 700;
}
.RelatedLiveRooms .UnStatisticRooms {
  margin: 0 -15px;
}
.RelatedLiveRooms > .ant-spin-nested-loading {
  height: calc(100% - 155px);
}
.RelatedLiveRooms > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.RelatedLiveRooms .ant-pagination {
  margin-top: 10px;
  text-align: right;
}
.RelatedLiveRooms .Table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell {
  height: 92px;
}
.RelatedLiveRooms .Table .room-cover {
  display: flex;
  justify-content: center;
}
.RelatedLiveRooms .Table .room-cover img {
  max-width: 80px;
  max-height: 80px;
}
.RelatedLiveRooms .Table .room-url {
  color: #1989FA;
}

.PieReport {
  height: 280px;
  padding: 10px;
}
.PieReport .title {
  line-height: 28px;
  font-weight: 600;
}

.LiveRoomChartsRegion {
  position: relative;
  height: 420px;
  display: flex;
  flex-wrap: wrap;
}
.LiveRoomChartsRegion .switch-bar {
  width: 100%;
}
.LiveRoomChartsRegion .map-container {
  width: 50%;
}
.LiveRoomChartsRegion .data-container {
  width: 50%;
}
.LiveRoomChartsRegion .ant-empty {
  width: 100%;
}

.LiveRoomChartsAudience .AudienceFilter {
  padding: 10px;
  border-bottom: solid 1px #eee;
}
.LiveRoomChartsAudience .ant-row > .ant-col {
  border-top: solid 1px #eee;
  border-right: solid 1px #eee;
}
.LiveRoomChartsAudience .ant-row > .ant-col:last-child {
  border-right: none;
}

.LiveRoomCharts {
  min-height: 100%;
  padding: 15px;
  background-color: #fff;
}
.LiveRoomCharts .main-filter .header-title {
  font-weight: 600;
  font-size: 16px;
}
.LiveRoomCharts .Nav {
  border-bottom: solid 1px #eee;
}

.AnchorsDetailList {
  height: 100%;
}
.AnchorsDetailList .AnchorsDetailFilter {
  margin-bottom: 10px;
}
.AnchorsDetailList .AnchorsDetailFilter .f-right {
  display: flex;
  align-items: center;
}
.AnchorsDetailList .AnchorsDetailFilter .export-btn {
  height: 32px;
}
.AnchorsDetailList .AnchorsDetailFilter .ant-btn {
  margin-left: 10px;
}
.AnchorsDetailList > .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.AnchorsDetailList > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.AnchorsDetailList .ant-pagination {
  text-align: center;
  margin-top: 10px;
}

.AcnchorsDetailData {
  height: 100%;
  padding: 10px;
  background-color: #fff;
}
.AcnchorsDetailData .main-filter .anchor-name {
  font-weight: bold;
}
.AcnchorsDetailData .ant-tabs {
  height: calc(100% - 40px);
}
.AcnchorsDetailData .ant-tabs .ant-tabs-content {
  height: calc(100% - 60px);
}
.AcnchorsDetailData .tab-item {
  display: flex;
  align-items: center;
}
.AcnchorsDetailData .tab-item .anticon {
  margin-right: 10px;
}

.LiveLibraryPopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.LiveLibraryPopPage.open {
  transform: translateX(0);
}
.LiveLibraryPopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.LiveLibraryPopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.LiveLibraryPopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.LiveLibraryPopPage > .content form {
  height: 100%;
}
.LiveLibraryPopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.LiveLibraryPopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.LiveLibraryPopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.LiveLibraryPopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.LiveLibraryPopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}

.LiveAnchors {
  height: 100%;
  padding: 10px 20px;
}
.LiveAnchors .LiveAnchorsFilter {
  margin-bottom: 10px;
}
.LiveAnchors .LiveAnchorsFilter .f-right {
  display: flex;
  align-items: center;
}
.LiveAnchors .LiveAnchorsFilter .f-right .FilterDateRange {
  display: flex;
  align-items: center;
}
.LiveAnchors .LiveAnchorsFilter .f-right .FilterDateRange .date-prev-text {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.LiveAnchors .LiveAnchorsFilter .ant-btn {
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
}
.LiveAnchors > .ant-spin-nested-loading {
  height: calc(100% - 67px);
}
.LiveAnchors > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.LiveAnchors .Table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell {
  height: 92px;
}
.LiveAnchors .Table .anchor-avatar {
  display: flex;
  justify-content: center;
}
.LiveAnchors .Table .anchor-avatar img {
  max-width: 80px;
  max-height: 80px;
}
.LiveAnchors .Table .highlight-cell {
  color: #1989FA;
}
.LiveAnchors .Table .text-underline {
  text-decoration: underline;
  cursor: pointer;
}
.LiveAnchors .ant-pagination {
  margin-top: 10px;
  text-align: right;
}

.LiveRooms {
  height: 100%;
  padding: 10px 20px;
}
.LiveRooms .LiveRoomsFilter {
  margin: 10px 0 ;
}
.LiveRooms .LiveRoomsFilter .f-right {
  display: flex;
  align-items: center;
}
.LiveRooms .LiveRoomsFilter .f-right > .ant-btn {
  height: 32px;
  line-height: 32px;
}
.LiveRooms .LiveRoomsFilter .f-right > .ant-btn + .ant-btn {
  margin-left: 10px;
}
.LiveRooms .LiveRoomsFilter .CommonFilter {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.LiveRooms .UnStatisticRooms {
  margin: 0 -20px;
}
.LiveRooms > .ant-spin-nested-loading {
  height: calc(100% - 100px);
}
.LiveRooms > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.LiveRooms .Table .TableBody-wrap .TableBody .TableBody-row .TableBody-cell {
  height: 92px;
}
.LiveRooms .Table .room-cover {
  display: flex;
  justify-content: center;
}
.LiveRooms .Table .room-cover img {
  max-width: 80px;
  max-height: 80px;
}
.LiveRooms .Table .room-url {
  color: #1989FA;
}
.LiveRooms .ant-pagination {
  margin-top: 10px;
  text-align: right;
}

.LiveItem {
  display: inline-block;
  width: 420px;
  padding: 20px 10px 10px;
  margin: 0 20px 20px 0;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 12px;
  line-height: 24px;
}
.LiveItem .live-video-wrap {
  display: flex;
  width: 100%;
  height: 280px;
  text-align: center;
  background-color: #efefef;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.LiveItem .live-video-wrap .live-video {
  max-width: 100%;
  max-height: 100%;
}
.LiveItem .live-dec-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.LiveItem .live-dec-wrap .dec-item {
  padding-right: 4px;
  line-height: 24px;
  color: #333;
}
.LiveItem .live-dec-wrap .dec-item .title {
  color: #999;
}
.LiveItem .live-dec-wrap .nickname {
  width: 50%;
}
.LiveItem .live-dec-wrap .live-id {
  width: 50%;
}
.LiveItem .live-dec-wrap .live-labels {
  display: flex;
  width: 100%;
}
.LiveItem .live-dec-wrap .live-labels .label-editor-wrap {
  width: 0;
  flex: 1 1 auto;
}
.LiveItem .live-dec-wrap .room-link {
  color: var(--edt-primary-color);
}
.LiveItem .live-dec-wrap .room-status-stats {
  display: inline-block;
}
.LiveItem .live-insight-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  padding-top: 10px;
  text-align: center;
}
.LiveItem .live-insight-wrap .insight-item {
  width: 24%;
  height: 60px;
}
.LiveItem .live-insight-wrap .insight-item + .insight-item {
  margin-left: 1%;
}
.LiveItem .live-insight-wrap .insight-item .label {
  width: 100%;
  font-size: 12px;
  color: #555;
}
.LiveItem .live-insight-wrap .insight-item .value {
  font-size: 16px;
  color: #1089ff;
}
.LiveItem .live-insight-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  border-top: 1px solid #bbb;
}

.RealtimeLive {
  position: relative;
  height: 100%;
}
.RealtimeLive .LiveFilter {
  padding: 10px 15px;
  text-align: right;
}
.RealtimeLive .LiveFilter .Select {
  margin-right: 10px;
}
.RealtimeLive .LiveFilter .Select .ant-select-dropdown li {
  text-align: left;
}
.RealtimeLive .LiveFilter .Select .sort-select-option {
  display: flex;
  align-items: center;
}
.RealtimeLive .LiveFilter .Select .sort-select-option .sort-insight {
  font-weight: 700;
  margin-right: 15px;
}
.RealtimeLive .live-list {
  padding: 0 15px;
  height: calc(100% - 42px);
  overflow: auto;
}

.LiveLibraryManage {
  height: calc(100% - 50px);
  background-color: #fff;
}
.LiveLibraryManage > .ant-tabs {
  height: 100%;
}
.LiveLibraryManage > .ant-tabs .ant-tabs-bar {
  margin: 0;
}
.LiveLibraryManage > .ant-tabs .ant-tabs-content {
  height: calc(100% - 60px);
}

.LiveManagerMainFilter {
  height: 50px;
  padding: 0 15px;
  margin-bottom: 10px;
  line-height: 32px;
  background-color: #fff;
}
.LiveManagerMainFilter .f-left,
.LiveManagerMainFilter .f-right {
  display: flex;
  align-items: center;
  height: 100%;
}
.LiveManagerMainFilter .ProjectSelector {
  margin-right: 5px;
}
.LiveManagerMainFilter .ant-input-group-wrapper {
  margin-right: 10px;
}

.LiveLibraryManager {
  height: calc(100% - 50px);
  padding: 15px;
  margin-right: 44px;
}

.BatchConditionTabs {
  display: flex;
  align-items: center;
}
.BatchConditionTabs .visible-hidden {
  visibility: hidden;
}
.BatchConditionTabs .tabs-scroll {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: space-around;
  width: 100px;
  padding: 0 10px;
}
.BatchConditionTabs .tabs-scroll-left,
.BatchConditionTabs .tabs-scroll-right {
  margin: 0 5px;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.BatchConditionTabs .tabs-scroll-left i,
.BatchConditionTabs .tabs-scroll-right i {
  height: 22px;
}
.BatchConditionTabs .add-condition-btn {
  margin-left: 20px;
}
.BatchConditionTabs .batch-add-condition-btn {
  margin-left: 10px;
}
.BatchConditionTabs .batch-remove-btn {
  margin-left: 10px;
}
.BatchConditionTabsWrapper {
  overflow: hidden;
}
.BatchConditionTabsWrapper .tabsContent {
  width: max-content;
  position: relative;
  transition: all 0.4s;
}
.BatchConditionTabsWrapper .swiper-slide {
  flex: 1 1 auto;
}
.BatchConditionTabsWrapper .TabItem {
  position: relative;
  display: inline-block;
  min-height: 57px;
  padding: 10px 14px;
  vertical-align: middle;
  border-right: 1px solid #dadcde;
}
.BatchConditionTabsWrapper .TabItem .btn-area {
  display: inline-block;
  width: 15px;
  margin-left: 10px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  color: #999;
}
.BatchConditionTabsWrapper .TabItem .btn-area .anticon {
  display: block;
  line-height: 16px;
  cursor: pointer;
}
.BatchConditionTabsWrapper .TabItem .btn-area .anticon:hover {
  color: #1890ff;
}
.BatchConditionTabsWrapper .TabItem .name {
  position: relative;
  padding-right: 25px;
  line-height: 37px;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
}
.BatchConditionTabsWrapper .TabItem .name .btn-area {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.BatchConditionTabsWrapper .TabItem .name:hover .btn-area {
  display: inline-block;
}
.BatchConditionTabsWrapper .TabItem .name .tab-name-wrapper {
  display: flex;
  align-items: center;
}
.BatchConditionTabsWrapper .TabItem .name .tab-name-wrapper .tab-name {
  display: inline-block;
  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BatchConditionTabsWrapper .TabItem .error-icon {
  position: absolute;
  right: -16px;
  top: -16px;
  display: inline-block;
  margin-right: 4px;
  color: #FF4949;
}
.BatchConditionTabsWrapper .TabItem .tab-sort {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border: 1px solid;
  border-radius: 50%;
  font-size: 10px;
}
.BatchConditionTabsWrapper .TabItem.active .name {
  color: #1890ff;
}
.BatchConditionTabsWrapper .TabItem.active .tab-sort {
  border-color: #1890ff;
}
.BatchConditionTabsWrapper .TabItem.active:after {
  content: '';
  position: absolute;
  left: 13px;
  right: 32px;
  bottom: 0px;
  height: 2px;
  background: #1890ff;
}

.RtaFilterCondition .condition .condition-selector {
  margin-left: 0;
  margin-right: 10px;
}
.RtaFilterCondition .subconditions-wrapper,
.RtaFilterCondition .conditions-item-wrapper {
  margin-left: 20px;
  padding: 10px 20px;
  border-left: 1px solid #d9d9d9;
}
.RtaFilterCondition .subconditions-wrapper .condition-selector,
.RtaFilterCondition .conditions-item-wrapper .condition-selector,
.RtaFilterCondition .subconditions-wrapper .conditions-item,
.RtaFilterCondition .conditions-item-wrapper .conditions-item {
  position: relative;
}
.RtaFilterCondition .subconditions-wrapper .condition-selector::before,
.RtaFilterCondition .conditions-item-wrapper .condition-selector::before,
.RtaFilterCondition .subconditions-wrapper .conditions-item::before,
.RtaFilterCondition .conditions-item-wrapper .conditions-item::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 20px;
  height: 0;
  border-top: 1px solid #d9d9d9;
}
.RtaFilterCondition .subconditions-wrapper .Subconditions,
.RtaFilterCondition .conditions-item-wrapper .Subconditions,
.RtaFilterCondition .subconditions-wrapper .conditions-item,
.RtaFilterCondition .conditions-item-wrapper .conditions-item {
  position: relative;
}
.RtaFilterCondition .subconditions-wrapper .Subconditions:last-child::after,
.RtaFilterCondition .conditions-item-wrapper .Subconditions:last-child::after,
.RtaFilterCondition .subconditions-wrapper .conditions-item:last-child::after,
.RtaFilterCondition .conditions-item-wrapper .conditions-item:last-child::after {
  content: '';
  position: absolute;
  left: -22px;
  top: 19px;
  width: 4px;
  height: 100%;
  background-color: #fff;
}
.RtaFilterCondition .conditions-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.RtaFilterCondition .conditions-item .VSelect {
  position: relative;
}
.RtaFilterCondition .conditions-item .VSelect .validation-error {
  position: absolute;
  top: calc(100% - 13px);
  left: 0;
  width: 100%;
}
.RtaFilterCondition .conditions-item .VInput {
  position: relative;
}
.RtaFilterCondition .conditions-item .VInput .validation-error {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  width: 200%;
}
.RtaFilterCondition .ControlGroup {
  margin-left: 0;
  margin-right: 8px;
}
.RtaFilterCondition.one-level-conditions > .controls > .condition {
  display: none;
}
.RtaFilterCondition.one-level-conditions > .controls > .subconditions-wrapper {
  margin: 0;
  border-left: none;
}
.RtaFilterCondition.one-level-conditions > .controls > .subconditions-wrapper .condition-selector::before {
  display: none;
}
.RtaFilterCondition .table-select {
  height: 32px;
}
.RtaFilterCondition .table-select .controls {
  display: flex;
}
.RtaFilterCondition .table-select .multiple .labels {
  min-height: 32px;
  padding: 2px 6px 0 0;
}
.RtaFilterCondition .table-select .multiple .labels > li {
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RtaFilterCondition .table-select .validation-error {
  height: 32px;
}
.RtaFilterCondition .table-select .my-select-dropdown {
  width: 700px;
}
.RtaFilterCondition .table-select .my-select-dropdown .table-select-drop-down {
  position: relative;
  width: 700px;
}
.RtaFilterCondition .table-select .my-select-dropdown .table-select-drop-down .ant-input {
  position: absolute;
  width: 680px;
  margin: 0 10px;
  top: 43px;
  z-index: 2;
}
.RtaFilterCondition .table-select .my-select-dropdown .table-select-drop-down .edt-v5-ant-table-body {
  margin-top: 40px;
}
.RtaFilterCondition .table-select .my-select-dropdown .table-select-drop-down.batch-search .edt-v5-ant-table-body {
  margin-top: 80px;
}
.RtaFilterCondition .small-table-select .my-select-dropdown {
  width: 400px;
}
.RtaFilterCondition .small-table-select .my-select-dropdown .table-select-drop-down {
  width: 400px;
}
.RtaFilterCondition .small-table-select .my-select-dropdown .table-select-drop-down .ant-input {
  width: 380px;
}

.LabelsFilter .TestGroups .group-tab-wrapper {
  padding: 15px;
}
.LabelsFilter .TestGroups .BatchConditionTabs {
  border-bottom: 1px solid #efefef;
  padding: 0 10px;
}
.LabelsFilter .TestGroups .BatchConditionTabs .tabs-scroll {
  display: none;
}
.LabelsFilter .TestGroups .BatchConditionTabs .TabItem {
  min-height: 26px;
  margin-right: 5px;
  padding: 4px 8px 4px 24px;
  background: #f2f2f2;
  border-radius: 4px 4px 0 4px;
  border: 1px solid #f2f2f2;
}
.LabelsFilter .TestGroups .BatchConditionTabs .TabItem.active {
  border-radius: 4px 4px 0 4px;
  background: #fff;
}
.LabelsFilter .TestGroups .BatchConditionTabs .TabItem.active::after {
  left: 4px;
  right: 4px;
}
.LabelsFilter .TestGroups .BatchConditionTabs .TabItem .anticon {
  font-size: 10px;
}
.LabelsFilter .TestGroups .BatchConditionTabs .TabItem .name {
  line-height: 26px;
}
.LabelsFilter .TestGroups .BatchConditionTabs .add-condition-btn {
  width: 36px;
  height: 36px;
  margin-left: 0;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: rgba(140, 140, 140, 0.65);
}
.LabelsFilter .TestGroups .BatchConditionTabs .add-condition-btn .anticon {
  margin-right: 0;
}
.LabelsFilter .TestGroups .BatchConditionTabs .add-condition-btn:hover {
  color: #1089ff;
}
.LabelsFilter .sub-conditions-wrapper {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #efefef;
  border-radius: 4px;
}

.Slider {
  position: relative;
  height: 70px;
  padding-top: 32px;
}
.Slider .tracker {
  position: relative;
  height: 3px;
  background-color: var(--edt-primary-color);
}
.Slider .tracker .pointer {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  top: -6px;
  background-color: var(--edt-primary-color);
}
.Slider .tracker::before,
.Slider .tracker::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1px var(--edt-primary-color);
  position: absolute;
}
.Slider .tracker::before {
  left: -8px;
  top: -3px;
}
.Slider .tracker::after {
  right: -8px;
  top: -3px;
}
.Slider .tags {
  position: relative;
  top: -28px;
}
.Slider .tags .tag {
  position: absolute;
}
.Slider .tags .tag .index-tag {
  border-radius: 50%;
  border: solid 1px;
  width: 20px;
  height: 20px;
  color: var(--edt-primary-color);
  text-align: center;
  line-height: 20px;
}
.Slider .tags .tag .percent-tag {
  line-height: 36px;
}
.Slider .tags .tag .active-input-tag {
  position: relative;
  top: -6px;
  transform: translateX(-25%);
}

.OeCreateContent .out-name {
  display: none;
}

.RtaCreate .RtaCreateContent {
  padding: 20px;
  background-color: #fff;
}
.RtaCreate .RtaCreateContent .Project {
  position: relative;
}
.RtaCreate .RtaCreateContent .Project .showhiddenErrorMsg {
  left: 300px;
  bottom: 10px;
}
.RtaCreate .warnning {
  display: flex;
  align-items: center;
  color: #e9b475;
}
.RtaCreate .warnning .warnning-tips {
  font-size: 12px;
}
.RtaCreate .anticon {
  margin-right: 10px;
}
.RtaCreate .ControlGroup {
  flex-direction: column;
}
.RtaCreate .ControlGroup .control-label {
  flex: none;
  text-align: left;
  color: #000;
}
.RtaCreate .ControlGroup.inline {
  margin-left: 0;
}
.RtaCreate .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.RtaCreate .ant-drawer-wrapper-body .ant-drawer-body {
  height: calc(100% - 120px);
  padding: 10px;
  overflow-y: auto;
}
.RtaCreate .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.RtaCreate .ant-drawer-wrapper-body .footer .edt-v5-ant-btn {
  margin-left: 10px;
}
.RtaCreate .create-group {
  margin-bottom: 15px;
}
.RtaCreate .create-group .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.RtaCreate .create-group .content {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.RtaCreate .create-group.ControlGroup .control-label {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.RtaCreate.detail .ControlGroup,
.RtaCreate.detail .RadioGroup,
.RtaCreate.detail .ant-btn,
.RtaCreate.detail .ant-input,
.RtaCreate.detail .Slider,
.RtaCreate.detail .ProjectSelector {
  pointer-events: none;
}
.RtaCreate.detail .BatchConditionTabs .add-condition-btn,
.RtaCreate.detail .BatchConditionTabs .anticon {
  display: none;
}
.is-test-confrim-modal .tip {
  display: flex;
  align-items: center;
  margin-left: 60px;
}
.is-test-confrim-modal .tip .anticon {
  margin-right: 10px;
}
.is-test-confrim-modal .ControlGroup {
  margin-top: 15px;
}
.rta-create-close-icn {
  position: absolute;
  top: -40px;
  right: 1250px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089ff;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}

.TreePanel .MyInput {
  width: 500px;
  margin-bottom: 10px;
}
.TreePanel .tree-wrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.TreePanel .tree-wrapper header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f6f6f6;
  color: rgba(0, 0, 0, 0.65);
  line-height: 20px;
  padding: 10px 10px;
}
.TreePanel .tree-wrapper header .ant-btn {
  padding: 0 8px;
}

.RtaObjects .warnning {
  display: flex;
  align-items: center;
  color: #e9b475;
}
.RtaObjects .warnning .anticon {
  margin-right: 5px;
}
.RtaObjects .RtaObjectsContent {
  height: 100%;
  padding: 15px;
  overflow-y: auto;
  background-color: #fff;
}
.RtaObjects .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.RtaObjects .ant-drawer-wrapper-body .ant-drawer-body {
  height: calc(100% - 120px);
  padding: 10px;
  overflow-y: auto;
}
.RtaObjects .ant-drawer-wrapper-body form {
  padding: 20px;
  background-color: #fff;
}
.RtaObjects .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 22px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.RtaObjects .ant-drawer-wrapper-body .footer .edt-v5-ant-btn {
  margin-left: 10px;
}
.RtaObjects .title {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.RtaObjects .rta-group .content {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.RtaObjects .rta-group + .rta-group {
  margin-top: 15px;
}
.RtaObjects .RtaApplyObjects .CommonBatchSearch {
  margin-bottom: 10px;
}
.RtaObjects .RtaApplyObjects .advertisers-tree-panel-spin {
  width: 600px;
  margin-top: 10px;
}
.RtaObjects .RtaApplyObjects .advertisers-tree-panel {
  width: 600px;
}
.RtaObjects .RtaApplyObjects .advertisers-tree-panel .ant-tree {
  max-height: 400px;
  overflow-y: auto;
}
.RtaObjects .RtaApplyObjects .advertisers-tree-panel .MyInput {
  width: 600px;
}
.RtaObjects .BindList {
  margin-top: 15px;
}
.RtaObjects .BindList .tips {
  font-size: 14px;
}
.RtaObjects .BindList .filter {
  margin: 10px 0;
}
.rta-advertisers-close-icn {
  position: absolute;
  top: -40px;
  right: 1200px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089FF;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}

.RtaManage {
  height: 100%;
  padding: 10px;
}
.RtaManage .rtaManage-content {
  height: calc(100% - 62px);
  padding: 10px;
  background-color: #fff;
}
.RtaManage .rtaManage-content > .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.RtaManage .rtaManage-content > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.RtaManage .rtaManage-content .ant-pagination {
  margin-top: 10px;
  text-align: center;
}
.RtaManage .rtaManage-content .Table .cnt-cell {
  text-align: center;
  cursor: default;
}

.RtaManager {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px;
  height: calc(100% - 50px);
}

.UserAuthModal iframe {
  width: 100%;
  border: none;
}
.tx-user-auth-modal-info > div {
  text-align: center;
}
.tx-user-auth-modal-info > div .anticon {
  margin-right: 10px;
}

.AccountFilter .filter-btn {
  vertical-align: middle;
}
.account-filter-popover {
  margin-top: 6px;
  padding: 0;
  width: 300px;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
}
.account-filter-popover .ant-input-search {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-bottom: 10px;
}
.account-filter-popover .CommonBatchSearch-batch-wrapper {
  margin: 0 10px;
}
.account-filter-popover .common-sue-accounts {
  position: relative;
}
.account-filter-popover .common-sue-accounts .setup-link {
  position: absolute;
  right: 7px;
  top: 7px;
}
.account-filter-popover .select-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 10px;
}
.account-filter-popover .divide-line {
  margin: 5px 5px;
  height: 1px;
  background: #d9d9d9;
}
.account-filter-popover .ant-popover-arrow {
  display: none;
}
.account-filter-popover .body-content {
  max-height: 400px;
  overflow-y: auto;
}
.account-filter-popover .ant-popover-inner-content {
  padding: 10px 5px;
}
.account-filter-popover .ant-empty-image {
  height: 28px;
}
.account-filter-popover .clear-btn {
  margin: 0 15px;
  line-height: 30px;
  color: #365899;
  cursor: pointer;
  border-bottom: 1px solid #e9eaeb;
}
.account-filter-popover .clear-btn:hover {
  text-decoration: underline;
}

.MainFilter {
  position: relative;
  min-height: 54px;
  padding: 10px 12px;
  background-color: #fff;
  border-bottom: 1px solid #dadcde;
  z-index: 680;
}
.MainFilter.loading {
  pointer-events: none;
}
.MainFilter .channel-type-selector {
  width: 140px;
  margin-right: 10px;
  vertical-align: middle;
}
.MainFilter .filter-btn {
  margin-right: 10px;
  vertical-align: middle;
}
.MainFilter .date-range-picker {
  width: 250px;
}
.MainFilter .AccountFilter {
  display: inline-block;
}
.MainFilter .project-selector {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 180px;
}
.MainFilter .Select {
  vertical-align: middle;
  margin-right: 10px;
}

.RuleWarnModal .warnning {
  color: #e9b475;
}
.RuleWarnModal .Table {
  margin-top: 10px;
}
.RuleWarnModal .ant-pagination {
  margin-top: 12px;
  text-align: center;
}

.RuleWarnBanner {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background-color: #E2EFFC;
  color: #85888E;
}

.Filter {
  margin-top: 0;
  margin-bottom: 12px;
}
.Filter .ant-pagination {
  display: inline-block;
  vertical-align: middle;
}
.Filter .ant-btn {
  height: 30px;
  margin-left: 8px;
  font-size: 13px;
  vertical-align: middle;
}
.Filter .filter-btn i {
  margin-left: 15px;
  font-size: 14px;
  color: #bfcbd9;
}
.Filter .conditions {
  display: inline-block;
}
.Filter .conditions .tags-wrapper {
  display: inline-block;
}
.Filter .conditions .tags-wrapper .tags {
  line-height: 30px;
  vertical-align: middle;
}
.Filter .CommonFilter {
  display: inline-block;
}
.Filter .Select {
  height: 30px;
  width: 120px;
  margin-left: 10px;
  vertical-align: middle;
}
.Filter .Select .ant-input {
  height: 30px;
}
.Filter > .filter-row {
  margin: 12px 6px 0 6px;
}
.Filter .separate-condition-filter {
  display: flex;
}
.Filter .separate-condition-filter .filter-result {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.Filter .separate-condition-filter .filter-result > li {
  margin: 0 4px 4px 0;
}

.BatchPauseCreativeModal .BatchPauseCreative {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BatchPauseCreativeModal .BatchPauseCreative .platforms {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.BatchPauseCreativeModal .warnning {
  margin-top: 10px;
  color: var(--edt-warning-color);
}
.BatchPauseCreativeModal .warnning .anticon {
  margin-right: 10px;
}

.BatchDisableCreativeModal .BatchDisableCreative {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BatchDisableCreativeModal .BatchDisableCreative .platforms {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.BatchDisableCreativeModal .BatchDisableCreative .footer .ant-btn {
  margin-left: 10px;
}
.BatchDisableCreativeModal .BatchDisableCreative .warnning-tips {
  color: var(--edt-warning-color);
}
.BatchDisableCreativeModal .BatchDisableCreative .warnning {
  margin-top: 10px;
  color: var(--edt-warning-color);
}
.BatchDisableCreativeModal .BatchDisableCreative .warnning .anticon {
  margin-right: 10px;
}

.BatchDeleteCreativeModal .BatchDeleteCreative {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BatchDeleteCreativeModal .BatchDeleteCreative .platforms {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.BatchDeleteCreativeModal .warnning {
  margin-top: 10px;
  color: var(--edt-warning-color);
}
.BatchDeleteCreativeModal .warnning .anticon {
  margin-right: 10px;
}

.FileUploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.FileUploader .filename-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  color: var(--edt-primary-color);
}
.FileUploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #dadfe3;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
}
.FileUploader .upload-area[aria-disabled='true'] {
  cursor: not-allowed;
}
.FileUploader .upload-area[aria-disabled='true'] .title {
  color: #d6d6d6;
}
.FileUploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.FileUploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.FileUploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.FileUploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.FileUploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.BatchModifyCreativeModal .header-bar {
  margin-left: 64px;
  margin-bottom: 16px;
}

.BatchEditMaterialNamesModal > .ControlGroup {
  margin-top: 0;
}
.BatchEditMaterialNamesModal > .ControlGroup .control-label {
  flex: 0 0 90px;
}
.BatchEditMaterialNamesModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditMaterialNamesModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditMaterialNamesModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditMaterialNamesModal .replace-line .MyInput {
  z-index: 2;
}
.BatchEditMaterialNamesModal .names-preview {
  padding: 10px;
  margin-top: 12px;
  background-color: #f9fafa;
  border: 1px dashed #ccc;
  border-radius: 4px;
}
.BatchEditMaterialNamesModal .names-preview .title {
  margin-bottom: 10px;
}
.BatchEditMaterialNamesModal .names-preview .ant-row {
  margin-left: 20px;
}
.BatchEditMaterialNamesModal .names-preview .ant-row + .ant-row {
  margin-top: 10px;
}
.BatchEditMaterialNamesModal .names-preview .ant-row .ant-col {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.BatchUploadVideoWhitelistModal .header-bar {
  margin-left: 64px;
  margin-bottom: 16px;
}


.BatchDeleteVideoWhitelistModal .header-bar {
  margin-left: 64px;
  margin-bottom: 16px;
}

.MaterialSetting {
  margin-top: 12px;
  margin-left: 78px;
}
.MaterialSetting .dropdown-btn .ant-dropdown-trigger {
  margin-left: 0 !important;
}
.MaterialSetting .video-wrapper {
  display: flex;
  margin: 5px 0;
  padding: 5px;
  flex-direction: column;
  width: 100%;
  border: 1px solid #eee;
}
.MaterialSetting .video-wrapper .title {
  display: flex;
  height: 20px;
  margin: 12px 0;
  line-height: 20px;
  cursor: pointer;
}
.MaterialSetting .video-wrapper .title .display-name {
  max-width: 100%;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.MaterialSetting .video-wrapper .image-wrapper {
  margin: 0 20px;
}
.MaterialSetting .video-wrapper .image-wrapper img {
  width: 180px;
  height: 130px;
}

.YoutubeLinkUploader {
  width: 100%;
  margin-top: 10px;
}
.YoutubeLinkUploader .upload-content .load-btn {
  margin-top: 10px;
}
.YoutubeLinkUploader .youtubeVideoList {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 5px 0;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper {
  display: flex;
  margin: 5px 0;
  padding: 5px;
  flex-direction: column;
  width: 100%;
  border: 1px solid #eee;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .title {
  display: flex;
  height: 20px;
  margin: 12px 0;
  line-height: 20px;
  cursor: pointer;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .title .display-name {
  max-width: 100%;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .faild-title {
  margin: 0;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .faild-title .failed {
  color: red;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .faild-title .display-name {
  max-width: 60%;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .image-wrapper {
  margin: 0 20px;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .image-wrapper img {
  width: 180px;
  height: 130px;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .material-tag-editor {
  flex: 1 1 auto;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .material-tag-editor .control-label {
  flex: 0 0 90px;
}
.YoutubeLinkUploader .youtubeVideoList .video-wrapper .material-tag-editor textarea {
  height: 90px;
  resize: none;
  font-size: 12px;
}

.SimpleUploader {
  display: flex;
  height: 200px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.SimpleUploader[aria-disabled="true"] {
  cursor: not-allowed;
}
.SimpleUploader[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.SimpleUploader > .content {
  width: 380px;
  padding: 38px;
}
.SimpleUploader .upload-icon {
  font-size: 36px;
  color: #C8CDD0;
}
.SimpleUploader .title {
  margin: 20px 0 8px;
  color: #C8CDD0;
  font-size: 14px;
}
.SimpleUploader .tips {
  color: #1989FA;
}
.SimpleUploader .tips strong {
  font-weight: normal;
  color: #F26161;
}
.SimpleUploader:hover {
  border-color: #1890ff;
}

.Progressing {
  display: flex;
  align-items: center;
  width: 250px;
  margin-left: 15px;
}
.Progressing .ant-progress {
  margin: 0 5px;
}

.UploadList > li {
  padding: 5px 10px;
  border: 1px solid #eee;
}
.UploadList > li + li {
  margin: 10px 0;
}
.UploadList > li .info-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  line-height: 36px;
}
.UploadList > li .info-wrapper .name {
  flex-shrink: 0;
  margin-right: 5px;
  max-width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.UploadList > li .info-wrapper .failed {
  color: red;
}
.UploadList > li .info-wrapper .warn {
  color: #FF9959;
}
.UploadList > li .info-wrapper .close {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 18px;
  color: #aaa;
  transform: translateY(-50%);
  cursor: pointer;
}
.UploadList .finish-icon {
  line-height: 36px;
  color: #278AFB;
}

.DirectUploader .UploadList > li .info-wrapper .LabelParser {
  width: 100%;
}

.MaterialUploader {
  margin-top: 12px;
}
.MaterialUploader .uploader-container {
  border: solid 1px #ccc;
  margin-left: 78px;
  margin-top: 8px;
  padding: 8px;
}
.MaterialUploader .DropUploader {
  width: 100%;
}
.MaterialUploader .RadioGroup.upload-type .ant-radio-button-wrapper.active::after {
  content: '';
  position: absolute;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  width: 12px;
  height: 14px;
  top: 34px;
  left: 44px;
  transform: rotate(45deg);
  background: #fff;
}
.MaterialUploader .privacy-desc {
  margin-left: 78px;
  margin-top: 8px;
}

.YbVideoCreateBtn {
  margin-left: 8px;
}
.YbVideoCreateModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.YbVideoCreateModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}
.YbVideoCreateModal .ant-modal-body {
  max-height: 850px;
  overflow: auto;
}
.YbVideoCreateModal .ant-modal-body .ThemeSelect {
  margin-left: 74px;
}
.YbVideoCreateModal .footer {
  padding: 10px 0;
  text-align: right;
  margin-top: 16px;
}
.YbVideoCreateModal .footer .ant-btn {
  margin-left: 8px;
}

.YoutubeVideoExportModal .ant-modal-header {
  border-bottom: none;
  padding: 5px 0;
}
.YoutubeVideoExportModal .ant-modal-header .ant-modal-title {
  border-left: 4px solid #278AFB;
  padding: 8px 10px;
}

.SettingModal .type-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #edf1f5;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.SettingModal .type-item .title {
  font-weight: bold;
  color: #101010;
}
.SettingModal .type-item .tips {
  font-size: 12px;
  color: #d7d7d7;
}
.SettingModal .type-item:hover {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.SettingModal .type-item.disabled {
  border-bottom: 1px solid #edf1f5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.SettingModal .type-item.selected {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}
.SettingModal .tab-content {
  padding: 10px 30px;
  margin-top: 10px;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.SettingModal .label-setting .content {
  margin-left: 60px;
}
.SettingModal .warnning {
  color: #e9b475;
}
.SettingModal .error {
  color: red;
}
.SettingModal .ControlGroup .control-label {
  flex: 210px 0 0;
}
.SettingModal .NewMaterialInform .time-control-group .controls {
  position: relative;
}
.SettingModal .NewMaterialInform .time-control-group .controls .time-input {
  pointer-events: none;
}
.SettingModal .NewMaterialInform .time-control-group .controls .time-wrapper {
  position: absolute;
  top: 0px;
  left: 10px;
}
.SettingModal .NewMaterialInform .time-control-group .controls .time-wrapper .time-item {
  margin-right: 5px;
  padding: 2px 5px;
  border-radius: 4px;
  background-color: #e6f7ff;
}
.SettingModal .popo-group-info {
  display: inline-block;
  margin: 0 10px;
}

.MediaDetailFilter {
  padding: 16px;
}
.MediaDetailFilter .ant-btn {
  height: 32px;
}
.MediaDetailFilter .CommonFilter {
  display: flex;
}
.MediaDetailFilter .filter-item {
  margin-bottom: 10px;
}
.MediaDetailFilter .right-filter {
  display: flex;
  flex-flow: wrap;
  justify-content: right;
}
.MediaDetailFilter .right-filter .filter-item {
  margin: 0 0 10px 10px;
}
.MediaGridInsightPopover {
  width: 220px;
}
.MediaGridInsightPopover .ant-popover-inner-content {
  padding: 0;
}
.MediaGridInsightPopover .selected-insights {
  padding: 6px;
  border-bottom: 1px solid #ddd;
}
.MediaGridInsightPopover .selected-insights .title {
  color: #9D9D9D;
}
.MediaGridInsightPopover .selected-insights .insight-selected-list .insight-selected-item {
  margin: 6px 12px 0 0;
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
}
.MediaGridInsightPopover .selected-insights .insight-selected-list .insight-selected-item > span + .anticon {
  margin-left: 8px;
}
.MediaGridInsightPopover .selected-insights .insight-selected-list .insight-selected-item:focus {
  outline: 0;
}
.MediaGridInsightPopover .selected-insights .insight-selected-list .insight-selected-item:nth-child(2n) {
  margin-right: 0;
}
.MediaGridInsightPopover .Tree .tree-options {
  height: 300px;
  overflow-y: auto;
}
.MediaGridInsightPopover .Tree .tree-item-label-dom {
  display: flex;
  align-items: center;
}
.MediaGridInsightPopover .Tree .tree-item-label-dom > span {
  display: inline-block;
  width: calc(100% - 20px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.MediaGridInsightPopover .Tree .tree-item-label-dom .anticon {
  margin: 0 3px;
  cursor: pointer;
  color: #969595;
}
.MediaBatchEditPopover .menu-list li.disabled {
  color: #ccc;
  pointer-events: none;
}

.NameEditor {
  display: flex;
  align-items: center;
  position: relative;
}
.NameEditor .name {
  max-width: calc(100% - 20px);
  white-space: pre-wrap;
  font-family: unset;
  margin-top: 1em;
}
.NameEditor .edit-btn {
  display: none;
  margin-left: 5px;
  color: #1089ff;
  cursor: pointer;
}
.NameEditor:hover .edit-btn {
  display: inline;
}

.UserEditor {
  display: flex;
  position: relative;
}
.UserEditor .name {
  max-width: calc(100% - 20px);
}
.UserEditor .edit-btn {
  display: none;
  margin-left: 5px;
  color: #1089ff;
  cursor: pointer;
}
.UserEditor:hover .edit-btn {
  display: inline;
}

.AgentGroupEditor {
  display: flex;
  position: relative;
}
.AgentGroupEditor .name {
  color: #1089ff;
  max-width: calc(100% - 20px);
}
.AgentGroupEditor .edit-btn {
  display: none;
  margin-left: 5px;
  color: #1089ff;
  cursor: pointer;
}
.AgentGroupEditor:hover .edit-btn {
  display: inline;
}

.PopoverMenu .ant-popover-arrow {
  display: none;
}
.PopoverMenu .menu-list {
  padding: 0 10px;
}
.PopoverMenu .menu-list > li {
  line-height: 30px;
  color: #626161;
  cursor: pointer;
}
.PopoverMenu .menu-list > li .menu-item-label:hover {
  color: #1890ff;
}
.PopoverMenu .menu-list > li.disabled {
  color: #d0d0d0;
}
.PopoverMenu .menu-list > li.disabled .menu-item-label:hover {
  color: #d0d0d0;
}
.PopoverMenu .menu-list > li .menu-child-list {
  margin-left: 20px;
}
.PopoverMenu .menu-list > li .menu-child-list > li {
  display: block;
  line-height: 30px;
  color: #626161;
  cursor: pointer;
}
.PopoverMenu .menu-list > li .menu-child-list > li:hover {
  color: #1890ff;
}
.PopoverMenu .menu-list > li .menu-child-list > li.disabled {
  pointer-events: none;
  color: #d0d0d0;
}

.BatchRemove .tags-options .ant-checkbox-wrapper {
  color: #1890ff;
}

.NegativeWordsList .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.NegativeWordsList .Uploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #dadfe3;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
}
.NegativeWordsList .Uploader .upload-area[aria-disabled='true'] {
  cursor: not-allowed;
}
.NegativeWordsList .Uploader .upload-area[aria-disabled='true'] .title {
  color: #d6d6d6;
}
.NegativeWordsList .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.NegativeWordsList .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.NegativeWordsList .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.NegativeWordsList .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.NegativeWordsList .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #9c9c9c;
  font-size: 14px;
}
.NegativeWordsList .Table .TableHeader .TableHeader-row {
  border-bottom: 1px solid var(--edt-table-border-color);
}
.NegativeWordsList .Table .TableHeader .TableHeader-row .TableHeader-cell {
  border: none;
}
.NegativeWordsList .Table .TableBody .TableBody-content .TableBody-row .TableBody-cell {
  border: none;
}
.NegativeWordsList .re-upload-btn {
  padding: 5px 0;
}

.NegativeWords .showhiddenErrorMsg {
  height: 14px;
  line-height: 14px;
}
.NegativeWords .ControlGroup + .ControlGroup {
  margin-top: 15px;
}

.SettingModal .type-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #edf1f5;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.SettingModal .type-item .title {
  font-weight: bold;
  color: #101010;
}
.SettingModal .type-item .tips {
  font-size: 12px;
  color: #d7d7d7;
}
.SettingModal .type-item:hover {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.SettingModal .type-item.disabled {
  border-bottom: 1px solid #edf1f5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.SettingModal .type-item.selected {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}
.SettingModal .tab-content {
  padding: 10px 30px;
  margin-top: 10px;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.SettingModal .tab-content .title {
  margin-bottom: 10px;
}
.SettingModal .warnning {
  color: #e9b475;
}
.SettingModal .error {
  color: red;
}
.SettingModal .ControlGroup .control-label {
  flex: 210px 0 0;
}
.SettingModal .popo-group-info {
  display: inline-block;
  margin: 0 10px;
}

.Advertisers .advertiser-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
}
.Advertisers .advertiser-budget-cell:hover .edit-btn {
  display: inline;
}
.Advertisers .advertiser-budget-cell .visible-btn {
  display: inline-block;
}
.Advertisers .balance-cell .anticon-question-circle {
  margin-left: 10px;
  color: #FF9959;
  cursor: pointer;
}
.Advertisers .auto-rules-cell {
  color: #1890ff;
  cursor: pointer;
}
.Advertisers .is-active {
  color: #1890ff;
}
.Advertisers .is-active .anticon {
  margin-left: 4px;
}
.Advertisers .tags-cell .disactive-text {
  color: #1890ff;
  font-size: 13px;
}
.Advertisers .common-account--cell .anticon {
  color: #1890ff;
  font-size: 16px;
  cursor: pointer;
}

.RuleTips {
  margin-right: 4px;
  color: #f5222d;
}
.RuleTipsPopover .ant-popover-inner-content ul {
  padding-left: 20px;
}
.RuleTipsPopover .ant-popover-inner-content ul li {
  list-style-type: disc;
}
.RuleTipsPopover .ant-popover-inner-content .to-record {
  margin-left: 20px;
  color: #1890ff;
  text-decoration: underline;
  cursor: pointer;
}

.SingleEditBudget .price-input .isError .MyInput {
  border-color: red;
  box-shadow: none;
}

.ScheduleTips .tip-icon {
  color: red;
  padding-left: 8px;
}

.ScheduelBudgetSingleEdit .ControlGroup {
  margin-left: 0;
  margin-right: 10px;
}
.ScheduelBudgetSingleEdit .ControlGroup > .controls {
  display: flex;
  align-items: center;
}
.ScheduelBudgetSingleEdit .ControlGroup.showhiddenErrorMsg {
  line-height: 16px;
}
.ScheduelBudgetSingleEdit .VInput:not(.hidden) .validation-error,
.ScheduelBudgetSingleEdit .VDatePicker:not(.hidden) .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
  line-height: 16px;
  width: 250px;
}
.ScheduelBudgetSingleEdit .RadioGroup {
  margin-right: 10px;
}
.BudgetTaskEditDatePicker .ant-calendar-today-btn {
  display: none;
}
.BudgetTaskEditDatePicker .next-day-btn {
  padding: 0;
}

.BudgetScheduleQueue .Filter .FilterDateRange {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.BudgetScheduleQueue .ant-pagination {
  padding: 10px 0;
  text-align: center;
}
.BudgetScheduleQueue .Table .ant-btn {
  padding: 0 5px;
}

.QueueEdit .TaskAdder {
  padding: 10px 0 20px 0;
}
.QueueEdit .TaskAdder > form {
  display: flex;
  align-items: center;
}
.QueueEdit .TaskAdder .task-info-wrapper {
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 4px;
  background-color: #f1f1f1;
}
.QueueEdit .TaskAdder .task-info-wrapper > div {
  display: flex;
  align-items: center;
}
.QueueEdit .TaskAdder .task-info-wrapper .RadioGroup {
  margin-right: 10px;
}
.QueueEdit .TaskAdder .task-info-wrapper .task-info-item {
  margin-top: 16px;
}
.QueueEdit .TaskAdder .ControlGroup {
  margin-left: 0;
  margin-right: 10px;
}
.QueueEdit .TaskAdder .ant-btn {
  vertical-align: inherit;
  margin-right: 10px;
}
.QueueEdit .TaskAdder .repeat-error {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  white-space: nowrap;
}
.QueueEdit .TaskAdder .ControlGroup:not(.hidden) .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.QueueEdit .Table .ant-btn {
  padding: 0 5px;
}
.QueueEdit .modal-header-content > span {
  display: inline-block;
  width: 100%;
}
.QueueEdit .modal-header-content > span .header-wrapper {
  display: flex;
  justify-content: space-between;
}
.BudgetTaskAdderDatePicker .ant-calendar-today-btn {
  display: none;
}
.BudgetTaskAdderDatePicker .next-day-btn {
  padding: 0;
}

.AiApplyFilter .f-left,
.AiApplyFilter .f-right {
  display: flex;
  align-items: center;
}
.AiApplyFilter .mkt-default-btn {
  margin-left: 10px;
}
.AiApplyFilter .Select {
  margin-left: 10px;
}
.AiApplyFilter .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
  margin-right: 36px;
}

.KunpengAiTaskCreate .warnning {
  color: #e9b475;
}
.KunpengAiTaskCreate .Table .TableBody .TableBody-content .row-container {
  content-visibility: visible;
}
.KunpengAiTaskCreate .Table .adjust-budget-cell .ControlGroup {
  margin-top: 0;
}
.KunpengAiTaskCreate .ControlGroup {
  flex-direction: column;
}
.KunpengAiTaskCreate .ControlGroup .control-label {
  flex: none;
  text-align: left;
  color: #000;
}
.KunpengAiTaskCreate .ControlGroup.inline {
  margin-left: 0;
}
.KunpengAiTaskCreate .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.KunpengAiTaskCreate .ant-drawer-wrapper-body .ant-drawer-body {
  height: calc(100% - 120px);
  padding: 10px;
  overflow-y: auto;
}
.KunpengAiTaskCreate .ant-drawer-wrapper-body form {
  padding: 20px;
  background-color: #fff;
}
.KunpengAiTaskCreate .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 35px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.KunpengAiTaskCreate .ant-drawer-wrapper-body .footer .ant-btn {
  margin-left: 10px;
}
.KunpengAiTaskCreate .create-group .title {
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.KunpengAiTaskCreate .create-group .content {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.KunpengAiTaskCreate .create-group + .create-group {
  margin-top: 15px;
}
.KunpengAiTaskCreate .TaskType .option-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 230px;
  height: 80px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.KunpengAiTaskCreate .TaskType .option-item .option-label {
  font-weight: bold;
  color: #101010;
}
.KunpengAiTaskCreate .TaskType .option-item .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.KunpengAiTaskCreate .TaskType .option-item:hover,
.KunpengAiTaskCreate .TaskType .option-item.selected {
  border-bottom: 4px solid #2F88FF;
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.KunpengAiTaskCreate .TaskType .option-item:hover {
  transform: translateY(-3px);
}
.KunpengAiTaskCreate .TaskType .option-item.disabled {
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  pointer-events: none;
  cursor: default;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-title {
  color: #000;
  margin-bottom: 10px;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .whole-tips {
  color: #afb1b4;
  line-height: 20px;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-item .action-desc {
  display: flex;
  align-items: center;
  width: 450px;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-item .action-desc .anticon-arrow-right {
  color: #1089FF;
  font-size: 12px;
  margin-right: 10px;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-item .action-desc .tips {
  color: #afb1b4;
}
.KunpengAiTaskCreate .Actions .ai-auto-actions .action-item .run-conf-radio-group {
  margin-left: 10px;
}
.KunpengAiTaskCreate .ApplyRange .CommonBatchSearch {
  margin-bottom: 10px;
}
.KunpengAiTaskCreate .ApplyRange .CommonBatchSearch .MyInput {
  width: 600px;
}
.KunpengAiTaskCreate .ApplyObjects .advertisers-wrapper {
  position: relative;
  margin-top: 12px;
}
.KunpengAiTaskCreate .ApplyObjects .advertisers-wrapper .advertisers-value.showhiddenErrorMsg {
  position: absolute;
  bottom: -30px;
}
.KunpengAiTaskCreate .ApplyObjects .advertisers-wrapper .ant-btn {
  margin-bottom: 10px;
}
.KunpengAiTaskCreate .ApplyObjects .advertisers-wrapper .batch-btns .ant-btn {
  margin-right: 10px;
}
.KunpengAiTaskCreate .ApplyObjects .Table .is-error {
  color: red;
}
.KunpengAiTaskCreate .ApplyObjects .NoBid {
  margin-top: 20px;
}
.KunpengAiTaskCreate .ApplyObjects .NoBid .VInput {
  margin-left: 10px;
}
.KunpengAiTaskCreate .Targets .target-field .control-label {
  display: inline-block;
  position: relative;
  height: 36px;
}
.KunpengAiTaskCreate .Targets .target-field .controls {
  margin-top: -15px;
}
.KunpengAiTaskCreate .Targets .adjust-type {
  margin-top: 12px;
}
.KunpengAiTaskCreate .Targets .anticon-question-circle {
  color: #8c8a8a;
}
.KunpengAiTaskCreate .Targets .target-value .control-wrapper {
  display: flex;
  align-items: center;
}
.KunpengAiTaskCreate .Targets .warnning {
  margin-left: 10px;
}
.KunpengAiTaskCreate .Targets .warnning .anticon {
  margin-right: 10px;
}
.KunpengAiTaskCreate .advertisers-tree-panel-spin {
  width: 600px;
  margin-top: 10px;
}
.KunpengAiTaskCreate .advertisers-tree-panel {
  width: 600px;
}
.KunpengAiTaskCreate .advertisers-tree-panel .ant-tree {
  max-height: 400px;
  overflow-y: auto;
}
.KunpengAiTaskCreate .advertisers-tree-panel .MyInput {
  width: 600px;
}
.KunpengAiTaskCreate .total-cpr-actions {
  margin-right: 10px;
}
.KunpengAiTaskCreate .popo-inform .controls {
  display: flex;
  align-items: center;
}
.KunpengAiTaskCreate .popo-inform .controls .VSelect .multiple {
  margin-left: 10px;
}
.KunpengAiTaskCreate .popo-inform .controls .VSelect .multiple .labels {
  margin-left: 10px;
  min-height: 32px;
}
.KunpengAiTaskCreate .popo-inform .controls .VSelect .multiple .labels li {
  line-height: 20px;
  font-size: 12px;
}
.KunpengAiTaskCreate.detail .ControlGroup,
.KunpengAiTaskCreate.detail .RadioGroup,
.KunpengAiTaskCreate.detail .ant-btn,
.KunpengAiTaskCreate.detail .ant-input,
.KunpengAiTaskCreate.detail .ant-tree-checkbox,
.KunpengAiTaskCreate.detail .ant-tree-treenode-switcher-open,
.KunpengAiTaskCreate.detail .ant-checkbox-wrapper {
  pointer-events: none;
}
.KunpengAiTaskCreate.detail .ant-drawer-body {
  height: calc(100% - 60px);
}
.kunpeng-ai-task-create-close-icn {
  position: absolute;
  top: -170px;
  right: 1160px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089FF;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}
.kunpeng-ai-aweme-account-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.KunpengAiTaskGlobalCreate .warnning {
  color: #e9b475;
}
.KunpengAiTaskGlobalCreate .Table .TableBody .TableBody-content .row-container {
  content-visibility: visible;
}
.KunpengAiTaskGlobalCreate .Table .adjust-budget-cell .ControlGroup {
  margin-top: 0;
}
.KunpengAiTaskGlobalCreate .ControlGroup {
  flex-direction: column;
}
.KunpengAiTaskGlobalCreate .ControlGroup .control-label {
  flex: none;
  text-align: left;
  color: #000;
}
.KunpengAiTaskGlobalCreate .ControlGroup.inline {
  margin-left: 0;
}
.KunpengAiTaskGlobalCreate .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.KunpengAiTaskGlobalCreate .ant-drawer-wrapper-body .ant-drawer-body {
  height: calc(100% - 120px);
  padding: 10px;
  overflow-y: auto;
}
.KunpengAiTaskGlobalCreate .ant-drawer-wrapper-body form {
  padding: 20px;
  background-color: #fff;
}
.KunpengAiTaskGlobalCreate .ant-drawer-wrapper-body .footer {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: calc(100% - 35px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.KunpengAiTaskGlobalCreate .ant-drawer-wrapper-body .footer .ant-btn {
  margin-left: 10px;
}
.KunpengAiTaskGlobalCreate .create-group .title {
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.KunpengAiTaskGlobalCreate .create-group .content {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.KunpengAiTaskGlobalCreate .create-group + .create-group {
  margin-top: 15px;
}
.KunpengAiTaskGlobalCreate .TaskType .option-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 230px;
  height: 80px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.KunpengAiTaskGlobalCreate .TaskType .option-item .option-label {
  font-weight: bold;
  color: #101010;
}
.KunpengAiTaskGlobalCreate .TaskType .option-item .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.KunpengAiTaskGlobalCreate .TaskType .option-item:hover,
.KunpengAiTaskGlobalCreate .TaskType .option-item.selected {
  border-bottom: 4px solid #2F88FF;
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.KunpengAiTaskGlobalCreate .TaskType .option-item:hover {
  transform: translateY(-3px);
}
.KunpengAiTaskGlobalCreate .TaskType .option-item.disabled {
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  pointer-events: none;
  cursor: default;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-title {
  color: #000;
  margin-bottom: 10px;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .whole-tips {
  color: #afb1b4;
  line-height: 20px;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-item .action-desc {
  display: flex;
  align-items: center;
  width: 450px;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-item .action-desc .anticon-arrow-right {
  color: #1089FF;
  font-size: 12px;
  margin-right: 10px;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-item .action-desc .tips {
  color: #afb1b4;
}
.KunpengAiTaskGlobalCreate .Actions .ai-auto-actions .action-item .run-conf-radio-group {
  margin-left: 10px;
}
.KunpengAiTaskGlobalCreate .ApplyRange .CommonBatchSearch {
  margin-bottom: 10px;
}
.KunpengAiTaskGlobalCreate .ApplyRange .CommonBatchSearch .MyInput {
  width: 600px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .advertisers-wrapper {
  position: relative;
  margin-top: 12px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .advertisers-wrapper .advertisers-value.showhiddenErrorMsg {
  position: absolute;
  bottom: -30px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .advertisers-wrapper .ant-btn {
  margin-bottom: 10px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .advertisers-wrapper .batch-btns .ant-btn {
  margin-right: 10px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .Table .is-error {
  color: red;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .NoBid {
  margin-top: 20px;
}
.KunpengAiTaskGlobalCreate .ApplyObjects .NoBid .VInput {
  margin-left: 10px;
}
.KunpengAiTaskGlobalCreate .Targets .target-field .control-label {
  display: inline-block;
  position: relative;
  height: 36px;
}
.KunpengAiTaskGlobalCreate .Targets .target-field .controls {
  margin-top: -15px;
}
.KunpengAiTaskGlobalCreate .Targets .adjust-type {
  margin-top: 12px;
}
.KunpengAiTaskGlobalCreate .Targets .anticon-question-circle {
  color: #8c8a8a;
}
.KunpengAiTaskGlobalCreate .Targets .target-value .control-wrapper {
  display: flex;
  align-items: center;
}
.KunpengAiTaskGlobalCreate .Targets .warnning {
  margin-left: 10px;
}
.KunpengAiTaskGlobalCreate .Targets .warnning .anticon {
  margin-right: 10px;
}
.KunpengAiTaskGlobalCreate .advertisers-tree-panel-spin {
  width: 600px;
  margin-top: 10px;
}
.KunpengAiTaskGlobalCreate .advertisers-tree-panel {
  width: 600px;
}
.KunpengAiTaskGlobalCreate .advertisers-tree-panel .ant-tree {
  max-height: 400px;
  overflow-y: auto;
}
.KunpengAiTaskGlobalCreate .advertisers-tree-panel .MyInput {
  width: 600px;
}
.KunpengAiTaskGlobalCreate .total-cpr-actions {
  margin-right: 10px;
}
.KunpengAiTaskGlobalCreate .popo-inform .controls {
  display: flex;
  align-items: center;
}
.KunpengAiTaskGlobalCreate .popo-inform .controls .VSelect .multiple {
  margin-left: 10px;
}
.KunpengAiTaskGlobalCreate .popo-inform .controls .VSelect .multiple .labels {
  margin-left: 10px;
  min-height: 32px;
}
.KunpengAiTaskGlobalCreate .popo-inform .controls .VSelect .multiple .labels li {
  line-height: 20px;
  font-size: 12px;
}
.KunpengAiTaskGlobalCreate.detail .ControlGroup,
.KunpengAiTaskGlobalCreate.detail .RadioGroup,
.KunpengAiTaskGlobalCreate.detail .ant-btn,
.KunpengAiTaskGlobalCreate.detail .ant-input,
.KunpengAiTaskGlobalCreate.detail .ant-tree-checkbox,
.KunpengAiTaskGlobalCreate.detail .ant-tree-treenode-switcher-open,
.KunpengAiTaskGlobalCreate.detail .ant-checkbox-wrapper {
  pointer-events: none;
}
.KunpengAiTaskGlobalCreate.detail .ant-drawer-body {
  height: calc(100% - 60px);
}
.kunpeng-ai-task-create-close-icn {
  position: absolute;
  top: -170px;
  right: 1160px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089FF;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}
.kunpeng-ai-aweme-account-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.EditUsers .ControlGroup {
  flex-direction: row;
}
.EditUsers .ControlGroup .controls {
  height: 38px;
}

.TaskHistory .header .tips {
  margin-left: 10px;
}
.TaskHistory .Table {
  margin-top: 15px;
}
.TaskHistory .Table .ant-btn {
  cursor: pointer;
}
.TaskHistory .ant-pagination {
  margin-top: 15px;
  text-align: center;
}

.AiTaskBatchEditBudget .edit-mode-select {
  padding: 0 8px;
  margin-bottom: 12px;
}
.AiTaskBatchEditBudget .budget-mode-select {
  padding: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: solid 1px #dfe6ec;
  margin-bottom: 12px;
}
.AiTaskBatchEditBudget .warn-tips {
  margin: 0 10px;
  line-height: 36px;
}
.AiTaskBatchEditBudget .is-warnning {
  color: #e9b475;
}
.AiTaskBatchEditBudget .is-warnning input {
  color: #e9b475;
}
.AiTaskBatchEditBudget .is-error {
  color: red;
}
.AiTaskBatchEditBudget .is-error input {
  color: red;
}

.AiTaskBatchPresetBudget .edit-mode-select {
  padding: 0 8px;
  margin-bottom: 12px;
}
.AiTaskBatchPresetBudget .budget-mode-select {
  padding: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: solid 1px #dfe6ec;
  margin-bottom: 12px;
}
.AiTaskBatchPresetBudget .budget-edit-btn {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.AiTaskBatchPresetBudget .budget-edit-btn > span {
  display: inline-block;
  width: calc(100% - 20px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AiTaskBatchPresetBudget .budget-edit-btn .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.AiTaskBatchPresetBudget .is-error {
  color: red;
}
.AiTaskBatchPresetBudget .is-error .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.AiBudgetCellPresetPopover .budget-edit-row + .budget-edit-row {
  margin-top: 10px;
}

.PresetBudgetContent .preset-budget-input.is-invalid input {
  color: red;
}
.PresetBudgetContent .preset-budget-input .validation-error {
  display: none;
}

.AiApplyList {
  position: relative;
  height: calc(100% - 90px);
}
.AiApplyList > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.AiApplyList > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AiApplyList .ant-pagination {
  text-align: center;
}
.AiApplyList .Table .global-task .TableBody-row {
  background-color: #e6f7ff;
}
.AiApplyList .Table .hignlight-target {
  color: var(--edt-primary-color);
  cursor: pointer;
}
.AiApplyList .Table .budget-cell .hover-icon {
  display: none;
}
.AiApplyList .Table .budget-cell .anticon {
  margin-left: 10px;
  font-size: 14px;
}
.AiApplyList .Table .budget-cell:hover .hover-icon {
  display: inline-block;
}
.AiApplyList .Table .budget-cell .anticon-edit {
  color: rgba(0, 0, 0, 0.65);
}
.AiApplyList .Table .budget-cell .anticon-clock-circle {
  color: #1890ff;
}
.AiApplyList .Table .target-cell > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AiApplyList .Table .operate-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AiApplyList .Table .operate-cell .ant-btn {
  padding: 0 4px;
}
.AiApplyList .Table .warnning-tips {
  color: #f6a944;
}
.AiManagerTaskQuickEditModal .ant-modal-header {
  position: relative;
}
.AiManagerTaskQuickEditModal .ant-modal-header .ant-modal-title {
  color: #1890ff;
  font-weight: 600;
}
.AiManagerTaskQuickEditModal .ant-modal-header::before {
  position: absolute;
  left: 0;
  top: 13px;
  content: '';
  height: 30px;
  border: #1890ff 2px solid;
}
.AiManagerTaskQuickEditModal .tips {
  margin-left: 20px;
}
.AiManagerTaskQuickEditModal .warnning-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #f6a944;
}
.AiManagerTaskQuickEditModal .warnning-tips .anticon {
  margin-right: 10px;
  font-size: 20px;
}
.AiManagerTaskQuickEditModal .single-ai-budget .control-label {
  flex: 0 0 210px;
}

.AiAdDetail .ai-ad-detail-body {
  max-height: 650px;
  padding: 0 15px;
  overflow-y: auto;
}
.AiAdDetail .ai-ad-detail-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.AiAdDetail .ai-ad-detail-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.AiAdDetail .ai-ad-detail-body::-webkit-scrollbar-thumb {
  background: rgba(191, 191, 191, 0.5);
  border-radius: 10px;
}
.AiAdDetail .ai-ad-detail-body::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 191, 191, 0.8);
}
.AiAdDetail .ai-ad-detail-body::-webkit-scrollbar-corner {
  background: transparent;
}
.AiAdDetail .detail-group {
  margin-bottom: 15px;
}
.AiAdDetail .detail-group .title {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #000;
}
.AiAdDetail .detail-group .title .tips {
  margin-left: 10px;
}
.AiAdDetail .detail-group .title .tips .anticon {
  margin-right: 8px;
}
.AiAdDetail .detail-group .ControlGroup .control-label {
  color: #000;
}
.AiAdDetail .detail-group .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.AiAdDetail .detail-group .highlight-text {
  color: #1089FF;
  text-decoration: underline;
}
.AiAdDetail .detail-group .pointer {
  cursor: pointer;
}
.AiAdDetail .detail-group .Table {
  margin-top: 12px;
}
.AiAdDetail .detail-group .Table .TableBody .TableBody-content .row-container {
  content-visibility: visible;
}
.AiAdDetail .detail-group .Table .image-background {
  display: flex;
  align-items: center;
  height: 80px;
  width: 100px;
}
.AiAdDetail .detail-group .Table .image-background img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.TimeSeriesDetail .time-series {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TimeSeriesDetail .time-series .series-item + .series-item {
  margin-left: 50px;
}
.TimeSeriesDetail .time-series .series-item .title {
  font-weight: 600;
  margin-bottom: 15px;
}

.AiRecordList {
  height: calc(100% - 90px);
}
.AiRecordList > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.AiRecordList > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AiRecordList .Table .insight-cell {
  width: 100%;
  text-align: center;
}
.AiRecordList .Table .highlight-text {
  color: var(--edt-primary-color);
}
.AiRecordList .Table .pointer {
  cursor: pointer;
}
.AiRecordList .Table .status-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AiRecordList .Table .status-cell .ant-btn + .ant-btn {
  margin-left: 10px;
}
.AiRecordList .Table .status-cell .error-status {
  text-align: center;
}
.AiRecordList .Table .status-cell .error-status .error {
  color: red;
}
.AiRecordList .Table .ctrl-msg-cell .ad-detail {
  text-decoration: underline;
}
.AiRecordList .ant-pagination {
  text-align: center;
}
.AiRecordList .RecordFilter {
  margin-bottom: 15px;
}
.AiRecordList .RecordFilter .f-right {
  display: flex;
  align-items: center;
}
.AiRecordList .RecordFilter .FilterDateRange {
  width: 300px;
}
.AiRecordList .RecordFilter .ant-input-group-wrapper {
  margin: 0 10px;
}
.AiRecordList .RecordFilter .ant-input-group-wrapper .ant-select {
  width: 160px;
}
.AiRecordList .RecordFilter .Select {
  margin-left: 10px;
}
.AiRecordList .RecordFilter .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
  margin-right: 36px;
}
.RecordDetailModal .params-tips {
  margin-bottom: 15px;
}
.RecordDetailModal .content-wrapper {
  max-height: 500px;
  overflow-y: auto;
  border: 1px solid #eee;
  padding: 10px;
}

.LandingPageRefresh .AdvertiserList .Table {
  margin-top: 10px;
}

.LandingPageManage {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}
.LandingPageManage > .content {
  flex: 1 1 auto;
  padding: 0 16px;
  overflow: auto;
}
.LandingPageManage .ant-spin-nested-loading,
.LandingPageManage .ant-spin-container {
  height: 100%;
}
.LandingPageManage .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.LandingPageManage .Table .TableBody .TableBody-content .row-detail .ant-skeleton {
  padding: 10px;
  border-bottom: 1px solid #dfe6ec;
}
.LandingPageManage .Table .TableBody .TableBody-content .row-detail .TableBody-row .TableBody-cell {
  color: #808080;
}
.LandingPageManage .Table .highlight-num-cell.disabled {
  pointer-events: none;
}
.LandingPageManage .Table .highlight-num-cell:not(.disabled) {
  color: #1089ff;
  cursor: pointer;
}
.LandingPageManage .Table .thumbnail-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 60px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.LandingPageManage .Table .thumbnail-cell .image-preview {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.LandingPageManage .landing-page-pagination {
  padding: 16px;
}

.LandingPageManager {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}

.Select.multiple .TreeSelectDropdown .ant-input-affix-wrapper {
  position: relative;
}
.TreeSelectDropdown .Tree {
  max-height: 400px;
  overflow-y: auto;
}
.TreeSelectDropdown .Tree .tree-options {
  overflow: hidden;
}

.AdvertiserSelector {
  display: flex;
  align-items: center;
  height: 32px;
}
.AdvertiserSelector .Select.multiple .labels {
  min-height: 32px;
  padding: 2px 0;
  margin-right: 36px;
}
.AdvertiserSelector .Select.multiple .labels li {
  position: relative;
  line-height: 20px;
  max-width: calc(100% - 70px) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.AdvertiserSelector .Select.multiple .labels li:first-child {
  padding-right: 14px;
}
.AdvertiserSelector .Select.multiple .labels li .anticon-close {
  position: absolute;
  right: 0;
  top: 5px;
}

.ReportInsightsPopover {
  min-width: 260px;
}
.ReportInsightsPopover .ant-popover-arrow {
  display: none;
}
.ReportInsightsPopover .ant-popover-inner-content {
  padding: 12px 0 12px 16px;
}
.ReportInsightsPopover .insight-menu > .ant-btn-primary {
  left: 100%;
  transform: translateX(-110%);
}
.ReportInsightsPopover .insight-menu .insights-wrapper {
  max-height: 450px;
  margin-bottom: 15px;
  overflow-y: auto;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .category {
  display: inline-block;
  width: 200px;
  margin: 0 10px;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .category .children-wrapper {
  max-height: 400px;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #e3e3e3;
  overflow-y: auto;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .insight-item {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .insight-item .Checkbox {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  margin-left: 0;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .insight-item .Checkbox .ant-checkbox {
  top: 0;
}
.ReportInsightsPopover .insight-menu .insights-wrapper .insight-item .Checkbox > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CommonTableFilter {
  height: 30px;
  line-height: 30px;
  padding: 0 !important;
}
.CommonTableFilter .ant-btn {
  height: 30px;
}
.CommonTableFilter .f-left,
.CommonTableFilter .f-right {
  display: flex;
}
.CommonTableFilter .f-left > div,
.CommonTableFilter .f-right > div,
.CommonTableFilter .f-left > button,
.CommonTableFilter .f-right > button {
  margin-left: 10px;
}

.ReportTable {
  position: relative;
}
.ReportTable .header {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.ReportTable .Filter {
  margin: 12px;
}
.ReportTable .Filter .name {
  color: #101010;
}
.ReportTable .Table .TableFooter .TableFooter-cell,
.ReportTable .Table .TableHeader .TableHeader-cell {
  background-color: #fff;
}
.ReportTable .Table.summary-table .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.ReportTable .Table.more-table .TableBody-wrap .row-container::after {
  content: '当前查询数据量太大，仅支持显示前1000行，更多数据请通过【导出报表】功能下载至本地查看';
  display: block;
  line-height: 50px;
  text-align: center;
}
.ReportTable .Table .link {
  color: #1089FF;
  text-decoration: underline;
  cursor: pointer;
}
.ReportTable .Table .TableBody .TableBody-cell {
  height: 50px;
}

.Production > .content {
  width: 100%;
  margin: 10px 0;
}
.Production .ReportList {
  width: 100%;
}
.Production .report-group-wrapper {
  height: auto;
  margin: 12px;
}
.Production .CommonTableFilter {
  margin: 0 12px;
}

.EdtPeriodDate .edt-v5-ant-picker {
  margin-left: 10px;
}

.CommonPeriodDate .edt-v5-ant-picker {
  margin-left: 10px;
}

.CommonSinglePeriodDate .edt-v5-ant-picker {
  margin-left: 10px;
}

.QueryContainer {
  padding: 15px;
}
.QueryContainer .query-row {
  display: flex;
  align-items: flex-start;
}
.QueryContainer .query-row .row-title {
  flex: 0 0 120px;
  line-height: 32px;
  margin-top: 5px;
}
.QueryContainer .query-row + .query-row {
  margin-top: 10px;
}
.QueryContainer .query-row .CommonSelector {
  margin: 5px 15px 0 0;
}
.QueryContainer .query-row .row-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.QueryContainer .query-row .query-item {
  display: flex;
  align-items: flex-start;
  margin: 5px 15px 0 0;
  line-height: 32px;
}
.QueryContainer .query-row .query-item > span {
  flex-shrink: 0;
}
.QueryContainer .query-row .query-item .Select {
  width: 160px;
}
.QueryContainer .query-row .query-item .Select.multiple .labels {
  min-height: 32px;
  padding: 2px 0;
  margin-right: 26px;
}
.QueryContainer .query-row .query-item .Select.multiple .labels li {
  position: relative;
  line-height: 20px;
  max-width: calc(100% - 50px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.QueryContainer .query-row .query-item .Select.multiple .labels li:first-child {
  padding-right: 14px;
}
.QueryContainer .query-row .query-item .Select.multiple .labels li .anticon-close {
  position: absolute;
  right: 0;
  top: 5px;
}
.QueryContainer .query-row .query-item .Select.multiple .ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 26px;
}
.QueryContainer .query-row .query-item .Select.multiple .ant-input-affix-wrapper .ant-input-suffix {
  right: 7px;
}
.QueryContainer .query-row .query-item .CheckboxGroup .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
  margin-right: 6px;
}
.QueryContainer .footer {
  margin-top: 15px;
  text-align: right;
}
.QueryContainer .footer .ant-btn {
  margin-right: 10px;
}

.DouyinVideo .ReportTable .Table .TableBody .TableBody-cell {
  height: auto;
}
.DouyinVideo .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.DouyinVideo .MultiLineText {
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.DouyinVideo .video-cover-cell {
  height: 50px;
  width: 100px;
}

.TiktokVideo .ReportTable .Table .TableBody .TableBody-cell {
  height: auto;
}
.TiktokVideo .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.TiktokVideo .MultiLineText {
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.TiktokVideo .video-cover-cell {
  height: 50px;
  width: 100px;
}

.MaterialBanner {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background-color: #E2EFFC;
  color: #85888E;
}
.MaterialBanner .anticon-close {
  position: absolute;
  right: 15px;
  top: 14px;
}

.MaterialReport .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}

.LabelIntersection {
  padding: 0;
  user-select: none;
}
.LabelIntersection .ant-popover-inner-content {
  padding: 0;
}
.LabelIntersection .ant-popover-arrow {
  display: none;
}
.LabelIntersection .intersection-wrapper {
  border: 1px solid #efebeb;
}
.LabelIntersection .intersection-wrapper .body-area {
  display: flex;
  height: 500px;
}
.LabelIntersection .intersection-wrapper .footer-area {
  text-align: right;
  padding: 8px;
  border-top: solid 1px #efebeb;
}
.LabelIntersection .intersection-wrapper .LabelMenu {
  width: 250px;
  border-right: 1px solid #efebeb;
  padding: 2px;
}
.LabelIntersection .intersection-wrapper .LabelMenu .expand-btn {
  cursor: pointer;
  float: right;
}
.LabelIntersection .intersection-wrapper .LabelMenu .expand-btn:hover {
  color: #1089ff;
}
.LabelIntersection .intersection-wrapper .LabelMenu .label-dom {
  padding: 0 5px;
  user-select: none;
}
.LabelIntersection .intersection-wrapper .LabelMenu .label-dom .anticon-menu {
  float: right;
  line-height: 36px;
  cursor: move;
}
.LabelIntersection .intersection-wrapper .LabelMenu .search-wrapper {
  padding: 16px 8px;
}
.LabelIntersection .intersection-wrapper .LabelMenu .list-wrapper {
  height: calc(100% - 70px);
  overflow-y: auto;
}
.LabelIntersection .intersection-wrapper .LabelMenu .list-wrapper .menu-item .root-node {
  margin: 0;
  padding: 10px;
  background-color: #f7f7f7;
  color: #9d9d9d;
}
.LabelIntersection .intersection-wrapper .LabelMenu .list-wrapper .menu-item .root-node .anticon-menu {
  float: right;
  line-height: 36px;
  cursor: move;
}
.LabelIntersection .intersection-wrapper .LabelMenu .MyInput {
  width: 100%;
  height: 32px;
}
.LabelIntersection .intersection-wrapper .Dimensions {
  position: relative;
  display: flex;
  background-color: #f7f7f7;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper {
  position: relative;
  width: 250px;
  height: 100%;
  border-right: 1px solid #efebeb;
  background-color: #fff;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper + .dimension-wrapper {
  margin-left: 20px;
  border-left: 1px solid #efebeb;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper + .dimension-wrapper::before {
  content: '&';
  position: absolute;
  width: 20px;
  height: 100%;
  left: -20px;
  line-height: 40px;
  text-align: center;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .title {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  padding: 0 10px;
  border-bottom: 1px solid #efebeb;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .title > span {
  display: inline-block;
  width: 90%;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .list-item-wrapper + .list-item-wrapper {
  border-top: 1px solid #efebeb;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .list-item-wrapper .label-list-title {
  margin: 0 10px;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dashed #efebeb;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .list-item-wrapper .label-list-title > span {
  display: inline-block;
  width: 90%;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .list-item-wrapper .labels-list-wrapper {
  padding: 15px;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .ant-tag {
  margin: 5px 2px;
  background-color: #fff;
  border-color: #278afb;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .dimension-list .ant-tag .anticon-close {
  padding: 2px;
  border: 1px solid;
  border-radius: 50%;
  transform: scale(0.7);
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .close-btn {
  padding: 2px;
  transform: scale(0.7);
  border: 1px solid #c1bfbf;
  border-radius: 50%;
  font-size: 12px;
  color: #c1bfbf;
  cursor: pointer;
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.85);
}
.LabelIntersection .intersection-wrapper .Dimensions .dimension-wrapper.isDragOver::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(72, 103, 177, 0.3);
}
.LabelIntersection .intersection-wrapper .Dimensions .adder {
  width: 50px;
  height: 50px;
  margin: 15px;
  border: 1px solid #efebeb;
  text-align: center;
  background-color: #fff;
  font-size: 30px;
  color: #bbb;
  cursor: pointer;
}
.LabelIntersection .intersection-wrapper .Dimensions .adder:hover {
  color: var(--edt-primary-color);
  border-color: var(--edt-primary-color);
}

.ConditionsModal .ConditionItem {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 10px 5px 5px;
  background-color: #e8e8e8;
}
.ConditionsModal .ConditionItem .anticon-delete {
  float: right;
  line-height: 38px;
}
.ConditionsModal .add-btn {
  width: 100%;
}

.FilterConditions .filter-btn {
  padding: 0 16px;
  margin-right: 4px;
  height: 28px;
  line-height: 28px;
  background-color: #fafafa;
}
.FilterConditions .selected-tag {
  height: 28px;
  line-height: 28px;
}

.LabelRatioChart {
  background-color: #fff;
  padding: 0 16px 16px 16px;
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.LabelRatioChart .LabelRatioChartHeader {
  display: flex;
  justify-content: space-between;
}
.LabelRatioChart .platform-chart-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.LabelRatioChart .platform-chart-items .chart-item {
  flex: 0 0 calc(50% - 32px);
  min-width: 500px;
  margin: 8px;
  border: solid 1px #ccc;
  padding: 8px;
  position: relative;
}
.LabelRatioChart .platform-chart-items .chart-item .chart-item-title {
  font-weight: bold;
  padding: 8px 0;
}
.LabelRatioChart .platform-chart-items .chart-item .chart-item-container {
  width: 100%;
  height: 460px;
}
.LabelRatioChart .platform-chart-items .chart-item .ChartItem {
  width: 100%;
}
.LabelRatioChart .platform-chart-items .chart-item .ChartItem .chart-header-bar {
  display: flex;
  justify-content: right;
}
.LabelRatioChart .platform-chart-items .chart-item .ChartItem .chart-item-wrapper {
  height: 440px;
}

.MaterialLabelsReport .expand-btn {
  color: #1089ff;
  cursor: pointer;
}
.MaterialLabelsReport .ant-tabs {
  height: 100%;
}
.MaterialLabelsReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}
.MaterialLabelsReport .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}

.QualityMaterialDateDropdown .ant-calendar-footer-extra .ant-tag.normal {
  margin-left: 0;
}
.QualityMaterialDateDropdown .ant-calendar-footer-extra .ant-tag.normal:after {
  display: none;
}

.MiniGameMaterial .material-check-wrapper {
  order: -1;
}
.MiniGameMaterial .Table .TableBody-content .TableBody-row .TableBody-cell {
  height: 50px;
  color: #000;
}
.MiniGameMaterial .Table .TableBody-content .row-detail .TableBody-row .TableBody-cell {
  color: #808080;
}

.AgentChannelPkg .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}
.AgentChannelPkg > .header .title {
  height: 100px;
}
.AgentChannelPkg > .header .title .tips {
  padding: 0 20px;
  font-weight: 400;
}

.MaterialLabelsReport .expand-btn {
  color: #1089ff;
  cursor: pointer;
}
.MaterialLabelsReport .ant-tabs {
  height: 100%;
}
.MaterialLabelsReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}
.MaterialLabelsReport .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.MaterialLabelsReport .FilterDateRange {
  width: 220px;
}

.MarketingAnalyzeReport > .header .title {
  display: flex;
  align-items: flex-start;
}
.MarketingAnalyzeReport > .header .title .main {
  flex: 0 0 95px;
  line-height: 20px;
}
.MarketingAnalyzeReport > .header .title .title-tips {
  font-size: 12px;
  color: red;
  line-height: 16px;
}
.MarketingAnalyzeReport > .header .QueryContainer .query-row .tooltips-query-label {
  flex: 0 0 120px;
}
.MarketingAnalyzeReport .ReportTable .Table .TableBody .TableBody-cell {
  height: auto;
}
.MarketingAnalyzeReport .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.MarketingAnalyzeReport .MultiLineText {
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.MarketingAnalyzeReport .video-cover-cell {
  height: 50px;
  width: 100px;
}
.MarketingAnalyzeReport .FilterDateRange {
  width: 220px;
}

.XinYuAdPlacement .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}
.XinYuAdPlacement .MultiLineText {
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.XinYuAdPlacement .video-cover-cell {
  height: 50px;
  width: 100px;
}

.GgKeywordsReport .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}

.MaterialLabelRelevant {
  padding: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.MaterialLabelRelevant .Layout > .content {
  margin: 10px 0;
  width: 100%;
}
.MaterialLabelRelevant .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}
.MaterialLabelRelevant .Nav {
  border-bottom: 1px solid #dadcde;
}
.MaterialLabelRelevant .Nav li {
  position: relative;
  height: 36px;
  margin-right: 10px;
  line-height: 36px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  width: 120px;
  text-align: center;
}
.MaterialLabelRelevant .Nav li.active {
  border-bottom: none;
}
.MaterialLabelRelevant .Nav li.active::after {
  position: absolute;
  content: '';
  width: 80%;
  height: 3px;
  left: 10%;
  bottom: 0;
  background-color: #2887e6;
}
.MaterialLabelRelevant .ChartContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100% - 38px);
}
.MaterialLabelRelevant .ChartContent .query-wrapper {
  padding: 16px;
  background-color: #fff;
}
.MaterialLabelRelevant .ChartContent .charts-container {
  margin: 10px 0;
  background-color: #fff;
  padding: 16px;
  overflow-y: auto;
}
.MaterialLabelRelevant .ChartContent .charts-container .controller-bar {
  display: flex;
  justify-content: right;
}
.MaterialLabelRelevant .ChartContent .charts-container .controller-bar .controller-item {
  display: flex;
  width: 300px;
  margin-left: 32px;
  align-items: center;
}
.MaterialLabelRelevant .ChartContent .charts-container .controller-bar .controller-item .slider-wrapper {
  flex: 0 0 200px;
}
.MaterialLabelRelevant .ChartContent .charts-container .controller-bar .controller-item .controller-label {
  flex: 0 0 100px;
  margin-right: 8px;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item {
  flex: 0 0 calc(50% - 32px);
  min-width: 500px;
  margin: 8px;
  border: solid 1px #ccc;
  padding: 8px;
  position: relative;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item .chart-item-title {
  font-weight: bold;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item .chart-item-container {
  width: 100%;
  height: 460px;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item .ChartItem {
  width: 100%;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item .ChartItem .chart-header-bar {
  display: flex;
  justify-content: right;
}
.MaterialLabelRelevant .ChartContent .charts-container .chart-items .chart-item .ChartItem .chart-item-wrapper {
  height: 440px;
}

.AllPlatformReport {
  padding: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.AllPlatformReport .Layout > .content {
  margin: 10px 0;
  width: 100%;
}
.AllPlatformReport .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}

.MaterialUserReport .ant-tabs {
  height: 100%;
}
.MaterialUserReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}
.MaterialUserReport .ant-tabs .Table .TableBody .TableBody-cell {
  height: 42px;
}

.designer-label-modal .filter .filter-item {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
}
.designer-label-modal .filter .filter-item .Select {
  width: 160px;
}
.designer-label-modal .filter .filter-item .Select.multiple {
  vertical-align: middle;
}
.designer-label-modal .filter .filter-item .Select.multiple .labels {
  min-height: 32px;
  padding: 2px 0;
  margin-right: 26px;
}
.designer-label-modal .filter .filter-item .Select.multiple .labels li {
  position: relative;
  line-height: 20px;
  max-width: calc(100% - 50px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.designer-label-modal .filter .filter-item .Select.multiple .labels li:first-child {
  padding-right: 14px;
}
.designer-label-modal .filter .filter-item .Select.multiple .labels li .anticon-close {
  position: absolute;
  right: 0;
  top: 5px;
}
.designer-label-modal .filter .filter-item .Select.multiple .ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 26px;
}
.designer-label-modal .filter .filter-item .Select.multiple .ant-input-affix-wrapper .ant-input-suffix {
  right: 7px;
}

.MaterialLabelsReport .expand-btn {
  color: #1089ff;
  cursor: pointer;
}
.MaterialLabelsReport .ant-tabs {
  height: 100%;
}
.MaterialLabelsReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}
.MaterialLabelsReport .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}

.MaterialNameLabel .ReportTable .Table .TableBody .TableBody-cell {
  height: auto;
}
.MaterialNameLabel .TableFooter .TableFooter-row {
  border-top: 1px solid #d9d9d9;
}
.MaterialNameLabel .MultiLineText {
  white-space: pre-wrap;
  overflow: hidden;
  display: box;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.MaterialNameLabel .video-cover-cell {
  height: 50px;
  width: 100px;
}

.LiveAnchorLabelsReport .expand-btn {
  color: #1089ff;
  cursor: pointer;
}
.LiveAnchorLabelsReport .ant-tabs {
  height: 100%;
}
.LiveAnchorLabelsReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}

.LiveLabelsReport .expand-btn {
  color: #1089ff;
  cursor: pointer;
}
.LiveLabelsReport .ant-tabs {
  height: 100%;
}
.LiveLabelsReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 40px);
}

.ProductsAnalysisContent {
  display: flex;
  flex-direction: column;
  height: calc(100% - 35px);
}
.ProductsAnalysisContent .AnalysisMainFilter {
  background-color: #fff;
}
.ProductsAnalysisContent .main-content {
  flex: 1;
  height: calc(100% - 350px);
  margin: 10px 0;
  padding: 10px;
  background-color: #fff;
}
.ProductsAnalysisContent .main-content .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.ProductsAnalysisContent .main-content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ProductsAnalysisContent .main-content .Table {
  margin-top: 10px;
}
.ProductsAnalysisContent .main-content .Table .TableBody-cell {
  height: 50px;
}
.ProductsAnalysisContent .main-content .Table.more-table .TableBody-wrap .row-container::after {
  content: '当前查询数据量太大，仅支持显示前1000行，更多数据请通过【导出报表】功能下载至本地查看';
  display: block;
  line-height: 50px;
  text-align: center;
}

.ProductsAnalysis {
  height: 100%;
  padding: 10px;
}
.ProductsAnalysis > .ant-spin-spinning {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.ProductsAnalysis > .ant-spin-spinning .ant-spin-dot {
  top: 50%;
}
.ProductsAnalysis .Nav {
  border-bottom: 1px solid #dadcde;
}
.ProductsAnalysis .Nav li {
  position: relative;
  height: 36px;
  margin-right: 10px;
  line-height: 36px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  width: 120px;
  text-align: center;
}
.ProductsAnalysis .Nav li.active {
  border-bottom: none;
}
.ProductsAnalysis .Nav li.active::after {
  position: absolute;
  content: '';
  width: 80%;
  height: 3px;
  left: 10%;
  bottom: 0;
  background-color: #2887e6;
}
.ProductsAnalysis .material-name-cell {
  color: #2887e6;
}
.ProductsAnalysis.clickAnalysis .date-range-picker {
  width: 250px;
}
.ProductsAnalysis.clickAnalysis .query-item-createDate .date-range-picker {
  width: 230px;
}
.ProductsAnalysis.clickAnalysis .query-item-mOprojectTypes .ant-select-dropdown {
  width: 280px;
}

.HourData .ReportTable .ant-spin-nested-loading {
  height: calc(100% - 85px);
}
.HourData .ReportTable .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}

.CampaignAiScore .ReportTable .ant-spin-nested-loading {
  height: calc(100% - 85px);
}
.CampaignAiScore .ReportTable .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}
.CampaignAiScore > .header .title {
  height: 80px;
}
.CampaignAiScore > .header .title .tips {
  color: #b2b4b7;
}
.CampaignAiScore > .header .title .tips .btn-text {
  color: #1089FF;
  text-decoration: underline;
  cursor: pointer;
}
.CampaignAiScoreReportDescPopover .desc-item {
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.65);
}
.CampaignAiScoreReportDescPopover .desc-item .label {
  font-weight: 600;
}

.CampaignAiScore .ReportTable .ant-spin-nested-loading {
  height: calc(100% - 85px);
}
.CampaignAiScore .ReportTable .TableFooter .TableFooter-row {
  border: 1px solid #d9d9d9;
}
.CampaignAiScore > .header .title {
  height: 80px;
}
.CampaignAiScore > .header .title .tips {
  color: #b2b4b7;
}
.CampaignAiScore > .header .title .tips .btn-text {
  color: #1089FF;
  text-decoration: underline;
  cursor: pointer;
}
.CampaignAiScoreReportDescPopover .desc-item {
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.65);
}
.CampaignAiScoreReportDescPopover .desc-item .label {
  font-weight: 600;
}

.ReportManager {
  display: flex;
  height: calc(100% - 90px);
  margin: 20px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.ReportManager .left-container {
  position: relative;
  flex: 0 0 300px;
  padding: 10px 20px;
  border-right: 1px solid #BBB;
}
.ReportManager .left-container.minimized {
  flex: none;
  padding: 10px 0;
  border-right: none;
}
.ReportManager .left-container .report-manage-menu {
  height: 100%;
  overflow-y: auto;
}
.ReportManager .left-container .report-manage-menu .category-item {
  background-color: transparent;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name {
  user-select: none;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name .toggle-icon {
  font-size: 12px;
}
.ReportManager .left-container .report-manage-menu .category-item .category-name.active .toggle-icon {
  transform: rotate(180deg);
}
.ReportManager .right-container {
  position: relative;
  flex: 1;
  width: calc(100% - 300px);
  background-color: #F2F2F2;
  overflow: auto;
}
.ReportManager .right-container > .ant-spin-spinning {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.ReportManager .right-container > .ant-spin-spinning .ant-spin-dot {
  top: 50%;
}
.ReportManager .right-container .CommonQuery > .content {
  padding: 10px;
  background-color: #fff;
}
.ReportManager .right-container .CommonQuery > .content .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.ReportManager .right-container .CommonQuery > .content .Table {
  margin-top: 10px;
}
.ReportManager .right-container .ReportFilter {
  position: relative;
  padding: 15px;
}
.ReportManager .right-container .ReportFilter.minimized {
  padding: 0 15px;
}
.ReportManager .right-container .ReportFilter.minimized > :not(.MinimizedButton) {
  display: none;
}
.ReportManager .right-container .ReportFilter .filter-row,
.ReportManager .right-container .ReportFilter.filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 30px;
}
.ReportManager .right-container .ReportFilter .filter-row + .filter-row,
.ReportManager .right-container .ReportFilter.filter-row + .filter-row {
  margin-top: 20px;
}
.ReportManager .right-container .ReportFilter .filter-row > div,
.ReportManager .right-container .ReportFilter.filter-row > div {
  margin-right: 15px;
  margin-top: 5px;
}
.ReportManager .right-container .ReportFilter .filter-row .ProjectSelector,
.ReportManager .right-container .ReportFilter.filter-row .ProjectSelector {
  display: inline-block;
}
.ReportManager .right-container .ReportFilter .filter-row .export-btn,
.ReportManager .right-container .ReportFilter.filter-row .export-btn {
  height: 32px;
  margin-right: 5px;
}
.ReportManager .right-container .ReportFilter .filter-row .Checkbox,
.ReportManager .right-container .ReportFilter.filter-row .Checkbox {
  margin: 0 20px;
}
.ReportManager .right-container .ReportFilter .filter-row .ant-btn + .ant-btn,
.ReportManager .right-container .ReportFilter.filter-row .ant-btn + .ant-btn {
  margin-left: 10px;
}
.ReportManager .right-container .ReportFilter .footer {
  text-align: right;
}
.ReportManager .right-container .ReportFilter .footer .ant-btn {
  margin-right: 10px;
}
.ReportManager .right-container .report-group-wrapper {
  height: 100%;
  padding: 16px;
  background-color: #fff;
}
.ReportManager .right-container .report-group-wrapper .ReportTable {
  height: 100%;
}
.ReportManager .right-container .report-group-wrapper .ReportTable + .ReportTable {
  margin-top: 20px;
}
.ReportManager .right-container .report-group-wrapper .ReportTable > .ant-spin-nested-loading {
  height: calc(100% - 100px);
}
.ReportManager .right-container .report-group-wrapper .ReportTable > .ant-spin-nested-loading .ant-spin-container,
.ReportManager .right-container .report-group-wrapper .ReportTable > .ant-spin-nested-loading .Table {
  height: 100%;
}
.ReportManager .right-container .detail-cell {
  padding-left: 10px;
  color: #BBB;
}
.ReportManager .right-container .filter-condition-header-cell {
  display: flex;
}
.ReportManager .right-container .MultiSelectItem,
.ReportManager .right-container .select-item {
  display: flex;
  align-items: center;
  height: 32px;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .labels,
.ReportManager .right-container .select-item .Select.multiple .labels {
  min-height: 32px;
  padding: 2px 0;
  margin-right: 26px;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .labels li,
.ReportManager .right-container .select-item .Select.multiple .labels li {
  position: relative;
  line-height: 20px;
  max-width: calc(100% - 50px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .labels li:first-child,
.ReportManager .right-container .select-item .Select.multiple .labels li:first-child {
  padding-right: 14px;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .labels li .anticon-close,
.ReportManager .right-container .select-item .Select.multiple .labels li .anticon-close {
  position: absolute;
  right: 0;
  top: 5px;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .ant-input-affix-wrapper .ant-input:not(:last-child),
.ReportManager .right-container .select-item .Select.multiple .ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 26px;
}
.ReportManager .right-container .MultiSelectItem .Select.multiple .ant-input-affix-wrapper .ant-input-suffix,
.ReportManager .right-container .select-item .Select.multiple .ant-input-affix-wrapper .ant-input-suffix {
  right: 7px;
}

.OeRetargetingTags {
  margin-top: 16px;
}
.OeRetargetingTags .f-left {
  position: relative;
}
.OeRetargetingTags .advertiser-filter {
  display: flex;
  align-items: center;
}
.OeRetargetingTags .advertiser-filter .Select {
  width: calc(100% - 64px);
}
.OeRetargetingTags .advertiser-filter .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.OeRetargetingTags .advertiser-filter .Select .labels {
  padding: 2px 6px 0 0;
}
.OeRetargetingTags .advertiser-filter .Select .labels > li {
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.OeRetargetingTags .advertiser-filter .ant-btn {
  height: 36px;
  border-radius: 0 4px 4px 0;
}
.OeRetargetingTags .audience-filter-input {
  position: absolute;
  top: 97px;
  left: 20px;
  z-index: 2;
}
.OeRetargetingTags .retargeting-tags-table {
  width: 600px;
  margin-top: 16px;
}
.OeRetargetingTags .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.OeRetargetingTags .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.OeRetargetingTags .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.OeRetargetingTags .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.OeRetargetingTags .selected {
  margin-left: 16px;
  width: 320px;
  height: 372px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.OeRetargetingTags .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.OeRetargetingTags .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.OeRetargetingTags .selected > .content .ant-tabs-tabpane {
  height: 270px;
  padding: 5px 0;
  overflow: auto;
}
.OeRetargetingTags .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.OeRetargetingTags .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.BatchWordsAdder .BatchTextEditor .content .index {
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin: 6px 0;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index {
  background-color: #FF4949;
  color: #fff;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index::after {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent transparent #FF4949;
}
.BatchWordsAdder .error-words-wrapper .desc {
  color: #FF4949;
}
.BatchWordsAdder .error-words-wrapper .error-list .anchor-link {
  display: inline-block;
}
.BatchWordsAdder .error-words-wrapper .error-list .ant-btn-link {
  padding: 4px;
}
.BatchWordsAdder .error-words-wrapper .clear-btn {
  padding: 0;
}

.PanelTree {
  line-height: 36px;
}
.PanelTree .select-area {
  position: relative;
  display: inline-block;
  width: 400px;
  margin-right: 16px;
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  overflow-x: auto;
  vertical-align: top;
}
.PanelTree .select-area .mudules {
  display: flex;
}
.PanelTree .select-area .select-mudule {
  min-width: 199px;
  border-right: 1px solid #E4E9ED;
}
.PanelTree .select-area .select-mudule:last-child {
  border-right: none;
}
.PanelTree .select-area .select-mudule .select-item {
  display: flex;
  position: relative;
  padding: 0 24px 0 12px;
  cursor: pointer;
}
.PanelTree .select-area .select-mudule .select-item .Checkbox {
  margin-right: 6px;
}
.PanelTree .select-area .select-mudule .select-item .label {
  flex: 1 1 auto;
}
.PanelTree .select-area .select-mudule .select-item .next {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
}
.PanelTree .select-area .select-mudule .select-item.expended {
  color: #2f88ff;
}
.PanelTree .select-area .select-mudule .select-item:hover {
  background-color: #F8F8F8;
}
.PanelTree .result-area {
  display: inline-block;
  width: 200px;
  border: 1px solid #E4E9ED;
  border-radius: 4px;
}
.PanelTree .result-area .result-item {
  position: relative;
  margin: 8px 12px;
  padding: 0 24px 0 8px;
  line-height: 30px;
  border-radius: 4px;
  background: #edf1f5;
}
.PanelTree .result-area .result-item .anticon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #999;
  cursor: pointer;
}
.PanelTree .header {
  position: relative;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E4E9ED;
}
.PanelTree .header .title {
  padding: 4px 12px;
  line-height: 26px;
  font-weight: bold;
}
.PanelTree .header .clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #2f88ff;
  cursor: pointer;
}
.PanelTree .content {
  max-height: 224px;
  padding: 4px 0px;
  overflow-y: auto;
}

.CustomSelector {
  display: flex;
}
.CustomSelector .SelectorPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  padding: 8px 16px;
  width: 480px;
  margin-right: 16px;
}
.CustomSelector .SelectorPanel .tab-btns {
  margin-top: 10px;
}
.CustomSelector .SelectorPanel .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.CustomSelector .SelectorPanel .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.CustomSelector .SelectorPanel .suggestion-area {
  margin-top: 8px;
  line-height: 1.5;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-tip .desc {
  color: #999;
  font-size: 12px;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-selector .suggestion-item {
  padding: 0 1px;
  color: #40a9ff;
  cursor: pointer;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-selector .more-btn {
  float: right;
}
.CustomSelector .SelectorPanel .history-panel {
  padding: 8px;
}
.CustomSelector .SelectorPanel .history-panel .content .history-item {
  cursor: pointer;
  margin: 0 4px;
  color: #999;
}
.CustomSelector .SelectorPanel .CustomSearchInput {
  margin-top: 10px;
  width: 100%;
}
.CustomSelector .SelectorPanel .PanelTree .select-area {
  width: 100%;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .header {
  background-color: #F8F9FA;
  border-bottom: 1px solid #E4E9ED;
  padding: 4px 12px;
  line-height: 26px;
  font-weight: bold;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content {
  padding: 4px 0px;
  height: 224px;
  overflow: auto;
  position: relative;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item {
  display: flex;
  padding: 0 8px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item:hover {
  background-color: #F8F8F8;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .name-item {
  flex: 0 0 160px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .num-item {
  flex: 0 0 80px;
}
.CustomSelector .ResultPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  display: inline-block;
  width: 300px;
  position: relative;
}
.CustomSelector .ResultPanel .header {
  flex-flow: column;
  display: flex;
  height: 58px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #DADFE3;
  border-radius: 4px 4px 0 0;
}
.CustomSelector .ResultPanel .header .title {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.CustomSelector .ResultPanel .header .word-count {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.CustomSelector .ResultPanel .header .clear-btn,
.CustomSelector .ResultPanel .header .batch-add-btn {
  float: right;
  height: 20px;
  padding: 0 10px;
}
.CustomSelector .ResultPanel .result-body .body-header {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid #DADFE3;
}
.CustomSelector .ResultPanel .result-body .body-header .Select .ant-input {
  border: none;
}
.CustomSelector .ResultPanel .result-body .body-list {
  height: 255px;
  overflow: auto;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item {
  display: flex;
  padding: 8px;
  line-height: 1.5;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item .btn-col {
  visibility: hidden;
  padding-left: 4px;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item .btn-col .ant-btn {
  padding: 0;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item:hover .btn-col {
  visibility: visible;
}
.CustomSelector .ResultPanel .result-body .name-col {
  width: 105px;
}
.CustomSelector .ResultPanel .result-body .num-col {
  margin-left: 8px;
}
.CustomSelector .ResultPanel .result-footer {
  border-top: 1px solid #DADFE3;
}
.CustomSearchInput {
  display: inline-block;
  position: relative;
}
.CustomSearchInput .ant-input {
  width: 100%;
  cursor: pointer;
}
.CustomSearchInput .ant-input[disabled] {
  cursor: not-allowed;
}
.CustomSearchInput .drop-down-area {
  width: 100%;
  top: auto;
  left: auto;
  box-sizing: border-box;
  margin-top: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  outline: none;
}
.CustomSearchInput .drop-down-area .drop-down-options {
  max-height: 200px;
  overflow-y: auto;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item {
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  cursor: pointer;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item:hover {
  background-color: #e6f7ff;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item.active {
  background-color: #e6f7ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .desc {
  color: #adb0b3;
  font-size: 12px;
}
.CustomSearchInput .SearchInputPopover {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner {
  box-shadow: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content .drop-down-options {
  position: relative;
}
.CustomSearchInput .SearchInputPopover .ant-popover-arrow {
  display: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-placement-bottom {
  padding: 0;
}
.CustomSearchInput .ant-input-affix-wrapper .ant-input[disabled] + .ant-input-suffix > .anticon {
  cursor: not-allowed;
}

.Action .VCheckboxGroup.scence-group > .control-label {
  flex: 0 0 70px;
}
.Action .CheckboxGroup.scence-group {
  display: inline-block;
  margin-bottom: 12px;
}

.aweme-fan .awene-fan-selector .aweme-search {
  margin-top: 12px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area {
  margin-top: 12px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .inner-card {
  width: 432px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .inner-card > .content {
  max-height: 365px;
  height: 365px;
  padding: 0;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .ant-tabs-bar {
  margin: 0;
  padding: 10px 16px 0;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .ant-tabs-tabpane {
  padding: 0;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .categories-pannel {
  margin: 16px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .categories-pannel .content {
  max-height: 230px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors {
  display: flex;
  flex-direction: column;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .author-list {
  flex: 1 1 auto;
  margin-top: 12px;
  max-height: 240px;
  overflow-y: auto;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title {
  padding: 0 12px;
  line-height: 20px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title .back-btn {
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #aaa;
  color: #2f88ff;
  cursor: pointer;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title .back-btn .anticon {
  font-size: 12px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .header {
  display: none;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .select-area {
  margin: 0;
  width: 100%;
  border: none;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .content {
  max-height: 100000px;
  padding: 0;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area {
  width: 300px;
  margin: 0;
  vertical-align: top;
  flex-direction: column;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area {
  position: relative;
  height: 55px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #dadcde;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .can-add {
  line-height: 20px;
  font-weight: bold;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .count {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .count > span {
  margin-right: 10px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .clear {
  right: 12px;
  color: #2f88ff;
  cursor: pointer;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-list {
  height: 263px;
  overflow-y: auto;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item {
  display: flex;
  padding: 0 10px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .name {
  flex: 0 0 120px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .number {
  flex: 0 0 100px;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .operation {
  flex: 1 1 auto;
  color: #2f88ff;
  cursor: pointer;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item.result-title {
  border-bottom: 1px solid #dadcde;
}
.aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item.result-title .operation {
  color: inherit;
  cursor: default;
}
.aweme-fan .fan-item {
  position: relative;
  padding: 4px 45px 4px 0;
}
.aweme-fan .fan-item .avatar {
  float: left;
  margin-right: 10px;
}
.aweme-fan .fan-item .name {
  line-height: 20px;
  color: #333;
}
.aweme-fan .fan-item .fans {
  font-size: 10px;
  line-height: 12px;
  color: #85888E;
}
.aweme-fan .fan-item .fans > span {
  margin-right: 16px;
}
.aweme-fan .fan-item .type {
  color: #85888E;
}
.aweme-fan .fan-item .similar-btn {
  color: #2f88ff;
}
.aweme-fan .fan-item .similar-btn:hover {
  text-decoration: underline;
}

.AudienceArea .SearchInput {
  margin-top: 20px;
}
.AudienceArea .ant-cascader-picker {
  margin-top: 20px;
}
.AudienceArea .tab-btns {
  margin-top: 10px;
}
.AudienceArea .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.AudienceArea .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.AudienceArea .PanelTree {
  margin-top: 10px;
}
.business-cascader .ant-cascader-menu {
  width: 200px;
}

.CustomPackage {
  margin-top: 16px;
}
.CustomPackage .f-left {
  position: relative;
}
.CustomPackage .package-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}
.CustomPackage .popularity-type-table {
  width: 600px;
}
.CustomPackage .popularity-type-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.CustomPackage .popularity-type-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.CustomPackage .popularity-type-table .ant-table-empty .ant-table-body {
  height: 123px;
}
.CustomPackage .popularity-type-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.CustomPackage .selected {
  margin-left: 16px;
  width: 320px;
  height: 372px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.CustomPackage .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.CustomPackage .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CustomPackage .selected > .content {
  padding: 10px;
}
.CustomPackage .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.CustomPackage .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.LinkContent .ControlGroup > .controls .showhiddenErrorMsg {
  display: inline-block;
  position: relative;
}
.LinkContent .fold-wrapper {
  margin-top: 12px;
}
.LinkContent .fold-wrapper.fold {
  display: none;
}
.LinkContent .fold-handle {
  display: inline-block;
  margin-top: 20px;
  margin-left: 350px;
  cursor: pointer;
  color: var(--edt-text-color-secondary);
}
.LinkContent .save-btn-wrapper {
  display: block;
}
.LinkContent .save-btn-wrapper .save-btn {
  margin-left: 160px;
  margin-top: 12px;
  margin-right: 10px;
}
.LinkContent .save-btn-wrapper .warnning {
  color: #e9b475;
}

.SiteSelector .ant-modal-title {
  font-size: 14px;
}
.SiteSelector .ant-modal-title .title {
  font-weight: bold;
  color: #101010;
}
.SiteSelector .ant-modal-title .filter {
  margin: 15px 0;
}
.SiteSelector .ant-modal-title .filter .ant-input-search {
  width: 350px;
  margin-left: 10px;
}
.SiteSelector .ant-modal-body {
  padding: 0;
  max-height: 600px;
  overflow-y: auto;
}
.SiteSelector .ant-modal-body .content {
  padding: 24px;
  background-color: #F8F9FA;
}
.SiteSelector .ant-modal-body .content .page-list {
  display: flex;
  flex-wrap: wrap;
}
.SiteSelector .ant-modal-body .content .page-list .page-item {
  width: 200px;
  height: 448px;
  margin: 10px;
  overflow: hidden;
  background-color: #fff;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview {
  position: relative;
  height: 356px;
  overflow: hidden;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview img {
  width: 200px;
  transition-duration: 2s;
  transform: translateY(0);
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview .use-btn {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview:hover .use-btn {
  display: inline-block;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview:hover img {
  transition-duration: 2s;
  transform: translateY(calc(-100% + 356px));
}
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info {
  padding: 12px 16px;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info > div,
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info > a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.SiteSelector .ant-modal-body .content .tips-info {
  display: flex;
  align-items: center;
}
.SiteSelector .ant-modal-body .content .tips-info .anticon {
  display: inline-block;
  margin-right: 10px;
  color: #ffa614;
}

.ExternalUrlList .ant-btn {
  margin-right: 10px;
}
.ExternalUrlList .selected-count {
  display: inline-block;
  margin-right: 10px;
}
.ExternalUrlList .ExternalUrl .ant-input {
  padding-right: 70px;
}
.ExternalUrlList .ExternalUrl .ant-input-suffix {
  right: 0;
}
.ExternalUrlList .ExternalUrl .icon-delete {
  margin-left: 10px;
  color: #999999;
  cursor: pointer;
}

.star-aweme-list-select {
  height: 32px;
}

.AnchorMaterialItem {
  position: relative;
  padding: 2px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
}
.AnchorMaterialItem .anchor-info-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  line-height: 30px;
  margin-bottom: 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.AnchorMaterialItem .anchor-info-wrapper .anchor-icon {
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin-right: 10px;
  color: #1890ff;
}
.AnchorMaterialItem .anchor-info-wrapper .anchor-desc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AnchorMaterialItem .anchor-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AnchorMaterialItem.disabled {
  opacity: 0.5;
  user-select: none;
  cursor: no-drop;
  pointer-events: none;
}
.AnchorMaterialItem:hover:not(.disabled) {
  border: 2px solid #40a9ff;
}
.AnchorMaterialItem.selected {
  border: 2px solid #40a9ff;
}
.AnchorMaterialItem .selected-checkbox {
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
}

.AnchorMaterialsModal .materials-footer {
  display: flex;
  padding: 10px 0;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e8e8e8;
}
.AnchorMaterialsModal .materials-footer .anticon-info-circle {
  margin-right: 5px;
  color: red;
}
.AnchorMaterialsModal .materials-footer .button-area {
  flex: 0 0 160px;
}
.AnchorMaterialsModal .anchor-materials-list {
  display: flex;
  flex-wrap: wrap;
  max-height: 500px;
  overflow-y: auto;
}
.AnchorMaterialsModal .anchor-materials-list .AnchorMaterialItem {
  width: 30%;
  margin: 0 1.5%;
}

.CreativeAnchorMaterial .selected-anchor .anchor-material {
  position: relative;
  width: 250px;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .hover-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .hover-mask .anticon-close-circle {
  position: absolute;
  top: -8px;
  right: -8px;
  color: rgba(0, 0, 0, 0.65);
}
.CreativeAnchorMaterial .selected-anchor .anchor-material:hover .hover-mask {
  display: flex;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem {
  margin-bottom: 0;
  padding: 0;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem .anchor-name {
  display: none;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem:hover {
  border: 2px solid transparent;
}
.CreativeAnchorMaterial .selected-anchor > .tips {
  width: auto;
}

.TargetCreate {
  max-height: 500px;
  overflow-y: auto;
}
.TargetCreate .sub-title {
  margin: 10px 10px 0;
  font-weight: bold;
}
.TargetCreate ::v-deep.quick-link {
  display: inline-block;
  margin-left: 10px;
  color: #1989FA;
  cursor: pointer;
}
.TargetCreate ::v-deep.app-name {
  line-height: 18px;
}
.TargetCreate ::v-deep.app-name .anticon {
  color: #fff;
  background: green;
  margin-right: 6px;
  border-radius: 50%;
  font-size: 8px;
  padding: 3px;
}
.TargetCreate ::v-deep.LinkContent {
  border: none;
}
.TargetCreate ::v-deep.LinkContent > .header {
  display: none;
}
.TargetCreate ::v-deep.LinkContent > .content {
  padding: 12px 0;
}
.TargetCreate ::v-deep.ExternalUrlList .add-btn,
.TargetCreate ::v-deep.ExternalUrlList .selected-count {
  display: none;
}
.TargetCreate ::v-deep.ExternalUrlList .ExternalUrl {
  margin: 0;
}

.target-create-modal .target-create-type {
  margin: 0 0 20px 0;
}
.target-create-modal .target-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.target-create-modal .target-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}

.target {
  margin-left: 20px;
}
.target .tips {
  margin: 10px 0;
}
.target .selected {
  margin-right: 20px;
}
.target .empty {
  margin: 10px 0;
  padding: 20px;
  border: 1px dashed #ccc;
}

.Nav {
  display: flex;
}
.Nav.nav-vertical {
  flex-direction: column;
}
.Nav .nav-item {
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  cursor: pointer;
  transition: border 0.1s;
}
.Nav .nav-item.active {
  border-bottom: 3px solid var(--edt-nav-active-color);
}
.Nav .nav-item.disabled {
  color: var(--edt-nav-disabled-color);
  pointer-events: none;
}

.AlarmList .operation-cell .icon-btn {
  margin-left: 8px;
}
.AlarmList .icon-btn {
  cursor: pointer;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
}
.AlarmList .Nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.AlarmList .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.AlarmList .Nav > .nav-item.active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}
.CustomizeObjsPopover {
  width: 400px;
}
.CustomizeObjsPopover .ant-popover-inner {
  max-height: 500px;
  overflow-y: auto;
}
.CustomizeObjsPopover .ant-popover-inner .ant-popover-inner-content {
  margin: 0 10px;
}
.CustomizeObjsPopover .ant-popover-inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}
.CustomizeObjsPopover .ant-popover-inner::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.CustomizeObjsPopover .ant-popover-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}
.CustomizeObjsPopover .ant-popover-inner ul {
  list-style: disc;
}
.CustomizeObjsPopover .ant-popover-inner ul > li {
  height: 30px;
  line-height: 30px;
}

.AlarmCustomRules .Filter .sub-type-selector {
  margin: 0 10px 0 0;
  vertical-align: top;
}
.AlarmCustomRules .Filter .sub-type-selector .labels {
  padding: 2px 6px 2px 0;
}
.AlarmCustomRules .Filter .sub-type-selector .ant-input {
  height: 32px;
}

.AlarmRecommendRules {
  padding: 15px 0;
}

.BatchEditBudget .budget-mode-select {
  padding: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: solid 1px #dfe6ec;
  margin-bottom: 12px;
}
.BatchEditBudget .budget-mode-select .RadioGroup {
  margin-right: 6px;
}
.BatchEditBudget .edit-mode-select {
  margin-bottom: 12px;
}
.BatchEditBudget .edit-mode-select .ControlGroup > .control-label {
  color: #333;
  font-weight: bold;
}
.BatchEditBudget .new-budget-cell .Select {
  margin-right: 6px;
}
.BatchEditBudget .ControlGroup.inline {
  margin-left: 0;
}
.BatchEditBudget .price-input .isError .MyInput {
  border-color: red;
  box-shadow: none;
}

.CampaignScheduleEdit .append-edit-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.CampaignScheduleEdit .append-edit-wrapper .task-date-wraper {
  display: flex;
}
.CampaignScheduleEdit .append-edit-wrapper .task-date-wraper > .control-label {
  width: 160px;
}
.CampaignScheduleEdit .RadioGroup {
  margin-right: 5px;
}
.CampaignScheduleEdit .ant-calendar-picker {
  margin-right: 5px;
}
.CampaignScheduleEdit .showhiddenErrorMsg {
  line-height: 20px;
}
.CampaignScheduleEdit .TableBody-cell .schedule-time-value.showhiddenErrorMsg {
  position: relative;
}

.PrivativeWordsEdit .BatchTextEditor {
  margin-top: 5px;
}
.PrivativeWordsEdit .BatchTextEditor > .header {
  padding: 0 20px;
}
.PrivativeWordsEdit .BatchTextEditor > .content {
  height: 200px;
}
.PrivativeWordsEdit .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}

.BatchEditContent .edit-modes {
  margin-bottom: 10px;
}

.RuleList {
  height: calc(100% - 90px);
}

.RuleManager {
  height: calc(100% - 90px);
  margin: 20px;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
}
.RuleManager .ManageContent {
  height: 100%;
}
.RuleManager .rule-filter {
  margin-bottom: 15px;
}
.RuleManager .Nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.RuleManager .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.RuleManager .Nav > .nav-item.active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}

.ExecuteStatistics {
  height: calc(100% - 90px);
}
.ExecuteStatistics .ExecuteStatisticsFilter .f-right {
  display: flex;
  align-items: center;
}
.ExecuteStatistics .ExecuteStatisticsFilter .f-right .ant-btn {
  margin-right: 10px;
}
.ExecuteStatistics .ExecuteStatisticsFilter .f-right .Select {
  margin-right: 10px;
}
.ExecuteStatistics .ExecuteStatisticsFilter .f-right .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
  margin-right: 36px;
}
.ExecuteStatistics > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.ExecuteStatistics > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ExecuteStatistics .Table .switchable-num {
  color: var(--edt-primary-color);
  cursor: pointer;
  text-decoration: underline;
}
.ExecuteStatistics .ant-pagination {
  text-align: center;
}

.AiManageContent {
  height: 100%;
}
.AiManageContent .filter {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.AiManageContent .filter .Select {
  margin-right: 10px;
}
.AiManageContent .Nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.AiManageContent .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.AiManageContent .Nav > .nav-item.active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}

.AiManager {
  height: calc(100% - 90px);
  margin: 20px;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
}

.TaskHistory .header .tips {
  margin-left: 10px;
}
.TaskHistory .Table {
  margin-top: 15px;
}
.TaskHistory .Table .ant-btn {
  cursor: pointer;
}
.TaskHistory .ant-pagination {
  margin-top: 15px;
  text-align: center;
}

.TaskCreate.detail .ControlGroup,
.TaskCreate.detail .RadioGroup,
.TaskCreate.detail .ant-btn,
.TaskCreate.detail .ant-input,
.TaskCreate.detail .ant-tree-checkbox,
.TaskCreate.detail .ant-tree-treenode-switcher-open,
.TaskCreate.detail .ant-checkbox-wrapper {
  pointer-events: none;
}
.TaskCreate.detail .ant-drawer-body {
  height: calc(100% - 60px);
}
.TaskCreate .ControlGroup {
  flex-direction: column;
}
.TaskCreate .ControlGroup .control-label {
  flex: none;
  text-align: left;
  color: #000;
}
.TaskCreate .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.TaskCreate .ant-drawer-wrapper-body .ant-drawer-body {
  height: calc(100% - 120px);
  padding: 10px;
  overflow-y: auto;
}
.TaskCreate .ant-drawer-wrapper-body form {
  padding: 20px;
  background-color: #fff;
}
.TaskCreate .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 35px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.TaskCreate .ant-drawer-wrapper-body .footer .ant-btn {
  margin-left: 10px;
}
.TaskCreate .create-group .title {
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #000;
}
.TaskCreate .create-group .content {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.TaskCreate .create-group + .create-group {
  margin-top: 15px;
}
.TaskCreate .ApplyObject .tree-select-wrapper {
  display: flex;
  margin-top: 10px;
}
.TaskCreate .ApplyObject .tree-select-wrapper .TreePanel {
  width: 500px;
  margin-right: 10px;
}
.TaskCreate .ApplyObject .tree-select-wrapper .TreePanel .ant-tree {
  max-height: 400px;
  overflow-y: auto;
}
.TaskCreate .ApplyObject .tree-select-wrapper .select-campaigns {
  margin-top: 42px;
}
.TaskCreate .TaskAiBudget .VInput {
  margin-left: 10px;
}
.TaskCreate .TaskAiBudget .advertisers-wrapper {
  margin-top: 10px;
}
.TaskCreate .targets {
  margin-top: 12px;
}
.TaskCreate .targets .ant-tree .ant-tree-title {
  display: inline-block;
  max-width: 405px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TaskCreate .Actions .ai-auto-actions .action-title {
  color: #000;
  margin-bottom: 10px;
}
.TaskCreate .Actions .ai-auto-actions .whole-tips {
  color: #afb1b4;
  line-height: 20px;
}
.TaskCreate .Actions .ai-auto-actions .action-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.TaskCreate .Actions .ai-auto-actions .action-item .action-desc {
  display: flex;
  align-items: center;
  width: 450px;
}
.TaskCreate .Actions .ai-auto-actions .action-item .action-desc .anticon-arrow-right {
  color: #1089FF;
  font-size: 12px;
  margin-right: 10px;
}
.TaskCreate .Actions .ai-auto-actions .action-item .action-desc .tips {
  color: #afb1b4;
}
.TaskCreate .Actions .ai-auto-actions .action-item .run-conf-radio-group {
  margin-left: 10px;
}
.TaskCreate .popo-inform .controls {
  display: flex;
  align-items: center;
}
.TaskCreate .popo-inform .controls .VSelect .multiple {
  margin-left: 10px;
}
.TaskCreate .popo-inform .controls .VSelect .multiple .labels {
  margin-left: 10px;
  min-height: 32px;
}
.TaskCreate .popo-inform .controls .VSelect .multiple .labels li {
  line-height: 20px;
  font-size: 12px;
}
.ai-task-create-close-icn {
  position: absolute;
  top: -80px;
  right: 1160px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089FF;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}

.OverseasAiTask {
  height: calc(100% - 90px);
}
.OverseasAiTask > .ant-spin-nested-loading {
  height: calc(100% - 70px);
}
.OverseasAiTask > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.OverseasAiTask .Table {
  margin-top: 10px;
}
.OverseasAiTask .Table .operate-cell .ant-btn {
  padding: 0 6px;
  cursor: pointer;
}
.OverseasAiTask .ant-pagination {
  margin-top: 10px;
  text-align: center;
}
.OverseasAiTask .OverseasAiFilter .f-left,
.OverseasAiTask .OverseasAiFilter .f-right {
  display: flex;
  align-items: center;
}
.OverseasAiTask .OverseasAiFilter .mkt-default-btn {
  margin-left: 10px;
}
.OverseasAiTask .OverseasAiFilter .Select {
  margin-left: 10px;
}
.OverseasAiTask .OverseasAiFilter .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
  margin-right: 36px;
}

.SourceDetailModal .thumnail {
  position: relative;
  width: 100px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #000;
}
.SourceDetailModal .thumnail .image-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: flex;
  align-items: center;
}
.SourceDetailModal .thumnail .image-background img {
  vertical-align: middle;
  height: auto;
  filter: blur(2.5px);
  width: 100%;
}
.SourceDetailModal .thumnail .image-content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.SourceDetailModal .thumnail .image-content .image-preview {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.SourceDetailModal .thumnail .error-text {
  color: #ccc;
  font-size: 14px;
}

.OverseasAiRecordList {
  height: calc(100% - 90px);
}
.OverseasAiRecordList > .ant-spin-nested-loading {
  margin: 15px 0;
  height: calc(100% - 90px);
}
.OverseasAiRecordList > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.OverseasAiRecordList .Table .insight-cell {
  width: 100%;
  text-align: center;
}
.OverseasAiRecordList .Table .status-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.OverseasAiRecordList .Table .status-cell .error {
  color: red;
  cursor: pointer;
}
.OverseasAiRecordList .Table .status-cell .ant-btn + .ant-btn {
  margin-left: 10px;
}
.OverseasAiRecordList .Table .ctrl-type-cell .source-btn {
  color: #1890ff;
  text-decoration: underline;
  cursor: pointer;
}
.OverseasAiRecordList .ant-pagination {
  text-align: center;
}
.OverseasAiRecordList .RecordFilter {
  margin-bottom: 15px;
}
.OverseasAiRecordList .RecordFilter .f-right {
  display: flex;
  align-items: center;
}
.OverseasAiRecordList .RecordFilter .ant-btn {
  margin-right: 10px;
}
.OverseasAiRecordList .RecordFilter .Select {
  margin-right: 10px;
}
.OverseasAiRecordList .RecordFilter .ant-input-group-wrapper {
  margin: 0 10px;
}
.OverseasAiRecordList .RecordFilter .ant-input-group-wrapper .ant-select {
  width: 160px;
}
.RecordDetailModal .params-tips {
  margin-bottom: 15px;
}
.RecordDetailModal .content-wrapper {
  max-height: 500px;
  overflow-y: auto;
  border: 1px solid #eee;
  padding: 10px;
}

.OverseasAiManageContent {
  position: relative;
  height: 100%;
}
.OverseasAiManageContent .filter {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.OverseasAiManageContent .filter .Select {
  margin-right: 10px;
}
.OverseasAiManageContent .Nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.OverseasAiManageContent .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.OverseasAiManageContent .Nav > .nav-item.active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}

.OverseasAiManager {
  height: calc(100% - 90px);
  margin: 20px;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
}

.MonitorRule .actions > .controls {
  padding: 10px;
  border: 1px solid #f0efef;
  border-radius: 4px;
}
.MonitorRule .actions > .controls .action-item {
  display: flex;
  align-items: center;
}
.MonitorRule .footer {
  margin-top: 10px;
  text-align: right;
}
.MonitorRule .footer .ant-btn {
  margin-left: 10px;
}

.KeywordMonitorRecord .Filter .f-right {
  display: flex;
  align-items: center;
}
.KeywordMonitorRecord .Filter .f-right .MyInput {
  margin-right: 10px;
}

.KeywordMonitor .Nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.KeywordMonitor .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.KeywordMonitor .Nav > .nav-item.active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}

.DescriptionMainFilter {
  padding: 16px;
  border-bottom: solid 1px #ddd;
  background: #f5f5f5;
}
.DescriptionMainFilter .f-left,
.DescriptionMainFilter .f-right {
  display: flex;
  align-items: center;
}
.DescriptionMainFilter .f-left .Select,
.DescriptionMainFilter .f-right .Select {
  margin-right: 10px;
}
.DescriptionMainFilter .f-left .ant-input-group-wrapper,
.DescriptionMainFilter .f-right .ant-input-group-wrapper {
  margin-right: 10px;
}

.MissDescriptionsFilter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.MissDescriptionsFilter .Select {
  margin: 0 10px;
}
.MissDescriptionsFilter .put-tips {
  margin-left: 10px;
}
.MissDescriptionsFilter .put-tips .anticon {
  margin-right: 10px;
  color: #ffa614;
}
.MissDescriptionsFilter .export-btn {
  height: 32px;
}

.MissDescriptions .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.MissingBanner,
.WarnningBanner {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background-color: #E2EFFC;
  color: #85888E;
}
.MissingBanner .anticon-close,
.WarnningBanner .anticon-close {
  position: absolute;
  right: 15px;
  top: 14px;
}

.BatchUpload .error {
  color: red;
}
.BatchUpload .upload-area {
  height: 200px;
  width: 100%;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  cursor: pointer;
}
.BatchUpload .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.BatchUpload .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.BatchUpload .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.BatchUpload .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.BatchUpload .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.BatchUpload .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.BatchUpload .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}
.BatchUpload .DescriptionList {
  margin-top: 10px;
  border: 1px solid #ccc;
}
.BatchUpload .DescriptionList .header {
  border-bottom: 1px solid #ccc;
}
.BatchUpload .DescriptionList .header .ant-row {
  height: 46px;
  line-height: 46px;
}
.BatchUpload .DescriptionList .ant-row {
  width: 100%;
  height: 36px;
  padding: 0 15px;
  line-height: 36px;
}

.SettingModal .type-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #edf1f5;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.SettingModal .type-item .title {
  font-weight: bold;
  color: #101010;
}
.SettingModal .type-item .tips {
  font-size: 12px;
  color: #d7d7d7;
}
.SettingModal .type-item:hover {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.SettingModal .type-item.disabled {
  border-bottom: 1px solid #edf1f5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.SettingModal .type-item.selected {
  border-bottom: 4px solid #2f88ff;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}
.SettingModal .tab-content {
  padding: 10px 30px;
  margin-top: 10px;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.SettingModal .warnning {
  color: #e9b475;
}
.SettingModal .error {
  color: red;
}
.SettingModal .ControlGroup .control-label {
  flex: 210px 0 0;
}
.SettingModal .popo-group-info {
  display: inline-block;
  margin: 0 10px;
}

.DescriptionFilter {
  padding: 16px;
}
.DescriptionFilter .f-left,
.DescriptionFilter .f-right {
  display: flex;
  align-items: center;
}
.DescriptionFilter .f-left .Select,
.DescriptionFilter .f-right .Select {
  margin-right: 10px;
}
.DescriptionFilter .f-left .Select.multiple .labels,
.DescriptionFilter .f-right .Select.multiple .labels {
  padding: 0;
  min-height: 32px;
  margin-right: 36px;
}
.DescriptionFilter .f-left .ant-btn,
.DescriptionFilter .f-right .ant-btn {
  height: 32px;
  margin-right: 10px;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.AudienceArea .SearchInput {
  margin-top: 20px;
}
.AudienceArea .ant-cascader-picker {
  margin-top: 20px;
}
.AudienceArea .tab-btns {
  margin-top: 10px;
}
.AudienceArea .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.AudienceArea .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.AudienceArea .PanelTree {
  margin-top: 10px;
}
.business-cascader .ant-cascader-menu {
  width: 200px;
}

.CommonCheckboxGroup.no-angle .ant-btn-group .ant-btn .angle {
  display: none;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.DescriptionRelatedCreatives {
  padding-bottom: 0!important;
  background-color: #fff;
  overflow-y: auto;
}
.DescriptionRelatedCreatives .creatives-header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  padding: 0 10px;
  line-height: 44px;
  background-color: transparent;
  color: #101010;
}
.DescriptionRelatedCreatives .creatives-header .name {
  max-width: 800px;
  margin-right: 20px;
  font-weight: bold;
  font-size: 16px;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.DescriptionRelatedCreatives .creatives-header .date-range-picker {
  width: 250px;
}
.DescriptionRelatedCreatives .creatives-content {
  position: relative;
  padding: 16px;
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .ant-tabs,
.DescriptionRelatedCreatives .creatives-content .ant-tabs-tabpane {
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .ant-tabs .ant-tabs-content,
.DescriptionRelatedCreatives .creatives-content .ant-tabs-tabpane .ant-tabs-content {
  height: calc(100% - 60px);
}
.DescriptionRelatedCreatives .creatives-content .Content {
  height: calc(100% - 45px);
}
.DescriptionRelatedCreatives .creatives-content .Content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DescriptionRelatedCreatives .creatives-content .OeCreatives {
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .TxCreatives {
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .Oe2Creatives {
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .KsCreatives {
  height: 100%;
}
.DescriptionRelatedCreatives .creatives-content .oe2preview-wrap .MaterialPreview {
  width: 120px;
  height: 80px;
}
.DescriptionRelatedCreatives .Filter .f-left,
.DescriptionRelatedCreatives .Filter .f-right {
  display: flex;
  align-items: center;
}
.DescriptionRelatedCreatives .Filter .put-tips {
  margin-left: 10px;
}
.DescriptionRelatedCreatives .Filter .put-tips .anticon {
  margin-right: 10px;
  color: #ffa614;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}
.Tend .chart-area .summary-value {
  min-width: 150px;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}
.ChartContent .indexes {
  position: relative;
  padding-right: 150px;
}
.ChartContent .indexes > span {
  display: inline-block;
  margin-bottom: 5px;
}
.ChartContent .indexes .summary-value {
  display: inline-block;
  width: 75px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartContent .indexes .Select {
  width: 150px;
  margin-right: 15px;
}
.ChartContent .indexes .saved-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #4d8ee3;
  cursor: pointer;
}
.ChartContent .Compare .compare-report {
  margin-bottom: 20px;
}
.ChartContent .Compare .compare-report .Select {
  margin-bottom: 10px;
}
.ChartContent .Compare .g2-legend {
  position: static !important;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.PopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.Chart {
  height: 100%;
  padding: 10px;
}
.Chart .chart-header {
  height: 45px;
  line-height: 45px;
}
.Chart .chart-header .account-count {
  font-weight: bold;
}
.Chart .time-select .date-range-picker {
  width: 250px;
  text-align: left;
}

.DescrptionManage {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}
.DescrptionManage > .content {
  flex: 1 1 auto;
  padding: 0 16px;
  overflow: auto;
}
.DescrptionManage .ant-spin-nested-loading,
.DescrptionManage .ant-spin-container {
  height: 100%;
}
.DescrptionManage .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.DescrptionManage .Table .TableBody .TableBody-content .row-detail .ant-skeleton {
  padding: 10px;
  border-bottom: 1px solid #dfe6ec;
}
.DescrptionManage .Table .TableBody .TableBody-content .row-detail .TableBody-row .TableBody-cell {
  color: #808080;
}
.DescrptionManage .Table .highlight-num-cell.disabled {
  pointer-events: none;
}
.DescrptionManage .Table .highlight-num-cell:not(.disabled) {
  color: #1089ff;
  cursor: pointer;
}
.DescrptionManage .Table .status-edit-cell {
  color: #1089ff;
}
.DescrptionManage .Table .status-edit-cell .anticon {
  display: none;
  margin-left: 10px;
  color: #1089ff;
}
.DescrptionManage .Table .status-edit-cell:hover .anticon {
  display: inline-block;
}
.DescrptionManage .Table .doc-text {
  white-space: pre-wrap;
}
.DescrptionManage .description-pagination {
  padding: 16px;
}

.DescriptionManager {
  display: flex;
  flex-direction: column;
  padding-right: 44px;
  height: calc(100% - 50px);
}

.AudienceArea .SearchInput {
  width: 500px;
}
.AudienceArea .PanelTree .select-area {
  width: 500px;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}

.AiEdit .ant-input {
  width: 150px;
}
.AiEdit .VRadioGroup {
  margin-bottom: 20px;
}
.AiEdit .VRadioGroup > .control-label {
  flex: 0 0 245px;
}
.AiEdit .VRadioGroup .ant-radio-group {
  width: 100%;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-inner {
  border-color: #92959A;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-checked .ant-radio-inner,
.AiEdit .VRadioGroup .ant-radio-group .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-checked .ant-radio-inner:after,
.AiEdit .VRadioGroup .ant-radio-group .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: center;
  height: 36px;
  margin-left: 0;
  line-height: 36px;
  white-space: normal;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.AiEdit .VRadioGroup .ant-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.AiEdit .VRadioGroup .ant-radio-group .target-option {
  display: flex;
  align-items: center;
}
.AiEdit .VRadioGroup .ant-radio-group .target-option .option-label {
  flex: 0 0 100px;
}
.AiEdit .VRadioGroup .ant-radio-group .target-option .expected-active-cost {
  flex: 1 1 auto;
}
.AiEdit .VRadioGroup .ant-radio-group .target-option .expected-active-cost .control-label {
  flex: 0 0 80px;
}
.AiEdit .VRadioGroup .ant-radio-group .target-option .expected-active-cost .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.AiEdit .cpa-range + .cpa-range {
  margin-top: 20px;
}
.AiEdit .cpa-range > .control-label {
  flex: 0 0 260px;
}
.AiEdit .cpa-range > .controls {
  display: flex;
  align-items: center;
}
.AiEdit .cpa-range > .controls > span {
  display: inline-block;
  margin: 0 15px;
}
.AiEdit .cpa-range > .controls > span:not(.tips) {
  color: #02A8A8;
}
.AiEdit .cpa-range > .controls .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
}

.AiOnModal .ads-list-wrapper ul {
  max-height: 300px;
  margin: 10px 0 10px 30px;
  overflow-y: auto;
}
.AiOnModal .ads-list-wrapper ul .li {
  margin: 5px 0 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.AiOffModal .batch-wrapper .list-item {
  padding: 15px 0;
  border: 1px solid #e6e6e6;
}
.AiOffModal .batch-wrapper .list-item > p {
  margin-left: 50px;
}
.AiOffModal .batch-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.AiOffModal .warning-tips {
  color: #FF9100;
}
.AiOffModal .batch-budget-setting {
  margin-right: 20px;
  max-height: 400px;
  overflow-y: auto;
}
.AiOffModal .ant-radio-group {
  margin-bottom: 10px;
}

.AdScheduleEdit .append-edit-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.AdScheduleEdit .append-edit-wrapper .task-date-wraper {
  display: flex;
}
.AdScheduleEdit .append-edit-wrapper .task-date-wraper > .control-label {
  width: 160px;
}
.AdScheduleEdit .RadioGroup {
  margin-right: 5px;
}
.AdScheduleEdit .ant-calendar-picker {
  margin-right: 5px;
}
.AdScheduleEdit .showhiddenErrorMsg {
  line-height: 20px;
}
.AdScheduleEdit .TableBody-cell .schedule-time-value.showhiddenErrorMsg {
  position: relative;
}


.BatchAdRaiseBudgetModal .batch-edit-bar.ControlGroup > .control-label {
  flex: 0 0 190px;
  padding-right: 6px;
}
.BatchAdRaiseBudgetModal .cell-edit-item.ControlGroup > .control-label {
  flex: 0 0 100px;
  padding-right: 6px;
}

.MatchFilter .CommonFilter .filter-result .Select {
  height: 25px;
  line-height: 25px;
}
.MatchFilter .CommonFilter .filter-result .Select .ant-input {
  height: 25px;
}

.MatchFailedList .batch-edit-container {
  margin: 8px 0;
}

.Ads .Table .ai-control-cell {
  left: 50%;
  transform: translateX(-50%);
}
.Ads .Table .auto-rules-cell {
  color: #1890ff;
  cursor: pointer;
}
.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 180px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .next-day-btn {
  padding: 0;
}
.ScheduleBudgetDatePicker .ant-calendar-footer-extra {
  float: left;
}
.AiDetailPopover {
  color: #02A8A8;
}
.AiDetailPopover > div + div {
  margin-top: 15px;
}
.AiDetailPopover > div > span + span {
  margin-left: 15px;
}
.AiDetailPopover .active-cost {
  display: flex;
  align-items: center;
}
.AiControlModal .ant-modal-header {
  border-bottom: 0;
}
.AiControlModal .ant-modal-header::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  width: 4px;
  height: 30px;
  background-color: #1089FF;
}
.AiControlModal .ant-modal-body {
  max-height: 700px;
  overflow-y: auto;
}
.AiControlModal .ant-modal-footer {
  border-top: 0;
}
.AiControlModal .ControlGroup.ai-control > .control-label {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper input {
  border-color: #02A8A8;
}
.AiControlModal .groups-wrapper .group-item {
  padding: 20px;
}
.AiControlModal .groups-wrapper .group-item + .group-item {
  margin-top: 20px;
}
.AiControlModal .groups-wrapper.is-multi-groups .group-item {
  border: 1px solid #BBB;
}
.ai-type-radio .ant-radio-inner {
  border-color: #92959A;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner,
.ai-type-radio .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner:after,
.ai-type-radio .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.ai-type-radio .ant-radio-disabled {
  position: relative;
}
.ai-type-radio .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
}
.ai-type-radio .ant-radio-disabled::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 1px;
  width: 1px;
  height: 14px;
  transform: rotate(135deg);
  background-color: #d9d9d9;
}

.CreativeAuditRejectReason {
  white-space: pre-wrap;
  max-width: 600px;
  max-height: 300px;
  overflow: auto;
}
.CreativeAuditRejectReason img {
  width: 150px;
  display: block;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.MainContent .Creatives .Table .warnning-preview {
  position: relative;
  padding-right: 20px;
}
.MainContent .Creatives .Table .warnning-preview .RuleTips {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.BatchEditMatchType .edit-mode {
  margin-bottom: 10px;
}

.CreateKeywordContent {
  max-width: 1000px;
}
.CreateKeywordContent .showhiddenErrorMsg {
  position: relative;
}
.CreateKeywordContent .download-link {
  color: var(--edt-primary-color);
}
.CreateKeywordContent .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.CreateKeywordContent .Uploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  cursor: pointer;
}
.CreateKeywordContent .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.CreateKeywordContent .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.CreateKeywordContent .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.CreateKeywordContent .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.MainContent .Keywords .Table .TableBody-wrap .TableBody-row {
  height: 40px;
}
.MainContent .Keywords .Table .match-type-cell {
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Keywords .Table .match-type-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Keywords .Table .match-type-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.TabsContainerLayout {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin: 8px 0 0 12px;
}
.TabsContainerLayout > .ant-tabs-bar {
  height: 44px;
  margin: 0;
  border-bottom: 1px solid #dadcde;
  border-left: 1px solid #dadcde;
  background: #dadfe3;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-nav > div > .ant-tabs-tab:not(:first-child):not(.ant-tabs-tab-active)::after {
  content: '';
  position: absolute;
  width: 1px;
  left: 0;
  top: 13px;
  padding: 8px 0;
  background: #aaa;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab {
  position: relative;
  width: 314px;
  line-height: 44px;
  margin-right: -1px;
  font-size: 14px;
  color: #23374d;
  font-weight: bold;
  border-bottom: none;
  height: 100%;
  padding: 0 16px;
  border-radius: 3px 3px 0 0;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label {
  position: relative;
  padding: 0 10px 0 10px;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .toggler-trigger {
  display: inline-block;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .toggler-trigger > .toggle-icon {
  margin-left: 10px;
  font-size: 16px;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .toggler-trigger > i {
  margin-right: 10px;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label > i {
  margin-right: 10px;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .selected {
  position: absolute;
  right: 20px;
  top: 6px;
  height: 28px;
  line-height: 28px;
  padding: 0 38px 0 14px;
  background-color: #90a1b2;
  border-radius: 18px;
  color: #fff;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .selected.separatedAdsources-label {
  left: 15px;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .selected .selected-cancel {
  position: absolute;
  right: 12px;
  top: 7px;
  margin-right: 0;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .selected .selected-cancel:hover {
  color: #333;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab:before {
  content: '';
  position: absolute;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab:hover {
  color: #23374d;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active {
  z-index: 11;
  height: 45px;
  border-color: #E8ECEE;
  background: rgba(255, 255, 255, 0.4);
  color: #2F88FF;
  border-top: 3px solid #2F88FF;
  background: #fff;
  border-radius: 3px 3px 0 0;
  color: #1089ff;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active::after {
  content: none;
}
.TabsContainerLayout > .ant-tabs-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.TabsContainerLayout > .ant-tabs-content {
  flex: 1 1 auto;
  border: 1px solid #dadcde;
  border-top: 0;
  border-bottom: 0;
  background-color: #fff;
}

.AiTask .Task .Nav {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}
.AiTask .Task .Nav > li {
  height: 36px;
  line-height: 36px;
  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.AiTask .Task .Nav > li.active {
  border-bottom: 3px solid var(--edt-nav-active-color);
}
.AiTask .Task .Nav > li + li {
  margin-left: 10px;
}
.AiTask .Task .footer {
  margin-top: 15px;
}
.AiTask .Task .footer .selected {
  margin: 0 10px;
}
.AiTask .Task .footer .ant-btn {
  margin-left: 10px;
}

.TaskBudget {
  padding: 10px 15px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.TaskBudget .ControlGroup .control-label {
  color: #000;
}
.TaskBudget .ControlGroup.inline {
  margin-left: 0;
}
.TaskBudget .title {
  margin-bottom: 10px;
  color: #000;
}
.TaskBudget .warnning {
  color: #e9b475;
}
.TaskBudget .Table {
  margin-top: 10px;
}

.AiBudget .title {
  color: #000;
}
.AiBudget .content .ControlGroup.inline {
  margin-left: 0;
}
.AiBudget .footer {
  margin-top: 15px;
  text-align: right;
}
.AiBudget .footer .ant-btn {
  margin-left: 10px;
}

.AiBudgetRangeWrapper .ControlGroup .control-label {
  flex: 0 0 200px;
}
.AiBudgetRangeWrapper .ControlGroup.inline {
  margin-left: 0;
}
.AiBudgetRangeWrapper .RadioGroup {
  margin-right: 10px;
}

.RtaSettingModal .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.RtaSettingModal .footer .warnning {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #e9b475;
}
.RtaSettingModal .footer .warnning .anticon {
  margin-right: 10px;
}
.RtaSettingModal .ControlGroup .control-label {
  flex: 0 0 200px;
}

.SingleEditBudget .price-input .isError .MyInput {
  border-color: red;
  box-shadow: none;
}

.AdvertiserEditSchedule .append-edit-wrapper .task-date-wraper > .control-label {
  margin-left: 22px;
}
.AdvertiserEditSchedule .append-edit-wrapper .task-date-wraper > .controls {
  display: inline;
}
.AdvertiserEditSchedule .auto-adjust-checkbox {
  margin-left: 160px;
}
.AdvertiserEditSchedule .RadioGroup {
  margin-right: 5px;
}
.AdvertiserEditSchedule .ant-calendar-picker {
  margin-right: 5px;
}
.AdvertiserEditSchedule .showhiddenErrorMsg {
  line-height: 20px;
}
.AdvertiserEditSchedule .TableBody-cell .schedule-time-value.showhiddenErrorMsg {
  position: relative;
}

.Oe2Advertisers .ai-target-cell {
  color: #1089ff;
  cursor: pointer;
}
.Oe2Advertisers .ai-budget-range-cell .anticon {
  display: none;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.Oe2Advertisers .ai-budget-range-cell:hover .anticon {
  display: inline-block;
}

.SingleEditBudget .budget-mode-wrapper {
  display: flex;
  align-items: center;
}
.SingleEditBudget .budget-mode-wrapper .VRadioGroup {
  width: 330px;
}

.OeCampaignScheduleEdit .append-edit-wrapper .task-date-wraper > .control-label {
  margin-left: 22px;
}
.OeCampaignScheduleEdit .append-edit-wrapper .task-date-wraper > .controls {
  display: inline;
}
.OeCampaignScheduleEdit .auto-adjust-checkbox {
  margin-left: 160px;
}
.OeCampaignScheduleEdit .RadioGroup {
  margin-right: 5px;
}
.OeCampaignScheduleEdit .ant-calendar-picker {
  margin-right: 5px;
}
.OeCampaignScheduleEdit .showhiddenErrorMsg {
  line-height: 20px;
}
.OeCampaignScheduleEdit .TableBody-cell .schedule-time-value.showhiddenErrorMsg {
  position: relative;
}

.UpdateNegativeWords .select-count {
  margin-left: 50px;
}

.OeBatchEditBudget .edit-mode-select {
  margin-bottom: 12px;
}
.OeBatchEditBudget .budget-mode-select {
  padding: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: solid 1px #dfe6ec;
  margin-bottom: 12px;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.Campaigns .auto-rules-cell {
  color: #1890ff;
  cursor: pointer;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}
.Campaigns .ai-score-cell {
  cursor: pointer;
}
.Campaigns .ai-score-cell .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.Campaigns .ai-score-cell .ant-rate-disabled {
  pointer-events: none;
}
.Campaigns .ai-score-cell .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}

.AdScheduleEdit .append-edit-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.AdScheduleEdit .append-edit-wrapper .task-date-wraper {
  display: flex;
}
.AdScheduleEdit .append-edit-wrapper .task-date-wraper > .control-label {
  width: 160px;
}
.AdScheduleEdit .RadioGroup {
  margin-right: 5px;
}
.AdScheduleEdit .ant-calendar-picker {
  margin-right: 5px;
}
.AdScheduleEdit .showhiddenErrorMsg {
  line-height: 20px;
}
.AdScheduleEdit .TableBody-cell .schedule-time-value.showhiddenErrorMsg {
  position: relative;
}

.OeBatchEditBudget .edit-mode-select {
  margin-bottom: 12px;
}
.OeBatchEditBudget .budget-mode-select {
  padding: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: solid 1px #dfe6ec;
  margin-bottom: 12px;
}

.Ads .Table .ai-control-cell {
  left: 50%;
  transform: translateX(-50%);
}
.Ads .Table .auto-rules-cell {
  color: #1890ff;
  cursor: pointer;
}
.Ads .Table .ai-score-cell {
  cursor: pointer;
}
.Ads .Table .ai-score-cell .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.Ads .Table .ai-score-cell .ant-rate-disabled {
  pointer-events: none;
}
.Ads .Table .ai-score-cell .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 180px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .next-day-btn {
  padding: 0;
}
.ScheduleBudgetDatePicker .ant-calendar-footer-extra {
  float: left;
}
.AiDetailPopover {
  color: #02A8A8;
}
.AiDetailPopover > div + div {
  margin-top: 15px;
}
.AiDetailPopover > div > span + span {
  margin-left: 15px;
}
.AiDetailPopover .active-cost {
  display: flex;
  align-items: center;
}
.AiControlModal .ant-modal-header {
  border-bottom: 0;
}
.AiControlModal .ant-modal-header::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  width: 4px;
  height: 30px;
  background-color: #1089FF;
}
.AiControlModal .ant-modal-body {
  max-height: 700px;
  overflow-y: auto;
}
.AiControlModal .ant-modal-footer {
  border-top: 0;
}
.AiControlModal .ControlGroup.ai-control > .control-label {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper input {
  border-color: #02A8A8;
}
.AiControlModal .groups-wrapper .group-item {
  padding: 20px;
}
.AiControlModal .groups-wrapper .group-item + .group-item {
  margin-top: 20px;
}
.AiControlModal .groups-wrapper.is-multi-groups .group-item {
  border: 1px solid #BBB;
}
.ai-type-radio .ant-radio-inner {
  border-color: #92959A;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner,
.ai-type-radio .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner:after,
.ai-type-radio .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.ai-type-radio .ant-radio-disabled {
  position: relative;
}
.ai-type-radio .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
}
.ai-type-radio .ant-radio-disabled::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 1px;
  width: 1px;
  height: 14px;
  transform: rotate(135deg);
  background-color: #d9d9d9;
}

.BatchEditMatchType .edit-mode {
  margin-bottom: 10px;
}

.MainContent .Keywords .Table .TableBody-wrap .TableBody-row {
  height: 40px;
}
.MainContent .Keywords .Table .match-type-cell {
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Keywords .Table .match-type-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Keywords .Table .match-type-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.MainContent .OMaterials .preview-wrap {
  display: flex;
}
.MainContent .OMaterials .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.MainContent .OMaterials .Table .thumnail-wrapper {
  position: relative;
  width: 100px;
  cursor: pointer;
}
.MainContent .OMaterials .Table .thumnail-wrapper .carousel-nums {
  position: absolute;
  bottom: 0;
  line-height: 16px;
  height: 16px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.MainContent .OMaterials .Table .thumnail-wrapper .thumbnail {
  position: relative;
  width: 100px;
  height: 60px;
  background: #efefef no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.AiBudget .title {
  color: #000;
}
.AiBudget .content .ControlGroup.inline {
  margin-left: 0;
}
.AiBudget .content .Table {
  margin-top: 10px;
}
.AiBudget .content .TaskBudget {
  padding: 10px 15px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.AiBudget .content .TaskBudget .ControlGroup .control-label {
  color: #000;
}
.AiBudget .content .TaskBudget .title {
  margin-bottom: 10px;
  color: #000;
}
.AiBudget .content .TaskBudget .warnning {
  color: #e9b475;
}
.AiBudget .content .budget-group .VInput {
  margin-left: 10px;
}
.AiBudget .footer {
  margin-top: 15px;
  text-align: right;
}
.AiBudget .footer .ant-btn {
  margin-left: 10px;
}

.AiTask .header .tips {
  margin-left: 10px;
}
.AiTask .footer .selected {
  margin: 0 10px;
}

.EditCards .EditMode {
  margin-bottom: 20px;
}
.EditCards .Card .control-label {
  flex: 0 0 200px;
}
.EditCards .Card .small-label .control-label {
  flex: 0 0 150px;
}
.EditCards .Card .large-label .control-label {
  flex: 0 0 230px;
}
.EditCards .Card .ControlGroup + .ControlGroup {
  margin-top: 0;
}

.Area {
  padding-top: 9px;
}
.Area .area-select {
  margin: 8px 0 16px 0;
}
.Area .area-select .control-label {
  flex: 0 0 40px !important;
  text-align: left;
  padding-right: 8px;
}
.Area .area-select .Select {
  width: 400px;
  margin-bottom: 6px;
}

.GgFinalUrls .save-template-bar {
  margin-left: 64px;
  margin-top: 16px;
}
.GgFinalUrls .UseTemplate .use-template-content {
  border: solid 1px #ccc;
  border-radius: 2px;
  margin-top: 16px;
  padding: 8px;
}
.GgFinalUrls .UseTemplate .template-option-item {
  display: flex;
  justify-content: space-between;
}
.GgFinalUrls .UseTemplate .template-option-item .option-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GgFinalUrls .UseTemplate .template-option-item:hover .delete-btn {
  visibility: visible;
}
.GgFinalUrls .UseTemplate .template-option-item .delete-btn {
  visibility: hidden;
  color: var(--edt-error-color);
}

.GgTrackingUrl .save-template-bar {
  margin-left: 64px;
  margin-top: 16px;
}
.GgTrackingUrl .CustomParams .equal {
  margin: 0 10px;
}
.GgTrackingUrl .CustomParams .key {
  width: 120px;
}
.GgTrackingUrl .CustomParams .anticon-plus-circle,
.GgTrackingUrl .CustomParams .anticon-minus-circle {
  margin-left: 6px;
  color: var(--edt-primary-color);
  cursor: pointer;
}
.GgTrackingUrl .CustomParams .params-error-info {
  margin-top: 0;
}
.GgTrackingUrl .UseTemplate .use-template-content {
  border: solid 1px #ccc;
  border-radius: 2px;
  margin-top: 16px;
  padding: 8px;
}
.GgTrackingUrl .UseTemplate .template-option-item {
  display: flex;
  justify-content: space-between;
}
.GgTrackingUrl .UseTemplate .template-option-item .option-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GgTrackingUrl .UseTemplate .template-option-item:hover .delete-btn {
  visibility: visible;
}
.GgTrackingUrl .UseTemplate .template-option-item .delete-btn {
  visibility: hidden;
  color: var(--edt-error-color);
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.OeScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}
.Campaigns .ai-score-cell {
  cursor: pointer;
}
.Campaigns .ai-score-cell .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.Campaigns .ai-score-cell .ant-rate-disabled {
  pointer-events: none;
}
.Campaigns .ai-score-cell .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.Campaigns .ai-task-cell {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--edt-primary-color);
  cursor: pointer;
}

.Ads .Table .ai-control-cell {
  left: 50%;
  transform: translateX(-50%);
}
.Ads .Table .ai-score-cell {
  cursor: pointer;
}
.Ads .Table .ai-score-cell .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.Ads .Table .ai-score-cell .ant-rate-disabled {
  pointer-events: none;
}
.Ads .Table .ai-score-cell .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 180px;
}
.OeScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.OeScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.OeScheduleBudgetDatePicker .next-day-btn {
  padding: 0;
}
.AiDetailPopover {
  color: #02A8A8;
}
.AiDetailPopover > div + div {
  margin-top: 15px;
}
.AiDetailPopover > div > span + span {
  margin-left: 15px;
}
.AiDetailPopover .active-cost {
  display: flex;
  align-items: center;
}
.AiControlModal .ant-modal-header {
  border-bottom: 0;
}
.AiControlModal .ant-modal-header::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  width: 4px;
  height: 30px;
  background-color: #1089FF;
}
.AiControlModal .ant-modal-body {
  max-height: 700px;
  overflow-y: auto;
}
.AiControlModal .ant-modal-footer {
  border-top: 0;
}
.AiControlModal .ControlGroup.ai-control > .control-label {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper input {
  border-color: #02A8A8;
}
.AiControlModal .groups-wrapper .group-item {
  padding: 20px;
}
.AiControlModal .groups-wrapper .group-item + .group-item {
  margin-top: 20px;
}
.AiControlModal .groups-wrapper.is-multi-groups .group-item {
  border: 1px solid #BBB;
}
.ai-type-radio .ant-radio-inner {
  border-color: #92959A;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner,
.ai-type-radio .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner:after,
.ai-type-radio .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.ai-type-radio .ant-radio-disabled {
  position: relative;
}
.ai-type-radio .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
}
.ai-type-radio .ant-radio-disabled::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 1px;
  width: 1px;
  height: 14px;
  transform: rotate(135deg);
  background-color: #d9d9d9;
}

.GgAdPreview .responsive-display-ad {
  display: flex;
}
.GgAdPreview .responsive-display-ad .images {
  position: relative;
  flex: 0 0 138px;
  height: 72px;
  background: center center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.GgAdPreview .responsive-display-ad .images .more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.54);
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.GgAdPreview .responsive-display-ad .texts {
  flex: 1 1 auto;
  width: 0;
  padding-left: 10px;
  line-height: 18px;
  font-size: 12px;
}
.GgAdPreview .responsive-display-ad .texts .check-detail {
  color: #1a73e8;
  cursor: pointer;
}
.GgAdPreview .image-ad {
  display: flex;
}
.GgAdPreview .image-ad .image {
  position: relative;
  flex: 0 0 138px;
  height: 72px;
  background: center center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.GgAdPreview .image-ad .texts {
  flex: 1 1 auto;
  width: 0;
  padding-left: 10px;
  line-height: 18px;
  font-size: 12px;
}
.GgAdPreview .html5-ad {
  padding-left: 140px;
  height: 72px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABICAYAAAA+hf0SAAAC/0lEQVR42u2cMarqQBhGXYELcQWuwPW4AhdiYSUiNgqCFgoWCgoWiigIWthZWVlZ5b7PRx5x3ojRG8lkcgKHGJNwwTmZ+fNNbgqn02nyhwDySQEBEAABEIAfAgEAAQABAAEAAQABAAEAAQABAAEAATJBtVoNCoVCUC6X79taazv83kT7w33FYjHYbDZBvV7/t7/dbj98RgCPBRCVSuUuAgJkXAATfa8GrNVqDw06GAyenoMAngmg/dEGNc+JXvkIkHEBSqXSvcG0jiuA1jo+KlH0+CgIkMEaII4As9ns74+CANlEDRiO7drWWtthw6rK13a0Ow/PCY8JRRHR46MgACCAK6zX62AymaQGAqTMcrkMGo1GKrRaLQRwoQdIS4But4sAabPdbhEg70VgWgKMRiMEyLMAFIGOoGIsDQGm0ykCuIDGYrNxDodDkOTS6/X++xsqQBHAUQFWq1WiAth6AARwBBVjaQiw3+8RwAVUjJmNMx6PE2v86/VqFYAo2GEBNBFkLvruE2zjPwI4ngbaBEjyDqDT6SCA63GwuajRSAE9FOBZHGwbAhDA0+cBbI2k4i2JRXcUPqaA3gtwPp8TEcDWcyBABuLgbwrgQwzslQC2NHC32yUigK149CEF9F6AZrP5dnEX9/YRATIQB+vKjRPofCKADzGwVwLESQOfRbpRFovFwzmXy8XbFNArAVSUJZEGmpNIKiQRIKNpoLp8c3lVF5iFo00AX0Ig7wWwpYFht64rXYJICM0c6gGS2+0WKwRCAAdRURZXgN+mgP1+HwHyEgerKPQ1BcyFAOrm1YjvpIKSRkOChgZbzYAAjvJqujc63ps9gwSRKHGygvl8jgBZSQNfPdShW8V3E0NfUsDcC/ApCJChNPAbHI9HBHA1C/hmL6Ap5+FwyAsiXEdXqN4boMb67b+NSSjFzHrsjDeEZDgkUiMqwIl7lUsgn7p63hFkvFVE08dh7yAxJIgvU7wIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAp+AHMtKDkTXmFeYAAAAASUVORK5CYII=) no-repeat left center;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.MainContent .Keywords .Table .TableBody-wrap .TableBody-row {
  height: 40px;
}
.MainContent .Keywords .Table .match-type-cell {
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Keywords .Table .match-type-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Keywords .Table .match-type-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.TxBalanceDetail {
  width: 320px;
}
.TxBalanceDetail .detail-item {
  display: flex;
}
.TxBalanceDetail .detail-item span {
  flex: 1;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.TxBalanceDetail .detail-item span + span {
  margin-left: 10px;
}
.TxBalanceDetail .detail-item .balance {
  flex: 0 0 130px;
}

.AiTask .Task .Nav {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}
.AiTask .Task .Nav > li {
  height: 36px;
  line-height: 36px;
  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.AiTask .Task .Nav > li.active {
  border-bottom: 3px solid var(--edt-nav-active-color);
}
.AiTask .Task .Nav > li + li {
  margin-left: 10px;
}
.AiTask .Task .footer {
  margin-top: 15px;
}
.AiTask .Task .footer .selected {
  margin: 0 10px;
}
.AiTask .Task .footer .ant-btn {
  margin-left: 10px;
}

.TaskBudget {
  padding: 10px 15px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.TaskBudget .ControlGroup .control-label {
  color: #000;
}
.TaskBudget .ControlGroup.inline {
  margin-left: 0;
}
.TaskBudget .title {
  margin-bottom: 10px;
  color: #000;
}
.TaskBudget .warnning {
  color: #e9b475;
}
.TaskBudget .Table {
  margin-top: 10px;
}

.AiBudget .title {
  color: #000;
}
.AiBudget .content .ControlGroup.inline {
  margin-left: 0;
}
.AiBudget .footer {
  margin-top: 15px;
  text-align: right;
}
.AiBudget .footer .ant-btn {
  margin-left: 10px;
}

.AiBudgetRangeWrapper .ControlGroup .control-label {
  flex: 0 0 200px;
}
.AiBudgetRangeWrapper .ControlGroup.inline {
  margin-left: 0;
}
.AiBudgetRangeWrapper .RadioGroup {
  margin-right: 10px;
}

.TxAdvertisers .ai-target-cell {
  color: #1089FF;
  cursor: pointer;
}
.TxAdvertisers .ai-budget-range-cell .anticon {
  display: none;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.TxAdvertisers .ai-budget-range-cell:hover .anticon {
  display: inline-block;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}


.BatchAutoAcquisitionBudgetModal .batch-edit-bar.ControlGroup > .control-label {
  flex: 0 0 190px;
  padding-right: 6px;
}
.BatchAutoAcquisitionBudgetModal .cell-edit-item.ControlGroup > .control-label {
  flex: 0 0 100px;
  padding-right: 6px;
}
.BatchAutoAcquisitionBudgetModal .cell-edit-item .validation-error.FromsyError {
  display: block;
}

.Ads .Table .ai-control-cell {
  left: 50%;
  transform: translateX(-50%);
}
.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 180px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .next-day-btn {
  padding: 0;
}
.ScheduleBudgetDatePicker .ant-calendar-footer-extra {
  float: left;
}
.AiDetailPopover {
  color: #02A8A8;
}
.AiDetailPopover > div + div {
  margin-top: 15px;
}
.AiDetailPopover > div > span + span {
  margin-left: 15px;
}
.AiDetailPopover .active-cost {
  display: flex;
  align-items: center;
}
.AiControlModal .ant-modal-header {
  border-bottom: 0;
}
.AiControlModal .ant-modal-header::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  width: 4px;
  height: 30px;
  background-color: #1089FF;
}
.AiControlModal .ant-modal-body {
  max-height: 700px;
  overflow-y: auto;
}
.AiControlModal .ant-modal-footer {
  border-top: 0;
}
.AiControlModal .ControlGroup.ai-control > .control-label {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper input {
  border-color: #02A8A8;
}
.AiControlModal .groups-wrapper .group-item {
  padding: 20px;
}
.AiControlModal .groups-wrapper .group-item + .group-item {
  margin-top: 20px;
}
.AiControlModal .groups-wrapper.is-multi-groups .group-item {
  border: 1px solid #BBB;
}
.ai-type-radio .ant-radio-inner {
  border-color: #92959A;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner,
.ai-type-radio .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner:after,
.ai-type-radio .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.ai-type-radio .ant-radio-disabled {
  position: relative;
}
.ai-type-radio .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
}
.ai-type-radio .ant-radio-disabled::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 1px;
  width: 1px;
  height: 14px;
  transform: rotate(135deg);
  background-color: #d9d9d9;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.TxBalanceDetail {
  width: 320px;
}
.TxBalanceDetail .detail-item {
  display: flex;
}
.TxBalanceDetail .detail-item span {
  flex: 1;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.TxBalanceDetail .detail-item span + span {
  margin-left: 10px;
}
.TxBalanceDetail .detail-item .balance {
  flex: 0 0 130px;
}

.SingleEditBudget .price-input .isError .MyInput {
  border-color: red;
  box-shadow: none;
}

.TxAdvertisers .ai-target-cell {
  color: #1089FF;
  cursor: pointer;
}
.TxAdvertisers .ai-budget-range-cell .anticon {
  display: none;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.TxAdvertisers .ai-budget-range-cell:hover .anticon {
  display: inline-block;
}

.AudienceArea .SearchInput {
  width: 500px;
}
.AudienceArea .PanelTree .select-area {
  width: 500px;
}

.BatchAutoAcquisitionBudgetModal .batch-edit-bar.ControlGroup > .control-label {
  flex: 0 0 190px;
  padding-right: 6px;
}
.BatchAutoAcquisitionBudgetModal .cell-edit-item.ControlGroup > .control-label {
  flex: 0 0 100px;
  padding-right: 6px;
}
.BatchAutoAcquisitionBudgetModal .cell-edit-item .validation-error.FromsyError {
  display: block;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}

.Ads .Table .ai-control-cell {
  left: 50%;
  transform: translateX(-50%);
}
.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 180px;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .ant-calendar-today-btn {
  display: none;
}
.ScheduleBudgetDatePicker .next-day-btn {
  padding: 0;
}
.ScheduleBudgetDatePicker .ant-calendar-footer-extra {
  float: left;
}
.AiDetailPopover {
  color: #02A8A8;
}
.AiDetailPopover > div + div {
  margin-top: 15px;
}
.AiDetailPopover > div > span + span {
  margin-left: 15px;
}
.AiDetailPopover .active-cost {
  display: flex;
  align-items: center;
}
.AiControlModal .ant-modal-header {
  border-bottom: 0;
}
.AiControlModal .ant-modal-header::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  width: 4px;
  height: 30px;
  background-color: #1089FF;
}
.AiControlModal .ant-modal-body {
  max-height: 700px;
  overflow-y: auto;
}
.AiControlModal .ant-modal-footer {
  border-top: 0;
}
.AiControlModal .ControlGroup.ai-control > .control-label {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper {
  color: #02A8A8;
}
.AiControlModal .ControlGroup.ai-control .control-wrapper input {
  border-color: #02A8A8;
}
.AiControlModal .groups-wrapper .group-item {
  padding: 20px;
}
.AiControlModal .groups-wrapper .group-item + .group-item {
  margin-top: 20px;
}
.AiControlModal .groups-wrapper.is-multi-groups .group-item {
  border: 1px solid #BBB;
}
.ai-type-radio .ant-radio-inner {
  border-color: #92959A;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner,
.ai-type-radio .ant-radio:hover .ant-radio-inner {
  border-color: #02A8A8;
}
.ai-type-radio .ant-radio-checked .ant-radio-inner:after,
.ai-type-radio .ant-radio:hover .ant-radio-inner:after {
  background-color: #02A8A8;
}
.ai-type-radio .ant-radio-disabled {
  position: relative;
}
.ai-type-radio .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
}
.ai-type-radio .ant-radio-disabled::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 1px;
  width: 1px;
  height: 14px;
  transform: rotate(135deg);
  background-color: #d9d9d9;
}

.MainContent .OMaterials .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.Campaigns .bid-amount-cell .desc {
  font-size: 12px;
  color: #9D9D9D;
  line-height: 1.2;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.TxCreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.TxCreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.TxCreativePreview .smart-tip {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 28px;
  line-height: 1.5;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 12px;
}
.TxCreativePreview .SingleSmartVideo,
.TxCreativePreview .SingleSmartImage {
  position: relative;
}
.TxCreativePreview .SingleSmartVideo .left-area,
.TxCreativePreview .SingleSmartImage .left-area {
  height: 35px;
  flex: 0 0 65px;
}
.TxCreativePreview .group-list {
  position: relative;
  display: flex;
}
.TxCreativePreview .group-list .left-source {
  height: 45px;
  flex: 0 0 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.TxCreativePreview .group-list .left-source .image-item {
  max-width: 35px;
  height: 20px;
  margin: 2px;
}
.TxCreativePreview .group-list .right-text {
  margin-left: 8px;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .object-item .select-btn.creative-level:not(.checked) {
  display: none;
}
.TreeRender .list-container .object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .object-item .select-btn.creative-level:not(.checked) {
  display: none;
}
.TreeRender .list-container .object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.SiteSelector .ant-modal-title {
  font-size: 14px;
}
.SiteSelector .ant-modal-title .title {
  font-weight: bold;
  color: #101010;
}
.SiteSelector .ant-modal-title .filter {
  margin: 15px 0;
}
.SiteSelector .ant-modal-title .filter .ant-input-search {
  width: 350px;
  margin-left: 10px;
}
.SiteSelector .ant-modal-body {
  padding: 0;
}
.SiteSelector .ant-modal-body .content {
  padding: 24px;
  background-color: #F8F9FA;
}
.SiteSelector .ant-modal-body .content .page-list {
  display: flex;
  flex-wrap: wrap;
}
.SiteSelector .ant-modal-body .content .page-list .page-item {
  width: 200px;
  height: 448px;
  margin: 10px;
  overflow: hidden;
  background-color: #fff;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview {
  position: relative;
  height: 356px;
  overflow: hidden;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview img {
  width: 200px;
  transition-duration: 2s;
  transform: translateY(0);
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview .use-btn {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview:hover .use-btn {
  display: inline-block;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .preview:hover img {
  transition-duration: 2s;
  transform: translateY(calc(-100% + 356px));
}
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info {
  padding: 12px 16px;
}
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info > div,
.SiteSelector .ant-modal-body .content .page-list .page-item .page-info > a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ExternalUrl {
  margin: 12px 0;
}
.ExternalUrl .validation-error {
  display: block;
}
.ExternalUrl .MyInput .ant-input {
  padding-right: 70px;
}
.ExternalUrl .MyInput .ant-input-suffix .ant-btn-link {
  padding: 0;
}
.ExternalUrl .quick-create-btn .anticon-export {
  transform: rotate(-90deg);
}
.ExternalUrl .detail-wrapper {
  position: relative;
  display: flex;
  height: 100px;
  width: 500px;
  margin: 20px 0 0 160px;
  padding: 10px;
  background-color: #F9F9F9;
}
.ExternalUrl .detail-wrapper img {
  max-width: 60px;
  max-height: 80px;
}
.ExternalUrl .detail-wrapper .page-info {
  width: 100%;
  padding: 12px 16px;
}
.ExternalUrl .detail-wrapper .page-info a {
  color: #1890ff;
}
.ExternalUrl .detail-wrapper .page-info > div,
.ExternalUrl .detail-wrapper .page-info > a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ExternalUrl .detail-wrapper::before {
  position: absolute;
  top: -20px;
  content: '';
  border: 10px solid;
  border-color: transparent transparent #F9F9F9 transparent;
}

.convert-select-modal .inner-card {
  width: 450px;
}
.convert-select-modal .go-convert-setting {
  display: block;
  margin: 20px 0 0 60px;
}
.convert-select-modal .keyword-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;
}
.convert-select-modal .convert-radio .solution-type {
  color: #999;
  margin-left: 10px;
}

.ConvertTarget .convert-selected {
  width: 642px;
  background: #F8F9FA;
  border-radius: 2px;
  text-indent: 10px;
}
.ConvertTarget .convert-selected .change-btn {
  margin-left: 24px;
  color: #2F88FF;
  cursor: pointer;
}
.convert-select-modal .go-convert-setting {
  display: block;
  margin: 20px 0 0 60px;
}

.feed-delivery-search-tips {
  line-height: 32px;
  height: 32px;
  width: 220px;
  padding: 0 10px;
  margin: 5px 0;
  background-color: #f0f9ff;
  color: #929598;
}

.ChannelDetail .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.app-link-modal .filter {
  margin-bottom: 10px;
}
.app-link-modal .filter .manage-app-btn {
  float: right;
}
.app-link-modal .modal-footer {
  overflow: hidden;
  margin: 10px 0;
}
.app-link-modal .modal-footer .app-tips {
  float: left;
  color: #999999;
}
.app-link-modal .modal-footer .app-count {
  float: right;
}
.app-link-modal .modal-footer .app-count .count {
  margin: 0 4px;
}

.ImageDrawer {
  height: 100%;
  width: 100%;
}
.ImageDrawer .image {
  height: 100%;
  width: 100%;
}
.ImageDrawer .default {
  height: 100%;
  position: relative;
  background: var(--edt-background-color-base) url(/static/098ef5cf73fa406b.png) no-repeat;
  background-size: 30px;
  background-position: 50%;
}
.ImageDrawer .default .tip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px 6px;
  color: var(--edt-component-bg-color);
  background: rgba(156, 155, 155, 0.6);
  margin: 1px;
  margin-bottom: 6px;
  line-height: 1.4;
  font-size: 12px;
}

.library-video-item {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  padding: 2px;
  transition: transform 0.3s;
  cursor: pointer;
}
.library-video-item .video {
  width: 100%;
  height: 100%;
}
.library-video-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
.library-video-item.active {
  transform: scale(0.9);
  border: 1px solid #598fe6;
  padding: 2px;
}
.library-video-item.disabled::after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.library-video-item .name-text {
  color: #62717d;
  font-size: 13px;
}
.library-video-item .score-bar {
  position: absolute;
  top: 0;
  margin: 2px 0;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: left;
  width: calc(100% - 4px);
  padding: 3px 3px;
  line-height: 10px;
  z-index: 2;
}
.library-video-item .score-bar .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.library-video-item .score-bar .ant-rate-disabled {
  pointer-events: none;
}
.library-video-item .score-bar .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.library-video-item .ai-labels {
  position: absolute;
  top: 2px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 6px);
}
.library-video-item .ai-labels .ai-label-item {
  padding: 2px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.library-video-item .video-player {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.CreativeLibraryModal .ant-modal-body {
  padding-bottom: 10px;
}
.CreativeLibraryModal .media-entry {
  position: relative;
  line-height: 36px;
  margin-bottom: 10px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .f-left,
.CreativeLibraryModal .CreativeLibraryModalFilter .f-right {
  display: flex;
  align-items: center;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .f-left > *,
.CreativeLibraryModal .CreativeLibraryModalFilter .f-right > * {
  margin-bottom: 2px;
  margin-right: 5px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .f-left {
  flex: 0 0 calc(100% - 200px);
  flex-wrap: wrap;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .f-right {
  margin-left: auto;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .condition-filters {
  display: flex;
  align-items: center;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .condition-filters > * {
  margin-right: 5px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .batch-search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .batch-search .CommonBatchSearch .filter-input {
  min-width: 200px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .Select.multiple .labels {
  padding: 0;
  min-height: 32px;
}
.CreativeLibraryModal .CreativeLibraryModalFilter .insight-select-btn {
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
}
.CreativeLibraryModal .creative-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area {
  display: flex;
  align-items: flex-start;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area .selected-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area .selected-list .selected-item {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area .selected-list .selected-item img {
  max-width: 50px;
  max-height: 50px;
}
.CreativeLibraryModal .creative-library-modal-footer .selected-area .selected-list .selected-item .delete-btn {
  position: absolute;
  font-size: 6px;
  top: -5px;
  right: -5px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}
.CreativeLibraryModal .creative-library-modal-footer .button-area {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.CreativeLibraryModal .creative-library-modal-footer .button-area .tips {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.CreativeLibraryModal .creative-library-modal-footer .button-area .tips .anticon {
  margin-right: 5px;
  color: #e9b475;
}
.CreativeLibraryModal .ImageLibrary {
  height: 500px;
}
.CreativeLibraryModal .ImageLibrary .ant-pagination {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-top: 10px;
  text-align: center;
}
.CreativeLibraryModal .ImageLibrary .loader-content {
  padding-bottom: 1px;
}
.CreativeLibraryModal .ImageLibrary .loader-items {
  max-height: 460px;
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.CreativeLibraryModal .ImageLibrary .loader-item {
  margin-right: 16px;
  margin-bottom: 15px;
}
.CreativeLibraryModal .ImageLibrary .loader-item:last-child {
  margin-right: auto;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  padding: 2px;
  transition: transform 0.3s;
  cursor: pointer;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .video {
  width: 100%;
  height: 100%;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item.active {
  transform: scale(0.9);
  border: 1px solid #598fe6;
  padding: 2px;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item.disabled::after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .name-text {
  color: #62717d;
  font-size: 13px;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .score-bar {
  position: absolute;
  top: 0;
  margin: 2px 0;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: left;
  width: calc(100% - 4px);
  padding: 3px 3px;
  line-height: 10px;
  z-index: 2;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .score-bar .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .score-bar .ant-rate-disabled {
  pointer-events: none;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .score-bar .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .ai-labels {
  position: absolute;
  top: 2px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 6px);
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .ai-labels .ai-label-item {
  padding: 2px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 100%;
}
.CreativeLibraryModal .ImageLibrary .loader-item .image-item .ImageDrawer img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.CreativeLibraryModal .ImageLibrary.RandomVideoShot .loader-items {
  max-height: 420px;
}
.CreativeLibraryModal .ImageLibrary.RandomVideoShot .filter {
  margin-bottom: 10px;
}
.CreativeLibraryModal .AwemeHomepageVideo .name-text {
  display: box;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #62717d;
  font-size: 13px;
}
.CreativeLibraryModal .KolUserVideo .loader-item .video-item .player-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CreativeLibraryModal .KolUserVideo .loader-item .video-item .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CreativeLibraryModal .KolUserVideo .loader-item .video-item .ImageDrawer img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.CreativeLibraryModal .Uploader .upload-area {
  display: flex;
  height: 240px;
  border: 1px dashed #dadfe3;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.CreativeLibraryModal .Uploader .upload-area[aria-disabled='true'] {
  cursor: not-allowed;
}
.CreativeLibraryModal .Uploader .upload-area[aria-disabled='true'] .title {
  color: #d6d6d6;
}
.CreativeLibraryModal .Uploader .upload-area > .content {
  width: 380px;
  padding: 38px;
}
.CreativeLibraryModal .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.CreativeLibraryModal .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}
.CreativeLibraryModal .Uploader .uploading-area {
  height: 152px;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #dadfe3;
  overflow: auto;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item {
  display: flex;
  margin-bottom: 10px;
  line-height: 26px;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item .title {
  flex: 1;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item .status {
  flex: 1;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item .status .ant-spin {
  margin-left: 10px;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item .status.uploaded {
  color: #66c23a;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item .status.error {
  color: #f45858;
}
.CreativeLibraryModal .Uploader .uploading-area .uploading-item.header {
  color: #333;
  font-weight: bold;
}
.CreativeLibraryModal .ant-tabs .ant-tabs-tab:empty {
  display: none;
}
.CreativeLibraryModal .ant-tabs .ant-tabs-tab-active {
  border-bottom: 3px solid #1890ff;
}
.CreativeLibraryModal .ant-tabs .ant-tabs-ink-bar {
  background-color: transparent;
}
.CreativeLibraryFilterPopover .ant-popover-content {
  width: 160px;
}

.material-selector-wrapper {
  display: inline-block;
  vertical-align: top;
}
.material-selector-wrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.material-selector-wrapper + .material-selector-wrapper {
  margin-left: 20px;
}
.material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.material-selector .upload-area:hover {
  border-color: #598FE6;
}
.material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.material-selector-preview:hover .cover .btn-area {
  display: block;
}

.advanced-creative-type {
  margin: 10px 0;
}
.advanced-creative-type .wide-input {
  width: 100px;
}
.advanced-creative-type .tips {
  color: #999999;
  font-size: 12px;
}
.advanced-creative-type .preview-wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: 20px;
  background: #f5f5f5;
}
.advanced-creative-type .preview-wrapper .materials {
  display: flex;
}
.advanced-creative-type .preview-wrapper .materials.row {
  flex-flow: row nowrap;
}
.advanced-creative-type .preview-wrapper .materials.row .material {
  height: 160px;
  width: 90px;
}
.advanced-creative-type .preview-wrapper .materials.row .material + .material {
  margin-left: 4px;
}
.advanced-creative-type .preview-wrapper .materials.column {
  flex-flow: column nowrap;
}
.advanced-creative-type .preview-wrapper .materials.column .material {
  width: 160px;
  height: 90px;
}
.advanced-creative-type .preview-wrapper .materials.column .material + .material {
  margin-top: 4px;
}
.advanced-creative-type .preview-wrapper .materials .material {
  flex: 1;
}
.advanced-creative-type .preview-wrapper .info {
  margin-left: 20px;
}
.advanced-creative-type .preview-wrapper .info h3 {
  font-weight: 600;
}
.advanced-creative-type .preview-wrapper .info p {
  margin-bottom: 0;
}
.advanced-creative-type .preview-wrapper .operation {
  align-self: center;
  margin-left: 20px;
}

.ConvertList {
  position: relative;
}
.ConvertList .ConvertItem {
  display: none;
}
.ConvertList .ConvertItem.active {
  display: block;
}
.ConvertList .ConvertItem .batch-convert-link {
  border: 0;
}
.ConvertList .ConvertItem .batch-convert-link .header {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  padding: 0;
  border: 0;
}
.ConvertList .ConvertItem .batch-convert-link .content {
  padding: 0;
}

.AudienceDetail {
  text-align: left;
}
.AudienceDetail .detail-item {
  margin-bottom: 12px;
  padding: 0 12px;
  line-height: 20px;
}
.AudienceDetail .detail-item .detail-controls {
  color: #999;
}

.OldRetargetingTags {
  margin-top: 16px;
}
.OldRetargetingTags .advertiser-filter {
  display: flex;
  align-items: center;
}
.OldRetargetingTags .advertiser-filter .Select {
  width: calc(100% - 64px);
}
.OldRetargetingTags .advertiser-filter .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.OldRetargetingTags .advertiser-filter .Select .labels {
  padding: 2px 6px 0 0;
}
.OldRetargetingTags .advertiser-filter .Select .labels > li {
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.OldRetargetingTags .advertiser-filter .ant-btn {
  height: 36px;
  border-radius: 0 4px 4px 0;
}
.OldRetargetingTags .audience-filter-input {
  position: absolute;
  top: 98px;
  left: 20px;
  z-index: 2;
}
.OldRetargetingTags .retargeting-tags-table {
  width: 600px;
  margin-top: 16px;
}
.OldRetargetingTags .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.OldRetargetingTags .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.OldRetargetingTags .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.OldRetargetingTags .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.OldRetargetingTags .selected {
  margin-left: 16px;
  width: 320px;
  height: 372px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.OldRetargetingTags .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.OldRetargetingTags .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.OldRetargetingTags .selected > .content .ant-tabs-tabpane {
  height: 270px;
  overflow: auto;
}
.OldRetargetingTags .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.OldRetargetingTags .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.BatchWordsAdder .BatchTextEditor .content .index {
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin: 6px 0;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index {
  background-color: #FF4949;
  color: #fff;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index::after {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent transparent #FF4949;
}
.BatchWordsAdder .error-words-wrapper .desc {
  color: #FF4949;
}
.BatchWordsAdder .error-words-wrapper .error-list .anchor-link {
  display: inline-block;
}
.BatchWordsAdder .error-words-wrapper .error-list .ant-btn-link {
  padding: 4px;
}
.BatchWordsAdder .error-words-wrapper .clear-btn {
  padding: 0;
}

.CustomSelector {
  display: flex;
}
.CustomSelector .SelectorPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  padding: 8px 16px;
  width: 480px;
  margin-right: 16px;
}
.CustomSelector .SelectorPanel .tab-btns {
  margin-top: 10px;
}
.CustomSelector .SelectorPanel .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.CustomSelector .SelectorPanel .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.CustomSelector .SelectorPanel .suggestion-area {
  margin-top: 8px;
  line-height: 1.5;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-tip .desc {
  color: #999;
  font-size: 12px;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-selector .suggestion-item {
  padding: 0 1px;
  color: #40a9ff;
  cursor: pointer;
}
.CustomSelector .SelectorPanel .suggestion-area .suggestion-selector .more-btn {
  float: right;
}
.CustomSelector .SelectorPanel .history-panel {
  padding: 8px;
}
.CustomSelector .SelectorPanel .history-panel .content .history-item {
  cursor: pointer;
  margin: 0 4px;
  color: #999;
}
.CustomSelector .SelectorPanel .CustomSearchInput {
  margin-top: 10px;
  width: 100%;
}
.CustomSelector .SelectorPanel .PanelTree .select-area {
  width: 100%;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .header {
  background-color: #F8F9FA;
  border-bottom: 1px solid #E4E9ED;
  padding: 4px 12px;
  line-height: 26px;
  font-weight: bold;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content {
  padding: 4px 0px;
  height: 224px;
  overflow: auto;
  position: relative;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item {
  display: flex;
  padding: 0 8px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item:hover {
  background-color: #F8F8F8;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .name-item {
  flex: 0 0 160px;
}
.CustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .num-item {
  flex: 0 0 80px;
}
.CustomSelector .ResultPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  display: inline-block;
  width: 300px;
  position: relative;
}
.CustomSelector .ResultPanel .header {
  flex-flow: column;
  display: flex;
  height: 58px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #DADFE3;
  border-radius: 4px 4px 0 0;
}
.CustomSelector .ResultPanel .header .title {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.CustomSelector .ResultPanel .header .word-count {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.CustomSelector .ResultPanel .header .clear-btn,
.CustomSelector .ResultPanel .header .batch-add-btn {
  float: right;
  height: 20px;
  padding: 0 10px;
}
.CustomSelector .ResultPanel .result-body .body-header {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid #DADFE3;
}
.CustomSelector .ResultPanel .result-body .body-header .Select .ant-input {
  border: none;
}
.CustomSelector .ResultPanel .result-body .body-list {
  height: 255px;
  overflow: auto;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item {
  display: flex;
  padding: 8px;
  line-height: 1.5;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item .btn-col {
  visibility: hidden;
  padding-left: 4px;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item .btn-col .ant-btn {
  padding: 0;
}
.CustomSelector .ResultPanel .result-body .body-list .word-item:hover .btn-col {
  visibility: visible;
}
.CustomSelector .ResultPanel .result-body .name-col {
  width: 105px;
}
.CustomSelector .ResultPanel .result-body .num-col {
  margin-left: 8px;
}
.CustomSelector .ResultPanel .result-footer {
  border-top: 1px solid #DADFE3;
}
.CustomSearchInput {
  display: inline-block;
  position: relative;
}
.CustomSearchInput .ant-input {
  width: 100%;
  cursor: pointer;
}
.CustomSearchInput .ant-input[disabled] {
  cursor: not-allowed;
}
.CustomSearchInput .drop-down-area {
  width: 100%;
  top: auto;
  left: auto;
  box-sizing: border-box;
  margin-top: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  outline: none;
}
.CustomSearchInput .drop-down-area .drop-down-options {
  max-height: 200px;
  overflow-y: auto;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item {
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  cursor: pointer;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item:hover {
  background-color: #e6f7ff;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item.active {
  background-color: #e6f7ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .desc {
  color: #adb0b3;
  font-size: 12px;
}
.CustomSearchInput .SearchInputPopover {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner {
  box-shadow: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content .drop-down-options {
  position: relative;
}
.CustomSearchInput .SearchInputPopover .ant-popover-arrow {
  display: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-placement-bottom {
  padding: 0;
}
.CustomSearchInput .ant-input-affix-wrapper .ant-input[disabled] + .ant-input-suffix > .anticon {
  cursor: not-allowed;
}

.Action .VCheckboxGroup.scence-group > .control-label {
  flex: 0 0 70px;
}
.Action .CheckboxGroup.scence-group {
  display: inline-block;
  margin-bottom: 12px;
}

.old-aweme-fan .awene-fan-selector .aweme-search {
  margin-top: 12px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area {
  margin-top: 12px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .inner-card {
  width: 432px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .inner-card > .content {
  max-height: 365px;
  height: 365px;
  padding: 0;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .ant-tabs-bar {
  margin: 0;
  padding: 10px 16px 0;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .ant-tabs-tabpane {
  padding: 0;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .categories-pannel {
  margin: 16px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .categories-pannel .content {
  max-height: 230px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors {
  display: flex;
  flex-direction: column;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .author-list {
  flex: 1 1 auto;
  margin-top: 12px;
  max-height: 240px;
  overflow-y: auto;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title {
  padding: 0 12px;
  line-height: 20px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title .back-btn {
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #aaa;
  color: #2f88ff;
  cursor: pointer;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .similar-title .back-btn .anticon {
  font-size: 12px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .header {
  display: none;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .select-area {
  margin: 0;
  width: 100%;
  border: none;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .aweme-authors .authors-panel .content {
  max-height: 100000px;
  padding: 0;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area {
  width: 300px;
  margin: 0;
  vertical-align: top;
  flex-direction: column;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area {
  position: relative;
  height: 55px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #dadcde;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .can-add {
  line-height: 20px;
  font-weight: bold;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .count {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .count > span {
  margin-right: 10px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .totle-area .clear {
  right: 12px;
  color: #2f88ff;
  cursor: pointer;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-list {
  height: 263px;
  overflow-y: auto;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item {
  display: flex;
  padding: 0 10px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .name {
  flex: 0 0 120px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .number {
  flex: 0 0 100px;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item .operation {
  flex: 1 1 auto;
  color: #2f88ff;
  cursor: pointer;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item.result-title {
  border-bottom: 1px solid #dadcde;
}
.old-aweme-fan .awene-fan-selector .awene-fan-select-area .result-area .result-item.result-title .operation {
  color: inherit;
  cursor: default;
}
.old-aweme-fan .fan-item {
  position: relative;
  padding: 4px 45px 4px 0;
}
.old-aweme-fan .fan-item .avatar {
  float: left;
  margin-right: 10px;
}
.old-aweme-fan .fan-item .name {
  line-height: 20px;
  color: #333;
}
.old-aweme-fan .fan-item .fans {
  font-size: 10px;
  line-height: 12px;
  color: #85888E;
}
.old-aweme-fan .fan-item .fans > span {
  margin-right: 16px;
}
.old-aweme-fan .fan-item .type {
  color: #85888E;
}
.old-aweme-fan .fan-item .similar-btn {
  color: #2f88ff;
}
.old-aweme-fan .fan-item .similar-btn:hover {
  text-decoration: underline;
}

.AudienceList {
  position: relative;
}
.AudienceList .AudienceItem {
  display: none;
}
.AudienceList .AudienceItem.active {
  display: block;
}
.AudienceList .AudienceItem .audience-select .VSelect {
  margin-left: 0;
}
.AudienceList .AudienceItem .create-package-btn {
  display: inline-block;
  margin-left: 20px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .AudienceItem .audience-use-item {
  position: relative;
  display: flex;
}
.AudienceList .AudienceItem .audience-use-item .name {
  flex: 1 1 auto;
}
.AudienceList .AudienceItem .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.AudienceList .AudienceItem .audience-use-item .delete:hover {
  color: #2F88FF;
}
.AudienceList .audience-create-type {
  margin: 0 0 20px 50px;
}
.AudienceList .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.AudienceList .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.AudienceList .audience-advance {
  margin-top: 12px;
}
.AudienceList .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.AudienceList .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.AudienceList .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.AudienceList .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.AudienceList .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.AudienceList .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}
.batch-create-audience-modal .ant-modal-body {
  max-height: 500px;
  overflow-y: auto;
}
.batch-create-audience-modal .audience-save {
  display: none;
}
.batch-create-audience-modal .save-area {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
}

.PriceList {
  position: relative;
}
.PriceList .PriceItem {
  display: none;
}
.PriceList .PriceItem.active {
  display: block;
}

.KeywordList {
  position: relative;
}
.KeywordList .KeywordItem {
  display: none;
  max-width: 1000px;
}
.KeywordList .KeywordItem.active {
  display: block;
}

.Placement .scene-select {
  margin-top: 20px;
}
.Placement .type-select {
  margin-top: 20px;
}
.Placement .type-select .PanelTree .content {
  max-height: 260px;
}

.CoreItem {
  display: flex;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.CoreItem .image-wrapper {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 4px;
  overflow: hidden;
}
.CoreItem .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.CoreItem .button-text {
  flex: 0 0 80px;
  display: flex;
  align-items: center;
}
.CoreItem .button-text .ant-btn {
  background-color: #EB5085;
  color: #fff;
  border-color: transparent;
}
.CoreItem .main-content {
  flex: 1 1 auto;
  padding: 0 8px;
  overflow: hidden;
}
.CoreItem .main-content .title {
  font-weight: bold;
}
.CoreItem .main-content .selling-points {
  font-size: 13px;
}

.CardItem {
  width: 350px;
  height: 90px;
  border: solid 1px #ccc;
  padding: 8px;
  cursor: pointer;
  position: relative;
}
.CardItem.disabled::after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.CardItem:hover:not(.disabled) {
  border-color: #40a9ff;
  border-width: 1px;
}
.CardItem:hover:not(.disabled) .close-btn {
  display: inline-block;
}
.CardItem:hover:not(.disabled) .card-footer .edit-btn .anticon-edit {
  display: inline-block;
}
.CardItem.selected {
  border-color: #40a9ff;
  border-width: 2px;
}
.CardItem .checked-wrapper {
  position: absolute;
  right: 2px;
  top: 0;
}
.CardItem .close-btn {
  position: absolute;
  display: none;
  top: -10px;
  right: -8px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  font-size: 16px;
}
.CardItem .close-btn:hover {
  color: rgba(0, 0, 0, 0.85);
}
.CardItem .card-footer .edit-btn .anticon-edit {
  display: none;
  color: #2e91e2;
  opacity: 0.8;
}
.CardItem .card-footer .edit-btn .anticon-edit:hover {
  opacity: 1;
}

.EmojiContent {
  width: 380px;
}
.EmojiContent .emoji-item {
  cursor: pointer;
  width: 28px;
  display: inline-block;
  font-size: 16px;
}
.EmojiContent .emoji-item img {
  width: 25px;
}

.EmojiSelector .ant-popover-arrow {
  display: none;
}

.WeChatEmojiInput {
  position: relative;
}
.WeChatEmojiInput .placeholder-cover {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  padding-left: 6px;
  color: #ccc;
}
.WeChatEmojiInput .input-area {
  outline: none;
  border: solid 1px #d9d9d9;
  padding: 8px;
  line-height: 1.2;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}
.WeChatEmojiInput .input-area img {
  width: 22px;
}
.WeChatEmojiInput .emoji-bar {
  border: solid 1px #d9d9d9;
  border-top: none;
  line-height: 2;
  border-radius: 0 0 4px 4px;
  text-align: right;
  padding-right: 8px;
}
.WeChatEmojiInput .emoji-bar .anticon-smile {
  margin-right: 4px;
}
.WeChatEmojiInput .emoji-bar .error {
  color: red;
}
.WeChatEmojiInput.no-wrap .emoji-bar {
  position: absolute;
  right: 1px;
  top: 4px;
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
}
.WeChatEmojiInput.no-wrap .input-area {
  border-radius: 4px;
}
.VWeChatEmojiInput .is-invalid.showhiddenErrorMsg {
  position: relative;
}

.CharacterCountInput {
  display: flex;
}
.CharacterCountInput .number-tips {
  margin-left: 10px;
  text-align: right;
  font-size: 12px;
}

.SellingPoints .ant-btn {
  margin-right: 10px;
}
.SellingPoints .point-item {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.SellingPoints .point-item .anticon-delete {
  margin-left: 15px;
}
.RecommendModal .ant-modal-body {
  position: relative;
  background-color: #F8F9FA;
}
.RecommendModal .ant-modal-body .recommend-list {
  display: flex;
  flex-wrap: wrap;
}
.RecommendModal .ant-modal-body .recommend-list > .Checkbox {
  flex: 0 0 50%;
  margin: 0;
  line-height: 34px;
}
.RecommendModal .ant-modal-body .selected-count {
  position: absolute;
  bottom: -60px;
}
.RecommendModal .ant-modal-header {
  height: 70px;
}
.RecommendModal .ant-modal-header .ant-modal-title {
  line-height: 38px;
}

.AwemeAuthVideos .filter {
  margin-bottom: 16px;
}
.AwemeAuthVideos .VideoLibrary {
  height: 500px;
  overflow-y: auto;
}
.AwemeAuthVideos .VideoLibrary.RandomVideoShot .filter {
  margin-bottom: 10px;
}
.AwemeAuthVideos .VideoLibrary .loader-content {
  padding-bottom: 1px;
}
.AwemeAuthVideos .VideoLibrary .loader-items {
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
}
.AwemeAuthVideos .VideoLibrary .loader-item {
  margin-right: 20px;
  margin-bottom: 15px;
}
.AwemeAuthVideos .VideoLibrary .loader-item:last-child {
  margin-right: auto;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
  cursor: pointer;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item img {
  width: 100%;
  height: 100%;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item .video {
  width: 100%;
  height: 100%;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item.active {
  transform: scale(0.9);
  border: 1px solid #598FE6;
  padding: 2px;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item.disabled:after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item .name-text {
  display: -webkit-box;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #62717d;
  font-size: 13px;
}
.AwemeAuthVideos .VideoLibrary .loader-item .video-item .video-player {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.AwemeAuthVideos .creative-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list {
  display: inline-block;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item img {
  max-width: 50px;
  max-height: 50px;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item .delete-btn {
  position: absolute;
  font-size: 6px;
  top: -5px;
  right: -5px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}

.PromotionCardCreate .recoment-title-item {
  padding: 0 4px;
}
.PromotionCardCreate .MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 80px;
}
.PromotionCardCreate .CallToAction .Checkbox {
  display: block;
  width: 200px;
}
.PromotionCardCreate .CallToAction .button-text {
  width: 200px;
}

.CardLibraryModal .card-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.CardLibraryModal .card-library-modal-footer .button-area {
  flex: 0 0 160px;
}
.CardLibraryModal .card-library-modal-footer .selected-area {
  display: flex;
  flex: 1 1 auto;
}
.CardLibraryModal .card-library-modal-footer .selected-area .selected-count {
  flex: 0 0 100px;
}
.CardLibraryModal .card-library-modal-footer .selected-area .selected-list {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  text-align: left;
}
.CardLibraryModal .card-library-modal-footer .selected-area .selected-list .selected-item {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  vertical-align: middle;
}
.CardLibraryModal .card-library-modal-footer .selected-area .selected-list .selected-item .delete-btn {
  position: absolute;
  font-size: 6px;
  top: -5px;
  right: -5px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}
.CardLibraryModal .CardLibrary {
  height: 500px;
  overflow-y: auto;
}
.CardLibraryModal .CardLibrary .loader-items {
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.CardLibraryModal .CardLibrary .CardItem {
  margin-right: 20px;
  margin-bottom: 15px;
}
.CardLibraryModal .CardLibrary .CardItem:last-child {
  margin-right: auto;
}

.BasicComponent .card-preview-wrapper {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  width: 290px;
  line-height: 1.2;
}
.BasicComponent .card-preview-wrapper .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.BasicComponent .card-preview-wrapper .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.BasicComponent .card-preview-wrapper .cover .btn-area .ant-btn {
  width: 80px;
}
.BasicComponent .card-preview-wrapper .cover .btn-area .ant-btn + .ant-btn {
  margin-left: 10px;
}
.BasicComponent .card-preview-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -10px;
  right: -8px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  font-size: 16px;
}
.BasicComponent .card-preview-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.85);
}
.BasicComponent .card-preview-wrapper:hover .close-btn {
  display: inline-block;
}
.BasicComponent .card-preview-wrapper:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.BasicComponent .card-preview-wrapper:hover .cover .btn-area {
  display: block;
}
.BasicComponent .ControlGroup.is-invalid.showhiddenErrorMsg {
  position: relative;
}

.Creative-Title-Store .ant-modal-body {
  padding-top: 0;
}
.Creative-Title-Store .Filter {
  display: flex;
  justify-content: space-between;
}
.Creative-Title-Store .Filter button {
  vertical-align: inherit;
}
.Creative-Title-Store .empty {
  text-align: center;
}
.Creative-Title-Store .empty img {
  height: 140px;
}
.Creative-Title-Store .empty p {
  margin: 0;
}
.Creative-Title-Store .Table .TableBody .TableBody-content .row-container .body-hash {
  position: relative;
}
.Creative-Title-Store .Footer {
  display: flex;
  justify-content: space-between;
}
.title-store-delete-modal div .icon {
  color: #f76f0c;
  font-size: 20px;
  vertical-align: text-bottom;
  margin-right: 4px;
}
.title-store-delete-modal p {
  margin-top: 10px;
  margin-left: 20px;
}

.BatchCreateAssembleTitle .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.BatchCreateAssembleTitle .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchCreateAssembleTitle .control-label {
  flex: 0 0 100px;
}
.BatchCreateAssembleTitle .MutilMaterial .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px;
  background-color: #fdfdfd;
  border-radius: 5px;
  vertical-align: middle;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper:hover .close-btn {
  display: inline-block;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -8px;
  right: -2px;
  cursor: pointer;
  color: #999;
  z-index: 1;
  font-size: 16px;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.BatchCreateAssembleTitle .MutilMaterial .material-add-btn {
  line-height: 20px;
  border: 1px dotted #DADFE3;
  border-radius: 0;
}

.creative-materials > .controls {
  width: calc(100% - 160px);
}
.creative-materials .selected-position .position-instruction {
  margin-left: 12px;
  color: #1989FA;
  cursor: pointer;
}
.creative-materials .creative-count {
  display: inline-block;
  margin-right: 20px;
  color: #999;
}
.creative-materials .creative-count strong {
  color: #333;
}
.creative-materials .creative-content {
  width: 950px;
  min-height: 293px;
  margin-top: 12px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.creative-materials .creative-content .header {
  border-bottom: 1px solid #dadfe3;
  padding: 0 14px;
  overflow: hidden;
}
.creative-materials .creative-content .header .material-navs {
  display: inline-block;
}
.creative-materials .creative-content .header .material-navs .nav-item {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  margin: 0 9px 7px 10px;
  border-radius: 2px;
  cursor: pointer;
}
.creative-materials .creative-content .header .material-navs .nav-item .del-icon {
  display: none;
  position: absolute;
  padding: 7px;
  line-height: 0;
  right: 0;
  top: 50%;
  font-size: 10px;
  color: #aaa;
  transform: translateY(-50%);
}
.creative-materials .creative-content .header .material-navs .nav-item .error-icon {
  display: inline;
  margin-left: 3px;
  color: #FF4949;
}
.creative-materials .creative-content .header .material-navs .nav-item.active {
  color: #2F88FF;
  font-weight: bold;
}
.creative-materials .creative-content .header .material-navs .nav-item.active:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #2F88FF;
  left: 2px;
  right: 2px;
  height: 2px;
  bottom: -7px;
}
.creative-materials .creative-content .header .material-navs .nav-item:hover {
  background-color: #f8f8f8;
  margin-right: -9px;
  padding-right: 26px;
}
.creative-materials .creative-content .header .material-navs .nav-item:hover .del-icon {
  display: inline-block;
}
.creative-materials .creative-content .header .operation-area {
  display: inline-block;
  border-left: 1px solid #E5E6EB;
  margin-left: 20px;
  padding-left: 16px;
}
.creative-materials .creative-content .material-preview {
  width: 256px;
  height: 500px;
  background: #F8F9FA;
  border-radius: 4px;
}
.creative-materials .creative-content .ant-empty {
  padding: 44px 0 43px 0;
}
.creative-materials .creative-content .ant-empty .ant-btn {
  margin-left: 10px;
}
.creative-materials .Material {
  min-height: 100px;
  padding: 24px 24px 24px 0;
  display: flex;
}
.creative-materials .Material .form-content {
  flex: 1 1 auto;
}
.creative-materials .Material .form-content .control-label {
  flex: 0 0 140px;
}
.creative-materials .Material .material-select-wrapper .showhiddenErrorMsg {
  position: relative;
}
.creative-materials .Material .material-preview {
  width: 256px;
  height: 500px;
  margin-left: 20px;
  padding: 24px;
  background: #F8F9FA;
  border-radius: 4px;
  font-weight: bold;
}
.creative-materials .Material.material-error .VInput.is-invalid .MyInput {
  border-color: red;
}
.creative-materials .Material.material-error .material-selector {
  border-color: red;
}
.creative-materials .Material.material-error .BasicComponent .selector-btn {
  border-color: red;
}
.text-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.text-abstract-list .text-abstract-item {
  width: 700px;
  margin-top: 14px;
}
.text-abstract-list .text-abstract-item textarea.ant-input {
  width: 80%;
}
.text-abstract-list .text-abstract-item .validation-error {
  display: block;
  line-height: 20px;
}
.struct-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.struct-abstract-list .list {
  padding: 10px;
}
.struct-abstract-list .list.list-border {
  border: 1px solid var(--edt-border-base);
}
.struct-abstract-list .list .item {
  margin-bottom: 6px;
}
.struct-abstract-list .list .item .anticon-delete {
  margin-left: 10px;
}
.struct-abstract-list .list .item .ControlGroup > .controls {
  display: inline-block;
}
.struct-abstract-list .list .item .ControlGroup > .control-label {
  padding-right: 14px;
}
.struct-abstract-list .list .item .ControlGroup .controls {
  vertical-align: top;
}
.struct-abstract-list .list .item .ControlGroup .validation-error {
  display: block;
  margin: 0;
  line-height: 20px;
}
.struct-abstract-list .list .item .word-count {
  margin-left: 4px;
}
.struct-abstract-list .tip {
  margin: 0;
}
.struct-abstract-list .ControlGroup.showhiddenErrorMsg {
  line-height: 20px;
}

.WebUrl .MyInput .ant-input {
  padding-right: 70px;
}
.WebUrl .MyInput .ant-input-suffix .ant-btn-link {
  padding: 0;
}

.SellingPoints .ant-btn {
  margin-right: 10px;
}
.SellingPoints .point-item {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.SellingPoints .point-item .anticon-delete {
  margin-left: 15px;
}
.RecommendModal .ant-modal-body {
  position: relative;
  background-color: #F8F9FA;
}
.RecommendModal .ant-modal-body .recommend-list {
  display: flex;
  flex-wrap: wrap;
}
.RecommendModal .ant-modal-body .recommend-list > .Checkbox {
  flex: 0 0 50%;
  margin: 0;
  line-height: 34px;
}
.RecommendModal .ant-modal-body .selected-count {
  position: absolute;
  bottom: -60px;
}
.RecommendModal .ant-modal-header {
  height: 70px;
}
.RecommendModal .ant-modal-header .ant-modal-title {
  line-height: 38px;
}

.PromotionCard > .controls {
  flex: 0 0 950px;
  padding: 10px 0;
  border: 1px solid #dadfe3;
}
.PromotionCard > .controls .recoment-title-item {
  padding: 0 4px;
}
.PromotionCard > .controls .material-selector .ant-btn,
.PromotionCard > .controls .create-btns .ant-btn {
  width: 80px;
}

.CreativeGroupList {
  position: relative;
}
.CreativeGroupList .CreativeGroupItem {
  display: none;
}
.CreativeGroupList .CreativeGroupItem.active {
  display: block;
}
.CreativeGroupList .CreativeGroupItem > .Card {
  border: none;
}
.CreativeGroupList .CreativeGroupItem > .Card > .header {
  border: none;
}
.CreativeGroupList .CreativeGroupItem .Placement .header {
  display: none;
}
.CreativeGroupList .CreativeGroupItem .creative-materials .selected-position {
  display: none;
}
.CreativeLibraryModal .tab-bar-extra {
  padding: 0 15px;
  margin-right: 20px;
}
.CreativeLibraryModal .tab-bar-extra .anticon {
  margin-right: 10px;
}

.BatchDetailCondition .BatchConditionTabs .add-condition-btn,
.BatchDetailCondition .TabItem .btn-area {
  display: none;
}
.BatchDetailCondition input,
.BatchDetailCondition .Input,
.BatchDetailCondition .Select,
.BatchDetailCondition .RadioGroup,
.BatchDetailCondition .CheckboxGroup,
.BatchDetailCondition .MouseSelect,
.BatchDetailCondition .ant-btn,
.BatchDetailCondition .Checkbox,
.BatchDetailCondition .PanelTree {
  pointer-events: none;
}
.BatchDetailCondition .BatchCondition .batch-item {
  margin: 20px 20px 30px;
}
.BatchDetailCondition .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchDetailCondition .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchDetailCondition .BatchCondition .batch-content-item {
  display: none;
}
.BatchDetailCondition .BatchCondition .batch-content-item.active {
  display: block;
}
.BatchDetailCondition .BatchCondition .AudienceList .audience-save {
  display: none;
}
.BatchDetailCondition .BatchCondition .ConvertList .quick-link {
  display: none;
}

.convert-select-modal .inner-card {
  width: 450px;
}
.convert-select-modal .go-convert-setting {
  display: block;
  margin: 20px 0 0 60px;
}
.convert-select-modal .keyword-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;
}
.convert-select-modal .convert-radio .solution-type {
  color: #999;
  margin-left: 10px;
}

.ConvertTarget .convert-selected {
  width: 642px;
  background: #F8F9FA;
  border-radius: 2px;
  text-indent: 10px;
}
.ConvertTarget .convert-selected .change-btn {
  margin-left: 24px;
  color: #2F88FF;
  cursor: pointer;
}

.ChannelSelectDropdown .group-label {
  cursor: pointer;
}
.ChannelSelectDropdown .group-label .anticon {
  font-size: 10px;
  margin-right: 10px;
}
.ChannelSelectDropdown .ant-select-dropdown-menu-item-group .empty {
  padding: 0;
}

.ChannelDetail .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.ExternalUrl {
  margin: 12px 0;
}
.ExternalUrl .validation-error {
  display: block;
}
.ExternalUrl .MyInput .ant-input {
  padding-right: 70px;
}
.ExternalUrl .MyInput .ant-input-suffix .ant-btn-link {
  padding: 0;
}
.ExternalUrl .quick-create-btn .anticon-export {
  transform: rotate(-90deg);
}
.ExternalUrl .detail-wrapper {
  position: relative;
  display: flex;
  height: 100px;
  width: 500px;
  margin: 20px 0 0 160px;
  padding: 10px;
  background-color: #F9F9F9;
}
.ExternalUrl .detail-wrapper img {
  max-width: 60px;
  max-height: 80px;
}
.ExternalUrl .detail-wrapper .page-info {
  width: 100%;
  padding: 12px 16px;
}
.ExternalUrl .detail-wrapper .page-info a {
  color: #1890ff;
}
.ExternalUrl .detail-wrapper .page-info > div,
.ExternalUrl .detail-wrapper .page-info > a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ExternalUrl .detail-wrapper::before {
  position: absolute;
  top: -20px;
  content: '';
  border: 10px solid;
  border-color: transparent transparent #F9F9F9 transparent;
}

.LiveTarget .ExternalUrl,
.LiveTarget .OptimizedGoal {
  border: none;
}
.LiveTarget .ExternalUrl > .header,
.LiveTarget .OptimizedGoal > .header {
  display: none;
}
.LiveTarget .ExternalUrl > .content,
.LiveTarget .OptimizedGoal > .content {
  padding: 0;
}
.LiveTarget .OptimizedGoal {
  margin-top: 12px;
}
.LiveTarget .quick-link {
  display: inline-block;
  margin-left: 10px;
  color: #1989FA;
  cursor: pointer;
}

.Optimize .CustomerAccountSelector .ant-empty {
  margin: 8px;
}
.Optimize .CustomerAccountSelector .control-label {
  visibility: hidden;
}
.Optimize .CustomerAccountSelector .f-left {
  position: relative;
}
.Optimize .CustomerAccountSelector .accounts {
  width: 500px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.Optimize .CustomerAccountSelector .accounts .header {
  padding: 0px 12px 0px 14px;
  font-weight: 600;
}
.Optimize .CustomerAccountSelector .accounts .account-filter-input {
  padding: 4px 14px;
  border-top: 1px solid #e8e8e8;
}
.Optimize .CustomerAccountSelector .accounts .list-wrapper {
  overflow-y: scroll;
  height: 200px;
}
.Optimize .CustomerAccountSelector .accounts .list-wrapper .item {
  display: flex;
  justify-content: flex-start;
  line-height: 26px;
  padding: 4px 14px;
  border-top: 1px solid #e8e8e8;
}
.Optimize .CustomerAccountSelector .accounts .list-wrapper .item .name {
  margin-left: 16px;
}
.Optimize .CustomerAccountSelector .customer-account-table {
  width: 480px;
}
.Optimize .CustomerAccountSelector .customer-account-table .TableHeader {
  overflow: hidden;
}
.Optimize .CustomerAccountSelector .customer-account-table .TableBody-wrap {
  padding-top: 96px;
}
.Optimize .CustomerAccountSelector .customer-account-table .TableBody {
  border-top: 1px solid var(--edt-table-border-color);
}
.Optimize .CustomerAccountSelector .selected {
  width: 420px;
  margin-left: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.Optimize .CustomerAccountSelector .selected .header {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  border-bottom: 1px solid #e8e8e8;
}
.Optimize .CustomerAccountSelector .selected .header .clear-all {
  cursor: pointer;
  color: var(--edt-link-color);
}
.Optimize .CustomerAccountSelector .selected .list {
  height: 236px;
}
.Optimize .CustomerAccountSelector .selected .list .ant-empty {
  transform: translate(0px, 50px);
}
.Optimize .CustomerAccountSelector .selected .list .item {
  height: 30px;
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  margin: 8px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background: #edf1f5;
}
.Optimize .CustomerAccountSelector .selected .list .item .name {
  max-width: 90%;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Optimize .CustomerAccountSelector .selected .list .item .ant-btn {
  height: 100%;
  color: #8a8989;
}

.Link .ControlGroup > .controls .showhiddenErrorMsg {
  display: inline-block;
  position: relative;
}
.Link .fold-wrapper {
  margin-top: 12px;
}
.Link .fold-wrapper.fold {
  display: none;
}
.Link .fold-handle {
  display: inline-block;
  margin-top: 20px;
  margin-left: 350px;
  cursor: pointer;
  color: var(--edt-text-color-secondary);
}

.ConvertList {
  position: relative;
}
.ConvertList .ConvertItem {
  display: none;
}
.ConvertList .ConvertItem.active {
  display: block;
}
.ConvertList .ConvertItem .Aweme-item,
.ConvertList .ConvertItem .Target-item,
.ConvertList .ConvertItem .OptimizedGoal {
  margin: 12px 0;
  border: 0;
}
.ConvertList .ConvertItem .Aweme-item > .header,
.ConvertList .ConvertItem .Target-item > .header,
.ConvertList .ConvertItem .OptimizedGoal > .header {
  display: none;
}
.ConvertList .ConvertItem .Aweme-item > .content,
.ConvertList .ConvertItem .Target-item > .content,
.ConvertList .ConvertItem .OptimizedGoal > .content {
  padding: 0;
}
.ConvertList .ConvertItem .Optimize-item {
  border: 0;
  margin-top: 30px;
}
.ConvertList .ConvertItem .Optimize-item > .header {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  padding: 0;
  border: 0;
}
.ConvertList .ConvertItem .Optimize-item > .content {
  padding: 0;
}
.ConvertList .ConvertItem .Optimize-item .Optimize {
  border: 0;
}
.ConvertList .ConvertItem .Optimize-item .Optimize > .header {
  display: none;
}
.ConvertList .ConvertItem .Optimize-item .Optimize > .content {
  padding: 10px 0;
}
.ConvertList .ConvertItem .batch-convert-link {
  border: 0;
}
.ConvertList .ConvertItem .batch-convert-link .header {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  padding: 0;
  border: 0;
}
.ConvertList .ConvertItem .batch-convert-link .content {
  padding: 0;
}
.ConvertList .ConvertItem .keywords-count .controls {
  flex: 0 1 300px;
  padding: 0 10px;
  background: var(--edt-background-color-base);
}

.AudienceList {
  position: relative;
}
.AudienceList .AudienceItem {
  display: none;
}
.AudienceList .AudienceItem.active {
  display: block;
}
.AudienceList .AudienceItem .audience-select .VSelect {
  margin-left: 0;
}
.AudienceList .AudienceItem .create-package-btn {
  display: inline-block;
  margin-left: 20px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .AudienceItem .audience-use-item {
  position: relative;
  display: flex;
}
.AudienceList .AudienceItem .audience-use-item .name {
  flex: 1 1 auto;
}
.AudienceList .AudienceItem .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.AudienceList .AudienceItem .audience-use-item .delete:hover {
  color: #2F88FF;
}
.AudienceList .audience-create-type {
  margin: 0 0 20px 50px;
}
.AudienceList .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.AudienceList .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.AudienceList .audience-advance {
  margin-top: 12px;
}
.AudienceList .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.AudienceList .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceList .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.AudienceList .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.AudienceList .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.AudienceList .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.AudienceList .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}
.batch-create-audience-modal .ant-modal-body {
  max-height: 500px;
  overflow-y: auto;
}
.batch-create-audience-modal .audience-save {
  display: none;
}
.batch-create-audience-modal .save-area {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
}

.PriceList {
  position: relative;
}
.PriceList .PriceItem {
  display: none;
}
.PriceList .PriceItem.active {
  display: block;
}

.KeywordList {
  position: relative;
}
.KeywordList .KeywordItem {
  display: none;
  max-width: 1000px;
}
.KeywordList .KeywordItem.active {
  display: block;
}
.KeywordList .KeywordItem .download-link {
  color: var(--edt-primary-color);
}
.KeywordList .Uploader .upload-area {
  display: flex;
  height: 200px;
  width: 400px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.KeywordList .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.KeywordList .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.KeywordList .Uploader .upload-area > .content {
  width: 380px;
  padding: 38px;
}
.KeywordList .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.KeywordList .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}
.KeywordList .Uploader .uploading-area {
  height: 152px;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
  overflow: auto;
}
.KeywordList .Uploader .uploading-area .uploading-item {
  display: flex;
  margin-bottom: 10px;
  line-height: 26px;
}
.KeywordList .Uploader .uploading-area .uploading-item .title {
  flex: 1;
}
.KeywordList .Uploader .uploading-area .uploading-item .status {
  flex: 1;
}
.KeywordList .Uploader .uploading-area .uploading-item .status .ant-spin {
  margin-left: 10px;
}
.KeywordList .Uploader .uploading-area .uploading-item .status.uploaded {
  color: #66c23a;
}
.KeywordList .Uploader .uploading-area .uploading-item .status.error {
  color: #f45858;
}
.KeywordList .Uploader .uploading-area .uploading-item.header {
  color: #333;
  font-weight: bold;
}

.CreativeCategory .ad-keywords {
  width: 500px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.CreativeCategory .ad-keywords > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.CreativeCategory .ad-keywords > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.CreativeCategory .ad-keywords > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.CreativeCategory .ad-keywords > .content .keyword-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.CreativeCategory .ad-keywords > .content .keyword-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.CreativeCategory .ad-keywords > .content .keyword-item:nth-child(2n + 1) {
  margin-right: 12px;
}
.popup-third-industry-id {
  width: 500px;
}

.creative-navs {
  display: flex;
}
.creative-navs .nav-list {
  display: inline-block;
  width: 100%;
  padding-bottom: 8px;
  white-space: nowrap;
  overflow-x: hidden;
}
.creative-navs .nav-list > div {
  display: inline-block;
}
.creative-navs .nav-list > div + div {
  margin-left: 8px;
}
.creative-navs .anchor-link {
  display: inline-block;
  width: 20px;
  line-height: 86px;
  text-align: center;
}
.creative-navs .anchor-link:first-child {
  margin-right: 5px;
}
.creative-navs .anchor-link:last-child {
  margin-left: 5px;
}
.creative-navs .nav-item {
  position: relative;
  display: flex;
  width: 140px;
  padding: 16px;
  border: 1px solid #DEE4F5;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px #eff1fa;
  font-weight: bold;
  cursor: pointer;
}
.creative-navs .nav-item .creative-type-image {
  width: 38px;
  height: 52px;
  margin-right: 12px;
}
.creative-navs .nav-item .creative-type-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 28px;
}
.creative-navs .nav-item .creative-type-desc .tips {
  line-height: 14px;
}
.creative-navs .nav-item .number {
  position: absolute;
  top: 3px;
  left: -3px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  background: #2F88FF;
  text-align: center;
  border-radius: 2px;
  color: #FFF;
}
.creative-navs .nav-item .error-icon {
  position: absolute;
  right: 4px;
  top: 4px;
  line-height: 18px;
  color: #FF4949;
}
.creative-navs .nav-item.active {
  border-color: #2F88FF;
}
.creative-navs .nav-item.active:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  bottom: -5px;
  right: 20px;
  background-color: #fff;
  border: 1px solid #2F88FF;
  border-top-width: 0;
  border-left-width: 0;
  transform: rotate(45deg);
  box-shadow: 0px 2px 4px 0px #eff1fa;
}
.creative-navs .nav-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.BatchCreateAssembleTitle .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.BatchCreateAssembleTitle .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchCreateAssembleTitle .control-label {
  flex: 0 0 100px;
}
.BatchCreateAssembleTitle .MutilMaterial .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px;
  background-color: #fdfdfd;
  border-radius: 5px;
  vertical-align: middle;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper:hover .close-btn {
  display: inline-block;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -8px;
  right: -2px;
  cursor: pointer;
  color: #999;
  z-index: 1;
  font-size: 16px;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.BatchCreateAssembleTitle .MutilMaterial .material-add-btn {
  line-height: 20px;
  border: 1px dotted #DADFE3;
  border-radius: 0;
}

.text-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.text-abstract-list .text-abstract-item {
  width: 700px;
  margin-top: 14px;
}
.text-abstract-list .text-abstract-item textarea.ant-input {
  width: 80%;
}
.text-abstract-list .text-abstract-item .validation-error {
  display: block;
}

.StructAbstractContent .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.StructAbstractContent .list {
  padding: 10px;
}
.StructAbstractContent .list.list-border {
  border: 1px solid var(--edt-border-base);
}
.StructAbstractContent .list .item {
  margin-bottom: 6px;
}
.StructAbstractContent .list .item .ControlGroup > .controls {
  display: inline-block;
}
.StructAbstractContent .list .item .ControlGroup > .control-label {
  padding-right: 14px;
}
.StructAbstractContent .list .item .ControlGroup .controls {
  vertical-align: top;
}
.StructAbstractContent .list .item .ControlGroup .validation-error {
  display: block;
  margin: 0;
}
.StructAbstractContent .list .item .word-count {
  margin-left: 4px;
}
.StructAbstractContent .tip {
  margin: 0;
}


.ComponentCreate .app-images .showhiddenErrorMsg {
  bottom: -10px;
  line-height: 20px;
}
.ComponentCreate .app-name {
  margin-left: 160px;
}
.ComponentCreate .app-name .anticon-check-circle {
  margin-right: 10px;
  color: #008000;
}
.ComponentCreate .create-footer {
  display: flex;
  padding: 10px 0;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e8e8e8;
}
.ComponentCreate .create-footer .anticon-info-circle {
  margin-right: 5px;
  color: red;
}
.ComponentCreate .create-footer .button-area {
  flex: 0 0 160px;
}

.ComponentItem {
  position: relative;
  width: 235px;
  padding: 2px;
  border: 2px solid transparent;
  border-radius: 4px;
}
.ComponentItem .main-content {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e4e3e3;
}
.ComponentItem .main-content .basic-info {
  user-select: none;
}
.ComponentItem .main-content .basic-info .app-basic-info {
  display: flex;
  align-items: center;
}
.ComponentItem .main-content .basic-info .app-basic-info .app-icon {
  font-size: 40px;
  margin-right: 10px;
  color: #1890ff;
}
.ComponentItem .main-content .basic-info .app-basic-info .app-names-wrapper .app-name {
  font-size: 14px;
  font-weight: 600;
}
.ComponentItem .main-content .basic-info .app-basic-info .app-names-wrapper .app-desc {
  font-size: 10px;
}
.ComponentItem .main-content .thumnails {
  display: flex;
  margin: 10px 0;
  overflow: hidden;
}
.ComponentItem .main-content .thumnails .thumnail-item {
  flex-shrink: 0;
  width: 65px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}
.ComponentItem .main-content .thumnails .thumnail-item + .thumnail-item {
  margin-left: 5px;
}
.ComponentItem .main-content .app-btn {
  width: 98%;
  height: 28px;
  margin: 0 1%;
  pointer-events: none;
}
.ComponentItem .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 28px;
}
.ComponentItem .footer .anticon-edit {
  display: none;
  color: #1890ff;
  cursor: pointer;
}
.ComponentItem .footer:hover .anticon-edit {
  display: inline-block;
}
.ComponentItem.disabled {
  opacity: 0.5;
  user-select: none;
  cursor: no-drop;
  pointer-events: none;
}
.ComponentItem:hover:not(.disabled) {
  border: 2px solid #40a9ff;
}
.ComponentItem.selected {
  border: 2px solid #40a9ff;
}
.ComponentItem.selected .selected-checkbox {
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
}

.ComponentLibrary .library-title .warn-tip {
  margin: 0 5px;
  color: red;
}
.ComponentLibrary .ComponentLibraryFilter {
  display: flex;
  align-items: center;
  height: 38px;
  margin-bottom: 10px;
}
.ComponentLibrary .ComponentLibraryFilter .Select {
  margin-right: 10px;
}
.ComponentLibrary .ComponentLibraryFilter .Select .ant-input {
  height: 38px;
}
.ComponentLibrary .AutoScrollLoader {
  height: 500px;
}
.ComponentLibrary .AutoScrollLoader .loader-items .ComponentItem {
  margin-right: 20px;
  margin-bottom: 15px;
}

.AdditionComponent .preview-wrapper {
  position: relative;
  width: 250px;
}
.AdditionComponent .preview-wrapper .component-preview {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  line-height: 24px;
}
.AdditionComponent .preview-wrapper .component-preview .app-basic-info {
  display: flex;
  align-items: center;
}
.AdditionComponent .preview-wrapper .component-preview .app-basic-info .app-icon {
  font-size: 30px;
  margin-right: 10px;
  color: #1890ff;
}
.AdditionComponent .preview-wrapper .component-preview .app-basic-info .app-names-wrapper .app-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.AdditionComponent .preview-wrapper .component-preview .app-basic-info .app-names-wrapper .app-desc {
  font-size: 10px;
  line-height: 12px;
}
.AdditionComponent .preview-wrapper .hover-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.AdditionComponent .preview-wrapper .hover-mask .anticon-close-circle {
  position: absolute;
  top: -8px;
  right: -8px;
  color: rgba(0, 0, 0, 0.65);
}
.AdditionComponent .preview-wrapper .hover-mask .ant-btn {
  margin-right: 10px;
}
.AdditionComponent .preview-wrapper:hover .hover-mask {
  display: flex;
}

.CustomData {
  margin-top: 12px;
}

.CreativeMaterial {
  min-height: 100px;
  padding: 24px 24px 24px 0;
  display: flex;
}
.CreativeMaterial .form-content {
  flex: 1 1 auto;
}
.CreativeMaterial .form-content .control-label {
  flex: 0 0 140px;
}
.CreativeMaterial .material-select-wrapper .showhiddenErrorMsg {
  position: relative;
}
.CreativeMaterial .material-preview {
  width: 256px;
  height: 500px;
  margin-left: 20px;
  padding: 24px;
  background: #F8F9FA;
  border-radius: 4px;
  font-weight: bold;
}
.CreativeMaterial.material-error .VInput.is-invalid .MyInput {
  border-color: red;
}
.CreativeMaterial.material-error .material-selector {
  border-color: red;
}
.CreativeMaterial.material-error .BasicComponent .selector-btn {
  border-color: red;
}
.CreativeMaterial .text-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.CreativeMaterial .text-abstract-list .text-abstract-item {
  width: 700px;
  margin-top: 14px;
}
.CreativeMaterial .text-abstract-list .text-abstract-item textarea.ant-input {
  width: 80%;
}
.CreativeMaterial .text-abstract-list .text-abstract-item .validation-error {
  display: block;
}
.CreativeMaterial .struct-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.CreativeMaterial .struct-abstract-list .list {
  padding: 10px;
}
.CreativeMaterial .struct-abstract-list .list.list-border {
  border: 1px solid var(--edt-border-base);
}
.CreativeMaterial .struct-abstract-list .list .item {
  margin-bottom: 6px;
}
.CreativeMaterial .struct-abstract-list .list .item .ControlGroup > .controls {
  display: inline-block;
}
.CreativeMaterial .struct-abstract-list .list .item .ControlGroup > .control-label {
  padding-right: 14px;
}
.CreativeMaterial .struct-abstract-list .list .item .ControlGroup .controls {
  vertical-align: top;
}
.CreativeMaterial .struct-abstract-list .list .item .ControlGroup .validation-error {
  display: block;
  margin: 0;
}
.CreativeMaterial .struct-abstract-list .list .item .word-count {
  margin-left: 4px;
}
.CreativeMaterial .struct-abstract-list .tip {
  margin: 0;
}

.Materials {
  width: 950px;
  min-height: 293px;
  margin-top: 12px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.Materials .header {
  border-bottom: 1px solid #dadfe3;
  padding: 0 14px;
  overflow: hidden;
}
.Materials .header .material-navs {
  display: inline-block;
}
.Materials .header .material-navs .nav-item {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  margin: 0 9px 7px 10px;
  border-radius: 2px;
  cursor: pointer;
}
.Materials .header .material-navs .nav-item .del-icon {
  display: none;
  position: absolute;
  padding: 7px;
  line-height: 0;
  right: 0;
  top: 50%;
  font-size: 10px;
  color: #aaa;
  transform: translateY(-50%);
}
.Materials .header .material-navs .nav-item .error-icon {
  display: inline;
  margin-left: 3px;
  color: #FF4949;
}
.Materials .header .material-navs .nav-item.active {
  color: #2F88FF;
  font-weight: bold;
}
.Materials .header .material-navs .nav-item.active:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #2F88FF;
  left: 2px;
  right: 2px;
  height: 2px;
  bottom: -7px;
}
.Materials .header .material-navs .nav-item:hover {
  background-color: #f8f8f8;
  margin-right: -9px;
  padding-right: 26px;
}
.Materials .header .material-navs .nav-item:hover .del-icon {
  display: inline-block;
}
.Materials .header .operation-area {
  display: inline-block;
  border-left: 1px solid #E5E6EB;
  margin-left: 20px;
  padding-left: 16px;
}
.Materials .material-preview {
  width: 256px;
  height: 500px;
  background: #F8F9FA;
  border-radius: 4px;
}
.Materials .ant-empty {
  padding: 44px 0 43px 0;
}
.Materials .ant-empty .ant-btn {
  margin-left: 10px;
}

.CreativePosition .position-instruction {
  margin-left: 12px;
  color: #1989FA;
  cursor: pointer;
}

.CreativeCount {
  display: inline-block;
  margin-right: 20px;
  color: #999;
}
.CreativeCount strong {
  color: #333;
}


.WebUrl .MyInput .ant-input {
  padding-right: 70px;
}
.WebUrl .MyInput .ant-input-suffix .ant-btn-link {
  padding: 0;
}

.AnchorMaterialItem {
  position: relative;
  padding: 2px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
}
.AnchorMaterialItem .anchor-info-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  line-height: 30px;
  margin-bottom: 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.AnchorMaterialItem .anchor-info-wrapper .anchor-icon {
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin-right: 10px;
  color: #1890ff;
}
.AnchorMaterialItem .anchor-info-wrapper .anchor-desc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AnchorMaterialItem .anchor-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AnchorMaterialItem.disabled {
  opacity: 0.5;
  user-select: none;
  cursor: no-drop;
  pointer-events: none;
}
.AnchorMaterialItem:hover:not(.disabled) {
  border: 2px solid #40a9ff;
}
.AnchorMaterialItem.selected {
  border: 2px solid #40a9ff;
}
.AnchorMaterialItem .selected-checkbox {
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
}

.AnchorMaterialsModal .materials-footer {
  display: flex;
  padding: 10px 0;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e8e8e8;
}
.AnchorMaterialsModal .materials-footer .anticon-info-circle {
  margin-right: 5px;
  color: red;
}
.AnchorMaterialsModal .materials-footer .button-area {
  flex: 0 0 160px;
}
.AnchorMaterialsModal .anchor-materials-list {
  display: flex;
  flex-wrap: wrap;
}
.AnchorMaterialsModal .anchor-materials-list .AnchorMaterialItem {
  width: 30%;
  margin: 0 1.5%;
}

.CreativeAnchorMaterial .selected-anchor .anchor-material {
  position: relative;
  width: 250px;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .hover-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .hover-mask .anticon-close-circle {
  position: absolute;
  top: -8px;
  right: -8px;
  color: rgba(0, 0, 0, 0.65);
}
.CreativeAnchorMaterial .selected-anchor .anchor-material:hover .hover-mask {
  display: flex;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem {
  margin-bottom: 0;
  padding: 0;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem .anchor-name {
  display: none;
}
.CreativeAnchorMaterial .selected-anchor .anchor-material .AnchorMaterialItem:hover {
  border: 2px solid transparent;
}
.CreativeAnchorMaterial .selected-anchor > .tips {
  width: auto;
}

.InventoryCatalog .scene-select {
  margin-top: 20px;
}
.InventoryCatalog .type-select {
  margin-top: 20px;
}
.InventoryCatalog .type-select .PanelTree .content {
  max-height: 260px;
}

.CreativeGroupList {
  position: relative;
}
.CreativeGroupList .CreativeGroupItem {
  display: none;
}
.CreativeGroupList .CreativeGroupItem.active {
  display: block;
}
.CreativeGroupList .CreativeGroupItem > .Card {
  border: none;
}
.CreativeGroupList .CreativeGroupItem > .Card > .header {
  border: none;
}
.CreativeGroupList .CreativeGroupItem .Placement,
.CreativeGroupList .CreativeGroupItem .AwemeSetting {
  margin-top: 12px;
  border: none;
}
.CreativeGroupList .CreativeGroupItem .Placement > .header,
.CreativeGroupList .CreativeGroupItem .AwemeSetting > .header {
  display: none;
}
.CreativeGroupList .CreativeGroupItem .Placement > .content,
.CreativeGroupList .CreativeGroupItem .AwemeSetting > .content {
  padding: 0;
}
.CreativeGroupList .CreativeGroupItem .creative-materials .selected-position {
  display: none;
}
.CreativeLibraryModal .tab-bar-extra {
  padding: 0 15px;
  margin-right: 20px;
}
.CreativeLibraryModal .tab-bar-extra .anticon {
  margin-right: 10px;
}

.BatchDetailCondition .BatchConditionTabs .add-condition-btn,
.BatchDetailCondition .TabItem .btn-area {
  display: none;
  pointer-events: none;
}
.BatchDetailCondition input,
.BatchDetailCondition .Input,
.BatchDetailCondition .Select,
.BatchDetailCondition .RadioGroup,
.BatchDetailCondition .CheckboxGroup,
.BatchDetailCondition .MouseSelect,
.BatchDetailCondition .ant-btn,
.BatchDetailCondition .Checkbox,
.BatchDetailCondition .PanelTree,
.BatchDetailCondition .ant-cascader-picker,
.BatchDetailCondition .anticon-edit {
  pointer-events: none;
}
.BatchDetailCondition .BatchCondition .batch-item {
  margin: 20px 20px 30px;
}
.BatchDetailCondition .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchDetailCondition .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchDetailCondition .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchDetailCondition .BatchCondition .batch-content-item {
  display: none;
}
.BatchDetailCondition .BatchCondition .batch-content-item.active {
  display: block;
}
.BatchDetailCondition .BatchCondition .AudienceList .audience-save {
  display: none;
}
.BatchDetailCondition .BatchCondition .ConvertList .quick-link {
  display: none;
}

.TaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.TaskDetailModal .header .title {
  font-size: 14px;
}
.TaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.TaskDetailModal .sub-title {
  line-height: 2;
}
.TaskDetailModal .ControlGroup {
  line-height: 2;
}
.TaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.TaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.TaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.TaskDetailModal .Nav {
  margin-bottom: 16px;
}
.TaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.CommonRecordList {
  height: calc(100% - 90px);
}
.CommonRecordList > .ant-spin-nested-loading {
  padding-top: 12px;
  height: 100%;
}
.CommonRecordList > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.CommonRecordList .ant-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.CommonRecordList .status-cell.ERROR {
  color: red;
}
.CommonRecordList .status-cell.DONE {
  color: #40a9ff;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .object-item .select-btn.creative-level:not(.checked) {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.ChannelSelectDropdown .group-label {
  cursor: pointer;
}
.ChannelSelectDropdown .group-label .anticon {
  font-size: 10px;
  margin-right: 10px;
}
.ChannelSelectDropdown .ant-select-dropdown-menu-item-group .empty {
  padding: 0;
}
.ChannelGroup .warnning {
  color: #e9b475;
}

.ByteGameModal .filter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ByteGameModal .filter .ant-btn {
  margin-left: 10px;
}
.ByteGameModal .ant-pagination {
  margin-top: 10px;
  text-align: right;
}

.oe-clue-product-item {
  display: flex;
  align-items: center;
}
.oe-clue-product-item .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #e9e9e9;
}
.oe-clue-product-item .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

.bid-type .ant-radio-button-wrapper {
  height: 60px;
  border-radius: 4px;
}
.bid-type .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.bid-type .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.bid-type .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.bid-type .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}

.ConvertItem .Card.Target,
.ConvertItem .Card.LinkContent {
  border: none;
}
.ConvertItem .Card.Target > .header,
.ConvertItem .Card.LinkContent > .header {
  display: none;
}
.ConvertItem .Card.Target > .content,
.ConvertItem .Card.LinkContent > .content {
  padding: 0;
}
.ConvertItem .Target .StarTask {
  display: none;
}
.ConvertItem .Target .asset-type {
  display: none;
}
.ConvertItem .Target .MicroAppInstance {
  display: none;
}

.PriceItem .Price {
  border: none;
}
.PriceItem .Price > .header {
  display: none;
}

.ConvertList .Price > .content {
  padding: 12px 0;
}

.AudienceItem .launch-price .VSelect {
  margin-left: 0;
}
.AudienceItem .launch-price .divide {
  margin: 0 10px;
}
.AudienceItem .audience-create-type > div.disabled {
  color: #ccc;
  pointer-events: none;
}
.AudienceItem .Age .PanelTree {
  margin-top: 10px;
}

.PriceContent .bid-type .ant-radio-button-wrapper {
  height: 60px;
  border-radius: 4px;
}
.PriceContent .bid-type .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.PriceContent .bid-type .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.PriceContent .bid-type .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.PriceContent .bid-type .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}
.PriceContent .date-select > .ControlGroup:nth-child(1) {
  margin-left: 0;
  margin-right: 10px;
}

.ScheduleItem .Card.PriceContent {
  border: none;
}
.ScheduleItem .Card.PriceContent > .header {
  display: none;
}
.ScheduleItem .Card.PriceContent > .content {
  padding: 0;
}
.ScheduleItem .pricing,
.ScheduleItem .OprojectBid {
  display: none;
}

.AwemeVideosContent .filter {
  margin-bottom: 16px;
}
.AwemeVideosContent .filter .ant-btn {
  margin-right: 10px;
}
.AwemeVideosContent .VideoLibrary {
  height: 500px;
  overflow-y: auto;
}
.AwemeVideosContent .VideoLibrary.RandomVideoShot .filter {
  margin-bottom: 10px;
}
.AwemeVideosContent .VideoLibrary .loader-content {
  padding-bottom: 1px;
}
.AwemeVideosContent .VideoLibrary .loader-items {
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
}
.AwemeVideosContent .VideoLibrary .loader-item {
  margin-right: 20px;
  margin-bottom: 15px;
}
.AwemeVideosContent .VideoLibrary .loader-item:last-child {
  margin-right: auto;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
  cursor: pointer;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item img {
  width: 100%;
  height: 100%;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item .video {
  width: 100%;
  height: 100%;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item.active {
  transform: scale(0.9);
  border: 1px solid #598FE6;
  padding: 2px;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item.disabled:after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item .name-text {
  display: -webkit-box;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #62717d;
  font-size: 13px;
}
.AwemeVideosContent .VideoLibrary .loader-item .video-item .video-player {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.AwemeAuthVideos .creative-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list {
  display: inline-block;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item img {
  max-width: 50px;
  max-height: 50px;
}
.AwemeAuthVideos .creative-library-modal-footer .selected-area .selected-list .selected-item .delete-btn {
  position: absolute;
  font-size: 6px;
  top: -5px;
  right: -5px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}

.ImageConfigModal .CharacterCountInput {
  align-items: center;
}
.ImageConfigModal .CharacterCountInput .ControlGroup .control-label {
  width: 160px;
}

.AwemePhotoImageItem {
  position: relative;
  width: 250px;
  height: 170px;
  border: 1px solid #eee;
  border-radius: 6px;
}
.AwemePhotoImageItem .img-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 140px;
  background-color: rgba(0, 0, 0, 0.05);
}
.AwemePhotoImageItem .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.AwemePhotoImageItem .img-wrapper .config-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.AwemePhotoImageItem .file-name {
  height: 30px;
  line-height: 30px;
}

.AwemePhotoCreate .CharacterCountInput {
  align-items: center;
}
.AwemePhotoCreate .CharacterCountInput .ControlGroup .control-label {
  width: 160px;
}
.AwemePhotoCreate .image-list {
  display: flex;
  flex-wrap: wrap;
  max-height: 500px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #e2e2e2;
  overflow-y: auto;
}
.AwemePhotoCreate .image-list .AwemePhotoImageItem {
  margin-right: 15px;
  margin-bottom: 15px;
}
.AwemePhotoCreate .ant-empty {
  width: 100%;
}
.AwemePhotoCreate .image-control-group {
  margin-top: 12px;
}
.AwemePhotoCreate .image-control-group .filter .ant-btn {
  margin-right: 10px;
}
.AwemePhotoCreate .image-control-group .filter .selected-sum {
  margin-right: 10px;
}
.AwemePhotoCreate .audio-group .controls {
  display: flex;
  align-items: center;
}
.AwemePhotoCreate .audio-group .tips {
  margin-left: 10px;
}
.AwemePhotoCreate .audio-group .audio-item {
  display: flex;
  align-items: center;
}
.AwemePhotoCreate .audio-group .audio-item .anticon {
  margin-left: 10px;
}
.AwemePhotoCreate .audio-group .Uploader {
  background-color: transparent;
}
.AwemePhotoCreate .audio-group .Uploader:hover {
  box-shadow: none;
  color: none;
}

.AwemeDetail .detail-content {
  padding-right: 20px;
  max-height: 600px;
  overflow-y: auto;
}
.AwemeDetail .ControlGroup .controls {
  width: calc(100% - 186px);
}
.AwemeDetail .audio-url {
  white-space: pre-wrap;
}

.AwemePhotoItem {
  position: relative;
}
.AwemePhotoItem .image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border: 1px solid #40a9ff;
  width: 140px;
  height: 250px;
  margin-top: 10px;
  border-radius: 6px;
}
.AwemePhotoItem .image-wrapper img {
  position: absolute;
  left: 50%;
  top: calc((100% - 30px)/2 + 30px);
  transform: translate(-50%, calc(-50% - 2px));
  max-width: 100%;
  max-height: 210px;
  margin: 2px 0;
  text-align: center;
  user-select: none;
}
.AwemePhotoItem .image-wrapper .image-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  height: 30px;
  width: 100%;
  background-color: #40a9ff;
  border-radius: 6px 6px 0 0;
  user-select: none;
  color: #fff;
}
.AwemePhotoItem .image-wrapper .image-header .ant-btn {
  color: #fff;
}
.AwemePhotoItem .image-wrapper .left-btn,
.AwemePhotoItem .image-wrapper .right-btn {
  position: absolute;
  top: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: transparent;
  border-radius: 50%;
  background-color: #fff;
  font-size: 28px;
  cursor: pointer;
}
.AwemePhotoItem .image-wrapper .left-btn .anticon,
.AwemePhotoItem .image-wrapper .right-btn .anticon {
  color: rgba(15, 122, 229, 0.3);
}
.AwemePhotoItem .image-wrapper .left-btn.disabled,
.AwemePhotoItem .image-wrapper .right-btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.AwemePhotoItem .image-wrapper .left-btn.disabled .anticon,
.AwemePhotoItem .image-wrapper .right-btn.disabled .anticon {
  color: rgba(204, 204, 204, 0.4);
}
.AwemePhotoItem .image-wrapper .left-btn {
  left: 8px;
}
.AwemePhotoItem .image-wrapper .right-btn {
  right: 8px;
}
.AwemePhotoItem .image-wrapper:hover .left-btn,
.AwemePhotoItem .image-wrapper:hover .right-btn {
  display: flex;
}
.AwemePhotoItem .file-name {
  width: 140px;
  user-select: none;
}

.AccountMaterials .materials-filter .ant-btn {
  margin-right: 10px;
}
.AccountMaterials .loader-content {
  height: 500px;
}
.AccountMaterials .loader-content .AwemePhotoItem {
  margin-right: 10px;
}
.AccountMaterials .loader-content .ant-empty {
  width: 100%;
}
.AccountMaterials .loader-content .no-data.ant-empty {
  margin-top: 70px;
}
.AccountMaterials .loader-content .loader-items {
  display: flex;
  flex-wrap: wrap;
  height: 450px;
  overflow-y: auto;
}
.AccountMaterials .loader-content .more-loading {
  position: relative;
  height: 50px;
}
.AccountMaterials .loader-content .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.MPlusMaterials .materials-filter {
  display: flex;
  align-items: center;
}
.MPlusMaterials .materials-filter .tips-info {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.MPlusMaterials .materials-filter .tips-info .anticon {
  margin-right: 10px;
  color: #facd92;
}
.MPlusMaterials .loader-content {
  height: 500px;
}
.MPlusMaterials .loader-content .AwemePhotoItem {
  margin-right: 10px;
}
.MPlusMaterials .loader-content .ant-empty {
  width: 100%;
}
.MPlusMaterials .loader-content .no-data.ant-empty {
  margin-top: 70px;
}
.MPlusMaterials .loader-content .loader-items {
  display: flex;
  flex-wrap: wrap;
  height: 450px;
  overflow-y: auto;
}
.MPlusMaterials .loader-content .more-loading {
  position: relative;
  height: 50px;
}
.MPlusMaterials .loader-content .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.NativeMaterials .materials-filter .ant-btn {
  margin-right: 10px;
}
.NativeMaterials .materials-filter .tips-info {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.NativeMaterials .materials-filter .tips-info .anticon {
  margin-right: 10px;
  color: #facd92;
}
.NativeMaterials .loader-content {
  height: 500px;
}
.NativeMaterials .loader-content .AwemePhotoItem {
  margin-right: 10px;
}
.NativeMaterials .loader-content .ant-empty {
  width: 100%;
}
.NativeMaterials .loader-content .no-data.ant-empty {
  margin-top: 70px;
}
.NativeMaterials .loader-content .loader-items {
  display: flex;
  flex-wrap: wrap;
  height: 450px;
  overflow-y: auto;
}
.NativeMaterials .loader-content .more-loading {
  position: relative;
  height: 50px;
}
.NativeMaterials .loader-content .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.AwemePhotoModal {
  position: relative;
}
.AwemePhotoModal .materials-filter .ant-btn {
  margin-right: 10px;
}
.AwemePhotoModal .creative-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  border-top: 1px solid #e8e8e8;
}
.AwemePhotoModal .creative-library-modal-footer .selected-area {
  user-select: none;
}
.AwemePhotoModal .creative-library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
}
.AwemePhotoModal .creative-library-modal-footer .button-area .ant-btn {
  margin-left: 10px;
}
.AwemePhotoModal .loader-content {
  height: 500px;
}
.AwemePhotoModal .loader-content .AwemePhotoItem {
  margin-right: 10px;
}
.AwemePhotoModal .loader-content .ant-empty {
  width: 100%;
}
.AwemePhotoModal .loader-content .no-data.ant-empty {
  margin-top: 70px;
}
.AwemePhotoModal .loader-content .loader-items {
  display: flex;
  flex-wrap: wrap;
  height: 450px;
  overflow-y: auto;
}
.AwemePhotoModal .loader-content .more-loading {
  position: relative;
  height: 50px;
}
.AwemePhotoModal .loader-content .ant-pagination {
  margin-top: 10px;
  text-align: center;
}
.AwemePhotoModal .MPlusMaterials .materials-filter,
.AwemePhotoModal .NativeMaterials .materials-filter {
  display: flex;
  align-items: center;
}
.AwemePhotoModal .MPlusMaterials .materials-filter .tips-info,
.AwemePhotoModal .NativeMaterials .materials-filter .tips-info {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.AwemePhotoModal .MPlusMaterials .materials-filter .tips-info .anticon,
.AwemePhotoModal .NativeMaterials .materials-filter .tips-info .anticon {
  margin-right: 10px;
  color: #facd92;
}

.star-aweme-materials .materials-filter {
  margin-bottom: 10px;
}
.star-aweme-materials .materials-filter .ant-btn {
  margin-right: 10px;
}
.star-aweme-materials .loader-content {
  position: relative;
  width: 100%;
  height: 500px;
}
.star-aweme-materials .loader-content .ant-empty {
  width: 100%;
}
.star-aweme-materials .loader-content .no-data.ant-empty {
  margin-top: 70px;
}
.star-aweme-materials .loader-content .loader-items {
  width: 100%;
  max-height: 460px;
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.star-aweme-materials .loader-content .loader-items .loader-item {
  margin-right: 16px;
  margin-bottom: 15px;
}
.star-aweme-materials .loader-content .loader-items .loader-item:last-child {
  margin-right: auto;
}
.star-aweme-materials .loader-content .loader-items .video-item {
  position: relative;
  height: 100%;
  border: 1px solid transparent;
  padding: 2px;
  transition: transform 0.3s;
  cursor: pointer;
}
.star-aweme-materials .loader-content .loader-items .video-item .video {
  width: 100%;
  height: 100%;
}
.star-aweme-materials .loader-content .loader-items .video-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
.star-aweme-materials .loader-content .loader-items .video-item.active {
  transform: scale(0.9);
  border: 1px solid #598fe6;
  padding: 2px;
}
.star-aweme-materials .loader-content .loader-items .video-item.disabled::after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.star-aweme-materials .loader-content .loader-items .video-item .name-text {
  color: #62717d;
  font-size: 13px;
}
.star-aweme-materials .loader-content .loader-items .video-item .video-player {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.star-aweme-materials .loader-content .more-loading {
  position: relative;
  height: 50px;
}
.star-aweme-materials .loader-content .ant-pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.StarAwemeModal {
  position: relative;
}
.StarAwemeModal .creative-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  border-top: 1px solid #e8e8e8;
}
.StarAwemeModal .creative-library-modal-footer .selected-area {
  user-select: none;
}
.StarAwemeModal .creative-library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
}
.StarAwemeModal .creative-library-modal-footer .button-area .ant-btn {
  margin-left: 10px;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}
.MaterialSelectorWrapper .material-selector-preview .image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.02);
}
.MaterialSelectorWrapper .material-selector-preview .image-wrapper .ImageDrawer {
  max-width: 100%;
  max-height: 100%;
}
.MaterialSelectorWrapper .material-selector-preview .image-wrapper .image-text-sum {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.DescriptionLibrary .library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.DescriptionLibrary .library-modal-footer .selected-area {
  display: flex;
  align-items: flex-start;
}
.DescriptionLibrary .library-modal-footer .selected-area .selected-count {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.DescriptionLibrary .library-modal-footer .button-area {
  flex-shrink: 0;
}
.DescriptionLibrary .DescriptionLibraryCommonList .filter {
  margin-bottom: 10px;
}
.DescriptionLibrary .DescriptionLibraryCommonList .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.UseOriginTitle {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.static-assemble-title .ant-btn {
  margin-right: 10px;
}

.AssetLinkModal .ant-pagination {
  margin-top: 10px;
  text-align: right;
}

.MiniGameConrtolGroup .MyInput .ant-input {
  padding-right: 70px;
}
.MiniGameConrtolGroup .ant-btn {
  padding: 0;
}

.ReserveExternalUrl .ExternalUrl {
  margin: 0;
}

.CreativeGroupItem .Creative > .header {
  display: none;
}
.CreativeGroupItem .Creative > .content {
  padding: 0;
}
.CreativeGroupItem .Creative .materials-type {
  display: none;
}

.produce-info-images .product-image-list {
  display: flex;
  margin-top: 10px;
}
.produce-info-images .product-image-list .image-adder {
  width: 54px;
  height: 54px;
}
.produce-info-images .product-image-list .product-image-item {
  position: relative;
  width: 54px;
  height: 54px;
  margin-right: 10px;
}
.produce-info-images .product-image-list .product-image-item > img {
  width: 100%;
  height: 100%;
}
.produce-info-images .product-image-list .product-image-item .close {
  display: none;
  position: absolute;
  right: -4px;
  top: -4px;
  padding: 2px;
  line-height: 1;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.produce-info-images .product-image-list .product-image-item:hover .close {
  display: block;
}

.ProductInfo .promotion-selling-points {
  width: 600px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.ProductInfo .promotion-selling-points > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.ProductInfo .promotion-selling-points > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.ProductInfo .promotion-selling-points > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.ProductInfo .promotion-selling-points > .content .selling-point-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.ProductInfo .promotion-selling-points > .content .selling-point-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.ProductInfo .promotion-selling-points > .content .selling-point-item:nth-child(2n + 1) {
  margin-right: 12px;
}

.CallToAction .promotion-actions {
  width: 600px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.CallToAction .promotion-actions > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.CallToAction .promotion-actions > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.CallToAction .promotion-actions > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.CallToAction .promotion-actions > .content .action-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.CallToAction .promotion-actions > .content .action-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.CallToAction .promotion-actions > .content .action-item:nth-child(2n + 1) {
  margin-right: 12px;
}

.ProduceItem {
  position: relative;
}
.ProduceItem .Card.ProductInfo,
.ProduceItem .Card.CallToAction {
  border: none;
}
.ProduceItem .Card.ProductInfo > .header,
.ProduceItem .Card.CallToAction > .header {
  display: none;
}
.ProduceItem .Card.ProductInfo > .content,
.ProduceItem .Card.CallToAction > .content {
  padding: 0;
}
.ProduceItem.is-show-source .ProductInfo .produce-info-images {
  margin-top: 60px;
}
.ProduceItem.is-show-source .source {
  position: absolute;
  top: 50px;
  width: 100%;
}

.CreativeSetting .ant-cascader-picker-arrow {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}

.CreativeSettingItem {
  position: relative;
}
.CreativeSettingItem .Card.CreativeSetting {
  border: none;
}
.CreativeSettingItem .Card.CreativeSetting > .header {
  display: none;
}
.CreativeSettingItem .Card.CreativeSetting > .content {
  padding: 0;
}

.BlueFlowPackage .package-content {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 10px;
}
.BlueFlowPackage .package-content .showhiddenErrorMsg {
  position: absolute;
  bottom: -25px;
}
.BlueFlowPackage .select-table-content {
  padding: 10px;
  flex: 0 0 70%;
  height: 354px;
  border: 1px solid #DADFE3;
}
.BlueFlowPackage .select-table-content .MyInput {
  width: 100%;
  margin: 10px 0;
}
.BlueFlowPackage .result-content {
  flex: 0 0 30%;
}
.BlueFlowPackage .result-content .selected {
  margin-left: 16px;
  height: 354px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.BlueFlowPackage .result-content .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.BlueFlowPackage .result-content .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.BlueFlowPackage .result-content .selected .select-result {
  height: 310px;
  padding: 10px 0;
  overflow-y: auto;
}
.BlueFlowPackage .result-content .selected .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.BlueFlowPackage .result-content .selected .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.CreateKeywordContent {
  max-width: 100%;
}
.CreateKeywordContent .showhiddenErrorMsg {
  position: relative;
}
.CreateKeywordContent .download-link {
  color: var(--edt-primary-color);
}
.CreateKeywordContent .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.CreateKeywordContent .Uploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  cursor: pointer;
}
.CreateKeywordContent .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.CreateKeywordContent .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.CreateKeywordContent .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.CreateKeywordContent .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.CreateKeywordContent .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.KeywordItem {
  position: relative;
}
.KeywordItem .Card.CreateKeywordContent {
  border: none;
}
.KeywordItem .Card.CreateKeywordContent > .header {
  display: none;
}
.KeywordItem .Card.CreateKeywordContent > .content {
  padding: 0;
}
.KeywordItem .Uploader {
  width: 400px;
}

.batch-detail-condition .BatchConditionTabs .add-condition-btn,
.batch-detail-condition .TabItem .btn-area {
  display: none;
}
.batch-detail-condition input,
.batch-detail-condition .Input,
.batch-detail-condition .Select,
.batch-detail-condition .RadioGroup,
.batch-detail-condition .CheckboxGroup,
.batch-detail-condition .MouseSelect,
.batch-detail-condition .ant-btn,
.batch-detail-condition .Checkbox,
.batch-detail-condition .PanelTree {
  pointer-events: none;
}
.batch-detail-condition .BatchCondition .batch-item {
  margin: 20px 20px 30px;
}
.batch-detail-condition .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.batch-detail-condition .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.batch-detail-condition .BatchCondition .batch-content-item {
  display: none;
}
.batch-detail-condition .BatchCondition .batch-content-item.active {
  display: block;
}
.batch-detail-condition .BatchCondition .AudienceList .audience-save {
  display: none;
}
.batch-detail-condition .BatchCondition .ConvertList .quick-link {
  display: none;
}

.Oe2TaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.Oe2TaskDetailModal .header .title {
  font-size: 14px;
}
.Oe2TaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.Oe2TaskDetailModal .sub-title {
  line-height: 2;
}
.Oe2TaskDetailModal .ControlGroup {
  line-height: 2;
}
.Oe2TaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.Oe2TaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.Oe2TaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.Oe2TaskDetailModal .Nav {
  margin-bottom: 16px;
}
.Oe2TaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.AppItem {
  display: flex;
  align-items: center;
}
.AppItem .app-item {
  margin: 8px 0;
  height: 35px;
  width: 100%;
  line-height: 1.2;
}
.AppItem .app-item img {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.AppItem .app-item > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.AppItem .app-item .id {
  font-size: 12px;
  color: #aab8c2;
}
.AppItem .os {
  padding: 0 0 0 10px;
  font-size: 18px;
  color: #aab8c2;
}
.AppItem .os .anticon-android {
  color: #a4c439;
}
.AppItem .os .anticon-apple {
  color: #8899a6;
}

.ApplicationSearch {
  display: inline-block;
  width: 400px;
}
.ApplicationSearch .ant-input-group-addon .Select {
  display: inline-block;
  width: 100px;
  margin: -10px;
  border-right: 1px solid #dadcde;
}
.ApplicationSearch .ant-input-group-addon .Select:last-child {
  border-right: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input {
  border: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input:focus {
  box-shadow: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-select-dropdown {
  top: 100%;
}
.ApplicationSearch .selected-result + .search-input {
  display: none;
}
.ApplicationSearch .search-input .ant-input-group > .ant-input {
  height: 40px;
}
.ApplicationSearch .AppItem {
  flex: 1 1 auto;
  width: calc(100% - 25px);
}
.ApplicationSearch .app-selector-empty {
  line-height: normal;
  padding-top: 30px;
}
.ApplicationSearch .app-selector-empty p {
  margin-bottom: 0;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .object-item .select-btn.creative-level:not(.checked) {
  display: none;
}
.TreeRender .list-container .object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.ConditionTabs {
  padding: 10px 0 0;
}
.ConditionTabs .TabItem {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  border-right: 1px solid #dadcde;
}
.ConditionTabs .TabItem .name {
  position: relative;
  padding-right: 25px;
  line-height: 32px;
  max-width: 200px;
  font-weight: bold;
  cursor: pointer;
}
.ConditionTabs .TabItem.active .name {
  color: #1890ff;
}
.ConditionTabs .TabItem.active:after {
  content: '';
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: -10px;
  height: 2px;
  background: #1890ff;
}

.InventoryCatalog .scene-select {
  margin-top: 20px;
}
.InventoryCatalog .type-select {
  margin-top: 20px;
}
.InventoryCatalog .type-select .PanelTree .content {
  max-height: 260px;
}

.CreateAudience .audience-save {
  display: none;
}

.date-select ::v-deep.VSelect {
  margin: 0;
}
.date-select .divide {
  margin: 0 10px;
}

.Schedule .ant-radio-button-wrapper {
  height: auto;
}

.Product ::v-deep.Card {
  border: none;
}
.Product ::v-deep.Card > .header {
  display: none;
}
.Product ::v-deep.Card > .content {
  padding: 10px 0;
}

.SelectedTable {
  margin: 10px 0;
}

.material-rule-preview-modal .video-wrapper {
  height: 500px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: auto;
}
.material-rule-preview-modal .video-wrapper .loader-item {
  position: relative;
  width: 140px;
  height: 250px;
  margin-right: 16px;
  margin-bottom: 45px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: #efefef no-repeat center;
}
.material-rule-preview-modal .video-wrapper .loader-item .name-text {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  line-height: 30px;
  font-size: 12px;
  color: #62717d;
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item {
  position: relative;
  text-align: center;
  transition: transform 0.3s;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item img,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item .video,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item .video {
  width: 100%;
  height: 100%;
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item .video-player,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item .video-player {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item .video-play-icon,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.video-item .video-play-icon > img,
.material-rule-preview-modal .video-wrapper .loader-item ::v-deep.image-item .video-play-icon > img {
  width: 100%;
  height: 100%;
}

.rule-item {
  position: relative;
}
.rule-item::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 20px;
  height: 0;
  border-top: 1px solid #d9d9d9;
}
.rule-item:last-child::after {
  content: '';
  position: absolute;
  left: -22px;
  top: 19px;
  width: 4px;
  height: 100%;
  background-color: #fff;
}

.MaterialRuleCreate .condition ::v-deep.condition-selector {
  margin-left: 0;
  margin-right: 10px;
}
.MaterialRuleCreate .rule-wrapper {
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.MaterialRuleCreate .rule-item-wrapper {
  margin-left: 20px;
  padding: 10px 20px;
  border-left: 1px solid #d9d9d9;
}

.material-rule-create-modal .material-rule-create-type {
  margin: 0 0 20px 0;
}
.material-rule-create-modal .material-rule-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.material-rule-create-modal .material-rule-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}

.MaterialRule .btn-area .ant-btn {
  margin-right: 10px;
}
.MaterialRule .btn-area ::v-deep.rule-condition {
  margin: 0 10px 0 0;
}
.MaterialRule .empty {
  margin: 10px 0;
  padding: 20px;
  border: 1px dashed #ccc;
}

.rule .ant-rule-btn {
  margin-left: 10px;
}
.rule .empty {
  margin: 10px 0;
  padding: 20px;
  border: 1px dashed #ccc;
}

.CommonQueueList {
  height: calc(100% - 80px);
  padding: 5px 20px;
}
.CommonQueueList .ant-spin-nested-loading {
  height: calc(100% - 60px);
}
.CommonQueueList .ant-spin-container {
  height: 100%;
}
.CommonQueueList .ant-btn-danger {
  margin-left: 10px;
}
.CommonQueueList .ant-pagination {
  margin-top: 15px;
  text-align: center;
}
.CommonQueueList .error-status .operation-btns {
  display: flex;
}
.CommonQueueList .error-status .operation-btns .ant-btn {
  padding: 0;
}
.CommonQueueList .error-status .operation-btns .ant-btn + .ant-btn {
  margin-left: 20px;
}
.CommonQueueList .error-status .error {
  color: red;
  cursor: text;
}
.CommonQueueList .link {
  color: #1089FF;
}

.AutoCreateManage {
  padding: 16px;
  height: 100%;
}
.AutoCreateManage ::v-deep.AutoCreateMainContent {
  height: calc(100% - 65px);
}
.AutoCreateManage ::v-deep.AutoCreateMainContent > .content {
  height: 100%;
}
.AutoCreateManage ::v-deep.AutoCreateMainContent > .content .content-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dadcde;
}
.AutoCreateManage ::v-deep.AutoCreateMainContent .tabs > li {
  margin-right: 25px;
  padding: 0 5px;
}
.AutoCreateManage ::v-deep.AutoCreateMainContent .tabs .active {
  font-weight: bold;
}
.AutoCreateManage ::v-deep.AutoCreateMainContent .BatchCreateFilter {
  position: absolute;
  right: 16px;
  top: 12px;
}

.auto-create-navigator {
  flex: 0 0 250px;
  width: 250px;
  padding: 20px 40px;
  background: #fff;
  overflow-y: auto;
}
.auto-create-navigator .navigator-item {
  display: flex;
  padding: 10px 0;
  line-height: 20px;
}
.auto-create-navigator .navigator-item .step {
  width: 20px;
  height: 20px;
  line-height: 18px;
  margin-right: 12px;
  text-align: center;
  font-size: 14px;
  color: #1089FF;
  border: 1px solid #1089FF;
  border-radius: 50%;
}
.auto-create-navigator .navigator-item .step.valid {
  background-color: #1089FF;
  color: #fff;
}
.auto-create-navigator .navigator-item .step.invalid {
  background-color: var(--edt-error-color);
  border-color: var(--edt-error-color);
  color: #fff;
}
.auto-create-navigator .navigator-item .link {
  color: #333;
}

.auto-create-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.auto-create-wrapper .create-content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.auto-create-wrapper .create-content ::v-deep.footer {
  text-align: right;
}
.auto-create-wrapper .create-content ::v-deep.footer .ant-btn {
  margin-left: 20px;
}
.auto-create-wrapper ::v-deep.is-invalid.showhiddenErrorMsg {
  position: relative;
}

.TxRetargetingTags {
  margin-top: 16px;
}
.TxRetargetingTags .advertiser-filter {
  display: flex;
  align-items: center;
}
.TxRetargetingTags .advertiser-filter .Select {
  width: calc(100% - 64px);
}
.TxRetargetingTags .advertiser-filter .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.TxRetargetingTags .advertiser-filter .Select .labels {
  padding: 2px 6px 0 0;
}
.TxRetargetingTags .advertiser-filter .Select .labels > li {
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TxRetargetingTags .advertiser-filter .ant-btn {
  height: 36px;
  border-radius: 0 4px 4px 0;
}
.TxRetargetingTags .audience-filter-input {
  position: absolute;
  top: 150px;
  left: 20px;
  z-index: 2;
}
.TxRetargetingTags .retargeting-tags-table {
  width: 600px;
  margin-top: 16px;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.TxRetargetingTags .selected {
  margin-left: 16px;
  width: 320px;
  height: 372px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.TxRetargetingTags .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.TxRetargetingTags .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav {
  width: 100%;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav > div:first-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav > div:first-child .ant-tabs-tab {
  width: 50%;
  text-align: center;
}
.TxRetargetingTags .selected > .content .ant-tabs-tabpane {
  height: 240px;
  overflow: auto;
}
.TxRetargetingTags .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.TxRetargetingTags .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.AudienceWechatAdBehavior .customer {
  display: flex;
}
.AudienceWechatAdBehavior .customer .header .title {
  font-size: 14px;
  font-weight: normal;
}
.AudienceWechatAdBehavior .customer .content {
  min-height: 100px;
}
.AudienceWechatAdBehavior .selected {
  margin: 0 0 0 16px;
  width: 220px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.AudienceWechatAdBehavior .selected > .content {
  padding: 0;
}
.AudienceWechatAdBehavior .selected > .content .ant-tabs-tabpane {
  max-height: 230px;
  overflow: auto;
}
.AudienceWechatAdBehavior .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.AudienceWechatAdBehavior .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}
.MaterialSelectorWrapper.SmallSelector .create-btns {
  width: 100%;
}
.MaterialSelectorWrapper.SmallSelector .create-btns .ant-btn {
  width: 100%;
  padding: 0;
}


.CreativeElements {
  margin-top: 12px;
}
.CreativeElements .CharacterCountInput {
  margin-top: 12px;
}
.CreativeElements .CharacterCountInput + .ControlGroup {
  margin-top: 12px;
}
.CreativeElements .select-image-label-dom {
  display: flex;
  align-items: center;
}
.CreativeElements .select-image-label-dom > img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
}
.CreativeElements .landing-page-select-item .img-wrapper {
  height: 40px;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.CreativeElements .ImageLabelSelectWrapper > .controls {
  display: flex;
  align-items: center;
}
.CreativeElements .ImageLabelSelectWrapper > .controls .showhiddenErrorMsg {
  position: relative;
}

.ElementMaterials .MaterialSelectorWrapper {
  position: relative;
}
.ElementMaterials .MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 2px;
}

.CreativeConversion {
  margin-top: 12px;
}
.CreativeConversion > .controls {
  padding: 10px 0;
  border: 1px solid #dadfe3;
}
.CreativeConversion > .controls > .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.CreativeConversion > .controls > .ControlGroup .controls .control-label {
  flex: 0 0 100px;
}

.TxCreativeMaterial {
  min-height: 100px;
  padding: 24px 24px 24px 0;
  display: flex;
}
.TxCreativeMaterial .form-content {
  flex: 1 1 auto;
}
.TxCreativeMaterial .form-content .control-label {
  flex: 0 0 160px;
}
.TxCreativeMaterial .material-preview {
  width: 256px;
  height: 500px;
  margin-left: 20px;
  padding: 24px;
  background: #F8F9FA;
  border-radius: 4px;
  font-weight: bold;
}
.TxCreativeMaterial.material-error .VInput.is-invalid .MyInput {
  border-color: red;
}
.TxCreativeMaterial.material-error .BasicComponent .selector-btn {
  border-color: red;
}
.TxCreativeMaterial .creative-item-title .validation-error {
  display: block;
}
.TxCreativeMaterial .MaterialSelectorWrapper {
  margin-right: 5px;
  margin-bottom: 2px;
}
.TxCreativeMaterial .MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 0;
}

.MaterialsDetail {
  width: 730px;
  min-height: 293px;
  margin-top: 12px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.MaterialsDetail .material-item {
  display: none;
}
.MaterialsDetail .active-material {
  display: block;
}
.MaterialsDetail .header {
  border-bottom: 1px solid #dadfe3;
  padding: 0 14px;
  overflow: hidden;
}
.MaterialsDetail .header .material-navs {
  display: inline-block;
}
.MaterialsDetail .header .material-navs .nav-item {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  margin: 0 9px 7px 10px;
  border-radius: 2px;
  cursor: pointer;
}
.MaterialsDetail .header .material-navs .nav-item .del-icon {
  display: none;
  position: absolute;
  padding: 7px;
  line-height: 0;
  right: 0;
  top: 50%;
  font-size: 10px;
  color: #aaa;
  transform: translateY(-50%);
}
.MaterialsDetail .header .material-navs .nav-item .error-icon {
  display: inline;
  margin-left: 3px;
  color: #FF4949;
}
.MaterialsDetail .header .material-navs .nav-item.active {
  color: #2F88FF;
  font-weight: bold;
}
.MaterialsDetail .header .material-navs .nav-item.active:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #2F88FF;
  left: 2px;
  right: 2px;
  height: 2px;
  bottom: -7px;
}
.MaterialsDetail .header .material-navs .nav-item:hover {
  background-color: #f8f8f8;
  margin-right: -9px;
  padding-right: 26px;
}
.MaterialsDetail .header .material-navs .nav-item:hover .del-icon {
  display: inline-block;
}
.MaterialsDetail .header .operation-area {
  display: inline-block;
  border-left: 1px solid #E5E6EB;
  margin-left: 20px;
  padding-left: 16px;
}
.MaterialsDetail .material-preview {
  width: 256px;
  height: 500px;
  background: #F8F9FA;
  border-radius: 4px;
}
.MaterialsDetail .ant-empty {
  padding: 44px 0 43px 0;
}
.MaterialsDetail .ant-empty .ant-btn {
  margin-left: 10px;
}

.CreativeContent .creative-navs .nav-list > div {
  vertical-align: top;
}
.CreativeContent .creative-navs .nav-list .nav-item {
  width: 160px;
  height: 86px;
}
.CreativeContent .Materials {
  display: none;
}
.CreativeContent .Materials.active {
  display: block;
}

.CreativeItemDetail {
  padding-top: 8px;
}

.BatchTaskCreativeGroup > .content > .ControlGroup > .control-label {
  flex: 0 0 100px;
}
.BatchTaskCreativeGroup > .content {
  overflow: auto;
}
.BatchTaskCreativeGroup .CreativeGroupList .ControlGroup > .control-label {
  flex: 0 0 160px;
}

.TxTaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.TxTaskDetailModal .header .title {
  font-size: 14px;
}
.TxTaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.TxTaskDetailModal .sub-title {
  line-height: 2;
}
.TxTaskDetailModal .BaseInfoDetail .ControlGroup > .control-label {
  flex: 0 0 170px;
}
.TxTaskDetailModal .BaseInfoDetail .ControlGroup > .controls {
  width: calc(100% - 170px);
}
.TxTaskDetailModal .ControlGroup {
  line-height: 2;
}
.TxTaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.TxTaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.TxTaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.TxTaskDetailModal .Nav {
  margin-bottom: 16px;
}
.TxTaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .tree-object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .tree-object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .tree-object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .tree-object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .tree-object-item .select-btn.creative-level:not(.checked) {
  display: inline-block;
}
.TreeRender .list-container .tree-object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .tree-object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .tree-object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .tree-object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .tree-object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.RegionAudience .SearchInput {
  margin-top: 20px;
}
.RegionAudience .ant-cascader-picker {
  margin-top: 20px;
}
.RegionAudience .tab-btns {
  margin-top: 10px;
}
.RegionAudience .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.RegionAudience .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.RegionAudience .PanelTree {
  margin-top: 10px;
}
.business-cascader .ant-cascader-menu {
  width: 200px;
}

.AgeAudience .customer-area {
  margin-top: 10px;
}
.AgeAudience .customer-area .VSelect {
  margin: 0;
}

.BatchWordsAdder .BatchTextEditor .content .index {
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin: 6px 0;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index {
  background-color: #FF4949;
  color: #fff;
}
.BatchWordsAdder .BatchTextEditor .content .is-error .index::after {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent transparent #FF4949;
}
.BatchWordsAdder .error-words-wrapper .desc {
  color: #FF4949;
}
.BatchWordsAdder .error-words-wrapper .error-list .anchor-link {
  display: inline-block;
}
.BatchWordsAdder .error-words-wrapper .error-list .ant-btn-link {
  padding: 4px;
}
.BatchWordsAdder .error-words-wrapper .clear-btn {
  padding: 0;
}

.Keyword {
  display: flex;
  margin-top: 16px;
}
.Keyword .SelectorPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 680px;
  min-height: 294px;
  margin-right: 16px;
}
.Keyword .SelectorPanel .tab-btns {
  padding: 0 10px;
  border-bottom: 1px solid #e8e8e8;
}
.Keyword .SelectorPanel .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.Keyword .SelectorPanel .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.Keyword .SelectorPanel .tab-btns > li.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.Keyword .SelectorPanel .ant-table-small {
  border: none;
}
.Keyword .SelectorPanel .keyword-table .package-keyword .all-btn {
  margin-left: 6px;
  color: #1890ff;
  cursor: pointer;
}
.Keyword .SelectorPanel .keyword-table .add-btn {
  color: #1890ff;
  cursor: pointer;
}
.Keyword .SelectorPanel .ant-input-search .ant-input {
  border-width: 0 0 1px;
  border-radius: 0;
}
.Keyword .SelectorPanel .batch-add {
  padding: 0 10px;
  border-bottom: 1px solid #e8e8e8;
}
.Keyword .SelectorPanel .batch-add .ant-btn {
  margin-left: 10px;
}
.Keyword .SelectorPanel .PackageSelector .ant-breadcrumb {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.Keyword .SelectorPanel .PackageSelector .ant-breadcrumb .return-btn {
  color: #1890ff;
  cursor: pointer;
}
.Keyword .ResultPanel {
  position: relative;
  flex-direction: column;
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 300px;
}
.Keyword .ResultPanel .header {
  padding: 8px;
  background: #f8f9fa;
  border-bottom: 1px solid #DADFE3;
  border-radius: 4px 4px 0 0;
}
.Keyword .ResultPanel .header .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.Keyword .ResultPanel .header .word-count {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.Keyword .ResultPanel .header .clear-btn,
.Keyword .ResultPanel .header .batch-add-btn {
  float: right;
  height: 20px;
  padding: 0 10px;
}
.Keyword .ResultPanel .result-body {
  height: 300px;
}
.Keyword .ResultPanel .result-body .body-list {
  height: 100%;
  overflow: auto;
}
.Keyword .ResultPanel .result-body .body-list .word-item {
  display: flex;
  padding: 8px;
  line-height: 1.5;
}
.Keyword .ResultPanel .result-body .body-list .word-item .name-col {
  flex: 1 1 auto;
}
.Keyword .ResultPanel .result-body .body-list .word-item .btn-col {
  visibility: hidden;
  padding-left: 4px;
}
.Keyword .ResultPanel .result-body .body-list .word-item .btn-col .ant-btn {
  padding: 0;
}
.Keyword .ResultPanel .result-body .body-list .word-item:hover .btn-col {
  visibility: visible;
}
.Keyword .ResultPanel .result-footer {
  border-top: 1px solid #DADFE3;
}

.Crowd .customer {
  position: relative;
  margin-top: 16px;
}
.Crowd .audience-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}
.Crowd .retargeting-tags-table {
  width: 560px;
}
.Crowd .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.Crowd .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.Crowd .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.Crowd .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.Crowd .selected {
  margin-left: 16px;
  width: 320px;
  height: 321px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.Crowd .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.Crowd .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.Crowd .selected > .content {
  height: 280px;
  padding: 10px 0;
  overflow: auto;
}
.Crowd .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.Crowd .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.ExcludeCrowdAudience .customer {
  position: relative;
  margin-top: 16px;
}
.ExcludeCrowdAudience .excludeTrans {
  margin-top: 16px;
}
.ExcludeCrowdAudience .audience-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}
.ExcludeCrowdAudience .retargeting-tags-table {
  width: 560px;
}
.ExcludeCrowdAudience .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.ExcludeCrowdAudience .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.ExcludeCrowdAudience .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.ExcludeCrowdAudience .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.ExcludeCrowdAudience .selected {
  margin-left: 16px;
  width: 320px;
  height: 321px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.ExcludeCrowdAudience .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.ExcludeCrowdAudience .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.ExcludeCrowdAudience .selected > .content {
  height: 280px;
  padding: 10px 0;
  overflow: auto;
}
.ExcludeCrowdAudience .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.ExcludeCrowdAudience .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.AudienceDetail .ControlGroup {
  margin-top: 0;
}
.AudienceDetail .ControlGroup .control-label {
  flex: 0 0 100px;
  padding-right: 6px;
}

.AudienceList .AudienceItem {
  display: none;
}
.AudienceList .AudienceItem.active {
  display: block;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}

.elementsTitle .ant-btn {
  margin-right: 10px;
}
.elementsTitle .selected-count {
  display: inline-block;
  margin-right: 10px;
}
.elementsTitle .icon-delete {
  margin-left: 10px;
  cursor: pointer;
}
.elementsTitle .icon-delete:hover {
  color: #2f88ff;
}

.BatchCreateAssembleTitle .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.BatchCreateAssembleTitle .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchCreateAssembleTitle .BatchTextEditor {
  margin-bottom: 10px;
}
.BatchCreateAssembleTitle .ControlGroup .control-label {
  flex: 0 0 130px;
}
.BatchCreateAssembleTitle .MutilMaterial .title,
.BatchCreateAssembleTitle .MutilCopy .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px;
  background-color: #fdfdfd;
  border-radius: 5px;
  vertical-align: middle;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper:hover .close-btn,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper:hover .close-btn {
  display: inline-block;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -8px;
  right: -2px;
  cursor: pointer;
  color: #999;
  z-index: 1;
  font-size: 16px;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn:hover,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.BatchCreateAssembleTitle .MutilMaterial .material-add-btn,
.BatchCreateAssembleTitle .MutilCopy .material-add-btn {
  line-height: 20px;
  border: 1px dotted #DADFE3;
  border-radius: 0;
}


.Brand .create-brand-btn {
  margin-left: 10px;
}
.Brand .brand-item {
  display: flex;
  line-height: 36px;
}
.Brand .brand-item img {
  width: 36px;
  height: 36px;
}
.Brand .brand-item .name {
  flex: 1 1 auto;
  margin-left: 10px;
}
.Brand .brand-item .ant-btn {
  padding: 0 5px;
}

.CreativeGroupList.bd-batch-creative-group-list-wrapper {
  max-width: calc(100% - 100px);
}

.batch-detail-condition .BatchConditionTabs .add-condition-btn,
.batch-detail-condition .TabItem .btn-area {
  display: none;
}
.batch-detail-condition input,
.batch-detail-condition .Input,
.batch-detail-condition .Select,
.batch-detail-condition .RadioGroup,
.batch-detail-condition .CheckboxGroup,
.batch-detail-condition .MouseSelect,
.batch-detail-condition .ant-btn,
.batch-detail-condition .Checkbox,
.batch-detail-condition .PanelTree {
  pointer-events: none;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-content-item {
  display: none;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-content-item.active {
  display: block;
}

.BdTaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.BdTaskDetailModal .header .title {
  font-size: 14px;
}
.BdTaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.BdTaskDetailModal .sub-title {
  line-height: 2;
}
.BdTaskDetailModal .ControlGroup {
  line-height: 2;
}
.BdTaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.BdTaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.BdTaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.BdTaskDetailModal .Nav {
  margin-bottom: 16px;
}
.BdTaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .tree-object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .tree-object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .tree-object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .tree-object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .tree-object-item .select-btn.creative-level:not(.checked) {
  display: inline-block;
}
.TreeRender .list-container .tree-object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .tree-object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .tree-object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .tree-object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .tree-object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.KsBudgetEditContent .Table .TableBody .TableBody-content .TableBody-row .TableBody-cell {
  align-items: flex-start;
}
.DayBudgetInput {
  display: inline-block;
  vertical-align: top;
}
.DayBudgetInput .BudgetItem .price-input {
  margin-left: 0;
}
.DayBudgetInput .BudgetItem .price-input.is-invalid input {
  border-color: var(--edt-error-color);
}
.DayBudgetInput .BudgetItem .price-input.is-invalid .validation-error {
  display: none;
}
.DayBudgetInput .ControlGroup.hidden.schedule-input {
  position: relative;
}
.ks-select-budget-popover {
  width: 300px;
}
.ks-select-budget-popover .budget-item-wrap {
  display: flex;
  line-height: 36px;
}
.ks-select-budget-popover .budget-item-wrap .label {
  padding-right: 10px;
}
.ks-select-budget-popover .budget-item-wrap .price-input.is-invalid input {
  border-color: var(--edt-error-color);
}
.ks-select-budget-popover .budget-item-wrap .price-input.is-invalid .validation-error {
  display: none;
}

.Advertisers .advertiser-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Advertisers .advertiser-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Advertisers .advertiser-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Advertisers .advertiser-budget-cell .visible-btn {
  display: inline-block;
}
.Advertisers .ai-target-cell {
  color: #1089ff;
  cursor: pointer;
}
.Advertisers .ai-budget-range-cell .anticon {
  display: none;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.Advertisers .ai-budget-range-cell:hover .anticon {
  display: inline-block;
}

.AgeAudience .customer-area {
  display: flex;
  align-items: center;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.Campaigns .campaign-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Campaigns .campaign-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Campaigns .campaign-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Campaigns .campaign-budget-cell .visible-btn {
  display: inline-block;
}

.NameEditContent.ControlGroup > .control-label,
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 140px;
}
.Ads .ad-group-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Ads .ad-group-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Ads .ad-group-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Ads .ad-group-budget-cell .visible-btn {
  display: inline-block;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.MainContent .Programs .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.NameEditContent.ControlGroup > .control-label {
  flex: 0 0 80px;
}
.Campaigns .campaign-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Campaigns .campaign-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Campaigns .campaign-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Campaigns .campaign-budget-cell .visible-btn {
  display: inline-block;
}
.Campaigns .ps-msg {
  font-size: 12px;
  color: #8995a5;
}
.Campaigns .effective-status:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  vertical-align: middle;
  background-color: #999;
  border-radius: 50%;
}
.Campaigns .effective-status.active:before {
  background-color: #69D100;
}
.Campaigns .effective-status.disapproved:before {
  background-color: red;
}
.Campaigns .effective-status.preapproved:before {
  background-color: #fff;
  border: 2px solid #69D100;
}

.NameEditContent.ControlGroup > .control-label,
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 140px;
}
.Ads .ps-msg {
  font-size: 12px;
  color: #8995a5;
}
.Ads .budget-cell:hover .edit-btn,
.Ads .bid-cell:hover .edit-btn {
  display: inline-block;
}
.Ads .effective-status:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  vertical-align: middle;
  background-color: #999;
  border-radius: 50%;
}
.Ads .effective-status.active:before {
  background-color: #69D100;
}
.Ads .effective-status.disapproved:before {
  background-color: red;
}
.Ads .effective-status.preapproved:before {
  background-color: #fff;
  border: 2px solid #69D100;
}

.fb-creative-preview-name-cell {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 40px;
  padding-right: 16px;
  color: #929598;
  cursor: pointer;
}
.fb-creative-preview-name-cell .preview-img {
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  margin-right: 10px;
}
.fb-creative-preview-name-cell .name {
  color: #365899;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fb-creative-preview-name-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
  margin-left: 4px;
  line-height: 22px;
  transform: translateY(-50%);
  font-size: 16px;
}
.fb-creative-preview-name-cell .edit-btn:hover {
  color: #444950;
}
.fb-creative-preview-name-cell:hover .edit-btn {
  display: inline-block;
}
.ads-preview-popover {
  width: 500px;
}
.ads-preview-popover .ant-popover-inner-content {
  padding: 0;
  text-align: center;
}
.ads-preview-popover .ant-popover-inner-content .preview-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 50px;
}
.ads-preview-popover .ant-popover-inner-content .preview-footer span {
  width: 80px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #1890ff;
  cursor: pointer;
}
.ads-preview-popover .ant-popover-inner-content iframe {
  width: 100%;
  max-height: 600px;
  border: none;
}
.ads-preview-popover .ant-popover-inner-content .ant-spin {
  width: 100%;
  padding: 40px 0;
}
.FbCreativePreview {
  text-align: left;
}
.FbCreativePreview .title {
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  border-bottom: 1px solid #dadcde;
}
.FbCreativePreview .select-nav {
  padding: 8px;
  border-bottom: 1px solid #dadcde;
}
.FbCreativePreview .iframe-area {
  margin: 15px auto;
  text-align: center;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.MainContent .Creatives .effective-status:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  vertical-align: middle;
  background-color: #999;
  border-radius: 50%;
}
.MainContent .Creatives .effective-status.active:before {
  background-color: #69D100;
}
.MainContent .Creatives .effective-status.disapproved:before {
  background-color: red;
}
.MainContent .Creatives .effective-status.preapproved:before {
  background-color: #fff;
  border: 2px solid #69D100;
}

.Campaigns .campaign-budget {
  position: relative;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Campaigns .campaign-budget .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Campaigns .campaign-budget:hover .edit-btn {
  display: inline;
}
.Campaigns .campaign-status .status-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-right: 4px;
}

.Ads .Table .adgroup-budget {
  position: relative;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Ads .Table .adgroup-budget .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Ads .Table .adgroup-budget:hover .edit-btn {
  display: inline;
}
.Ads .Table .bid-price {
  position: relative;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Ads .Table .bid-price .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Ads .Table .bid-price:hover .edit-btn {
  display: inline;
}
.Ads .Table .adgroup-status .status-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-right: 4px;
}

.TkAdPreview {
  height: 60px;
}
.TkAdPreview .image-ad {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
}
.TkAdPreview .image-ad .texts {
  flex: 1 1 auto;
  margin-left: 6px;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.MainContent .Creatives .Table .ad-status .status-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-right: 4px;
}

.Advertisers .advertiser-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Advertisers .advertiser-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Advertisers .advertiser-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Advertisers .advertiser-budget-cell .visible-btn {
  display: inline-block;
}

.SingleEditBudget .budget-mode-wrapper {
  display: flex;
  align-items: center;
}
.SingleEditBudget .budget-mode-wrapper .VRadioGroup {
  width: 600px;
}


.NameEditContent.ControlGroup > .control-label,
.BidEditContent.ControlGroup > .control-label {
  flex: 0 0 140px;
}
.Ads .ad-group-budget-cell .budget-content {
  display: inline-block;
  max-width: calc(100% - 20px);
  vertical-align: middle;
}
.Ads .ad-group-budget-cell .edit-btn {
  display: none;
  color: #1890ff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: text-top;
}
.Ads .ad-group-budget-cell:hover .edit-btn {
  display: inline-block;
}
.Ads .ad-group-budget-cell .visible-btn {
  display: inline-block;
}

.CreativePreview .preview-wrapper {
  display: flex;
  align-items: center;
}
.CreativePreview .right-text {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.MainContent .Creatives .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.MainContent .Programs .Table .TableBody-wrap .TableBody-row {
  height: 70px;
}

.MarketingChainType .tabs {
  background: var(--edt-background-color-base);
}
.MarketingChainType .tabs .Tabs-labels li {
  bottom: -2px;
}
.MarketingChainType .tabs .Tabs-labels li:hover {
  color: var(--edt-primary-color);
}
.MarketingChainType .tabs .active {
  background: var(--edt-component-bg-color);
  border: 1px solid var(--edt-border-base);
  border-bottom: 0;
}
.MarketingChainType .tabs.disabled .Tabs-labels li.active:hover {
  color: var(--edt-primary-color);
}
.MarketingChainType .tabs.disabled .Tabs-labels li:hover {
  color: rgba(0, 0, 0, 0.25);
}
.MarketingChainType .tab-pane {
  border: 1px solid var(--edt-border-base);
  padding: 20px 16px;
}
.MarketingPurpose {
  padding: 0 10px;
}
.LandingWrapper {
  background: var(--edt-background-color-base);
  position: relative;
  padding: 10px;
}
.LandingWrapper.bg-clean {
  background: var(--edt-component-bg-color);
}
.LandingWrapper .pointer {
  position: absolute;
  top: -30px;
  border: 10px solid transparent;
  border-bottom: 10px solid var(--edt-background-color-base);
}
.LandingWrapper .landing-type-list.disabled {
  pointer-events: none;
}
.LandingWrapper .desc {
  margin: 0;
}
.type-item {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.type-item .title {
  font-weight: bold;
  color: #101010;
}
.type-item .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.type-item:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.type-item.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.type-item.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.creative-material-mode .ad-keywords {
  width: 500px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.creative-material-mode .ad-keywords > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.creative-material-mode .ad-keywords > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.creative-material-mode .ad-keywords > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.creative-material-mode .ad-keywords > .content .keyword-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.creative-material-mode .ad-keywords > .content .keyword-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.creative-material-mode .ad-keywords > .content .keyword-item:nth-child(2n + 1) {
  margin-right: 12px;
}
.static-assemble-title .ant-btn {
  margin-right: 10px;
}
.static-assemble-title .selected-count {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 12px;
}
.static-assemble-title .icon-delete {
  margin-left: 10px;
  color: #999999;
  cursor: pointer;
}
.static-assemble-title .icon-delete:hover {
  color: #2f88ff;
}
.static-assemble-title .creative-title-item .validation-error {
  display: block;
  line-height: 20px;
}
.popup-third-industry-id {
  width: 500px;
}
.dynamic-creative {
  width: 1000px;
}
.dynamic-creative .ant-card {
  margin-top: 10px;
}


.Target .quick-link {
  display: inline-block;
  margin-left: 10px;
  color: #1989FA;
  cursor: pointer;
}
.Target .app-name {
  line-height: 18px;
}
.Target .app-name .anticon {
  color: #fff;
  background: green;
  margin-right: 6px;
  border-radius: 50%;
  font-size: 8px;
  padding: 3px;
}
.download-link .validation-error {
  display: block;
}

.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .PanelTree {
  margin-top: 10px;
}
.CreateAudience .launch-price .VSelect {
  margin-left: 0;
}
.CreateAudience .launch-price .divide {
  margin: 0 10px;
}
.CreateAudience .audience-save {
  margin: 12px 0 0 20px;
}
.CreateAudience .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.CreateAudience .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.CreateAudience .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.CreateAudience .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.CreateAudience .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}

.Price .convert-smart-bid .ant-radio-button-wrapper {
  height: 60px;
  border-radius: 4px;
}
.Price .convert-smart-bid .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.Price .convert-smart-bid .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.Price .convert-smart-bid .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.Price .convert-smart-bid .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}
.Price .smart-bid-detail {
  margin-top: 6px;
}
.Price .smart-bid-detail img {
  width: 480px;
  margin-top: 16px;
}
.Price .smart-bid-detail strong {
  color: #000;
}
.Price .smart-bid-detail .show-more-btn {
  margin: 6px 0;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .smart-bid-detail .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.Price .date-select {
  margin-top: 10px;
}
.Price .date-select .VDatePicker {
  margin: 0;
}
.Price .date-select .divide {
  margin: 0 10px;
}
.Price .price-advance {
  margin-top: 12px;
}
.Price .price-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .price-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.Price .price-save {
  margin: 12px 0 0 44px;
}
.Price .price-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .ai-control-vinput > .control-label {
  color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper,
.Price .ai-control-input .control-wrapper {
  color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper input,
.Price .ai-control-input .control-wrapper input {
  border-color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper .ant-input-group-addon,
.Price .ai-control-input .control-wrapper .ant-input-group-addon {
  border-color: #02A8A8;
}
.Price .custom-bid {
  display: flex;
  margin: 12px 0;
}
.Price .custom-bid .bid-input {
  flex: 0 0 330px;
}
.Price .custom-bid .ant-input {
  width: 150px;
}
.Price .custom-bid .ai-cpa-range-groups {
  flex: 1;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range + .cpa-range {
  margin-top: 20px;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .control-label {
  flex: 0 0 210px;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls {
  display: flex;
  align-items: center;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls > span {
  display: inline-block;
  margin: 0 15px;
  color: #02A8A8;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls .isError .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
}
.price-package-use-overlay {
  width: 600px;
}
.price-package-use-overlay .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.price-package-use-overlay tbody tr {
  cursor: pointer;
}
.price-package-use-overlay .project .anticon {
  margin-left: 4px;
}
.price-package-use-overlay .project .anticon :hover {
  color: #2F88FF;
}

.Target .ExternalUrl {
  border: none;
}
.Target .ExternalUrl > .header {
  display: none;
}
.Target .ExternalUrl > .content {
  padding: 0;
}
.quick-link-modal .filter {
  margin-bottom: 4px;
}
.quick-link-modal .filter input {
  width: 200px;
}
.quick-link-modal .filter button {
  margin-left: 4px;
}
.quick-link-modal .ant-table-thead > tr > th,
.quick-link-modal .ant-table-tbody > tr > td {
  padding: 6px 16px;
}
.quick-link-modal .select-btn {
  padding: 0 4px;
}
.subpackage-modal .filter {
  margin-bottom: 4px;
}
.subpackage-modal .filter input {
  width: 200px;
}
.subpackage-modal .filter button {
  margin-left: 4px;
}
.subpackage-modal .ant-table-thead > tr > th,
.subpackage-modal .ant-table-tbody > tr > td {
  padding: 6px 16px;
}
.subpackage-modal .ant-pagination {
  text-align: center;
  margin: 14px 0;
}

.FeedDeliverySearch-keywords-count .controls {
  flex: 0 1 300px;
  padding: 0 10px;
  background: var(--edt-background-color-base);
}

.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .audience-advance .auto-extend .PanelTree .select-area {
  width: 600px;
}
.CreateAudience .audience-advance .auto-extend .PanelTree .result-area {
  width: 320px;
}
.CreateAudience .PanelTree {
  margin-top: 10px;
}
.CreateAudience .launch-price .VSelect {
  margin-left: 0;
}
.CreateAudience .launch-price .divide {
  margin: 0 10px;
}
.CreateAudience .audience-save {
  margin: 12px 0 0 20px;
}
.CreateAudience .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.CreateAudience .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.CreateAudience .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.CreateAudience .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.CreateAudience .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}
.CreateAudience .Age .PanelTree {
  margin-top: 10px;
}

.Price .convert-smart-bid .ant-radio-button-wrapper {
  height: 60px;
  border-radius: 4px;
}
.Price .convert-smart-bid .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.Price .convert-smart-bid .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.Price .convert-smart-bid .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.Price .convert-smart-bid .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}
.Price .smart-bid-detail {
  margin-top: 6px;
}
.Price .smart-bid-detail img {
  width: 480px;
  margin-top: 16px;
}
.Price .smart-bid-detail strong {
  color: #000;
}
.Price .smart-bid-detail .show-more-btn {
  margin: 6px 0;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .smart-bid-detail .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.Price .date-select {
  margin-top: 10px;
}
.Price .date-select .VDatePicker {
  margin: 0;
}
.Price .date-select .divide {
  margin: 0 10px;
}
.Price .price-advance {
  margin-top: 12px;
}
.Price .price-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .price-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.Price .price-save {
  margin: 12px 0 0 44px;
}
.Price .price-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.Price .ai-control-vinput > .control-label {
  color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper,
.Price .ai-control-input .control-wrapper {
  color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper input,
.Price .ai-control-input .control-wrapper input {
  border-color: #02A8A8;
}
.Price .ai-control-vinput .control-wrapper .ant-input-group-addon,
.Price .ai-control-input .control-wrapper .ant-input-group-addon {
  border-color: #02A8A8;
}
.Price .custom-bid {
  display: flex;
  margin: 12px 0;
}
.Price .custom-bid .bid-input {
  flex: 0 0 330px;
}
.Price .custom-bid .ant-input {
  width: 150px;
}
.Price .custom-bid .ai-cpa-range-groups {
  flex: 1;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range + .cpa-range {
  margin-top: 20px;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .control-label {
  flex: 0 0 210px;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls {
  display: flex;
  align-items: center;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls > span {
  display: inline-block;
  margin: 0 15px;
  color: #02A8A8;
}
.Price .custom-bid .ai-cpa-range-groups .cpa-range > .controls .isError .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
}
.price-package-use-overlay {
  width: 600px;
}
.price-package-use-overlay .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.price-package-use-overlay tbody tr {
  cursor: pointer;
}
.price-package-use-overlay .project .anticon {
  margin-left: 4px;
}
.price-package-use-overlay .project .anticon :hover {
  color: #2F88FF;
}

.AccountSelector .RadioGroup .ant-radio-wrapper {
  display: block;
  margin-top: 8px;
}
.AccountSelector .ControlGroup > .control-label {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSelector .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
  margin-left: 120px;
  margin-top: 0;
}
.AccountSelector .share-accounts-wrapper {
  margin-left: 120px;
}
.AccountSelector .share-accounts-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell {
  background-color: #fff;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell .name-header-cell .ant-input {
  width: 400px;
  height: 28px;
  margin-left: 20px;
}
.AccountSelector .share-accounts-wrapper .accounts-table.empty-table {
  border-bottom: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content {
  overflow-x: hidden;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content .row-container .TableBody-row:nth-last-child(2) .TableBody-cell {
  border-bottom: none;
}

.CopyLayout {
  padding: 44px 0px 70px;
}
.CopyLayout > .content .Card > .content {
  padding: 20px 16px;
}
.CopyLayout > .content .title-card {
  font-weight: bold;
}
.CopyLayout .footer-card {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: calc(100% - 24px);
  margin: 0 12px;
  z-index: 2;
}
.CopyLayout .footer-card > .content {
  display: flex;
  justify-content: space-between;
  padding: 6px 16px;
}

.CampaignsCopySelector .title {
  margin-left: 25px;
}
.CampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.CampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 45px;
  margin-bottom: 10px;
}

.SettingButton .anticon-double-right {
  transform: rotate(90deg);
}
.SettingButton .anticon-double-right.isActive {
  transform: rotate(270deg);
}

.AdList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.AdList .ad-wrapper {
  position: relative;
  padding: 10px 0;
}
.AdList .ad-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.AdList .ad-wrapper .AdItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.AdList .ad-wrapper .AdItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.AdList .ad-wrapper .AdItem .detail-edit-wrapper .ConvertTarget {
  margin: 10px 0 0 0;
}
.AdList .ad-wrapper .AdItem .detail-edit-wrapper .ConvertTarget::before {
  width: 0;
  height: 0;
}
.AdList .ad-wrapper .AdItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.AdList .ad-wrapper .AdItem .ad-name-wrapper .ControlGroup .control-label {
  flex: 0 0 130px;
}
.AdList .ad-wrapper .AdItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 170px;
}
.AdList .ad-wrapper .AdItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.AdList .ad-wrapper .AdItem .special-edit-wrapper .ControlGroup > .control-label {
  flex: 0 0 120px;
  text-align: left;
}
.AdList .ad-wrapper .AdItem .special-edit-wrapper::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 10px);
  left: -155px;
  top: 0;
  background-color: #BBB;
}
.AdList .ad-wrapper .AdItem .special-edit-wrapper .ConvertTarget {
  position: relative;
  height: 36px;
}
.AdList .ad-wrapper .CreativeItem {
  position: relative;
  margin: 20px 0 0 60px;
}
.AdList .ad-wrapper .CreativeItem .detail-edit-wrapper {
  left: -90px;
  width: calc(100% + 90px);
}
.AdList .ad-wrapper .CreativeItem .BelongAd {
  display: none;
}
.AdList .ad-wrapper .CreativeItem .creative-title {
  position: relative;
}
.AdList .ad-wrapper .CreativeItem .creative-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.AdList .ad-wrapper .CreativeItem .creative-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}
.AdList .ad-wrapper .KeywordItem {
  margin-left: 60px;
}
.AdList .ad-wrapper .KeywordItem .keyword-title {
  position: relative;
}
.AdList .ad-wrapper .KeywordItem .keyword-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.AdList .ad-wrapper .KeywordItem .keyword-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}
.AdList .ad-wrapper .error {
  color: red;
}

.CampaignList .CampaignItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .CampaignItem .campaign-detail {
  position: relative;
  width: 900px;
  padding: 10px;
  margin: 15px 0 0 130px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.CampaignList .CampaignItem .campaign-detail:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 56px);
  left: -111px;
  top: -10px;
  background-color: #BBB;
}
.CampaignList .CampaignItem .Switch,
.CampaignList .CampaignItem .VSwitch {
  margin-right: 10px;
}

.CampaignsCopyContent {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-nested-loading,
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.SampleTable {
  margin: 20px 0 0 160px;
}
.SampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.SampleTable .campaign-create {
  position: relative;
  padding: 15px 0;
}
.SampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
.SampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.SampleTable.SameBelongTable .TableBody-row {
  height: 80px;
}

.CreativeSelector .RadioGroup {
  margin-left: 10px;
}
.CreativeSelector .copy-tree-selector-wrapper {
  margin-top: 10px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  height: auto;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  left: -40px;
  height: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview {
  position: relative;
  top: 2px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview .right-text {
  flex: 1;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}
.MultiSampleSelector .ControlGroup > .control-label {
  user-select: none;
}
.MultiSampleSelector .CreativeSelector {
  margin: 30px 0 0 160px;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .ad-name-wrapper {
  display: flex;
}

.CampaignSelector {
  margin-top: 10px;
}
.CampaignSelector .other-campaigns .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .other-campaigns .other-campaign-selector {
  padding: 10px 0;
}
.CampaignSelector .ant-radio-group {
  width: 600px;
}
.CampaignSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.CampaignSelector .campaign-radio-group {
  margin-left: 100px;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.CampaignSelector .campaign-radio-group .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .campaign-create .common-list-wrapper {
  width: 900px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper {
  display: flex;
  align-items: center;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput {
  margin-top: 0;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput .control-label {
  flex: 0 0 120px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .campaign-name {
  width: calc(100% - 40px);
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 36px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.AdItem .VSwitch,
.AdItem .Switch {
  margin-right: 10px;
}
.AdItem .creative-detail-wrapper .BelongAd,
.AdItem .keyword-detail-wrapper .BelongAd {
  display: none;
}
.AdItem .name .control-label {
  flex: 0 0 183px;
}
.AdItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.AdItem .ad-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.AdItem .ad-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}

.AdsCopyContent {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-nested-loading,
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.Copy .BigFormsy {
  height: 100%;
}
.Copy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.Copy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.Copy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.Copy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.Copy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.Copy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.Copy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.Copy .required .controls {
  position: relative;
}
.Copy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.Copy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.Copy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.Copy .detail-edit-wrapper > .Card {
  border: none;
}
.Copy .copy-error-msg {
  color: red;
}
.Copy .ai-control-check-box {
  display: flex;
  align-items: center;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ControlGroup {
  line-height: 20px;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper {
  margin: 0 4px;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox + span {
  padding-right: 0;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #02A8A8;
  background-color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus .ant-checkbox-inner {
  border-color: #02A8A8;
}
.Copy .copy-edit-tabs {
  margin-top: 12px;
}
.Copy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.Copy .copy-edit-tabs .tab-label {
  position: relative;
}
.Copy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.AccountSelector .RadioGroup .ant-radio-wrapper {
  display: block;
  margin-top: 8px;
}
.AccountSelector .ControlGroup > .control-label {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSelector .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
  margin-left: 120px;
  margin-top: 0;
}
.AccountSelector .share-accounts-wrapper {
  margin-left: 120px;
}
.AccountSelector .share-accounts-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell {
  background-color: #fff;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell .name-header-cell .ant-input {
  width: 400px;
  height: 28px;
  margin-left: 20px;
}
.AccountSelector .share-accounts-wrapper .accounts-table.empty-table {
  border-bottom: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content {
  overflow-x: hidden;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content .row-container .TableBody-row:nth-last-child(2) .TableBody-cell {
  border-bottom: none;
}

.CopyLayout {
  padding: 44px 0px 70px;
}
.CopyLayout > .content .Card > .content {
  padding: 20px 16px;
}
.CopyLayout > .content .title-card {
  font-weight: bold;
}
.CopyLayout .footer-card {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: calc(100% - 24px);
  margin: 0 12px;
  z-index: 2;
}
.CopyLayout .footer-card > .content {
  display: flex;
  justify-content: space-between;
  padding: 6px 16px;
}

.CampaignsCopySelector .title {
  margin-left: 25px;
}
.CampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.CampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 45px;
  margin-bottom: 10px;
}

.SettingButton .anticon-double-right {
  transform: rotate(90deg);
}
.SettingButton .anticon-double-right.isActive {
  transform: rotate(270deg);
}

.copy-error-tip-icon {
  color: red;
  cursor: pointer;
}

.CopyAdItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.CopyAdItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.CopyAdItem .detail-edit-wrapper .ConvertTarget {
  margin: 10px 0 0 0;
}
.CopyAdItem .detail-edit-wrapper .ConvertTarget::before {
  width: 0;
  height: 0;
}
.CopyAdItem .detail-edit-wrapper .Target-item .OptimizedGoal > .content,
.CopyAdItem .detail-edit-wrapper .Target-item .ExternalUrl > .content {
  padding: 0 !important;
}
.CopyAdItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.CopyAdItem .ad-name-wrapper .ControlGroup + .ControlGroup {
  margin-top: 0;
}
.CopyAdItem .ad-name-wrapper .ControlGroup .control-label {
  flex: 0 0 130px;
}
.CopyAdItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 120px;
}
.CopyAdItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.CopyAdItem .special-edit-wrapper div.ControlGroup > .control-label {
  flex: 0 0 140px;
}
.CopyAdItem .special-edit-wrapper::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 10px);
  left: -125px;
  top: 0;
  background-color: #BBB;
}
.CopyAdItem .special-edit-wrapper .ConvertTarget {
  position: relative;
  height: 36px;
}
.CopyAdItem .special-edit-wrapper .OptimizedGoal.Card {
  border: none;
}
.CopyAdItem .special-edit-wrapper .OptimizedGoal.Card > .header {
  display: none;
}
.CopyAdItem .special-edit-wrapper .OptimizedGoal.Card > .content {
  padding: 0;
}
.CopyAdItem .special-edit-wrapper .has-ad-error.showhiddenErrorMsg {
  margin-top: 0;
  margin-left: 30px;
}

.CreativeItem {
  position: relative;
  margin: 20px 0 0 60px;
}
.CreativeItem .detail-edit-wrapper {
  left: -90px;
  width: calc(100% + 90px);
}
.CreativeItem .BelongAd {
  display: none;
}
.CreativeItem .creative-title {
  position: relative;
}
.CreativeItem .creative-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.CreativeItem .creative-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}
.CreativeItem .BasicComponentsCopy {
  margin: 10px 250px 0 0;
}
.CreativeItem .BasicComponentsCopy .ant-row {
  border: 1px solid #e4e3e3;
}
.CreativeItem .BasicComponentsCopy .ant-row:not(:last-child) {
  border-bottom: none;
}
.CreativeItem .BasicComponentsCopy .ant-col {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 10px;
}
.CreativeItem .BasicComponentsCopy .ant-col + .ant-col {
  border-left: 1px solid #e4e3e3;
}
.CreativeItem .BasicComponentsCopy .ant-col > div {
  width: 100%;
}
.CreativeItem .BasicComponentsCopy .BasicComponent > .control-label {
  flex: 0 0 120px;
}
.CreativeItem .BasicComponentsCopy .BasicComponent .showhiddenErrorMsg {
  height: 20px;
  line-height: 20px;
}

.AdList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.AdList .ad-wrapper {
  position: relative;
  padding: 10px 0;
}
.AdList .ad-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.AdList .ad-wrapper .error {
  color: red;
}
.AdList .ad-wrapper > form:not(:last-child) .CreativeItem .BasicComponentsCopy:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.AdList .ad-wrapper .KeywordItem {
  margin-left: 60px;
}
.AdList .ad-wrapper .KeywordItem .keyword-title {
  position: relative;
}
.AdList .ad-wrapper .KeywordItem .keyword-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 10px);
  left: -45px;
  top: -26px;
  background-color: #BBB;
}
.AdList .ad-wrapper .KeywordItem .keyword-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}

.CampaignList .CampaignItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .CampaignItem .control-label {
  flex: 0 0 160px;
}
.CampaignList .CampaignItem .copy-campaign-detail {
  position: relative;
  width: calc(100% - 370px);
  padding: 10px;
  margin: 15px 0 0 130px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.CampaignList .CampaignItem .copy-campaign-detail.has-child::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 56px);
  left: -111px;
  top: -10px;
  background-color: #BBB;
}
.CampaignList .CampaignItem .Switch,
.CampaignList .CampaignItem .VSwitch {
  margin-right: 10px;
}

.CampaignsCopyContent {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-nested-loading,
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.SampleTable {
  margin: 20px 0 0 160px;
}
.SampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.SampleTable .campaign-create {
  position: relative;
  padding: 15px 0;
}
.SampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
.SampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.SampleTable.SameBelongTable .TableBody-row {
  height: 80px;
}

.CreativeSelector .RadioGroup {
  margin-left: 10px;
}
.CreativeSelector .copy-tree-selector-wrapper {
  margin-top: 10px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  height: auto;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  left: -40px;
  height: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview {
  position: relative;
  top: 2px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview .right-text {
  flex: 1;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}
.MultiSampleSelector .ControlGroup > .control-label {
  user-select: none;
}
.MultiSampleSelector .CreativeSelector {
  margin: 30px 0 0 160px;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .ad-name-wrapper {
  display: flex;
}

.CampaignSelector {
  margin-top: 10px;
}
.CampaignSelector .other-campaigns .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .other-campaigns .other-campaign-selector {
  padding: 10px 0;
}
.CampaignSelector .ant-radio-group {
  width: 600px;
}
.CampaignSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.CampaignSelector .campaign-radio-group {
  margin-left: 100px;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.CampaignSelector .campaign-radio-group .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .campaign-create .common-list-wrapper {
  width: 900px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper {
  display: flex;
  align-items: center;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput {
  margin-top: 0;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput .control-label {
  flex: 0 0 120px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .campaign-name {
  width: calc(100% - 40px);
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
  height: 36px;
  line-height: 36px;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 52px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .campaign-item .campaign-name .copy-error-tip-icon {
  margin-left: 10px;
}
.CampaignList .campaign-item .campaign-name > .control-label {
  flex: 0 0 120px;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.EditItem .VSwitch,
.EditItem .Switch {
  margin-right: 10px;
}
.EditItem .creative-detail-wrapper .BelongAd,
.EditItem .keyword-detail-wrapper .BelongAd {
  display: none;
}
.EditItem .name .control-label {
  flex: 0 0 183px;
}
.EditItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.EditItem .ad-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.EditItem .ad-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}

.AdsCopyContent {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-nested-loading,
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.Copy .BigFormsy {
  height: 100%;
}
.Copy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.Copy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.Copy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.Copy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.Copy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.Copy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.Copy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.Copy .required .controls {
  position: relative;
}
.Copy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.Copy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.Copy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.Copy .detail-edit-wrapper > .Card {
  border: none;
}
.Copy .copy-error-msg {
  color: red;
}
.Copy .ai-control-check-box {
  display: flex;
  align-items: center;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ControlGroup {
  line-height: 20px;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper {
  margin: 0 4px;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox + span {
  padding-right: 0;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #02A8A8;
  background-color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus .ant-checkbox-inner {
  border-color: #02A8A8;
}
.Copy .copy-edit-tabs {
  margin-top: 12px;
}
.Copy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.Copy .copy-edit-tabs .tab-label {
  position: relative;
}
.Copy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.DataDetail {
  position: relative;
}
.DataDetail .ant-pagination {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}

.DistributeComponent {
  height: 320px;
  position: relative;
}

.Audience .ant-row > .ant-col {
  border-top: solid 1px #eee;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.Audience .ant-row > .ant-col:last-child {
  border-right: none;
}
.Audience .header {
  line-height: 45px;
  border-bottom: solid 1px #eee;
  margin-bottom: 12px;
}
.Audience .title {
  margin-top: 16px;
  margin-left: 10px;
  font-weight: bold;
}
.Audience .Interest {
  height: 320px;
  position: relative;
}
.Audience .Region {
  position: relative;
  height: 440px;
  display: flex;
  flex-wrap: wrap;
}
.Audience .Region .switch-bar {
  width: 100%;
}
.Audience .Region .map-container {
  width: 50%;
}
.Audience .Region .data-container {
  width: 50%;
}

.Material {
  position: relative;
}
.Material .ellipsis-cell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.Material .Filter {
  border-bottom: solid 1px #eee;
  margin-bottom: 10px;
  padding: 0 0 6px 0;
}
.Material .MaterialPreview {
  width: 90px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}
.ChartContent .tend-indexes {
  position: relative;
  padding-right: 120px;
}
.ChartContent .tend-indexes > span {
  display: inline-block;
  margin-bottom: 5px;
}
.ChartContent .tend-indexes .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartContent .tend-indexes .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartContent .tend-indexes .saved-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #4d8ee3;
  cursor: pointer;
}
.ChartContent .Compare .compare-report {
  margin-bottom: 20px;
}
.ChartContent .Compare .compare-report .Select {
  margin-bottom: 10px;
}
.ChartContent .Compare .g2-legend {
  position: static !important;
}

.History .content {
  padding: 0;
}
.History .header {
  position: relative;
  padding: 0 10px;
}
.History .title {
  font-size: 16px;
  line-height: 50px;
}
.History .filter {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.History .filter .Select {
  width: 160px;
  margin-left: 10px;
}
.History .obj-link {
  cursor: pointer;
  color: #1890ff;
}
.History .obj-link:hover {
  text-decoration: underline;
}
.History .ExtraData .overflow-content {
  max-height: 200px;
  overflow: hidden;
  position: relative;
}
.History .ExtraData .overflow-content::after {
  content: '';
  position: absolute;
  top: 198px;
  left: 0;
  color: #000;
  width: 18px;
  height: 1px;
  background: #eee;
  border-bottom: dotted 2px #aaa;
}
.History .ExtraData .pre-content {
  white-space: pre-line;
}
.ChangeDetail-popover .pre-content {
  white-space: pre-line;
}

.Chart {
  height: 100%;
  padding: 10px;
}
.Chart .chart-header {
  height: 45px;
  line-height: 45px;
}
.Chart .chart-header .account-count {
  font-weight: bold;
}
.Chart .time-select .date-range-picker {
  width: 250px;
  text-align: left;
}

.BatchEditLayout {
  height: 100%;
}
.BatchEditLayout > .content {
  display: flex;
  padding: 0 !important;
  overflow: hidden;
}
.BatchEditLayout > .content .edit-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.BatchEditLayout > .footer {
  text-align: right;
}
.BatchEditLayout > .footer .ant-btn {
  margin-right: 10px;
}
.BatchEditLayout .BatchEditNav {
  display: flex;
  width: 230px;
  height: 100%;
  font-size: 14px;
  background-color: #fff;
  overflow-y: auto;
}
.BatchEditLayout .BatchEditNav .nav-list {
  padding: 20px;
}
.BatchEditLayout .BatchEditNav .nav-list > li {
  margin-left: 20px;
  color: #85888E;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.BatchEditLayout .BatchEditNav .nav-list .child-list > li {
  margin: 10px 0 10px 30px;
  color: #888888;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}
.BatchEditLayout .BatchEditNav .nav-list .child-list > li:hover,
.BatchEditLayout .BatchEditNav .nav-list .child-list > li.isActive {
  color: #278AFB;
}
.BatchEditLayout .BatchEditNav .nav-list .child-list > li .modify-mark {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 20px;
  background: #259B24;
  border-radius: 50%;
}

.AdsEdit .PutPeriod .showhiddenErrorMsg {
  position: relative;
}
.AdsEdit .PutPeriod .mouse-select-wrapper {
  margin-top: 10px;
}
.AdsEdit .PutPeriod .mouse-select-footer {
  display: flex;
  width: 500px;
  padding-left: 20px;
  align-items: center;
  justify-content: space-between;
}
.AdsEdit .PutTime .endtime-picker > .controls {
  display: flex;
  flex-direction: column;
}
.AdsEdit .PutTime .ad-date-type-selector {
  margin-left: 10px;
}
.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}

.PromotionBatchEdit .price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.KeyInsights .insight-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 23%);
  grid-column-gap: 2.6%;
  grid-row-gap: 20px;
}

.KeyInsightItem {
  padding: 15px;
  font-size: 14px;
  background-color: #f6f6f6;
  border-radius: 4px;
}
.KeyInsightItem .insight-value {
  font-size: 20px;
  line-height: 34px;
  font-weight: bold;
}
.KeyInsightItem .insight-other-values > span {
  display: inline-block;
  width: calc((100% - 16px)/2);
  cursor: default;
}
.KeyInsightItem .insight-other-values > span + span {
  margin-left: 16px;
}


.Ltv24Tend .ltv-24-tend-table .TableBody .TableBody-content .TableBody-row .TableBody-cell {
  padding: 0;
}
.Ltv24Tend .ltv-24-tend-table .cell-wrapper {
  padding: 10px;
}
.Ltv24Tend .ltv-24-tend-table .cell-wrapper.pink {
  background-color: #fbe6e9;
}

.PopPageEstimate {
  height: 100%;
  padding: 12px;
  color: #000;
}
.PopPageEstimate .title {
  line-height: 32px;
  font-weight: 600;
}
.PopPageEstimate .EstimateFilter {
  margin-bottom: 10px;
}
.PopPageEstimate .EstimateFilter .title {
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 20px;
  font-weight: 600;
}
.PopPageEstimate .EstimateFilter .ant-btn {
  height: 32px;
  margin-left: 10px;
}
.PopPageEstimate .EstimateFilter .f-right {
  display: flex;
  align-items: center;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.PopPageQueue {
  height: 100%;
  padding: 12px;
}
.PopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.PopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.PopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.PopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.PopPageQueue .QueueContent .content {
  height: 100%;
}
.PopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.PopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.PopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.PopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.PopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.PopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title .title-label {
  flex: 0 0 60px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper.level1 > .title .title-label {
  flex: 0 0 50px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #BBB;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #BBB;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #BBB;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.PopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.PromotionPopPage > .content {
  width: 1300px !important;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.DataDetail {
  position: relative;
}
.DataDetail .ant-pagination {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}

.DistributeComponent {
  height: 320px;
  position: relative;
}

.Audience .ant-row > .ant-col {
  border-top: solid 1px #eee;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.Audience .ant-row > .ant-col:last-child {
  border-right: none;
}
.Audience .header {
  line-height: 45px;
  border-bottom: solid 1px #eee;
  margin-bottom: 12px;
}
.Audience .title {
  margin-top: 16px;
  margin-left: 10px;
  font-weight: bold;
}
.Audience .Interest {
  height: 320px;
  position: relative;
}
.Audience .Region {
  position: relative;
  height: 440px;
  display: flex;
  flex-wrap: wrap;
}
.Audience .Region .switch-bar {
  width: 100%;
}
.Audience .Region .map-container {
  width: 50%;
}
.Audience .Region .data-container {
  width: 50%;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .filter {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.ChartHourTend .hour-tend-insights-selector {
  position: relative;
}
.ChartHourTend .hour-tend-insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .hour-tend-insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .hour-tend-insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .filter {
  margin-bottom: 15px;
  width: 100%;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}
.ChartContent .tend-indexes {
  position: relative;
  padding-right: 120px;
}
.ChartContent .tend-indexes > span {
  display: inline-block;
  margin-bottom: 5px;
}
.ChartContent .tend-indexes .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartContent .tend-indexes .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartContent .tend-indexes .saved-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #4d8ee3;
  cursor: pointer;
}
.ChartContent .Compare .compare-report {
  margin-bottom: 20px;
}
.ChartContent .Compare .compare-report .Select {
  margin-bottom: 10px;
}
.ChartContent .Compare .g2-legend {
  position: static !important;
}

.Chart {
  height: 100%;
  padding: 10px;
}
.Chart .chart-header {
  height: 45px;
  line-height: 45px;
}
.Chart .chart-header .account-count {
  font-weight: bold;
}
.Chart .time-select .date-range-picker {
  width: 250px;
  text-align: left;
}

.delivery-mode .ant-radio-button-wrapper {
  height: 60px;
  min-width: 176px;
  border-radius: 4px;
}
.delivery-mode .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.delivery-mode .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.delivery-mode .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.delivery-mode .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}

.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-create-type > div.disabled {
  color: #ccc;
  pointer-events: none;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .audience-advance .auto-extend .PanelTree .select-area {
  width: 600px;
}
.CreateAudience .audience-advance .auto-extend .PanelTree .result-area {
  width: 320px;
}
.CreateAudience .PanelTree {
  margin-top: 10px;
}
.CreateAudience .launch-price .VSelect {
  margin-left: 0;
}
.CreateAudience .launch-price .divide {
  margin: 0 10px;
}
.CreateAudience .audience-save {
  margin: 12px 0 0 20px;
}
.CreateAudience .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.CreateAudience .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.CreateAudience .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.CreateAudience .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.CreateAudience .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}
.CreateAudience .Age .PanelTree {
  margin-top: 10px;
}

.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}

.OprojectBatchEdit .price-input .control-wrapper,
.OprojectBatchEdit .roi-goal-input .control-wrapper {
  position: relative;
}
.OprojectBatchEdit .price-input .control-wrapper .MyInput,
.OprojectBatchEdit .roi-goal-input .control-wrapper .MyInput {
  width: 150px;
}
.OprojectBatchEdit .price-input .control-wrapper .validation-error,
.OprojectBatchEdit .roi-goal-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.OprojectBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.OprojectBatchEdit .roi-goal-input.increasePrecent .control-wrapper::after,
.OprojectBatchEdit .roi-goal-input.descreasePrecent .control-wrapper::after,
.OprojectBatchEdit .price-input.increasePrecent .control-wrapper::after,
.OprojectBatchEdit .price-input.descreasePrecent .control-wrapper::after {
  content: '%';
}
.OprojectBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.OprojectBatchEdit .pre-wrap {
  white-space: pre-wrap;
}
.OprojectBatchEdit .tips-group-wrapper .ControlGroup.inline {
  margin-left: 0;
  margin-right: 10px;
}
.OprojectBatchEdit .oproject-date-type-selector {
  margin-left: 10px;
}
.OprojectBatchEdit .warning-text {
  margin-left: 10px;
  color: #e29836;
}

.CampaignsCopySelector .title {
  margin-left: 25px;
}
.CampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.CampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 45px;
  margin-bottom: 10px;
}

.PromotionList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.PromotionList .promotion-wrapper {
  position: relative;
  padding: 8px 0;
}
.PromotionList .promotion-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.PromotionList .promotion-wrapper .PromotionItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.PromotionList .promotion-wrapper .PromotionItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.PromotionList .promotion-wrapper .PromotionItem .detail-edit-wrapper .Name {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 0;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .detail-edit-wrapper {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price {
  border: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price .header {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price .content {
  padding: 0 16px 20px;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.PromotionList .promotion-wrapper .error {
  color: red;
}

.OprojectList .OprojectItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.OprojectList .OprojectItem .oproject-detail {
  position: relative;
  padding: 10px;
  margin: 15px 0 0 60px;
  background-color: #fff;
}
.OprojectList .OprojectItem .oproject-detail .audience-save {
  display: none;
}
.OprojectList .OprojectItem .oproject-detail:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 56px);
  left: -40px;
  top: -10px;
  background-color: #BBB;
}
.OprojectList .OprojectItem .oproject-detail .ControlGroup > .control-label {
  flex: 0 0 140px;
}
.OprojectList .OprojectItem .detail-edit-wrapper .Advertiser,
.OprojectList .OprojectItem .detail-edit-wrapper .Name {
  display: none;
}
.OprojectList .OprojectItem .Switch,
.OprojectList .OprojectItem .VSwitch {
  margin-right: 10px;
}

.OprojectsCopyContent {
  height: 100%;
}
.OprojectsCopyContent .OprojectsCopyEdit > .content .ant-spin-nested-loading,
.OprojectsCopyContent .OprojectsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.OprojectsCopyContent .OprojectsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.OprojectsCopyContent .OprojectsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.OprojectsCopyContent .OprojectsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.OprojectsCopyContent .OprojectsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.SampleTable {
  margin: 20px 0 0 160px;
}
.SampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.SampleTable .campaign-create {
  position: relative;
  padding: 15px 0;
}
.SampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
.SampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.SampleTable.SameBelongTable .TableBody-row {
  height: 80px;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .promotion-name-wrapper {
  display: flex;
}

.OprojectSelector {
  margin-top: 10px;
}
.OprojectSelector .other-oprojects .showhiddenErrorMsg {
  position: relative;
}
.OprojectSelector .other-oprojects .other-oproject-selector {
  padding: 10px 0;
}
.OprojectSelector .ant-radio-group {
  width: 600px;
}
.OprojectSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.OprojectSelector .oproject-radio-group {
  margin-left: 100px;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.OprojectSelector .oproject-radio-group .showhiddenErrorMsg {
  position: relative;
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 36px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.PromotionItem .VSwitch,
.PromotionItem .Switch {
  margin-right: 10px;
}
.PromotionItem .name .control-label {
  flex: 0 0 183px;
}
.PromotionItem .promotion-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.PromotionItem .promotion-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.PromotionItem .promotion-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}
.PromotionItem .detail-edit-wrapper .Name,
.PromotionItem .detail-edit-wrapper .BelongCampaign {
  display: none;
}

.PromotionCopyContent {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .ant-spin-nested-loading,
.PromotionCopyContent .PromotionCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.Copy .BigFormsy {
  height: 100%;
}
.Copy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.Copy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.Copy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.Copy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.Copy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.Copy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.Copy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.Copy .required .controls {
  position: relative;
}
.Copy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.Copy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.Copy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.Copy .detail-edit-wrapper > .Card {
  border: none;
}
.Copy .copy-error-msg {
  color: red;
}
.Copy .ai-control-check-box {
  display: flex;
  align-items: center;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ControlGroup {
  line-height: 20px;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper {
  margin: 0 4px;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox + span {
  padding-right: 0;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #02A8A8;
  background-color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus .ant-checkbox-inner {
  border-color: #02A8A8;
}
.Copy .copy-edit-tabs {
  margin-top: 12px;
}
.Copy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.Copy .copy-edit-tabs .tab-label {
  position: relative;
}
.Copy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.PopPageQueue {
  height: 100%;
  padding: 12px;
}
.PopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.PopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.PopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.PopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.PopPageQueue .QueueContent .content {
  height: 100%;
}
.PopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.PopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.PopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.PopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.PopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.PopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title .title-label {
  flex: 0 0 60px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper.level1 > .title .title-label {
  flex: 0 0 50px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #BBB;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #BBB;
}
.PopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #BBB;
}

.score-tend-tooltip {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 6px 10px;
  box-shadow: 0px 0px 10px #aeaeae;
}
.score-tend-tooltip .g2-tooltip-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.score-tend-tooltip .g2-tooltip-list .list-item {
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-top: 8px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate-disabled {
  pointer-events: none;
}

.ScorePopPage {
  padding: 15px;
}
.ScorePopPage .filter {
  margin-bottom: 15px;
  line-height: 32px;
}

.Oe2PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.Oe2PopPage.open {
  transform: translateX(0);
}
.Oe2PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.Oe2PopPage > .content form {
  height: 100%;
}
.Oe2PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.Oe2PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.Oe2PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.Oe2PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.Oe2PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.Oe2PopPage .PopNavigation > li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Oe2PopPage .PopNavigation > li .icn-score {
  font-size: 26px;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.GgPopPageQueue {
  height: 100%;
  padding: 12px;
}
.GgPopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.GgPopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.GgPopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.GgPopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.GgPopPageQueue .QueueContent .content {
  height: 100%;
}
.GgPopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.GgPopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.GgPopPageQueue .QueueContent .TableBottomPagination {
  margin-top: 12px;
}
.GgPopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.GgPopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.GgPopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.GgPopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #bbb;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #bbb;
}
.GgPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #bbb;
}

.WebsiteSetting > .controls {
  flex: none;
}
.WebsiteSetting input.ant-input {
  border-width: 0 0 1px !important;
  border-radius: 0;
  box-shadow: none;
}
.WebsiteSetting input.ant-input:focus,
.WebsiteSetting input.ant-input:hover {
  border-color: var(--edt-primary-color);
}
.WebsiteSetting .title {
  display: inline-block;
  cursor: pointer;
}
.WebsiteSetting .title i {
  margin-left: 15px;
}
.WebsiteSetting .tips {
  line-height: 1.5;
  color: #90949c;
  margin-bottom: 8px;
}
.WebsiteSetting .params-title {
  color: var(--edt-primary-color);
}
.WebsiteSetting .equal {
  margin: 0 10px;
}
.WebsiteSetting .key {
  width: 120px;
}
.WebsiteSetting .value {
  width: 200px;
}
.WebsiteSetting .anticon-plus-circle,
.WebsiteSetting .anticon-minus-circle {
  margin-left: 6px;
  color: var(--edt-primary-color);
  cursor: pointer;
}
.WebsiteSetting .params-error-info {
  margin-top: 0;
}

.Network .network-item {
  position: relative;
  padding-left: 120px;
  margin-bottom: 20px;
}
.Network .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}
.Network .desc {
  margin-top: 12px;
  line-height: 1;
}
.Network .Checkbox {
  margin-top: 8px;
}
.Network .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 80px;
  background-size: contain;
}

.AudiencePicker {
  height: 400px;
  width: 730px;
}
.AudiencePicker .tree-area .nav-header {
  border-bottom: solid 1px #dadcde;
}
.AudiencePicker .tree-area .data-wrapper {
  height: calc(100% - 47px);
  overflow-y: auto;
  overflow-x: hidden;
}
.AudiencePicker .result-area .header {
  margin-bottom: 0;
}
.AudiencePicker .result-area .header .clear-btn:hover {
  background-color: #fff;
}

.Restrictions .option {
  display: inline-block;
  line-height: 1.5;
  vertical-align: text-top;
}
.Restrictions .label {
  line-height: 1;
}
.Restrictions .desc {
  line-height: 1.5;
  color: #90949c;
  font-size: 12px;
}
.Restrictions .desc-title {
  list-style: 2;
  margin-top: 8px;
}

.SeachChannelBudget {
  color: rgba(0, 0, 0, 0.65);
}
.SeachChannelBudget .DirectPrice .goback-link {
  display: inline-block;
  color: #1890ff;
  cursor: pointer;
}
.SeachChannelBudget .DirectPrice .goback-link:hover {
  text-decoration: underline;
}
.SeachChannelBudget .tips {
  color: #90949c;
  line-height: 2;
  font-size: 12px;
}
.SeachChannelBudget .label {
  line-height: 1.5;
}
.SeachChannelBudget .value {
  color: #4867b1;
}
.SeachChannelBudget .content-wrapper {
  background-color: #fafafa;
  padding: 8px 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #dadcde;
  border-radius: 4px;
  margin: 8px 0;
  width: 500px;
  font-size: 13px;
}
.SeachChannelBudget .content-wrapper .validation-error {
  position: absolute;
  line-height: 1.2;
  white-space: nowrap;
  bottom: 0;
}

.SearchChannelEuPolitical .eu-political-radio-group {
  display: block;
}
.SearchChannelEuPolitical .eu-political-radio-group .control-label {
  margin-left: 40px;
}
.SearchChannelEuPolitical .eu-political-radio-group .controls {
  margin-left: 160px;
}

.DisplayChannel .BaseSetting .SubTypeSelect {
  margin-bottom: 16px;
}
.DisplayChannel .BaseSetting .SubTypeSelect .title {
  margin-bottom: 5px;
  color: #929598;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option {
  display: inline-block;
  vertical-align: text-top;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option .option-title {
  color: #101010;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option .option-desc {
  color: #90949c;
  font-size: 12px;
  line-height: 2;
}

.DisplayChannelBudget {
  color: rgba(0, 0, 0, 0.65);
}
.DisplayChannelBudget .DirectPrice .goback-link {
  display: inline-block;
  color: #1890ff;
  cursor: pointer;
}
.DisplayChannelBudget .DirectPrice .goback-link:hover {
  text-decoration: underline;
}
.DisplayChannelBudget .tips {
  color: #90949c;
  line-height: 2;
  font-size: 12px;
}
.DisplayChannelBudget .label {
  line-height: 1.5;
}
.DisplayChannelBudget .value {
  color: #4867b1;
}
.DisplayChannelBudget .content-wrapper {
  background-color: #fafafa;
  padding: 8px 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #dadcde;
  border-radius: 4px;
  margin: 8px 0;
  width: 500px;
  font-size: 13px;
}
.DisplayChannelBudget .content-wrapper .validation-error {
  position: absolute;
  line-height: 1.2;
  white-space: nowrap;
  bottom: 0;
}

.DeviceDetailSelect .result-area {
  overflow: auto;
  max-height: 400px;
  border: 1px solid #bfcbd9;
  border-bottom: none;
}
.DeviceDetailSelect .result-area > .results {
  border-bottom: 1px solid #e9eaeb;
}
.DeviceDetailSelect .result-area > .results:last-child {
  border-bottom: none;
}
.DeviceDetailSelect .result-area .result-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 36px;
  color: #4867b1;
  text-indent: 8px;
}
.DeviceDetailSelect .result-area .result-title .clear-btn {
  padding: 0 6px;
  line-height: 1;
  height: 20px;
  border-radius: 2px;
  outline: none;
  border: none;
  color: #4867b1;
  float: right;
  background: transparent;
  cursor: pointer;
}
.DeviceDetailSelect .result-area .result-title .clear-btn:hover {
  background-color: rgba(225, 225, 225, 0.3);
}
.DeviceDetailSelect .result-area .result-title .anticon {
  margin-right: 8px;
}
.DeviceDetailSelect .result-area .result-content {
  width: 100%;
  font-size: 13px;
  line-height: 36px;
  margin-bottom: -1px;
  border-top: 1px solid #bfcbd9;
}
.DeviceDetailSelect .result-area .result-content li {
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid #e9eaeb;
}
.DeviceDetailSelect .result-area .result-content li .name {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
}
.DeviceDetailSelect .result-area .result-content li .close {
  display: none;
  flex: 0 0 25px;
  text-align: right;
  color: #adb0b3;
  cursor: pointer;
}
.DeviceDetailSelect .result-area .result-content li:hover {
  background: #f5f7f8;
}
.DeviceDetailSelect .result-area .result-content li:hover .close {
  display: block;
}
.DeviceDetailSelect .result-area .result-content li:last-child {
  border-bottom: 0;
}
.DeviceDetailSelect .tree-area {
  max-height: 300px;
  overflow: auto;
  background: #fff;
  border: 1px solid #bfcbd9;
}
.DeviceDetailSelect .OperatingSystem .toggle-bar {
  position: relative;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}
.DeviceDetailSelect .OperatingSystem .toggle-bar:hover {
  background: #e4e8f1;
}
.DeviceDetailSelect .OperatingSystem .expand-icon {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 0;
  height: 0;
  margin-left: 10px;
  border: 6px solid transparent;
  border-right-width: 0;
  border-left-color: #97a8be;
  border-left-width: 7px;
  margin-right: 8px;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
.DeviceDetailSelect .OperatingSystem .expand-icon.expanded {
  transform: rotate(90deg);
}
.DeviceDetailSelect .OperatingSystem .version-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  line-height: 36px;
  height: 36px;
  padding-left: 32px;
  padding-right: 16px;
  cursor: pointer;
}
.DeviceDetailSelect .OperatingSystem .version-item:hover {
  background: #e4e8f1;
}
.DeviceDetailSelect .OperatingSystem .version-item .range-select {
  padding-right: 8px;
}
.DeviceDetailSelect .OperatingSystem .version-item .Select {
  width: 90px;
}
.DeviceDetailSelect .version-label {
  padding-left: 16px;
}

.CampaignCriterionDevice .DeviceTargeting {
  margin-left: 38px;
  width: 600px;
}
.CampaignCriterionDevice .DeviceTargeting .desc {
  line-height: 3;
  color: #929598;
}
.CampaignCriterionDevice .DeviceDetailSelect {
  margin-top: 28px;
}

.DisplayChannel .Exclude .title {
  display: inline-block;
  margin-bottom: 16px;
  cursor: pointer;
}
.DisplayChannel .Exclude .title i {
  margin-left: 15px;
}
.DisplayChannel .Exclude .exclude-content {
  width: 730px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.DisplayChannel .Exclude .exclude-content > .content-col:not(:last-child) {
  border-right: solid 1px #eee;
}
.DisplayChannel .Exclude .exclude-content .title-row {
  padding: 8px 16px;
}
.DisplayChannel .Exclude .exclude-content .content-row {
  padding: 16px 8px;
  border-top: solid 1px #eee;
}
.DisplayChannel .Exclude .exclude-content .content-row .ant-checkbox-wrapper {
  margin-bottom: 16px;
}
.DisplayChannel .Exclude .exclude-content .content-row .ant-checkbox-wrapper .ant-checkbox + span {
  line-height: 1.5;
}
.DisplayChannel .Exclude .exclude-content .content-row .ant-checkbox-wrapper .ant-checkbox + span:first-line {
  line-height: 1;
}

.DisplayChannel .OtherSetting .Frequency .limit-option .option-detail {
  margin-top: 16px;
}
.DisplayChannel .OtherSetting .Frequency .limit-option .option-detail .ControlGroup.inline {
  margin-right: 10px;
}

.DisplayChannelEuPolitical .eu-political-radio-group {
  display: block;
}
.DisplayChannelEuPolitical .eu-political-radio-group .control-label {
  margin-left: 40px;
}
.DisplayChannelEuPolitical .eu-political-radio-group .controls {
  margin-left: 160px;
}

.AppItem {
  display: flex;
  align-items: center;
}
.AppItem .app-item {
  margin: 10px 0;
  height: 65px;
  width: 100%;
  line-height: 25px;
}
.AppItem .app-item img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.AppItem .app-item > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.AppItem .app-item .id {
  font-size: 12px;
  color: #aab8c2;
}
.AppItem .os {
  padding: 0 0 0 10px;
  font-size: 18px;
  color: #aab8c2;
}
.AppItem .os .anticon-android {
  color: #a4c439;
}
.AppItem .os .anticon-apple {
  color: #8899a6;
}
.AppItem .conversion {
  font-size: 12px;
  line-height: 18px;
}
.AppItem .conversion .anticon-warning {
  margin-right: 6px;
  color: #faad14;
}
.AppItem .conversion .anticon-check-circle {
  margin-right: 6px;
  color: #52c41a;
}

.ApplicationSearch {
  display: inline-block;
  width: 400px;
}
.ApplicationSearch .ant-input-group-addon .Select {
  display: inline-block;
  width: 100px;
  margin: -10px;
  border-right: 1px solid #dadcde;
}
.ApplicationSearch .ant-input-group-addon .Select:last-child {
  border-right: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input {
  border: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input:focus {
  box-shadow: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-select-dropdown {
  top: 100%;
}
.ApplicationSearch .search-input .ant-input-group > .ant-input {
  height: 40px;
}
.ApplicationSearch .AppItem {
  flex: 1 1 auto;
  width: calc(100% - 25px);
}



.ApplicationChannel .Budget .header {
  color: rgba(0, 0, 0, 0.65);
}
.ApplicationChannel .Budget .tips {
  color: #90949c;
  line-height: 2;
  font-size: 12px;
}
.ApplicationChannel .Budget .title {
  color: rgba(0, 0, 0, 0.65);
}
.ApplicationChannel .Budget .content-wrapper {
  background-color: #fafafa;
  padding: 8px 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #dadcde;
  border-radius: 4px;
  margin: 8px 0;
  width: 500px;
  font-size: 13px;
}
.ApplicationChannel .Budget .content-wrapper .validation-error {
  position: absolute;
  line-height: 1.2;
  white-space: nowrap;
  bottom: 0;
}
.ApplicationChannel .Budget .ConversionSelect {
  margin: 8px 0 16px 0;
}
.ApplicationChannel .Budget .ConversionSelect .showhiddenErrorMsg {
  position: relative;
}
.ApplicationChannel .Budget .ConversionSelect .tips {
  margin-bottom: 4px;
}
.ApplicationChannel .Budget .ConversionSelect .notfound-tip {
  color: #1890ff;
  cursor: pointer;
}
.ApplicationChannel .Budget .ConversionSelect .notfound-tip:hover {
  color: #3196f3;
}
.ApplicationChannel .Budget .ConversionSelect .notfound-tip .anticon {
  margin-left: 2px;
}
.ApplicationChannel .Budget .ConversionSelect .not-support-tip {
  width: 300px;
  padding: 16px;
  line-height: 40px;
  text-align: center;
  border: solid 1px #dfc831;
  background-color: #fef9d8;
  margin: 6px 0;
}
.ApplicationChannel .Budget .ConversionSelect .custom-event-item {
  padding: 8px 0;
}
.ApplicationChannel .Budget .ConversionSelect .custom-event-item.split-line {
  border-bottom: solid 1px #ccc;
}
.ApplicationChannel .Budget .ConversionSelect .custom-event-item .main-name {
  line-height: 1.5;
}
.ApplicationChannel .Budget .ConversionSelect .custom-event-item .sub-name {
  line-height: 1.5;
  font-size: 12px;
  color: #929598;
}
.ApplicationChannel .Budget .ConversionSelect .TransferPicker {
  width: 800px;
}
.ApplicationChannel .Budget .ConversionSelect .TransferPicker .selected-result .custom-event-item.split-line {
  border-bottom: none;
}
.NoticeModal .ant-modal-header {
  border-left: solid 4px #1890ff;
}
.DownloadConversionAction .custom-action-event-item .sub-name {
  font-size: 12px;
  line-height: 1;
  color: #999;
}

.AppChannelEuPolitical .eu-political-radio-group {
  display: block;
}
.AppChannelEuPolitical .eu-political-radio-group .control-label {
  margin-left: 40px;
}
.AppChannelEuPolitical .eu-political-radio-group .controls {
  margin-left: 160px;
}

.DisplayChannel .BaseSetting .SubTypeSelect {
  margin-bottom: 16px;
}
.DisplayChannel .BaseSetting .SubTypeSelect .title {
  margin-bottom: 5px;
  color: #929598;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option {
  display: inline-block;
  vertical-align: text-top;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option .option-title {
  color: #101010;
}
.DisplayChannel .BaseSetting .SubTypeSelect .option .option-desc {
  color: #90949c;
  font-size: 12px;
  line-height: 2;
}

.GgTypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #edf1f5;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.GgTypeItem .title {
  font-weight: bold;
  color: #101010;
}
.GgTypeItem .tips {
  font-size: 12px;
  color: #d7d7d7;
}
.GgTypeItem:hover {
  border-bottom: 4px solid var(--edt-primary-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.GgTypeItem.disabled {
  border-bottom: 1px solid #edf1f5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.GgTypeItem.selected {
  border-bottom: 4px solid var(--edt-primary-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.ConversionGoal.Card > .content {
  padding-left: 32px;
}
.ConversionGoal.Card .GoalList {
  width: 600px;
  background: #f9f9f9;
  padding: 8px;
  margin-top: 16px;
}
.ConversionGoal.Card .GoalList .options-list {
  max-height: 400px;
  overflow: auto;
}
.ConversionGoal.Card .GoalList .customer-goal-list {
  display: block;
}
.ConversionGoal.Card .GoalList .customer-goal-list > label {
  background-color: #fff;
}
.ConversionGoal.Card .GoalList .customer-goal-list .ant-checkbox-wrapper > span:nth-child(2) {
  flex: 1 1 auto;
}
.ConversionGoal.Card .GoalList .customer-goal-list .customer-goal-item {
  display: flex;
}
.ConversionGoal.Card .GoalList .customer-goal-list .customer-goal-item .name {
  flex: 1 1 auto;
}
.ConversionGoal.Card .GoalList .customer-goal-list .customer-goal-item .origin {
  flex: 0 0 150px;
}
.ConversionGoal.Card .GoalList .goal-group-list {
  display: block;
}
.ConversionGoal.Card .GoalList .goal-group-list > label {
  background-color: #fff;
}
.ConversionGoal.Card .GoalList .add-more-btn {
  line-height: 30px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 6px;
  background-color: #fff;
  cursor: pointer;
}
.ConversionGoal.Card .GoalList .add-more-btn .add-more-icon {
  color: var(--edt-primary-color);
  margin-right: 8px;
}
.ConversionGoal.Card .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}

.GgTargetCpa .ControlGroup > .control-label {
  flex: 0 0 225px;
}
.GgTargetCpa .desc-item {
  margin: 8px 0;
}

.DemandGenChannelBudget {
  color: rgba(0, 0, 0, 0.65);
}
.DemandGenChannelBudget .DirectPrice .goback-link {
  display: inline-block;
  color: #1890ff;
  cursor: pointer;
}
.DemandGenChannelBudget .DirectPrice .goback-link:hover {
  text-decoration: underline;
}
.DemandGenChannelBudget .tips {
  color: #90949c;
  line-height: 2;
  font-size: 12px;
}
.DemandGenChannelBudget .label {
  line-height: 1.5;
}
.DemandGenChannelBudget .value {
  color: #4867b1;
}
.DemandGenChannelBudget .content-wrapper {
  background-color: #fafafa;
  padding: 8px 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #dadcde;
  border-radius: 4px;
  margin: 8px 0;
  width: 500px;
  font-size: 13px;
}
.DemandGenChannelBudget .content-wrapper .validation-error {
  position: absolute;
  line-height: 1.2;
  white-space: nowrap;
  bottom: 0;
}

.DemandGenChannelEuPolitical .eu-political-radio-group {
  display: block;
}
.DemandGenChannelEuPolitical .eu-political-radio-group .control-label {
  margin-left: 40px;
}
.DemandGenChannelEuPolitical .eu-political-radio-group .controls {
  margin-left: 160px;
}

.adGroup-type {
  margin-bottom: 10px;
}
.adGroup-type .create-tips {
  margin: 16px;
  color: #5b5c5e;
  font-weight: bold;
  font-size: 13px;
}
.adGroup-type .create-tips .label {
  color: #929598;
}
.adGroup-type .create-tips p {
  margin-bottom: 8px;
}

.KeywordPicker .keyword-input {
  resize: none;
}

.AddBar :hover {
  background-color: #f5f7f8;
}
.AddBar .add-btn {
  color: #2887e6;
  cursor: pointer;
}
.AddBar .add-btn .anticon {
  margin-right: 10px;
}

.KeywordGroup .adGroup-name input,
.KeywordGroup .cpc-bid input {
  width: 350px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: none;
}
.KeywordGroup .delete-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  cursor: pointer;
}
.KeywordGroup .tips {
  margin-top: 8px;
  color: #90949c;
  font-size: 13px;
}
.KeywordGroup .KeywordPicker {
  margin: 8px 0;
}
.KeywordGroup .KeywordArea .VSwitch {
  display: inline-block;
  margin-right: 10px;
}

.SelectedAdGroupList .delete-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  cursor: pointer;
}
.SelectedAdGroupList .KeywordPicker {
  width: 600px;
  margin-left: 68px;
  margin-top: 16px;
}

.DisplayAdGroupDetail .item-value {
  background: #f5f5f5;
  margin: 0 2px;
  padding: 2px 4px;
  border-radius: 2px;
}

.AudienceFeature .feature-content {
  width: 730px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.AudienceFeature .feature-content > .content-col {
  border-right: solid 1px #eee;
}
.AudienceFeature .feature-content > .content-col:first-child {
  border-left: solid 1px #eee;
}
.AudienceFeature .feature-content .title-row {
  padding: 8px 16px;
}
.AudienceFeature .feature-content .content-row {
  padding: 16px;
  border-top: solid 1px #eee;
}
.AudienceFeature .feature-content .content-row .ant-checkbox-wrapper {
  margin-bottom: 16px;
}

.DisplayChannel .Audience .AudienceGroup .custom-add {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 46px;
  border-top: solid 1px #dadcde;
  left: 0;
  bottom: 0;
  padding-left: 32px;
  line-height: 1;
  background-color: #eee;
  cursor: pointer;
}
.DisplayChannel .Audience .AudienceGroup .custom-add .left-icon {
  margin-left: -8px;
  padding-right: 8px;
}
.DisplayChannel .Audience .AudienceGroup .custom-add .left-icon .add-btn {
  color: #256cd0;
}
.DisplayChannel .Audience .AudienceGroup .custom-add .right-info {
  display: flex;
  flex-direction: column;
}
.DisplayChannel .Audience .AudienceGroup .custom-add .right-info p {
  margin-bottom: 0;
  color: #256cd0;
}
.DisplayChannel .Audience .AudienceGroup .custom-add .right-info .desc {
  color: #9e9e9e;
  font-size: 12px;
}

.PickPanel {
  background: #fff;
}
.PickPanel .edit-header-bar {
  min-height: 50px;
  background-color: #4285f4;
  color: #fff;
}
.PickPanel .edit-header-bar .header-title {
  display: inline-block;
  padding: 16px 16px 16px 24px;
  font-size: 15px;
}
.PickPanel .edit-header-bar .save-btn {
  margin: 5px;
  padding: 12px 16px;
  border-radius: 2px;
  outline: none;
  border: none;
  color: #fff;
  float: right;
  background: transparent;
  cursor: pointer;
}
.PickPanel .edit-header-bar .save-btn:hover {
  background-color: rgba(225, 225, 225, 0.3);
}
.PickPanel .panel-content {
  padding: 16px;
  background-color: #fff;
  border: solid 1px #dadcde;
}
.PickPanel .result-content .result-header {
  min-height: 50px;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 15px;
}
.PickPanel .result-content .result-header .edit-btn {
  float: right;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.8;
}
.PickPanel .result-content .result-header .edit-btn:hover {
  opacity: 1;
}
.PickPanel .result-content .result-items {
  line-height: 45px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-top: none;
  padding: 0 16px;
}

.DisplayChannel .Content .TransferPicker .result-area .header .clear-btn:hover {
  background-color: #fff;
}
.DisplayChannel .Content .content-container {
  width: 730px;
  background-color: #f5f5f5;
  border: solid 1px #ddd;
}
.DisplayChannel .Content .content-container > .content-item {
  border-bottom: solid 1px #ddd;
}
.DisplayChannel .Content .content-container > .content-item:last-child {
  border-bottom: none;
}
.DisplayChannel .Content .content-container > .content-item .item-header {
  cursor: pointer;
}
.DisplayChannel .Content .content-container > .content-item .item-header:hover {
  background: #fff;
}
.DisplayChannel .Content .content-container > .content-item .item-header .header-title {
  display: inline-block;
  width: 80px;
  text-align: right;
  color: #929598;
}
.DisplayChannel .Content .content-container > .content-item .item-header .add-btn {
  margin-left: 30px;
  font-size: 18px;
}
.DisplayChannel .Content .content-container > .content-item .item-panel {
  padding: 10px;
}
.DisplayChannel .Content .content-container > .content-item .item-panel > .ControlGroup > .control-label {
  flex: 0 0 80px;
}
.DisplayChannel .Content .PickPanel {
  line-height: 1;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-editor {
  max-height: 300px;
  overflow: auto;
  border: solid 1px #eee;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-editor {
  padding: 12px;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-editor .keyword-input {
  border: none;
  box-shadow: none;
  resize: none;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-setting {
  margin-top: 16px;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-setting .title {
  margin-bottom: 16px;
  color: #929598;
}
.DisplayChannel .Content .DimensionKeyword .keyword-content .keyword-setting .RadioGroup .ant-radio-wrapper {
  font-size: 13px;
}

.DisplayChannel .Dimension .ant-radio-wrapper {
  margin-bottom: 12px;
}
.DisplayChannel .Dimension .AutoTargeting .auto-target-option .label {
  line-height: 1;
}
.DisplayChannel .Dimension .AutoTargeting .auto-target-option .desc {
  line-height: 1.5;
  color: #90949c;
  font-size: 12px;
}

.GgTargetCpa .ControlGroup > .control-label {
  flex: 0 0 225px;
}
.GgTargetCpa .desc-item {
  margin: 8px 0;
}

.GgDemandGenAudience .Nav {
  margin-bottom: 16px;
}
.GgDemandGenAudience .audience-feature {
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 8px;
}
.GgDemandGenAudience .audience-content-desc {
  border: solid 1px #ccc;
  padding: 8px;
  border-radius: 4px;
  width: 600px;
}
.GgDemandGenAudience .audience-content-desc .desc-item {
  display: flex;
}
.GgDemandGenAudience .audience-content-desc .desc-item .desc-title {
  text-align: right;
  margin-right: 8px;
  flex: 0 0 180px;
}

.AiTextHelperModal .filter .ant-btn {
  margin-right: 10px;
}
.AiTextHelperModal .content {
  margin-top: 10px;
}
.AiTextHelperModal .content .text-list {
  max-height: 500px;
  border: 1px solid #e8e5e5;
  border-radius: 4px;
  overflow-y: auto;
}
.AiTextHelperModal .content .text-list .text-row {
  display: flex;
  align-items: center;
  line-height: 32px;
  padding: 5px 10px;
}
.AiTextHelperModal .content .no-setting {
  color: rgba(0, 0, 0, 0.75);
  line-height: 32px;
}
.AiTextHelperModal .footer {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin: 0 10px;
  border-top: 1px solid #e8e5e5;
}

.AiTextAdvanceSettingModal form {
  max-height: 650px;
  overflow-y: auto;
}
.AiTextAdvanceSettingModal .setting-header {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.75);
}

.GgCharacterCountInput .number-tips {
  text-align: right;
  font-size: 12px;
}
.GgCharacterCountInput .ant-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.GgCharacterCountInput .ant-input:focus {
  box-shadow: none;
  border-color: #4285f4;
}
.GgCharacterCountInput .ant-input:hover {
  border-color: #4285f4;
}
.GgCharacterCountInput .VInput {
  position: relative;
}
.GgCharacterCountInput .VInput .validation-error {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
}

.AiTextCountInput {
  width: 100%;
}
.AiTextCountInput .MyInput {
  width: 100%;
}
.AiTextCountInput .MyInput .ant-input {
  padding-right: 85px;
}
.AiTextCountInput .helper-btn {
  padding: 0 5px;
}
.AiTextPopover .ant-popover-arrow {
  display: none;
}
.AiTextPopover .ant-popover-inner-content {
  width: 650px;
  padding: 0;
}
.AiTextPopover .text-dropdown {
  width: 100%;
}
.AiTextPopover .text-dropdown .text-list {
  width: 100%;
  max-height: 300px;
  padding: 10px;
  overflow-y: auto;
}
.AiTextPopover .text-dropdown .text-list .text-item {
  line-height: 32px;
  cursor: pointer;
}
.AiTextPopover .text-dropdown .text-list .text-item:hover {
  color: #1890ff;
}
.AiTextPopover .text-dropdown .no-setting {
  padding: 10px;
  height: 100px;
  line-height: 32px;
}
.AiTextPopover .text-dropdown .dropdown-footer {
  margin-top: 10px;
  border-top: 1px solid #e8e5e5;
}
.AiTextLanguagePopover .ant-popover-arrow {
  display: none;
}
.AiTextLanguagePopover .ant-popover-inner-content {
  width: 150px;
  padding: 0;
}
.AiTextLanguagePopover .language-dropdown {
  width: 100%;
}
.AiTextLanguagePopover .language-dropdown .language-filter {
  padding: 10px;
}
.AiTextLanguagePopover .language-dropdown .language-list {
  width: 100%;
  max-height: 300px;
  padding: 0 0 10px;
  overflow-y: auto;
}
.AiTextLanguagePopover .language-dropdown .language-list .language-item {
  padding: 0 10px;
  line-height: 32px;
  cursor: pointer;
}
.AiTextLanguagePopover .language-dropdown .language-list .language-item:hover {
  color: #1890ff;
  background-color: var(--edt-tree-item-hover-bg);
}

.MultiTextInput .GgCharacterCountInput {
  width: 100%;
  display: inline-block;
}
.MultiTextInput .GgCharacterCountInput > .ControlGroup {
  display: block;
}
.MultiTextInput .GgCharacterCountInput > .ControlGroup.add-required > .control-label::after {
  line-height: 1.5;
}
.MultiTextInput .item-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.MultiTextInput .add-btn,
.MultiTextInput .remove-btn {
  display: inline-block;
  padding: 2px 8px;
  vertical-align: top;
  border-radius: 2px;
  outline: none;
  border: none;
  color: #4285f4;
  background: transparent;
  cursor: pointer;
}
.MultiTextInput .add-btn:hover,
.MultiTextInput .remove-btn:hover {
  background-color: rgba(225, 225, 225, 0.3);
}
.MultiTextInput .remove-btn {
  position: absolute;
  right: -5px;
  bottom: 25px;
}

.pic-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin: 8px 15px;
  text-align: center;
  cursor: pointer;
}
.pic-wrapper:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.pic-wrapper:hover .check-icon-wrapper {
  display: none;
}
.pic-wrapper .img-wrapper {
  width: 100%;
  height: 110px;
  border: 2px solid transparent;
}
.pic-wrapper .img-wrapper img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.pic-wrapper .selected {
  border: 2px solid #4285f4;
}
.pic-wrapper .check-icon-wrapper,
.pic-wrapper .close-icon-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  transform: translate(50%, -30%);
  background-color: #4285f4;
  z-index: 2;
}
.pic-wrapper .check-icon-wrapper .anticon,
.pic-wrapper .close-icon-wrapper .anticon {
  font-size: 20px;
  color: #fff;
}
.pic-wrapper .close-icon-wrapper {
  background-color: #000;
  z-index: 1;
}

.Resource-Wrapper {
  display: flex;
  max-height: 600px;
  overflow-y: auto;
}
.Resource-Wrapper .pics-content,
.Resource-Wrapper .logos-content {
  flex: 1;
  margin: 15px 0;
  padding: 0 15px;
}
.Resource-Wrapper .pics-content p,
.Resource-Wrapper .logos-content p {
  line-height: 30px;
  color: #757677;
}
.Resource-Wrapper .pics-content .pics-wrapper,
.Resource-Wrapper .logos-content .pics-wrapper,
.Resource-Wrapper .pics-content .logos-wrapper,
.Resource-Wrapper .logos-content .logos-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.Resource-Wrapper .pics-content {
  border-right: 1px solid #757677;
}

.useType-popover .ant-popover-title {
  min-width: 90px;
}
.useType-popover .ant-popover-inner-content .ant-menu {
  border-right: none;
}
.ImageSelector .select-flag {
  display: none;
}
.ImageSelector:hover .select-flag {
  display: inline-block;
}
.ImageSelector .name-text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.MediaModalFilter {
  margin-bottom: 24px;
}
.MediaModalFilter .f-left {
  display: flex;
}
.MediaModalFilter .Select {
  width: 120px;
  margin-right: 6px;
}
.MediaModalFilter .ant-btn {
  margin-left: 12px;
}
.MediaModalFilter .youtube-search-input {
  margin: 10px 0;
  display: block;
  width: 460px;
}
.MediaModalFilter .MultiConditions {
  vertical-align: top;
  max-width: 400px;
  margin-left: 8px;
}
.MediaModalFilter .MultiConditions .ant-btn {
  margin-left: 4px;
}
.MediaModalFilter .SortSelect {
  margin-top: 12px;
}
.MediaModalFilter .SortSelect .Select {
  width: 145px;
  margin-right: 0;
}
.MediaModalFilter .SelectControl {
  margin-top: 18px;
}
.MediaModalFilter .SelectControl .selected-count {
  color: #929598;
}

.Loader {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Loader .no-data.ant-empty {
  margin-top: 70px;
}
.Loader .loader-items {
  display: flex;
  flex-wrap: wrap;
}
.Loader .more-loading {
  position: relative;
  height: 50px;
}
.Loader .AutoScrollLoader {
  height: auto;
}

.Image-Library {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  font-size: 14px;
}
.Image-Library .search-wrapper {
  position: relative;
}
.Image-Library .search-wrapper .ant-input {
  width: 400px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.Image-Library .search-wrapper .ant-input:focus {
  box-shadow: none;
}
.Image-Library .Loader .loader-content .loader-items .result-label,
.Image-Library .Loader .loader-content .loader-items .size-label {
  font-size: 12px;
}
.Image-Library .Loader .AutoScrollLoader {
  height: 500px;
}
.Image-Library .Loader .MediaModalFilter .MultiConditions {
  max-width: 650px;
}

.Media-Picker-Wrapper .ant-modal-header {
  border-bottom: none;
  background-color: #757677;
}
.Media-Picker-Wrapper .ant-modal-header .ant-modal-title {
  color: #fff;
}
.Media-Picker-Wrapper .ant-modal-body {
  padding: 0;
}
.Media-Picker-Wrapper .ant-modal-body .ant-tabs-bar {
  padding: 0 24px;
  color: #fff;
  background-color: #757677;
}
.Media-Picker-Wrapper .ant-modal-body .ant-tabs-nav .ant-tabs-tab:hover,
.Media-Picker-Wrapper .ant-modal-body .ant-tabs-nav .ant-tabs-tab-active {
  color: #fff;
  border-bottom: 4px solid #fff;
}
.Media-Picker-Wrapper .ant-modal-body .ant-tabs-ink-bar {
  background-color: transparent;
}
.Media-Picker-Wrapper .tab-wrapper {
  min-height: 600px;
  overflow: auto;
  margin: 12px 24px 24px 24px;
}
.Media-Picker-Wrapper .ant-modal-footer .des {
  position: absolute;
  left: 10px;
  display: inline-block;
  width: 500px;
  text-align: left;
}
.Media-Picker-Wrapper .ant-modal-footer .footer-button {
  padding: 10px;
  background: transparent;
  border: none;
  color: #256cd0;
}
.Media-Picker-Wrapper .ant-modal-footer .footer-button:hover {
  background: rgba(37, 108, 208, 0.1);
}

.MediaSelector {
  position: relative;
  margin: 16px 0;
}
.MediaSelector .title {
  color: #000;
}
.MediaSelector .desc {
  color: rgba(0, 0, 0, 0.54);
  margin: 8px 0;
}
.MediaSelector .media-container {
  padding: 8px;
  border: 1px solid #e0e0e0;
  color: #4285f4;
}
.MediaSelector .media-container i {
  margin-right: 8px;
}
.MediaSelector .media-container .small-images-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.MediaSelector .media-container .small-images-wrapper img {
  height: 36px;
  margin: 8px;
}
.MediaSelector .media-container .edit-btn {
  cursor: pointer;
  font-size: 18px;
  color: #9e9e9e;
}
.MediaSelector .media-container .edit-btn:hover {
  color: #444950;
}
.MediaSelector .btn-wrapper {
  display: inline-block;
  margin: 5px;
  padding: 12px 16px;
  border-radius: 2px;
  outline: none;
  border: none;
  color: #4285f4;
  background: transparent;
  cursor: pointer;
}
.MediaSelector .btn-wrapper:hover {
  background-color: rgba(225, 225, 225, 0.3);
}

.Video-Wrapper {
  position: relative;
  display: flex;
  width: 100%;
  margin: 10px 0;
  padding: 5px;
  cursor: pointer;
}
.Video-Wrapper:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.Video-Wrapper:hover .check-icon-wrapper {
  display: none;
}
.Video-Wrapper.selected {
  border: 2px solid #4285f4;
}
.Video-Wrapper .video-content {
  position: relative;
  width: 160px;
  border: 2px solid transparent;
  padding-right: 6px;
}
.Video-Wrapper .video-content img {
  max-width: 100%;
}
.Video-Wrapper .video-content video {
  max-width: 100%;
}
.Video-Wrapper .desc-content {
  width: calc(100% - 180px);
}
.Video-Wrapper .desc-content p {
  margin-bottom: 5px;
  line-height: 1.5;
}
.Video-Wrapper .desc-content .youtube-link:hover {
  text-decoration: underline;
}
.Video-Wrapper .name-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
  white-space: nowrap;
}
.Video-Wrapper .check-icon-wrapper,
.Video-Wrapper .close-icon-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  transform: translate(50%, -30%);
  background-color: #4285f4;
  z-index: 2;
}
.Video-Wrapper .check-icon-wrapper .anticon,
.Video-Wrapper .close-icon-wrapper .anticon {
  font-size: 20px;
  color: #fff;
}
.Video-Wrapper .close-icon-wrapper {
  background-color: #000;
  z-index: 1;
}

.Youtube-Video-Picker-Wrapper .Resource {
  max-height: 600px;
}
.Youtube-Video-Picker-Wrapper .Resource .videos-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
}

.Youtube-Video-Wrapper .Loader .loader-items .loader-item {
  flex-grow: 1;
  width: 100%;
  border-bottom: solid 2px #e8e8e8;
  margin: 0 10px 5px 0;
}
.Youtube-Video-Wrapper .Loader .AutoScrollLoader {
  height: 500px;
}

.ResponsiveDisplayAd {
  padding: 16px;
  padding-bottom: 32px;
}
.ResponsiveDisplayAd .ControlGroup > .control-label {
  color: #000;
}
.ResponsiveDisplayAd .ant-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.ResponsiveDisplayAd .ant-input:focus {
  box-shadow: none;
  border-color: var(--edt-primary-color);
}
.ResponsiveDisplayAd .ant-input:hover {
  border-color: var(--edt-primary-color);
}
.ResponsiveDisplayAd .media {
  position: relative;
}
.ResponsiveDisplayAd .media .ControlGroup.hidden.showhiddenErrorMsg {
  bottom: -28px;
}
.ResponsiveDisplayAd .Titles,
.ResponsiveDisplayAd .Descriptions {
  margin-bottom: 16px;
}
.ResponsiveDisplayAd .WebsiteSetting {
  flex-direction: column;
}
.ResponsiveDisplayAd .WebsiteSetting .control-label {
  flex: auto;
  text-align: left;
  line-height: 1;
}
.ResponsiveDisplayAd .WebsiteSetting .key {
  width: 120px;
}
.ResponsiveDisplayAd .WebsiteSetting .value {
  width: 200px;
}
.ResponsiveDisplayAd .Preference {
  flex-direction: column;
  margin-bottom: 16px;
}
.ResponsiveDisplayAd .Preference .control-label {
  flex: auto;
  text-align: left;
  line-height: 1;
}
.ResponsiveDisplayAd .Preference .toggle-title {
  display: inline-block;
  cursor: pointer;
}
.ResponsiveDisplayAd .Preference .toggle-title i {
  margin-left: 15px;
}
.ResponsiveDisplayAd .Preference .RadioGroup.block .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 0;
}
.ResponsiveDisplayAd .status-form-item > .control-label {
  text-align: left;
}

.TextAd {
  padding: 16px;
}
.TextAd .ControlGroup > .control-label {
  color: #000;
}
.TextAd .ant-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.TextAd .ant-input:focus {
  box-shadow: none;
  border-color: var(--edt-primary-color);
}
.TextAd .status-form-item > .control-label {
  text-align: left;
}
.TextAd .tip-title {
  color: #000;
  margin-top: 8px;
}
.TextAd .PathInput {
  margin-bottom: 16px;
}
.TextAd .PathInput .ant-input {
  width: 120px;
}
.TextAd .PathInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.TextAd .BlockControlGroup {
  margin-bottom: 16px;
}
.TextAd .WebsiteSetting {
  flex-direction: column;
}
.TextAd .WebsiteSetting .control-label {
  flex: auto;
  text-align: left;
  line-height: 1;
}
.TextAd .WebsiteSetting .key {
  width: 120px;
}
.TextAd .WebsiteSetting .value {
  width: 200px;
}

.UploadAd {
  padding: 16px;
  min-height: 400px;
}
.UploadAd .ControlGroup > .control-label {
  color: #000;
}
.UploadAd .ant-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.UploadAd .ant-input:focus {
  box-shadow: none;
  border-color: #4285f4;
}
.UploadAd .status-form-item > .control-label {
  text-align: left;
}
.UploadAd .help-tip {
  margin-top: 32px;
  color: #096dd9;
  cursor: pointer;
}
.UploadAd .help-tip > i {
  margin-right: 8px;
}
.UploadAd .BlockControlGroup {
  margin-bottom: 16px;
}
.UploadAd .WebsiteSetting {
  flex-direction: column;
}
.UploadAd .WebsiteSetting .control-label {
  flex: auto;
  text-align: left;
  line-height: 1;
}
.UploadAd .WebsiteSetting .key {
  width: 120px;
}
.UploadAd .WebsiteSetting .value {
  width: 200px;
}
.FormatPanel .title {
  font-size: 15px;
  padding: 16px 0;
  color: #000;
}
.FormatPanel .sub-title {
  font-size: 12px;
  color: #424242;
  font-weight: bold;
}
.FormatPanel .text-table {
  width: 100%;
  border-collapse: separate;
  font-size: 13px;
  color: #616161;
  border: none;
}
.FormatPanel .text-table > tbody > tr > td {
  border: none;
}
.FormatPanel .text-table > tbody > tr > td:first-child {
  min-width: 112px;
}
.FormatPanel .sub-table {
  width: auto;
  font-size: 13px;
  color: #616161;
  padding: 8px 80px 16px 0;
}
.FormatPanel .sub-table > tbody > tr > td:first-child {
  min-width: 82px;
}

.GgUploader {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 100px;
  text-align: center;
  background-color: var(--edt-uploader-bg-color);
  border: solid 2px var(--edt-uploader-border-color);
  color: var(--edt-uploader-text-color);
  cursor: pointer;
}
.GgUploader > .content {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  max-height: 100%;
  transform: translateY(-50%);
  overflow: hidden;
}
.GgUploader .icn-add {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 6px;
  font-size: 24px;
  font-weight: bolder;
  color: var(--edt-uploader-icon-color);
}
.GgUploader:hover {
  box-shadow: 0 0 2px var(--edt-uploader-hover-color);
  color: var(--edt-uploader-hover-color);
}
.GgUploader:hover .icn-add {
  color: var(--edt-uploader-hover-color);
}

.AdUploader {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: solid 1px #eee;
}
.AdUploader .tips {
  margin-top: 32px;
  font-size: 13px;
  color: #929598;
}
.AdUploader .uploaded-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 16px;
}
.AdUploader .uploaded-item {
  position: relative;
  margin: 5px;
  width: 150px;
}
.AdUploader .uploaded-item:hover .close-icon-wrapper {
  display: block;
}
.AdUploader .uploaded-item .content-wrapper {
  height: 100px;
  overflow: hidden;
  background-color: #ccc;
}
.AdUploader .uploaded-item .content-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.AdUploader .uploaded-item .meta-wrapper {
  background-color: #efefef;
  padding: 12px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AdUploader .uploaded-item .close-icon-wrapper {
  position: absolute;
  display: none;
  top: -8px;
  right: -5px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.AdUploader .uploaded-item .close-icon-wrapper i {
  font-size: 20px;
}
.AdUploader .UploadedZipItem .content-wrapper {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABICAYAAAA+hf0SAAAC/0lEQVR42u2cMarqQBhGXYELcQWuwPW4AhdiYSUiNgqCFgoWCgoWiigIWthZWVlZ5b7PRx5x3ojRG8lkcgKHGJNwwTmZ+fNNbgqn02nyhwDySQEBEAABEIAfAgEAAQABAAEAAQABAAEAAQABAAEAATJBtVoNCoVCUC6X79taazv83kT7w33FYjHYbDZBvV7/t7/dbj98RgCPBRCVSuUuAgJkXAATfa8GrNVqDw06GAyenoMAngmg/dEGNc+JXvkIkHEBSqXSvcG0jiuA1jo+KlH0+CgIkMEaII4As9ns74+CANlEDRiO7drWWtthw6rK13a0Ow/PCY8JRRHR46MgACCAK6zX62AymaQGAqTMcrkMGo1GKrRaLQRwoQdIS4But4sAabPdbhEg70VgWgKMRiMEyLMAFIGOoGIsDQGm0ykCuIDGYrNxDodDkOTS6/X++xsqQBHAUQFWq1WiAth6AARwBBVjaQiw3+8RwAVUjJmNMx6PE2v86/VqFYAo2GEBNBFkLvruE2zjPwI4ngbaBEjyDqDT6SCA63GwuajRSAE9FOBZHGwbAhDA0+cBbI2k4i2JRXcUPqaA3gtwPp8TEcDWcyBABuLgbwrgQwzslQC2NHC32yUigK149CEF9F6AZrP5dnEX9/YRATIQB+vKjRPofCKADzGwVwLESQOfRbpRFovFwzmXy8XbFNArAVSUJZEGmpNIKiQRIKNpoLp8c3lVF5iFo00AX0Ig7wWwpYFht64rXYJICM0c6gGS2+0WKwRCAAdRURZXgN+mgP1+HwHyEgerKPQ1BcyFAOrm1YjvpIKSRkOChgZbzYAAjvJqujc63ps9gwSRKHGygvl8jgBZSQNfPdShW8V3E0NfUsDcC/ApCJChNPAbHI9HBHA1C/hmL6Ap5+FwyAsiXEdXqN4boMb67b+NSSjFzHrsjDeEZDgkUiMqwIl7lUsgn7p63hFkvFVE08dh7yAxJIgvU7wIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAp+AHMtKDkTXmFeYAAAAASUVORK5CYII=) no-repeat left center;
  background-size: 100% 100%;
}

.EditUploadAd {
  display: flex;
}
.EditUploadAd .input-area {
  flex: 0 0 450px;
}
.EditUploadAd .preview-area {
  flex: 1 1 auto;
}
.EditUploadAd .TypeNav {
  background: #eee;
}

.Image-Wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin: 8px 15px;
  text-align: center;
  cursor: pointer;
}
.Image-Wrapper:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.Image-Wrapper:hover .check-icon-wrapper {
  display: none;
}
.Image-Wrapper .image-content {
  width: 100%;
  height: 110px;
  border: 2px solid transparent;
}
.Image-Wrapper .image-content img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.Image-Wrapper .selected {
  border: 2px solid #4285f4;
}
.Image-Wrapper .check-icon-wrapper,
.Image-Wrapper .close-icon-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  transform: translate(50%, -30%);
  background-color: #4285f4;
  z-index: 2;
}
.Image-Wrapper .check-icon-wrapper .anticon,
.Image-Wrapper .close-icon-wrapper .anticon {
  font-size: 20px;
  color: #fff;
}
.Image-Wrapper .close-icon-wrapper {
  background-color: #000;
  z-index: 1;
}
.Image-Wrapper .name-text {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.Resource .images-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-height: 600px;
}

.Library-Wrapper .AutoScrollLoader {
  height: 500px;
}

.Bundle-Wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 150px;
  margin: 5px 15px;
  text-align: center;
  cursor: pointer;
}
.Bundle-Wrapper:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.Bundle-Wrapper:hover .check-icon-wrapper {
  display: none;
}
.Bundle-Wrapper .bundle-content {
  min-width: 110px;
  height: 110px;
  border: 2px solid transparent;
  background-color: #eee;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABICAYAAAA+hf0SAAAC/0lEQVR42u2cMarqQBhGXYELcQWuwPW4AhdiYSUiNgqCFgoWCgoWiigIWthZWVlZ5b7PRx5x3ojRG8lkcgKHGJNwwTmZ+fNNbgqn02nyhwDySQEBEAABEIAfAgEAAQABAAEAAQABAAEAAQABAAEAATJBtVoNCoVCUC6X79taazv83kT7w33FYjHYbDZBvV7/t7/dbj98RgCPBRCVSuUuAgJkXAATfa8GrNVqDw06GAyenoMAngmg/dEGNc+JXvkIkHEBSqXSvcG0jiuA1jo+KlH0+CgIkMEaII4As9ns74+CANlEDRiO7drWWtthw6rK13a0Ow/PCY8JRRHR46MgACCAK6zX62AymaQGAqTMcrkMGo1GKrRaLQRwoQdIS4But4sAabPdbhEg70VgWgKMRiMEyLMAFIGOoGIsDQGm0ykCuIDGYrNxDodDkOTS6/X++xsqQBHAUQFWq1WiAth6AARwBBVjaQiw3+8RwAVUjJmNMx6PE2v86/VqFYAo2GEBNBFkLvruE2zjPwI4ngbaBEjyDqDT6SCA63GwuajRSAE9FOBZHGwbAhDA0+cBbI2k4i2JRXcUPqaA3gtwPp8TEcDWcyBABuLgbwrgQwzslQC2NHC32yUigK149CEF9F6AZrP5dnEX9/YRATIQB+vKjRPofCKADzGwVwLESQOfRbpRFovFwzmXy8XbFNArAVSUJZEGmpNIKiQRIKNpoLp8c3lVF5iFo00AX0Ig7wWwpYFht64rXYJICM0c6gGS2+0WKwRCAAdRURZXgN+mgP1+HwHyEgerKPQ1BcyFAOrm1YjvpIKSRkOChgZbzYAAjvJqujc63ps9gwSRKHGygvl8jgBZSQNfPdShW8V3E0NfUsDcC/ApCJChNPAbHI9HBHA1C/hmL6Ap5+FwyAsiXEdXqN4boMb67b+NSSjFzHrsjDeEZDgkUiMqwIl7lUsgn7p63hFkvFVE08dh7yAxJIgvU7wIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAp+AHMtKDkTXmFeYAAAAASUVORK5CYII=) no-repeat center center;
  background-size: 100%;
}
.Bundle-Wrapper .selected {
  border: 2px solid #4285f4;
}
.Bundle-Wrapper .check-icon-wrapper,
.Bundle-Wrapper .close-icon-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  transform: translate(50%, -30%);
  background-color: #4285f4;
  z-index: 2;
}
.Bundle-Wrapper .check-icon-wrapper .anticon,
.Bundle-Wrapper .close-icon-wrapper .anticon {
  font-size: 20px;
  color: #fff;
}
.Bundle-Wrapper .close-icon-wrapper {
  background-color: #000;
  z-index: 1;
}

.Resource .bundles-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.Upload {
  height: 100%;
  padding: 10px;
}
.Upload .tips-icon-wrapper {
  cursor: pointer;
}
.Upload .upload-content {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
}
.Upload .upload-content .add-more {
  height: 110px;
  width: 110px;
  margin: 5px 0;
  border: 1px solid #BBBBBB;
  background-color: transparent;
}
.Upload .upload-content .add-more:hover {
  box-shadow: none;
}

.Adder {
  width: 600px;
  margin: 0 16px;
}
.Adder .Descriptions,
.Adder .Headlines {
  margin-bottom: 16px;
}
.Adder .Descriptions .ControlGroup.hidden.showhiddenErrorMsg,
.Adder .Headlines .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}
.Adder .adder-title {
  color: #000;
}
.Adder .adder-tips {
  line-height: 1.5;
  color: #90949c;
  font-size: 12px;
  margin-bottom: 8px;
}
.Adder .status-form-item > .control-label {
  text-align: left;
}

.Material > .header {
  line-height: 2.5;
  padding-top: 24px;
}

.MultiAssetAd {
  width: 600px;
}
.MultiAssetAd .space-item {
  height: 16px;
}
.MultiAssetAd .ControlGroup.hidden.showhiddenErrorMsg.is-invalid {
  position: relative;
}

.VideoResponsiveAd {
  width: 600px;
}
.VideoResponsiveAd .space-item {
  height: 16px;
}
.VideoResponsiveAd .ControlGroup.hidden.showhiddenErrorMsg.is-invalid {
  position: relative;
}

.DemandGenAdContent {
  padding: 20px 32px;
}
.DemandGenAdContent.disactive {
  display: none;
}
.DemandGenAdContent .ControlGroup > .control-label {
  text-align: left;
}
.DemandGenAdContent .space-item {
  height: 16px;
}
.DemandGenAdContent .adder-title {
  margin-bottom: 6px;
}
.DemandGenAdContent .GgTrackingUrl,
.DemandGenAdContent .GgFinalUrls {
  width: 720px;
  border: solid 1px #ccc;
  padding: 8px;
  border-radius: 2px;
}
.DemandGenAdContent .GgTrackingUrl .save-template-bar,
.DemandGenAdContent .GgFinalUrls .save-template-bar {
  margin-left: 0;
}
.DemandGenAdContent .GgTrackingUrl .ControlGroup > .control-label,
.DemandGenAdContent .GgFinalUrls .ControlGroup > .control-label {
  flex: 0 0 140px;
}

.AdGroupAdEdit .TextAd,
.AdGroupAdEdit .ResponsiveDisplayAd,
.AdGroupAdEdit .UploadAd {
  width: 450px;
}

.CampaignItem .control-label {
  flex: 0 0 117px;
}
.CampaignItem .Name {
  display: flex;
}
.CampaignItem .Name .ControlGroup {
  margin-top: 0;
}
.CampaignItem .ApplicationDetail {
  margin: 10px 20px;
}
.CampaignItem .ApplicationDetail .empty-apps .disabled {
  display: none;
}
.CampaignItem .ApplicationDetail .empty-apps .showhiddenErrorMsg {
  position: relative;
}
.CampaignItem .ApplicationDetail .ConversionSelect .showhiddenErrorMsg {
  position: relative;
}
.CampaignItem .Targeting .Area .ant-radio-group {
  display: flex;
  align-items: center;
}
.CampaignItem .Targeting .Area .ant-radio-group .ant-radio-wrapper {
  margin-top: 0;
}
.CampaignItem .Targeting .Area .area-select .control-label {
  flex: 0 0 50px;
}
.CampaignItem .Price {
  margin: 10px 20px;
}
.CampaignItem .Price > div {
  border: 1px solid #dadcde;
}
.CampaignItem .Price .application-price {
  width: 750px;
}
.CampaignItem .Price .application-price .title {
  margin: 0;
}
.CampaignItem .Price .application-price .not-support-tip {
  width: 300px;
  padding: 16px;
  line-height: 40px;
  text-align: center;
  border: solid 1px #dfc831;
  background-color: #fef9d8;
  margin: 6px 0;
}
.CampaignItem .Price .search-price .delivery-method,
.CampaignItem .Price .display-price .delivery-method,
.CampaignItem .Price .search-price .Time,
.CampaignItem .Price .display-price .Time {
  display: none;
}
.CampaignItem .Price .search-price .header,
.CampaignItem .Price .display-price .header {
  display: none;
}
.CampaignItem .Price .display-price .start-date {
  display: none;
}
.CampaignItem .Price .display-price .end-date {
  display: none;
}

.DemandGenCampaignCopyItem .Card {
  border: none;
}
.DemandGenCampaignCopyItem .Card > .header {
  display: none;
}
.DemandGenCampaignCopyItem .control-label {
  flex: 0 0 125px;
}

.CopyHeader {
  margin-bottom: 10px;
}
.CopyHeader > .content > div + div {
  margin-bottom: 10px;
}
.CopyHeader .BatchApplication .application-wrapper {
  margin-top: 10px;
}
.CopyHeader .AccountSelector {
  margin-bottom: 10px;
}
.CopyHeader .AccountSelector .RadioGroup .ant-radio-wrapper {
  display: inline-block;
}
.CopyHeader .AccountSelector .content > div + div {
  margin-top: 10px;
}
.CopyHeader .AccountSelector .radio-title {
  margin-right: 15px;
}
.CopyHeader .AccountSelector .share-selector {
  display: inline-block;
}
.CopyHeader .AccountSelector .share-selector .ant-btn {
  width: 400px;
  margin-left: 15px;
  padding-right: 30px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CopyHeader .AccountSelector .share-selector .ant-btn .anticon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 32px;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper {
  width: 400px;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .selector-tree {
  max-height: 300px;
  overflow-y: auto;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .ant-input-search {
  margin-bottom: 10px;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .ant-popover-arrow {
  display: none;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .ant-divider {
  margin: 10px 0;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .ant-tree > li:nth-child(1) {
  border-bottom: 1px solid #d9d9d9;
}
.CopyHeader .AccountSelector .share-selector .popover-wrapper .ant-tree-node-content-wrapper {
  height: auto;
  min-height: 24px;
  width: calc(100% - 30px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.CopyHeader .BatchStatus {
  display: flex;
  align-items: center;
}
.CopyHeader .BatchAreaLanguage .Checkbox {
  margin-bottom: 10px;
}
.CopyHeader .BatchAreaLanguage .Area .ant-radio-group {
  display: flex;
  align-items: center;
}
.CopyHeader .BatchAreaLanguage .Area .ant-radio-group .ant-radio-wrapper {
  margin-top: 0;
}
.CopyHeader .BatchAreaLanguage .Area,
.CopyHeader .BatchAreaLanguage .Language {
  margin: 0;
  padding: 0;
}
.CopyHeader .BatchAreaLanguage .Area > .control-label,
.CopyHeader .BatchAreaLanguage .Language > .control-label {
  flex: 0 0 90px;
}

.CampaignsCopy .CopyList .copy-title {
  margin: 10px 40px 6px;
  font-size: 15px;
}
.CampaignsCopy .CopyChild {
  margin-left: 20px;
}
.CampaignsCopy .CopyChild .error-tip {
  border: 1px solid #dadcde;
  padding: 16px;
  color: var(--edt-warning-color);
}
.CampaignsCopy .CopyChild .copy-tree {
  width: 750px;
  max-height: 300px;
  border: 1px solid #dadcde;
  overflow-y: auto;
}
.CampaignsCopy .CopyChild .copy-tree li {
  white-space: normal;
}
.CampaignsCopy .CopyChild .copy-tree .ant-tree-node-content-wrapper {
  height: auto;
}
.CampaignsCopy .CopyChild .copy-tree .ant-tree-node-content-wrapper::before {
  display: none;
}
.CampaignsCopy .CopyChild .copy-tree .ad-tree-node,
.CampaignsCopy .CopyChild .copy-tree .ad-group-tree-node {
  display: flex;
}
.CampaignsCopy .CopyChild .copy-tree .ad-tree-node .Switch,
.CampaignsCopy .CopyChild .copy-tree .ad-group-tree-node .Switch {
  margin-right: 10px;
}
.CampaignsCopy .CopyChild .copy-tree .ad-group-tree-node {
  align-items: center;
}
.CampaignsCopy .CopyChild .copy-tree .ad-tree-node {
  padding-top: 5px;
}
.CampaignsCopy .CopyChild .copy-tree .ad-tree-node .ad-preview {
  width: 600px;
}
.CampaignsCopy .CopyChild .copy-tree .ant-tree-child-tree .ant-tree-switcher {
  display: inline-block;
}
.CampaignsCopy .CopyChild .copy-tree .ant-tree-child-tree .ant-tree-switcher:empty {
  display: inline-block !important;
}
.CampaignsCopy.single .copy-tree {
  max-height: 500px;
}

.DemandGenAdGroupCopyItem .Card {
  border: none;
}
.DemandGenAdGroupCopyItem .Card > .header {
  display: none;
}
.DemandGenAdGroupCopyItem .Card > .content {
  padding: 0;
}

.AdsetsCopy .CampaignSelect .RadioGroup {
  width: 100%;
  margin-left: 15px;
}
.AdsetsCopy .CampaignSelect .campaign-select {
  margin: 10px 0;
}
.AdsetsCopy .CampaignSelect .campaign-select .Select {
  width: 400px;
}
.AdsetsCopy .CopyList {
  margin-top: 10px;
}
.AdsetsCopy .CopyList .control-label {
  flex: 0 0 225px;
}
.AdsetsCopy .CopyList .title {
  margin: 10px 40px 6px;
  font-size: 15px;
}
.AdsetsCopy .CopyChild {
  margin-left: 30px;
}
.AdsetsCopy .CopyChild .error-tip {
  border: 1px solid #dadcde;
  padding: 16px;
  color: var(--edt-warning-color);
}
.AdsetsCopy .CopyChild .copy-tree {
  width: 750px;
  max-height: 300px;
  border: 1px solid #dadcde;
  overflow-y: auto;
}
.AdsetsCopy .CopyChild .copy-tree li {
  white-space: normal;
}
.AdsetsCopy .CopyChild .copy-tree .ant-tree-node-content-wrapper {
  height: auto;
}
.AdsetsCopy .CopyChild .copy-tree .ant-tree-node-content-wrapper::before {
  display: none;
}
.AdsetsCopy .CopyChild .copy-tree .ad-preview {
  width: 600px;
}
.AdsetsCopy .CopyChild .copy-tree .ant-tree-child-tree .ant-tree-switcher {
  display: inline-block;
}
.AdsetsCopy .CopyChild .copy-tree .ant-tree-child-tree .ant-tree-switcher:empty {
  display: inline-block !important;
}
.AdsetsCopy.single .copy-tree {
  max-height: 500px;
}
.AdsetsCopy .EditCopyItem .ad-group-name .ControlGroup {
  margin-top: 0;
}
.AdsetsCopy .EditCopyItem .delete-btn {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}

.BelongSelect .ant-radio-group.RadioGroup.block .ant-radio-wrapper {
  display: flex;
  line-height: 18px;
}
.BelongSelect .ant-radio-group.RadioGroup.block .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.BelongSelect .CampaignSelect {
  border: none;
}
.BelongSelect .AdGroupSelect {
  margin-left: 16px;
}

.CopyList {
  margin-top: 12px;
}

.Copy {
  height: 100%;
}
.Copy .ErrorTip {
  margin: 10px;
}

.score-tend-tooltip {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 6px 10px;
  box-shadow: 0px 0px 10px #aeaeae;
}
.score-tend-tooltip .g2-tooltip-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.score-tend-tooltip .g2-tooltip-list .list-item {
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-top: 8px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate-disabled {
  pointer-events: none;
}

.ScorePopPage {
  padding: 15px;
}
.ScorePopPage .filter {
  margin-bottom: 15px;
  line-height: 32px;
}

.Content {
  height: 100%;
}
.Content > .content {
  display: flex;
  padding: 0;
}
.Content > .content .main-content {
  flex: 1;
  padding: 20px;
}
.Content .BatchEditNav {
  display: flex;
  width: 230px;
  height: 100%;
  font-size: 14px;
  background-color: #fff;
  overflow-y: auto;
}
.Content .BatchEditNav .nav-list {
  padding: 20px;
}
.Content .BatchEditNav .nav-list > li {
  margin-left: 20px;
  color: #101010;
  cursor: pointer;
}
.Content .BatchEditNav .nav-list .child-list > li {
  margin: 10px 0 10px 30px;
  color: #888888;
  cursor: pointer;
}
.Content .BatchEditNav .nav-list .child-list > li:hover,
.Content .BatchEditNav .nav-list .child-list > li.isActive {
  color: #278AFB;
}
.Content .BatchEditNav .nav-list .child-list > li .modify-mark {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 20px;
  background: #259B24;
  border-radius: 50%;
}

.CampaignsBatchEdit .Location.limit-height > .Card:nth-child(1) {
  max-height: 500px;
  overflow: auto;
}
.CampaignsBatchEdit .Location .Area {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.CampaignsBatchEdit .Location .Area > .control-label {
  text-align: left;
  flex: 0 0 30px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup .control-label {
  flex: 0 0 50px;
  text-align: left;
  line-height: 36px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup + .ControlGroup {
  margin-top: 10px;
}
.CampaignsBatchEdit .Location .location-cell {
  white-space: pre-wrap;
}
.CampaignsBatchEdit .Language .edit-language > .control-label {
  flex: 0 0 230px;
}
.CampaignsBatchEdit .Language .edit-language .Select .labels {
  left: 100%;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search {
  height: 35px;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input:focus {
  box-shadow: none;
}
.CampaignsBatchEdit .Budget .spend-unit {
  color: #c2c2c2;
}
.CampaignsBatchEdit .Scheduel .end-time > .control-label {
  flex: 0 0 230px;
}

.AudienceFeature > .Card:nth-child(1) .control-label {
  flex: 0 0 230px;
}
.AudienceFeature .feature-cell {
  white-space: pre-wrap;
}

.CampaignsBatchEdit .Location.limit-height > .Card:nth-child(1) {
  max-height: 500px;
  overflow: auto;
}
.CampaignsBatchEdit .Location .Area {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.CampaignsBatchEdit .Location .Area > .control-label {
  text-align: left;
  flex: 0 0 30px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup .control-label {
  flex: 0 0 50px;
  text-align: left;
  line-height: 36px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup + .ControlGroup {
  margin-top: 10px;
}
.CampaignsBatchEdit .Location .location-cell {
  white-space: pre-wrap;
}
.CampaignsBatchEdit .Language .edit-language > .control-label {
  flex: 0 0 230px;
}
.CampaignsBatchEdit .Language .edit-language .Select .labels {
  left: 100%;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search {
  height: 35px;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input:focus {
  box-shadow: none;
}
.CampaignsBatchEdit .Budget .spend-unit {
  color: #c2c2c2;
}
.CampaignsBatchEdit .Scheduel .end-time > .control-label {
  flex: 0 0 230px;
}


.GgPopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.GgPopPage.open {
  transform: translateX(0);
}
.GgPopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.GgPopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.GgPopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.GgPopPage > .content form {
  height: 100%;
}
.GgPopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 45px 0 49px;
}
.GgPopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.GgPopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.GgPopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.GgPopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.PromotionPopPage > .content {
  width: 1300px !important;
}

.TypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.TypeItem .title {
  font-weight: bold;
  color: #101010;
}
.TypeItem .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.TypeItem:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.TypeItem.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.TypeItem.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.TxCreateCampaign .TypeItem {
  margin-right: 30px;
}
.TxCreateCampaign .PromotedObject .promoted-object-types {
  position: relative;
  width: 430px;
  margin-top: 15px;
  padding: 10px;
  background-color: #f3f3f3;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: -20px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #f3f3f3 transparent;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .TypeItem {
  margin-right: 0;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .TypeItem + .TypeItem {
  margin-left: 10px;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}
.MaterialSelectorWrapper.SmallSelector .create-btns {
  width: 100%;
}
.MaterialSelectorWrapper.SmallSelector .create-btns .ant-btn {
  width: 100%;
  padding: 0;
}

.BatchCreateAssembleTitle .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.BatchCreateAssembleTitle .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchCreateAssembleTitle .control-label {
  flex: 0 0 100px;
}
.BatchCreateAssembleTitle .MutilMaterial .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px;
  background-color: #fdfdfd;
  border-radius: 5px;
  vertical-align: middle;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper:hover .close-btn {
  display: inline-block;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -8px;
  right: -2px;
  cursor: pointer;
  color: #999;
  z-index: 1;
  font-size: 16px;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.BatchCreateAssembleTitle .MutilMaterial .material-add-btn {
  line-height: 20px;
  border: 1px dotted #DADFE3;
  border-radius: 0;
}

.ProfileCreateModal .ControlGroup > .control-label {
  width: 160px;
}
.ProfileCreateModal .CharacterCountInput {
  margin-top: 12px;
}

.ProfileSelector > .controls {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ProfileSelector > .controls .ant-select {
  margin-top: 12px;
}
.ProfileSelector > .controls .showhiddenErrorMsg {
  position: relative;
}
.ProfileSelector > .controls .ant-select-selection-selected-value .select-image-label-dom .close-btn {
  display: none;
}
.ProfileSelector > .controls .ant-select-dropdown-menu-item .select-image-label-dom {
  justify-content: space-between;
}

.xijing-page-dropdown .ant-tabs-bar {
  margin: 0 0 4px 0;
}
.xijing-page-dropdown .ant-empty {
  padding: 0;
}
.xijing-selector {
  display: block;
  margin-top: 12px;
}
.xijing-selector + .showhiddenErrorMsg {
  line-height: 12px;
}
.WechatPageSelector .ant-select-dropdown .anticon-picture {
  font-size: 25px;
  line-height: 40px;
  color: #c3c2c2;
}

.BrandSelectorWrapper > .controls {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.BrandSelectorWrapper > .controls .showhiddenErrorMsg {
  position: relative;
}
.BrandSelectorWrapper > .controls .ant-select {
  margin-top: 10px;
}
.BrandCreate .CharacterCountInput {
  margin-top: 12px;
}
.BrandCreate .CharacterCountInput .control-label {
  width: 160px;
}
.BrandCreate .CharacterCountInput .number-tips {
  line-height: 36px;
}

.TextEditor .validation-error {
  display: block;
  line-height: 20px;
}
.TextEditor .control-label {
  width: 160px;
}

.DynamicBatchTextEditor .ant-btn {
  margin-right: 10px;
}
.DynamicBatchTextEditor .selected-count {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 12px;
}
.DynamicBatchTextEditor .text-item {
  position: relative;
  display: flex;
  align-items: center;
}
.DynamicBatchTextEditor .text-item + .text-item {
  margin-top: 10px;
}
.DynamicBatchTextEditor .text-item .CharacterCountInput {
  margin-top: 0;
}
.DynamicBatchTextEditor .text-item .CharacterCountInput .number-tips {
  margin-left: 0;
}
.DynamicBatchTextEditor .text-item .icon-delete {
  position: absolute;
  left: 540px;
  top: 10px;
  color: #999999;
  cursor: pointer;
}
.DynamicBatchTextEditor .text-item .icon-delete:hover {
  color: #2f88ff;
}

.ElementMaterials .MaterialSelectorWrapper {
  position: relative;
}
.ElementMaterials .MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 2px;
}
.ElementMaterials .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}

.CreativeElements {
  margin-top: 12px;
}
.CreativeElements .single-text-editor-wrapper {
  position: relative;
}
.CreativeElements .single-text-editor-wrapper + .ControlGroup {
  margin-top: 12px;
}
.CreativeElements .single-text-editor-wrapper.high-size .TextEditor {
  padding-bottom: 20px;
}
.CreativeElements .single-text-editor-wrapper.high-size .TextEditor > .controls {
  padding-bottom: 10px;
}
.CreativeElements .single-text-editor-wrapper .creative-title-store-switch-btn {
  position: absolute;
  left: 160px;
}
.CreativeElements .single-text-editor-wrapper .TextEditor > .controls {
  padding-bottom: 40px;
}
.CreativeElements .single-text-editor-wrapper .TextEditor > .controls,
.CreativeElements .single-text-editor-wrapper .TextEditor > .number-tips {
  position: relative;
  top: 40px;
}
.CreativeElements .CharacterCountInput {
  margin-top: 12px;
}
.CreativeElements .CharacterCountInput + .ControlGroup {
  margin-top: 12px;
}
.CreativeElements .select-image-label-dom {
  display: flex;
  align-items: center;
}
.CreativeElements .select-image-label-dom img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
}
.CreativeElements .landing-page-select-item .img-wrapper {
  height: 40px;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.CreativeElements .ImageLabelSelectWrapper > .controls {
  display: flex;
  align-items: center;
}
.CreativeElements .ImageLabelSelectWrapper > .controls .showhiddenErrorMsg {
  position: relative;
}
.CreativeElements .BrandImage .showhiddenErrorMsg {
  position: relative;
}

.CreativeLabels .label-list {
  width: 500px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.CreativeLabels .label-list > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.CreativeLabels .label-list > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.CreativeLabels .label-list > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.CreativeLabels .label-list > .content .label-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.CreativeLabels .label-list > .content .label-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.CreativeLabels .label-list > .content .label-item:nth-child(2n + 1) {
  margin-right: 12px;
}

.CreativeConversion {
  margin-top: 12px;
}
.CreativeConversion > .controls {
  padding: 10px 0;
  border: 1px solid #dadfe3;
}
.CreativeConversion > .controls > .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.CreativeConversion > .controls > .ControlGroup .controls .control-label {
  flex: 0 0 100px;
}

.TxCreativeMaterial {
  min-height: 100px;
  padding: 24px 24px 24px 0;
  display: flex;
}
.TxCreativeMaterial .form-content {
  flex: 1 1 auto;
}
.TxCreativeMaterial .form-content .control-label {
  flex: 0 0 160px;
}
.TxCreativeMaterial .material-preview {
  width: 256px;
  height: 500px;
  margin-left: 20px;
  padding: 24px;
  background: #F8F9FA;
  border-radius: 4px;
  font-weight: bold;
}
.TxCreativeMaterial.material-error .VInput.is-invalid .MyInput {
  border-color: red;
}
.TxCreativeMaterial.material-error .add-required > .controls > .MaterialSelectorWrapper .material-selector,
.TxCreativeMaterial.material-error .add-required > .controls .error-highlight .material-selector {
  border-color: red;
}
.TxCreativeMaterial.material-error .BasicComponent .selector-btn {
  border-color: red;
}
.TxCreativeMaterial .creative-item-title .validation-error {
  display: block;
}
.TxCreativeMaterial .text-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.TxCreativeMaterial .text-abstract-list .text-abstract-item {
  width: 700px;
  margin-top: 14px;
}
.TxCreativeMaterial .text-abstract-list .text-abstract-item textarea.ant-input {
  width: 80%;
}
.TxCreativeMaterial .text-abstract-list .text-abstract-item .validation-error {
  display: block;
}
.TxCreativeMaterial .struct-abstract-list .count {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.TxCreativeMaterial .struct-abstract-list .list {
  padding: 10px;
}
.TxCreativeMaterial .struct-abstract-list .list.list-border {
  border: 1px solid var(--edt-border-base);
}
.TxCreativeMaterial .struct-abstract-list .list .item {
  margin-bottom: 6px;
}
.TxCreativeMaterial .struct-abstract-list .list .item .ControlGroup > .controls {
  display: inline-block;
}
.TxCreativeMaterial .struct-abstract-list .list .item .ControlGroup > .control-label {
  padding-right: 14px;
}
.TxCreativeMaterial .struct-abstract-list .list .item .ControlGroup .controls {
  vertical-align: top;
}
.TxCreativeMaterial .struct-abstract-list .list .item .ControlGroup .validation-error {
  display: block;
  margin: 0;
}
.TxCreativeMaterial .struct-abstract-list .list .item .word-count {
  margin-left: 4px;
}
.TxCreativeMaterial .struct-abstract-list .tip {
  margin: 0;
}
.TxCreativeMaterial .CustomData {
  margin-top: 12px;
}
.TxCreativeMaterial .MaterialSelectorWrapper {
  margin-right: 5px;
  margin-bottom: 2px;
}
.TxCreativeMaterial .MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 0;
}

.Materials {
  width: 950px;
  min-height: 293px;
  margin-top: 12px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.Materials .material-item {
  display: none;
}
.Materials .active-material {
  display: block;
}
.Materials .header {
  border-bottom: 1px solid #dadfe3;
  padding: 0 14px;
  overflow: hidden;
}
.Materials .header .material-navs {
  display: inline-block;
}
.Materials .header .material-navs .nav-item {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  margin: 0 9px 7px 10px;
  border-radius: 2px;
  cursor: pointer;
}
.Materials .header .material-navs .nav-item .del-icon {
  display: none;
  position: absolute;
  padding: 7px;
  line-height: 0;
  right: 0;
  top: 50%;
  font-size: 10px;
  color: #aaa;
  transform: translateY(-50%);
}
.Materials .header .material-navs .nav-item .error-icon {
  display: inline;
  margin-left: 3px;
  color: #FF4949;
}
.Materials .header .material-navs .nav-item.active {
  color: #2F88FF;
  font-weight: bold;
}
.Materials .header .material-navs .nav-item.active:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #2F88FF;
  left: 2px;
  right: 2px;
  height: 2px;
  bottom: -7px;
}
.Materials .header .material-navs .nav-item:hover {
  background-color: #f8f8f8;
  margin-right: -9px;
  padding-right: 26px;
}
.Materials .header .material-navs .nav-item:hover .del-icon {
  display: inline-block;
}
.Materials .header .operation-area {
  display: inline-block;
  border-left: 1px solid #E5E6EB;
  margin-left: 20px;
  padding-left: 16px;
}
.Materials .material-preview {
  width: 256px;
  height: 500px;
  background: #F8F9FA;
  border-radius: 4px;
}
.Materials .ant-empty {
  padding: 44px 0 43px 0;
}
.Materials .ant-empty .ant-btn {
  margin-left: 10px;
}

.CreativeContent.creative-materials > .controls {
  width: calc(100% - 160px) !important;
}
.CreativeContent.ProgramCreateContent #Anchor-CARD_IMAGE,
.CreativeContent.ProgramCreateContent #Anchor-CARD_VIDEO {
  display: none;
}
.CreativeContent.ProgramCreateContent .type-videoImage {
  display: none;
}
.CreativeContent .creative-navs .nav-list > div {
  vertical-align: top;
}
.CreativeContent .creative-navs .nav-list .nav-item {
  width: 160px;
  height: 86px;
}
.CreativeContent .Materials {
  display: none;
}
.CreativeContent .Materials.active {
  display: block;
}
.CreativeContent .ControlGroup.showhiddenErrorMsg {
  position: relative;
  line-height: 20px;
}

.DynamicCreative {
  border: 1px solid #dadcde;
  background-color: #fff;
}
.DynamicCreative > .header {
  border-bottom: 1px solid #dadcde;
}
.DynamicCreative > .content {
  padding: 20px 20px 20px 0;
}

.PromotedObjectId .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.TxTarget .PromotedObject > .controls {
  display: flex;
  align-items: center;
}
.TxTarget .PromotedObject > .controls .showhiddenErrorMsg {
  position: relative;
}
.TxTarget .ConversionSpec .Select {
  display: block;
}

.DisplayScene .options-wrapper {
  width: 500px;
  background-color: #f7f8fa;
  border-radius: 4px;
  margin-top: 8px;
}

.PositionPackage .customer {
  position: relative;
  margin-top: 16px;
}
.PositionPackage .package-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}
.PositionPackage .package-tags-table {
  width: 560px;
}
.PositionPackage .package-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.PositionPackage .package-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.PositionPackage .package-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.PositionPackage .package-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.PositionPackage .selected {
  margin-left: 16px;
  width: 320px;
  height: 321px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.PositionPackage .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.PositionPackage .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.PositionPackage .selected > .content {
  height: 280px;
  padding: 10px 0;
  overflow: auto;
}
.PositionPackage .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.PositionPackage .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.SceneSpec .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.SceneSpec .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.SceneSpec .ControlGroup > .control-label {
  flex: 0 0 170px;
}

.ListSelector {
  line-height: 1.5;
}
.ListSelector > .option-item {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 16px;
  border: solid 1px #edeff2;
  border-radius: 4px;
  cursor: pointer;
}
.ListSelector > .option-item:not(:last-child):not(.selected) {
  border-bottom: none;
}
.ListSelector > .option-item:hover:not(.disabled) {
  background-color: #f7f9fc;
}
.ListSelector > .option-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.ListSelector > .option-item.selected {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ListSelector > .option-item .option-select-tag {
  margin-right: 8px;
}
.ListSelector > .option-item .option-text {
  flex: 1;
}
.ListSelector > .option-item .option-text .main-title {
  color: #313233;
}
.ListSelector > .option-item .option-text .sub-title {
  color: #939599;
}
.ListSelector > .option-item .option-mark {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 1px;
  background: rgba(140, 162, 218, 0.9);
  color: #fff;
  border-radius: 0 6px 4px 4px;
}

.SiteSet {
  margin-top: 12px;
}
.SiteSet .options-area {
  margin-top: 8px;
  width: 550px;
}
.SiteSet .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.CreateAudience .advanced {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E9ED;
}
.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .audience-select .ControlGroup.inline {
  margin-left: 0;
}
.AudienceCreate .CommonCheckboxGroup .ant-btn-group .ant-btn .angle {
  display: none;
}
.AudienceCreate .customer-area {
  display: flex;
}
.AudienceCreate .customer-area .split {
  padding: 0 10px;
}

.ColdStartAudience {
  position: relative;
  display: flex;
  margin: 12px 0;
}
.ColdStartAudience .PanelTree {
  margin-top: 0;
  height: 100%;
}
.ColdStartAudience .PanelTree .content {
  padding: 10px 0;
  max-height: 270px;
}
.ColdStartAudience .PanelTree .result-area {
  height: 320px;
}
.ColdStartAudience .PanelTree .result-item {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0 12px;
}
.ColdStartAudience .cold-start-audience-table {
  width: 600px;
  margin-right: 15px;
}
.ColdStartAudience .cold-start-audience-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.ColdStartAudience .cold-start-audience-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.ColdStartAudience .cold-start-audience-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.ColdStartAudience .cold-start-audience-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.ColdStartAudience .audience-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}

.AudienceExpand .PanelTree .select-area {
  width: 600px;
  min-height: 176px;
}
.AudienceExpand .PanelTree .result-area {
  width: 320px;
}

.AdgroupBudget .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.AdgroupBudget .VInput.inline {
  margin-left: 0;
}
.AdgroupBudget .VInput .ant-input {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

.TxPrice .AutoAcquisition .VRadioGroup.inline {
  margin-left: 0;
}
.TxPrice .ScheduleDate .RadioGroup {
  margin-bottom: 10px;
}
.TxPrice .ScheduleDate .date-range-select .VDatePicker {
  margin: 0;
}
.TxPrice .ScheduleDate .date-range-select .divide {
  margin: 0 10px;
}
.TxPrice .ScheduleTime .MouseSelect {
  margin-top: 10px;
}
.TxPrice .FirstDayBeginTime .Select {
  display: block;
  margin-top: 10px;
}
.TxPrice .SiteSetBid .ratio .anticon {
  margin: 0 6px;
}
.TxPrice .SiteSetBid .ratio .anticon:hover {
  color: var(--edt-primary-color);
}
.TxPrice .SiteSetBid .error-msg {
  position: relative;
  color: var(--edt-error-color);
}

.AccountSelector .RadioGroup .ant-radio-wrapper {
  display: block;
  margin-top: 8px;
}
.AccountSelector .ControlGroup > .control-label {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSelector .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
  margin-left: 120px;
  margin-top: 0;
}
.AccountSelector .share-accounts-wrapper {
  margin-left: 120px;
}
.AccountSelector .share-accounts-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell {
  background-color: #fff;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell .name-header-cell .ant-input {
  width: 400px;
  height: 28px;
  margin-left: 20px;
}
.AccountSelector .share-accounts-wrapper .accounts-table.empty-table {
  border-bottom: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content {
  overflow-x: hidden;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content .row-container .TableBody-row:nth-last-child(2) .TableBody-cell {
  border-bottom: none;
}

.CopyLayout {
  padding: 44px 0px 70px;
}
.CopyLayout > .content .Card > .content {
  padding: 20px 16px;
}
.CopyLayout > .content .title-card {
  font-weight: bold;
}
.CopyLayout .footer-card {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: calc(100% - 24px);
  margin: 0 12px;
  z-index: 2;
}
.CopyLayout .footer-card > .content {
  display: flex;
  justify-content: space-between;
  padding: 6px 16px;
}

.CampaignsCopySelector .title {
  margin-left: 25px;
}
.CampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.CampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 45px;
  margin-bottom: 10px;
}

.ToggleButton .anticon-double-right {
  transform: rotate(90deg);
}
.ToggleButton .anticon-double-right.isActive {
  transform: rotate(270deg);
}

.copy-error-tip-icon {
  color: red;
  cursor: pointer;
}

.CopyAdItem .ToggleButton {
  margin-left: 50px;
}
.CopyAdItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.CopyAdItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.CopyAdItem .detail-edit-wrapper .adgroup_name {
  display: none;
}
.CopyAdItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 6px;
}
.CopyAdItem .ad-name-wrapper .ControlGroup + .ControlGroup {
  margin-top: 0;
}
.CopyAdItem .ad-name-wrapper .ControlGroup .control-label {
  flex: 0 0 130px;
}
.CopyAdItem .ad-name-wrapper .name-input .validation-error {
  position: absolute;
  left: 0;
  top: 15px;
}
.CopyAdItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 140px;
}
.CopyAdItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.CopyAdItem .special-edit-wrapper .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.CopyAdItem .special-edit-wrapper::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 10px);
  left: -125px;
  top: 0;
  background-color: #BBB;
}
.CopyAdItem .special-edit-wrapper .PromotedObjectId {
  display: none;
}
.CopyAdItem .special-edit-wrapper .ScheduleDate .date-range-select .VDatePicker {
  margin: 0;
}
.CopyAdItem .special-edit-wrapper .ScheduleDate .date-range-select .divide {
  margin: 0 10px;
}
.CopyAdItem .special-edit-wrapper .has-ad-error.showhiddenErrorMsg {
  margin-top: 0;
  margin-left: 30px;
}

.TxCopyCreativeItem {
  position: relative;
  margin: 20px 0 0 60px;
}
.TxCopyCreativeItem .detail-edit-wrapper {
  left: -90px;
  width: calc(100% + 90px);
}
.TxCopyCreativeItem .detail-edit-wrapper .creative_name {
  display: none;
}
.TxCopyCreativeItem .creative-title {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0;
}
.TxCopyCreativeItem .creative-title .ControlGroup .control-wrapper {
  display: flex;
}
.TxCopyCreativeItem .creative-title .ControlGroup .control-wrapper .validation-error {
  display: inline-block;
  width: max-content;
}
.TxCopyCreativeItem .creative-title .ControlGroup .control-label {
  flex: 0 0 120px;
}
.TxCopyCreativeItem .creative-title .ToggleButton {
  margin-left: 10px;
}
.TxCopyCreativeItem .creative-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -20px;
  background-color: #BBB;
}
.TxCopyCreativeItem .creative-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: calc(50% - 3px);
  background-color: #BBB;
}

.AdList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.AdList .ad-wrapper {
  position: relative;
  padding: 10px 0;
}
.AdList .ad-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.AdList .ad-wrapper .error {
  color: red;
}

.TxCopyCampaignList .CampaignItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.TxCopyCampaignList .CampaignItem .copy-campaign-detail {
  position: relative;
  width: calc(100% - 170px);
  padding: 10px;
  margin: 15px 0 0 130px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.TxCopyCampaignList .CampaignItem .copy-campaign-detail.has-child::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 56px);
  left: -111px;
  top: -10px;
  background-color: #BBB;
}
.TxCopyCampaignList .CampaignItem .Switch,
.TxCopyCampaignList .CampaignItem .VSwitch {
  margin-right: 10px;
}

.CampaignsCopyContent {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-nested-loading,
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.SampleTable {
  margin: 20px 0 0 160px;
}
.SampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.SampleTable .campaign-create {
  position: relative;
  padding: 15px 0;
}
.SampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
.SampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.SampleTable.SameBelongTable .TableBody-row {
  height: 100px;
}

.CreativeSelector .RadioGroup {
  margin-left: 10px;
}
.CreativeSelector .copy-tree-selector-wrapper {
  margin-top: 10px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  height: auto;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  left: -40px;
  height: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: 100%;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview {
  position: relative;
  top: 2px;
}
.CreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .CreativePreview .right-text {
  flex: 1;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}
.MultiSampleSelector .ControlGroup > .control-label {
  user-select: none;
}
.MultiSampleSelector .CreativeSelector {
  margin: 30px 0 0 160px;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .ad-name-wrapper {
  display: flex;
}

.CampaignSelector {
  margin-top: 10px;
}
.CampaignSelector .other-campaigns .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .other-campaigns .other-campaign-selector {
  padding: 10px 0;
}
.CampaignSelector .ant-radio-group {
  width: 600px;
}
.CampaignSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.CampaignSelector .campaign-radio-group {
  margin-left: 100px;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.CampaignSelector .campaign-radio-group .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .campaign-create .common-list-wrapper {
  width: 900px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper {
  display: flex;
  align-items: center;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput {
  margin-top: 0;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput .control-label {
  flex: 0 0 120px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .campaign-name {
  width: calc(100% - 40px);
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
  height: 36px;
  line-height: 36px;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 52px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .campaign-item .campaign-name .copy-error-tip-icon {
  margin-left: 10px;
}
.CampaignList .campaign-item .campaign-name > .control-label {
  flex: 0 0 130px;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.EditItem .VSwitch,
.EditItem .Switch {
  margin-right: 10px;
}
.EditItem .name .control-label {
  flex: 0 0 183px;
}
.EditItem .detail-edit-wrapper form + form {
  margin-top: 12px;
}
.EditItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.EditItem .ad-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.EditItem .ad-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}
.EditItem .creative-detail-wrapper .adcreative-name {
  margin-top: 12px;
}

.AdsCopyContent {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-nested-loading,
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.Copy .BigFormsy {
  height: 100%;
}
.Copy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.Copy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.Copy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.Copy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.Copy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.Copy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.Copy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.Copy .required .controls {
  position: relative;
}
.Copy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.Copy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.Copy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.Copy .detail-edit-wrapper > .Card {
  border: none;
}
.Copy .copy-error-msg {
  color: red;
}
.Copy .ai-control-check-box {
  display: flex;
  align-items: center;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ControlGroup {
  line-height: 20px;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper {
  margin: 0 4px;
  color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox + span {
  padding-right: 0;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #02A8A8;
  background-color: #02A8A8;
}
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.Copy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus .ant-checkbox-inner {
  border-color: #02A8A8;
}
.Copy .copy-edit-tabs {
  margin-top: 12px;
}
.Copy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.Copy .copy-edit-tabs .tab-label {
  position: relative;
}
.Copy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.AdsEdit .PutPeriod .showhiddenErrorMsg {
  position: relative;
}
.AdsEdit .PutPeriod .mouse-select-wrapper {
  margin-top: 10px;
}
.AdsEdit .PutPeriod .mouse-select-footer {
  display: flex;
  width: 500px;
  padding-left: 20px;
  align-items: center;
  justify-content: space-between;
}
.AdsEdit .PutTime .endtime-picker > .controls {
  display: flex;
  flex-direction: column;
}
.AdsEdit .PutTime .ad-date-type-selector {
  margin-left: 10px;
}
.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}
.AdsEdit .AudienceAge .customer-area {
  display: flex;
}
.AdsEdit .AudienceAge .customer-area .split {
  padding: 0 10px;
}

.PromotionBatchEdit .price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.TxPopPageQueue {
  height: 100%;
  padding: 12px;
}
.TxPopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.TxPopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.TxPopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.TxPopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.TxPopPageQueue .QueueContent .content {
  height: 100%;
}
.TxPopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.TxPopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.TxPopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.TxPopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.TxPopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.TxPopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title .title-label {
  flex: 0 0 60px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper.level2 > .title .title-label {
  flex: 0 0 36px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #BBB;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #BBB;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #BBB;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}


.score-tend-tooltip {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 6px 10px;
  box-shadow: 0px 0px 10px #aeaeae;
}
.score-tend-tooltip .g2-tooltip-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.score-tend-tooltip .g2-tooltip-list .list-item {
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-top: 8px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate-disabled {
  pointer-events: none;
}

.ScorePopPage {
  padding: 15px;
}
.ScorePopPage .filter {
  margin-bottom: 15px;
  line-height: 32px;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.PopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.PromotionPopPage > .content {
  width: 1300px !important;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}


.score-tend-tooltip {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 6px 10px;
  box-shadow: 0px 0px 10px #aeaeae;
}
.score-tend-tooltip .g2-tooltip-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.score-tend-tooltip .g2-tooltip-list .list-item {
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-top: 8px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate-disabled {
  pointer-events: none;
}

.ScorePopPage {
  padding: 15px;
}
.ScorePopPage .filter {
  margin-bottom: 15px;
  line-height: 32px;
}

.AccountSelector .RadioGroup .ant-radio-wrapper {
  display: block;
  margin-top: 8px;
}
.AccountSelector .ControlGroup > .control-label {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSelector .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
  margin-left: 120px;
  margin-top: 0;
}
.AccountSelector .share-accounts-wrapper {
  margin-left: 120px;
}
.AccountSelector .share-accounts-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell {
  background-color: #fff;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell .name-header-cell .ant-input {
  width: 400px;
  height: 28px;
  margin-left: 20px;
}
.AccountSelector .share-accounts-wrapper .accounts-table.empty-table {
  border-bottom: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content {
  overflow-x: hidden;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content .row-container .TableBody-row:nth-last-child(2) .TableBody-cell {
  border-bottom: none;
}

.CopyLayout {
  padding: 44px 0px 70px;
}
.CopyLayout > .content .Card > .content {
  padding: 20px 16px;
}
.CopyLayout > .content .title-card {
  font-weight: bold;
}
.CopyLayout .footer-card {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: calc(100% - 24px);
  margin: 0 12px;
  z-index: 2;
}
.CopyLayout .footer-card > .content {
  display: flex;
  justify-content: space-between;
  padding: 6px 16px;
}

.CampaignsCopySelector .title {
  margin-left: 25px;
}
.CampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.CampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.CampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 45px;
  margin-bottom: 10px;
}

.ImagePreview .images-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  background-color: #f2f2f2;
}
.ImagePreview .images-list .img-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.ImagePreview .images-list .img-item-wrapper .ImageDrawer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.ImagePreview .images-list .img-item-wrapper .ImageDrawer .default {
  width: 100%;
}
.ImagePreview .images-list .img-item-wrapper img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.ImagePreview .name {
  width: 140px;
  height: 20px;
  line-height: 20px;
}

.VideoPreview {
  position: relative;
}
.VideoPreview .video-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  background-color: #f2f2f2;
}
.VideoPreview .video-wrapper .ImageDrawer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.VideoPreview .video-wrapper .ImageDrawer .default {
  width: 100%;
}
.VideoPreview .video-wrapper img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.VideoPreview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.VideoPreview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.VideoPreview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.VideoPreview .cover .video-play-icon img {
  height: 100%;
  width: 100%;
}
.VideoPreview .name {
  width: 140px;
  height: 20px;
  line-height: 20px;
}

.ComponentsLibrary .ant-modal-body {
  padding-bottom: 10px;
}
.ComponentsLibrary .ComponentsLibraryFilter {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.ComponentsLibrary .ComponentsLibraryFilter .f-left,
.ComponentsLibrary .ComponentsLibraryFilter .f-right {
  display: flex;
  align-items: center;
  padding: 0;
}
.ComponentsLibrary .ComponentsLibraryFilter .f-left > *,
.ComponentsLibrary .ComponentsLibraryFilter .f-right > * {
  margin-right: 5px;
  margin-bottom: 2px;
}
.ComponentsLibrary .ComponentsLibraryFilter .f-left {
  display: flex;
  align-items: center;
  flex: 0 0 calc(100% - 250px);
  flex-wrap: wrap;
}
.ComponentsLibrary .ComponentsLibraryFilter .f-right {
  margin-left: auto;
}
.ComponentsLibrary .ComponentsLibraryFilter .condition-filters {
  display: flex;
  align-items: center;
}
.ComponentsLibrary .ComponentsLibraryFilter .condition-filters > * {
  margin-right: 5px;
}
.ComponentsLibrary .ComponentsLibraryFilter .create-btn {
  margin-right: 10px;
}
.ComponentsLibrary .ComponentsLibraryFilter .batch-search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ComponentsLibrary .ComponentsLibraryFilter .batch-search .CommonBatchSearch .filter-input {
  min-width: 200px;
}
.ComponentsLibrary .ComponentsLibraryFilter .Select.multiple .labels {
  padding: 0;
  height: 32px;
  min-height: 32px;
}
.ComponentsLibrary .components-library-modal-footer {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.ComponentsLibrary .components-library-modal-footer .selected-area {
  display: flex;
  align-items: flex-start;
}
.ComponentsLibrary .components-library-modal-footer .selected-area .selected-count {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ComponentsLibrary .components-library-modal-footer .selected-area .selected-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ComponentsLibrary .components-library-modal-footer .selected-area .selected-list .selected-item {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.ComponentsLibrary .components-library-modal-footer .selected-area .selected-list .selected-item img {
  max-width: 50px;
  max-height: 50px;
}
.ComponentsLibrary .components-library-modal-footer .selected-area .selected-list .selected-item .delete-btn {
  position: absolute;
  font-size: 6px;
  top: -5px;
  right: -5px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}
.ComponentsLibrary .components-library-modal-footer .button-area {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ComponentsLibrary .components-library-modal-footer .button-area .tips {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.ComponentsLibrary .components-library-modal-footer .button-area .tips .anticon {
  margin-right: 5px;
  color: #e9b475;
}
.ComponentsLibrary .ComponentsCreatives,
.ComponentsLibrary .ImageLibrary {
  height: 500px;
}
.ComponentsLibrary .ComponentsCreatives .ant-pagination,
.ComponentsLibrary .ImageLibrary .ant-pagination {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-top: 10px;
  text-align: center;
}
.ComponentsLibrary .ComponentsCreatives .loader-items,
.ComponentsLibrary .ImageLibrary .loader-items {
  max-height: 460px;
  justify-content: left;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.ComponentsLibrary .ComponentsCreatives .loader-item,
.ComponentsLibrary .ImageLibrary .loader-item {
  margin-right: 16px;
  margin-bottom: 15px;
  height: 160px;
}
.ComponentsLibrary .ComponentsCreatives .loader-item:last-child,
.ComponentsLibrary .ImageLibrary .loader-item:last-child {
  margin-right: auto;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item,
.ComponentsLibrary .ImageLibrary .loader-item .image-item,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item,
.ComponentsLibrary .ImageLibrary .loader-item .video-item {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  padding: 2px;
  transition: transform 0.3s;
  cursor: pointer;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item .video,
.ComponentsLibrary .ImageLibrary .loader-item .image-item .video,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item .video,
.ComponentsLibrary .ImageLibrary .loader-item .video-item .video {
  width: 100%;
  height: 100%;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item .Checkbox,
.ComponentsLibrary .ImageLibrary .loader-item .image-item .Checkbox,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item .Checkbox,
.ComponentsLibrary .ImageLibrary .loader-item .video-item .Checkbox {
  position: absolute;
  right: 4px;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item.active,
.ComponentsLibrary .ImageLibrary .loader-item .image-item.active,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item.active,
.ComponentsLibrary .ImageLibrary .loader-item .video-item.active {
  transform: scale(0.9);
  border: 1px solid #598fe6;
  padding: 2px;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item.active .preview-wrapper,
.ComponentsLibrary .ImageLibrary .loader-item .image-item.active .preview-wrapper,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item.active .preview-wrapper,
.ComponentsLibrary .ImageLibrary .loader-item .video-item.active .preview-wrapper {
  transform: scale(0.97);
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item.disabled::after,
.ComponentsLibrary .ImageLibrary .loader-item .image-item.disabled::after,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item.disabled::after,
.ComponentsLibrary .ImageLibrary .loader-item .video-item.disabled::after {
  content: '';
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: no-drop;
  user-select: none;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item .ImageDrawer,
.ComponentsLibrary .ImageLibrary .loader-item .image-item .ImageDrawer,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item .ImageDrawer,
.ComponentsLibrary .ImageLibrary .loader-item .video-item .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
  border-radius: 2px;
}
.ComponentsLibrary .ComponentsCreatives .loader-item .image-item .ImageDrawer img,
.ComponentsLibrary .ImageLibrary .loader-item .image-item .ImageDrawer img,
.ComponentsLibrary .ComponentsCreatives .loader-item .video-item .ImageDrawer img,
.ComponentsLibrary .ImageLibrary .loader-item .video-item .ImageDrawer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ComponentsLibrary .ComponentsCreatives .video-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ComponentsLibrary .ComponentsCreatives .video-item .video-player {
  max-width: 140px;
  max-height: 140px;
  object-fit: contain;
}
.ComponentsLibrary .ComponentsCreatives .video-item .video-wrapper,
.ComponentsLibrary .ComponentsCreatives .video-item .preview-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
}
.ComponentsLibrary .ImageLibrary .video-item {
  height: 160px;
}
.ComponentsLibrary .ImageLibrary .video-item .player-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  background-color: #f2f2f2;
}
.ComponentsLibrary .ImageLibrary .video-item .player-wrapper .video-player {
  max-width: 140px;
  max-height: 140px;
  object-fit: contain;
}
.ComponentsLibrary .ImageLibrary .video-item .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ComponentsLibrary .ImageLibrary .video-item .ImageDrawer .default {
  width: 100%;
}
.ComponentsLibrary .ImageLibrary .video-item .ImageDrawer img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
.ComponentsLibrary .ImageLibrary .video-item .name {
  height: 20px;
}
.ComponentsLibrary .ImageLibrary .video-item .ai-labels {
  width: calc(100% - 4px);
}
.ComponentsLibrary .ImageLibrary .video-item .ai-labels .ai-label-item {
  background-color: rgba(0, 0, 0, 0.5);
}
.ComponentsLibrary .ant-tabs .ant-tabs-tab:empty {
  display: none;
}
.ComponentsLibrary .ant-tabs .ant-tabs-tab-active {
  border-bottom: 3px solid #1890ff;
}
.ComponentsLibrary .ant-tabs .ant-tabs-ink-bar {
  background-color: transparent;
}
.ComponentsFilterPopover {
  width: 180px;
}

.CreativeMaterials .materials-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 1080px;
  min-height: 160px;
  padding: 10px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.CreativeMaterials .materials-content .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 140px;
  margin-top: -10px;
  font-size: 40px;
}
.CreativeMaterials .materials-content .empty-add-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.CreativeMaterials .Material {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.CreativeMaterials .Material.is-error {
  border: 1px solid red;
}
.CreativeMaterials .Material .close-icon {
  position: absolute;
  width: 14px;
  height: 14px;
  right: -7px;
  top: -7px;
  color: #ccc;
  z-index: 2;
}

.CreativeContent {
  width: 100%;
}
.CreativeContent.creative-materials > .controls {
  width: calc(100% - 160px) !important;
}
.CreativeContent.ProgramCreateContent #Anchor-CARD_IMAGE,
.CreativeContent.ProgramCreateContent #Anchor-CARD_VIDEO {
  display: none;
}
.CreativeContent.ProgramCreateContent .type-videoImage {
  display: none;
}
.CreativeContent .creative-navs .nav-list > div {
  vertical-align: top;
}
.CreativeContent .creative-navs .nav-list .nav-item {
  width: 160px;
  height: 86px;
}
.CreativeContent .Materials {
  display: none;
}
.CreativeContent .Materials.active {
  display: block;
}
.CreativeContent .ControlGroup.showhiddenErrorMsg {
  position: relative;
  line-height: 20px;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}
.MaterialSelectorWrapper.SmallSelector .create-btns {
  width: 100%;
}
.MaterialSelectorWrapper.SmallSelector .create-btns .ant-btn {
  width: 100%;
  padding: 0;
}

.ProfileCreateModal .ControlGroup > .control-label {
  width: 160px;
}
.ProfileCreateModal .CharacterCountInput {
  margin-top: 12px;
}

.ProfileSelector > .controls {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ProfileSelector > .controls .ant-select {
  margin-top: 12px;
}
.ProfileSelector > .controls .showhiddenErrorMsg {
  position: relative;
}
.ProfileSelector > .controls .ant-select-selection-selected-value .select-image-label-dom .close-btn {
  display: none;
}
.ProfileSelector > .controls .ant-select-dropdown-menu-item .select-image-label-dom {
  justify-content: space-between;
}

.TxLandingPage .ant-btn {
  margin-bottom: 10px;
}
.TxLandingPage .landing-list .landing-page-item-wrapper {
  display: flex;
  align-items: flex-start;
}
.TxLandingPage .landing-list .landing-page-item-wrapper .anticon-delete {
  margin-left: 10px;
  margin-top: 10px;
}
.TxLandingPage .landing-page-item-wrapper + .landing-page-item-wrapper {
  margin-top: 12px;
}
.xijing-page-dropdown .ant-tabs-bar {
  margin: 0 0 4px 0;
}
.xijing-page-dropdown .ant-empty {
  padding: 0;
}
.xijing-selector {
  display: block;
  margin-top: 12px;
}
.xijing-selector + .showhiddenErrorMsg {
  line-height: 12px;
}
.WechatPageSelector .ant-select-dropdown .anticon-picture,
.OfficialPage .ant-select-dropdown .anticon-picture {
  font-size: 25px;
  line-height: 40px;
  color: #c3c2c2;
}

.BrandCreate .CharacterCountInput {
  margin-top: 12px;
}
.BrandCreate .CharacterCountInput .control-label {
  width: 160px;
}
.BrandCreate .CharacterCountInput .number-tips {
  line-height: 36px;
}
.BrandCreate .SmallSelector .material-selector .create-btns .ant-btn {
  max-width: 100%;
}

.ProfileCreateModal .ControlGroup > .control-label {
  width: 160px;
}
.ProfileCreateModal .CharacterCountInput {
  margin-top: 12px;
}
.ProfileCreateModal .SmallSelector .material-selector .ant-btn {
  width: 80px;
}

.ProfileSelector {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ProfileSelector .ant-select {
  margin-top: 12px;
}
.ProfileSelector .showhiddenErrorMsg {
  position: relative;
}
.ProfileSelector .ant-select-selection-selected-value .select-image-label-dom .close-btn {
  display: none;
}
.ProfileSelector .ant-select-dropdown-menu-item .select-image-label-dom {
  justify-content: space-between;
}

.BrandSelectorWrapper .RadioGroup {
  margin-bottom: 10px;
}
.BrandSelectorWrapper > .controls {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.BrandSelectorWrapper > .controls .showhiddenErrorMsg {
  position: relative;
  width: 300px;
}
.BrandSelectorWrapper > .controls .ant-select {
  margin-top: 10px;
}

.TextEditor .validation-error {
  display: block;
  line-height: 20px;
}
.TextEditor .control-label {
  width: 160px;
}

.DynamicBatchTextEditor .ant-btn {
  margin-right: 10px;
}
.DynamicBatchTextEditor .selected-count {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 12px;
}
.DynamicBatchTextEditor .text-item {
  position: relative;
  display: flex;
  align-items: center;
}
.DynamicBatchTextEditor .text-item + .text-item {
  margin-top: 10px;
}
.DynamicBatchTextEditor .text-item .CharacterCountInput {
  margin-top: 0;
}
.DynamicBatchTextEditor .text-item .CharacterCountInput .number-tips {
  margin-left: 0;
}
.DynamicBatchTextEditor .text-item .icon-delete {
  position: absolute;
  left: 540px;
  top: 10px;
  color: #999999;
  cursor: pointer;
}
.DynamicBatchTextEditor .text-item .icon-delete:hover {
  color: #2f88ff;
}

.ElementMaterials .MaterialSelectorWrapper {
  position: relative;
}
.ElementMaterials .MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 2px;
}
.ElementMaterials .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
}

.CreativeElements {
  margin-top: 12px;
}
.CreativeElements .single-text-editor-wrapper {
  position: relative;
}
.CreativeElements .single-text-editor-wrapper + .ControlGroup {
  margin-top: 12px;
}
.CreativeElements .single-text-editor-wrapper.high-size .TextEditor {
  padding-bottom: 20px;
}
.CreativeElements .single-text-editor-wrapper.high-size .TextEditor > .controls {
  padding-bottom: 10px;
}
.CreativeElements .single-text-editor-wrapper .creative-title-store-switch-btn {
  position: absolute;
  left: 160px;
}
.CreativeElements .single-text-editor-wrapper .TextEditor > .controls {
  padding-bottom: 40px;
}
.CreativeElements .single-text-editor-wrapper .TextEditor > .controls,
.CreativeElements .single-text-editor-wrapper .TextEditor > .number-tips {
  position: relative;
  top: 40px;
}
.CreativeElements .CharacterCountInput {
  margin-top: 12px;
}
.CreativeElements .CharacterCountInput + .ControlGroup {
  margin-top: 12px;
}
.CreativeElements .select-image-label-dom {
  display: flex;
  align-items: center;
}
.CreativeElements .select-image-label-dom img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
}
.CreativeElements .landing-page-select-item .img-wrapper {
  height: 40px;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}
.CreativeElements .landing-page-select-item .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.CreativeElements .ImageLabelSelectWrapper > .controls {
  display: flex;
  align-items: center;
}
.CreativeElements .ImageLabelSelectWrapper > .controls .showhiddenErrorMsg {
  position: relative;
}
.CreativeElements .BrandImage .showhiddenErrorMsg {
  position: relative;
}

.FloatingZone {
  margin: 0 10px;
}
.FloatingZone .floating-zone-content {
  padding: 10px;
  border: 1px solid #ccc;
}
.FloatingZone .CharacterCountInput {
  margin: 10px 0;
}

.MiniCardLink {
  margin: 0 10px;
}
.MiniCardLink .mini-card-content {
  padding: 10px;
  border: 1px solid #ccc;
}
.MiniCardLink .control-label {
  flex: 0 0 160px;
}

.CreativeConversion {
  margin-top: 12px;
}
.CreativeConversion > .controls {
  padding: 10px 0;
  border: 1px solid #dadfe3;
}
.CreativeConversion > .controls > .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.CreativeConversion > .controls > .ControlGroup .controls .control-label {
  flex: 0 0 100px;
}

.MiniGameTracking {
  margin-top: 10px;
}

.DynamicCreative {
  width: 100%;
  border: 1px solid #dadcde;
  background-color: #fff;
}
.DynamicCreative > .header {
  border-bottom: 1px solid #dadcde;
}
.DynamicCreative > .content {
  padding: 20px 20px 20px 0;
}
.DynamicCreative > .content > div {
  width: 100%;
}

.PromotionList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.PromotionList .promotion-wrapper {
  position: relative;
  padding: 8px 0;
}
.PromotionList .promotion-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.PromotionList .promotion-wrapper .PromotionItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.PromotionList .promotion-wrapper .PromotionItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.PromotionList .promotion-wrapper .PromotionItem .detail-edit-wrapper .Name {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 0;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .detail-edit-wrapper {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price {
  border: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price .header {
  display: none;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .Price .content {
  padding: 0 16px 20px;
}
.PromotionList .promotion-wrapper .PromotionItem .special-edit-wrapper .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.PromotionList .promotion-wrapper .error {
  color: red;
}

.AppItem {
  display: flex;
  align-items: center;
}
.AppItem .app-item {
  margin: 8px 0;
  height: 35px;
  width: 100%;
  line-height: 1.2;
}
.AppItem .app-item img {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.AppItem .app-item > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.AppItem .app-item .id {
  font-size: 12px;
  color: #aab8c2;
}
.AppItem .os {
  padding: 0 0 0 10px;
  font-size: 18px;
  color: #aab8c2;
}
.AppItem .os .anticon-android {
  color: #a4c439;
}
.AppItem .os .anticon-apple {
  color: #8899a6;
}

.ApplicationSearch {
  display: inline-block;
  width: 400px;
}
.ApplicationSearch .ant-input-group-addon .Select {
  display: inline-block;
  width: 100px;
  margin: -10px;
  border-right: 1px solid #dadcde;
}
.ApplicationSearch .ant-input-group-addon .Select:last-child {
  border-right: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input {
  border: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-input-affix-wrapper > input:focus {
  box-shadow: none;
}
.ApplicationSearch .ant-input-group-addon .Select > .ant-select-dropdown {
  top: 100%;
}
.ApplicationSearch .selected-result + .search-input {
  display: none;
}
.ApplicationSearch .search-input .ant-input-group > .ant-input {
  height: 40px;
}
.ApplicationSearch .AppItem {
  flex: 1 1 auto;
  width: calc(100% - 25px);
}
.ApplicationSearch .app-selector-empty {
  line-height: normal;
  padding-top: 30px;
}
.ApplicationSearch .app-selector-empty p {
  margin-bottom: 0;
}

.MarketingCarrierId .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.SubAppModal .filter {
  margin-bottom: 15px;
}
.SubAppModal .filter .ant-btn {
  margin-left: 10px;
}

.AppSelectModal .ant-modal-body {
  padding: 12px 24px;
}
.AppSelectModal .ant-modal-body .Nav {
  margin-bottom: 10px;
}

.app-name {
  line-height: 18px;
}
.app-name .anticon {
  color: #fff;
  background: green;
  margin-right: 6px;
  border-radius: 50%;
  font-size: 8px;
  padding: 3px;
}
.app-error {
  color: var(--edt-error-color);
}

.UrlSelector .ant-modal-title {
  font-size: 14px;
}
.UrlSelector .ant-modal-title .title {
  font-weight: bold;
  color: #101010;
}
.UrlSelector .ant-modal-title .filter {
  margin: 15px 0;
}
.UrlSelector .ant-modal-title .filter .ant-input-search {
  width: 350px;
}
.UrlSelector .ant-modal-body {
  padding: 0;
}
.UrlSelector .ant-modal-body .content {
  padding: 24px;
  background-color: #F8F9FA;
}
.UrlSelector .ant-modal-body .content .page-list {
  display: flex;
  flex-wrap: wrap;
}
.UrlSelector .ant-modal-body .content .page-list .page-item {
  width: 200px;
  height: 428px;
  margin: 10px;
  overflow: hidden;
  background-color: #fff;
}
.UrlSelector .ant-modal-body .content .page-list .page-item .preview {
  position: relative;
  height: 356px;
  overflow: hidden;
}
.UrlSelector .ant-modal-body .content .page-list .page-item .preview img {
  width: 200px;
  transition-duration: 2s;
  transform: translateY(0);
}
.UrlSelector .ant-modal-body .content .page-list .page-item .preview .use-btn {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.UrlSelector .ant-modal-body .content .page-list .page-item .preview:hover .use-btn {
  display: inline-block;
}
.UrlSelector .ant-modal-body .content .page-list .page-item .preview:hover img {
  transition-duration: 2s;
  transform: translateY(calc(-100% + 356px));
}
.UrlSelector .ant-modal-body .content .page-list .page-item .page-info {
  padding: 12px 16px;
}
.UrlSelector .ant-modal-body .content .page-list .page-item .page-info > div,
.UrlSelector .ant-modal-body .content .page-list .page-item .page-info > a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.WordInfos {
  max-width: 1000px;
}
.WordInfos .showhiddenErrorMsg {
  position: relative;
}
.WordInfos .download-link {
  color: var(--edt-primary-color);
}
.WordInfos .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.WordInfos .Uploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  cursor: pointer;
}
.WordInfos .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.WordInfos .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.WordInfos .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.WordInfos .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.WordInfos .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.WordInfos .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.WordInfos .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.NegativeWords {
  max-width: 1000px;
}
.NegativeWords .showhiddenErrorMsg {
  position: relative;
}
.NegativeWords .download-link {
  color: var(--edt-primary-color);
}
.NegativeWords .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.NegativeWords .Uploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #dadfe3;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
}
.NegativeWords .Uploader .upload-area[aria-disabled='true'] {
  cursor: not-allowed;
}
.NegativeWords .Uploader .upload-area[aria-disabled='true'] .title {
  color: #d6d6d6;
}
.NegativeWords .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.NegativeWords .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.NegativeWords .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.NegativeWords .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.NegativeWords .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.audience-create-type {
  margin: 0 0 20px 50px;
}
.audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}

.KsPopulationAudience .KsRetargetingTags {
  margin-top: 16px;
}
.KsPopulationAudience .KsRetargetingTags .advertiser-filter {
  display: flex;
  align-items: center;
  width: 600px;
}
.KsPopulationAudience .KsRetargetingTags .advertiser-filter .Select {
  width: calc(100% - 64px);
}
.KsPopulationAudience .KsRetargetingTags .advertiser-filter .ant-btn {
  height: 36px;
  border-radius: 0 4px 4px 0;
}
.KsPopulationAudience .KsRetargetingTags .keyword-wrap {
  padding: 6px 20px;
  border-bottom: 1px solid #e8e8e8;
}
.KsPopulationAudience .KsRetargetingTags .select-area {
  width: 600px;
  margin-top: 16px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.KsPopulationAudience .KsRetargetingTags .select-area .tab-btns {
  padding: 0 10px;
  border-bottom: 1px solid #DADFE3;
}
.KsPopulationAudience .KsRetargetingTags .select-area .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.KsPopulationAudience .KsRetargetingTags .select-area .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.KsPopulationAudience .KsRetargetingTags .select-area .ant-table {
  border: none;
}
.KsPopulationAudience .KsRetargetingTags .selected {
  margin-left: 16px;
  width: 320px;
  height: 420px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.KsPopulationAudience .KsRetargetingTags .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.KsPopulationAudience .KsRetargetingTags .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.KsPopulationAudience .KsRetargetingTags .selected > .content .ant-tabs-tabpane {
  height: 270px;
  padding: 5px 0;
  overflow: auto;
}
.KsPopulationAudience .KsRetargetingTags .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.KsPopulationAudience .KsRetargetingTags .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.KsCustomSelector {
  display: flex;
}
.KsCustomSelector .SelectorPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  padding: 8px 16px;
  width: 480px;
  min-height: 352px;
  margin-right: 16px;
}
.KsCustomSelector .SelectorPanel .select-area {
  margin-top: 10px;
  border: 1px solid #E4E9ED;
}
.KsCustomSelector .SelectorPanel .select-area .tab-btns {
  margin: 0 10px;
}
.KsCustomSelector .SelectorPanel .select-area .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.KsCustomSelector .SelectorPanel .select-area .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.KsCustomSelector .SelectorPanel .CustomSearchInput {
  margin-top: 10px;
  width: 100%;
}
.KsCustomSelector .SelectorPanel .PanelTree .select-area {
  width: 100%;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .header {
  background-color: #F8F9FA;
  border-bottom: 1px solid #E4E9ED;
  padding: 4px 12px;
  line-height: 26px;
  font-weight: bold;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content {
  padding: 4px 0px;
  height: 224px;
  overflow: auto;
  position: relative;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item {
  display: flex;
  padding: 0 8px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item:hover {
  background-color: #F8F8F8;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .name-item {
  flex: 0 0 160px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .num-item {
  flex: 0 0 80px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .keyword-table {
  margin-top: 10px;
}
.KsCustomSelector .ResultPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  display: inline-block;
  width: 300px;
  position: relative;
}
.KsCustomSelector .ResultPanel .header {
  flex-flow: column;
  display: flex;
  height: 58px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #DADFE3;
  border-radius: 4px 4px 0 0;
}
.KsCustomSelector .ResultPanel .header .title {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.KsCustomSelector .ResultPanel .header .word-count {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.KsCustomSelector .ResultPanel .header .clear-btn,
.KsCustomSelector .ResultPanel .header .batch-add-btn {
  float: right;
  height: 20px;
  padding: 0 10px;
}
.KsCustomSelector .ResultPanel .result-body .body-header {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid #DADFE3;
}
.KsCustomSelector .ResultPanel .result-body .body-header .Select .ant-input {
  border: none;
}
.KsCustomSelector .ResultPanel .result-body .body-list {
  height: 255px;
  overflow: auto;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item {
  display: flex;
  padding: 8px;
  line-height: 1.5;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item .btn-col {
  visibility: hidden;
  padding-left: 4px;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item .btn-col .ant-btn {
  padding: 0;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item:hover .btn-col {
  visibility: visible;
}
.KsCustomSelector .ResultPanel .result-body .name-col {
  width: 165px;
}
.KsCustomSelector .ResultPanel .result-body .num-col {
  margin-left: 8px;
}
.KsCustomSelector .ResultPanel .result-footer {
  border-top: 1px solid #DADFE3;
}
.CustomSearchInput {
  display: inline-block;
  position: relative;
}
.CustomSearchInput .ant-input {
  width: 100%;
  cursor: pointer;
}
.CustomSearchInput .ant-input[disabled] {
  cursor: not-allowed;
}
.CustomSearchInput .drop-down-area {
  width: 100%;
  top: auto;
  left: auto;
  box-sizing: border-box;
  margin-top: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  outline: none;
}
.CustomSearchInput .drop-down-area .drop-down-options {
  max-height: 200px;
  overflow-y: auto;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item {
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  cursor: pointer;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item:hover {
  background-color: #e6f7ff;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item.active {
  background-color: #e6f7ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .desc {
  color: #adb0b3;
  font-size: 12px;
}
.CustomSearchInput .SearchInputPopover {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner {
  box-shadow: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content .drop-down-options {
  position: relative;
}
.CustomSearchInput .SearchInputPopover .ant-popover-arrow {
  display: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-placement-bottom {
  padding: 0;
}
.CustomSearchInput .ant-input-affix-wrapper .ant-input[disabled] + .ant-input-suffix > .anticon {
  cursor: not-allowed;
}

.KsCustomSelector {
  display: flex;
}
.KsCustomSelector .SelectorPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  padding: 8px 16px;
  width: 480px;
  min-height: 352px;
  margin-right: 16px;
}
.KsCustomSelector .SelectorPanel .tab-btns {
  margin-top: 10px;
}
.KsCustomSelector .SelectorPanel .tab-btns > li {
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
.KsCustomSelector .SelectorPanel .tab-btns > li.active {
  font-weight: bold;
  border-bottom: 1px solid #2f88ff;
  color: #333;
}
.KsCustomSelector .SelectorPanel .CustomSearchInput {
  margin-top: 10px;
  width: 100%;
}
.KsCustomSelector .SelectorPanel .PanelTree .select-area {
  width: 100%;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .header {
  background-color: #F8F9FA;
  border-bottom: 1px solid #E4E9ED;
  padding: 4px 12px;
  line-height: 26px;
  font-weight: bold;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content {
  padding: 4px 0px;
  height: 224px;
  overflow: auto;
  position: relative;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item {
  display: flex;
  padding: 0 8px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item:hover {
  background-color: #F8F8F8;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .name-item {
  flex: 0 0 160px;
}
.KsCustomSelector .SelectorPanel .KeyWordSelector .selector-container .content .word-list .word-item .num-item {
  flex: 0 0 80px;
}
.KsCustomSelector .ResultPanel {
  border: 1px solid #E4E9ED;
  border-radius: 4px;
  display: inline-block;
  width: 300px;
  position: relative;
}
.KsCustomSelector .ResultPanel .header {
  flex-flow: column;
  display: flex;
  height: 58px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #DADFE3;
  border-radius: 4px 4px 0 0;
}
.KsCustomSelector .ResultPanel .header .title {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.KsCustomSelector .ResultPanel .header .word-count {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.KsCustomSelector .ResultPanel .header .clear-btn,
.KsCustomSelector .ResultPanel .header .batch-add-btn {
  float: right;
  height: 20px;
  padding: 0 10px;
}
.KsCustomSelector .ResultPanel .result-body .body-header {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid #DADFE3;
}
.KsCustomSelector .ResultPanel .result-body .body-header .Select .ant-input {
  border: none;
}
.KsCustomSelector .ResultPanel .result-body .body-list {
  height: 255px;
  overflow: auto;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item {
  display: flex;
  padding: 8px;
  line-height: 1.5;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item .btn-col {
  visibility: hidden;
  padding-left: 4px;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item .btn-col .ant-btn {
  padding: 0;
}
.KsCustomSelector .ResultPanel .result-body .body-list .word-item:hover .btn-col {
  visibility: visible;
}
.KsCustomSelector .ResultPanel .result-body .name-col {
  width: 165px;
}
.KsCustomSelector .ResultPanel .result-body .num-col {
  margin-left: 8px;
}
.KsCustomSelector .ResultPanel .result-footer {
  border-top: 1px solid #DADFE3;
}
.CustomSearchInput {
  display: inline-block;
  position: relative;
}
.CustomSearchInput .ant-input {
  width: 100%;
  cursor: pointer;
}
.CustomSearchInput .ant-input[disabled] {
  cursor: not-allowed;
}
.CustomSearchInput .drop-down-area {
  width: 100%;
  top: auto;
  left: auto;
  box-sizing: border-box;
  margin-top: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  outline: none;
}
.CustomSearchInput .drop-down-area .drop-down-options {
  max-height: 200px;
  overflow-y: auto;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item {
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  cursor: pointer;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item:hover {
  background-color: #e6f7ff;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item.active {
  background-color: #e6f7ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.CustomSearchInput .drop-down-area .drop-down-options .option-item .desc {
  color: #adb0b3;
  font-size: 12px;
}
.CustomSearchInput .SearchInputPopover {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner {
  box-shadow: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content {
  padding: 0;
}
.CustomSearchInput .SearchInputPopover .ant-popover-inner-content .drop-down-options {
  position: relative;
}
.CustomSearchInput .SearchInputPopover .ant-popover-arrow {
  display: none;
}
.CustomSearchInput .SearchInputPopover .ant-popover-placement-bottom {
  padding: 0;
}
.CustomSearchInput .ant-input-affix-wrapper .ant-input[disabled] + .ant-input-suffix > .anticon {
  cursor: not-allowed;
}

.Media {
  margin-top: 10px;
}

.AudienceList .AudienceItem {
  display: none;
}
.AudienceList .AudienceItem.active {
  display: block;
}

.MaterialSelectorWrapper {
  display: inline-block;
  vertical-align: top;
}
.MaterialSelectorWrapper .tips {
  font-size: 12px;
  color: #999;
  word-break: break-all;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper {
  margin-left: 20px;
}
.MaterialSelectorWrapper + .MaterialSelectorWrapper .material-selector {
  border-color: #DADFE3;
}
.MaterialSelectorWrapper .material-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  text-align: center;
  justify-content: space-between;
  overflow: hidden;
}
.MaterialSelectorWrapper .material-selector .upload-area {
  display: flex;
  height: 60%;
  border-radius: 4px;
  background-color: #F8F8F8;
  border: 1px dashed #D6D6D6;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.MaterialSelectorWrapper .material-selector .upload-area .upload-icon {
  margin-right: 6px;
}
.MaterialSelectorWrapper .material-selector .upload-area:hover {
  border-color: #598FE6;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn {
  width: 100px;
  margin-right: 24px;
}
.MaterialSelectorWrapper .material-selector .create-btns .ant-btn:last-child {
  margin-right: 0;
}
.MaterialSelectorWrapper .material-selector-preview {
  position: relative;
  padding: 2px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.MaterialSelectorWrapper .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn {
  width: 80px;
}
.MaterialSelectorWrapper .material-selector-preview .cover .btn-area .ant-btn + .ant-btn {
  margin-top: 10px;
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.4);
}
.MaterialSelectorWrapper .material-selector-preview:hover .cover .btn-area {
  display: block;
}

.BatchCreateAssembleTitle .ant-modal-body {
  max-height: 500px;
  overflow: auto;
}
.BatchCreateAssembleTitle .selector-wrapper {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.BatchCreateAssembleTitle .BatchTextEditor {
  margin-bottom: 10px;
}
.BatchCreateAssembleTitle .ControlGroup .control-label {
  flex: 0 0 130px;
}
.BatchCreateAssembleTitle .MutilMaterial .title,
.BatchCreateAssembleTitle .MutilCopy .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px;
  background-color: #fdfdfd;
  border-radius: 5px;
  vertical-align: middle;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper:hover .close-btn,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper:hover .close-btn {
  display: inline-block;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper .close-btn {
  position: absolute;
  display: none;
  top: -8px;
  right: -2px;
  cursor: pointer;
  color: #999;
  z-index: 1;
  font-size: 16px;
}
.BatchCreateAssembleTitle .MutilMaterial .selector-group-wrapper .close-btn:hover,
.BatchCreateAssembleTitle .MutilCopy .selector-group-wrapper .close-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.BatchCreateAssembleTitle .MutilMaterial .material-add-btn,
.BatchCreateAssembleTitle .MutilCopy .material-add-btn {
  line-height: 20px;
  border: 1px dotted #DADFE3;
  border-radius: 0;
}

.KsCreativeMaterialsWrapper .BatchConditionTabsWrapper .TabItem .name .error-icon {
  position: absolute;
  right: 0;
}
.KsCreativeMaterialsWrapper .material-selector-wrapper {
  display: inline-block;
  vertical-align: top;
}
.KsCreativeMaterialsWrapper .material-selector-wrapper + .material-selector-wrapper {
  margin-left: 20px;
}

.ad-keywords {
  width: 500px;
  margin-top: 20px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
}
.ad-keywords > .header {
  padding: 8px 12px;
  line-height: 22px;
  border-bottom: 1px solid #dadfe3;
  background-color: #f8f9fa;
}
.ad-keywords > .header .clear-all {
  float: right;
  color: #598fe6;
  cursor: pointer;
}
.ad-keywords > .content {
  height: 194px;
  padding: 12px;
  overflow-y: auto;
}
.ad-keywords > .content .keyword-item {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  line-height: 28px;
  margin-bottom: 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.ad-keywords > .content .keyword-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.ad-keywords > .content .keyword-item:nth-child(2n + 1) {
  margin-right: 12px;
}

.CreativeGroupList.bd-batch-creative-group-list-wrapper {
  max-width: calc(100% - 100px);
}

.batch-detail-condition .BatchConditionTabs .add-condition-btn,
.batch-detail-condition .TabItem .btn-area {
  display: none;
}
.batch-detail-condition input,
.batch-detail-condition .Input,
.batch-detail-condition .Select,
.batch-detail-condition .RadioGroup,
.batch-detail-condition .CheckboxGroup,
.batch-detail-condition .MouseSelect,
.batch-detail-condition .ant-btn,
.batch-detail-condition .Checkbox,
.batch-detail-condition .PanelTree {
  pointer-events: none;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-content-item {
  display: none;
}
.batch-detail-condition .BatchContent .BatchCondition .batch-content-item.active {
  display: block;
}

.KsTaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.KsTaskDetailModal .header .title {
  font-size: 14px;
}
.KsTaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.KsTaskDetailModal .sub-title {
  line-height: 2;
}
.KsTaskDetailModal .ControlGroup {
  line-height: 2;
}
.KsTaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.KsTaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.KsTaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.KsTaskDetailModal .Nav {
  margin-bottom: 16px;
}
.KsTaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.TreeRender .header-bar {
  margin-bottom: 16px;
}
.TreeRender .header-bar .operation-btn {
  margin-right: 20px;
  color: #aaa;
  cursor: not-allowed;
}
.TreeRender .header-bar .operation-btn.enable {
  color: #40a9ff;
  cursor: pointer;
}
.TreeRender .list-container {
  position: relative;
  color: #7c828e;
  display: flex;
  flex-wrap: wrap;
}
.TreeRender .list-container .object-item {
  position: relative;
  vertical-align: top;
  padding-left: 18px;
  padding-right: 6px;
  margin-bottom: 12px;
  max-width: 500px;
}
.TreeRender .list-container .object-item .fold-btn {
  position: absolute;
  right: -5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}
.TreeRender .list-container .object-item .select-btn {
  position: absolute;
  left: 2px;
  cursor: pointer;
}
.TreeRender .list-container .object-item .select-btn:hover {
  color: #e86168;
}
.TreeRender .list-container .object-item .select-btn.creative-level:not(.checked) {
  display: none;
}
.TreeRender .list-container .object-item .item-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
}
.TreeRender .list-container .object-item .item-text .name-text {
  font-weight: bold;
  font-size: 13px;
}
.TreeRender .list-container .object-item .item-text .illegal-tip {
  color: #e86168;
}
.TreeRender .list-container .object-item .item-text:hover .select-btn.creative-level {
  display: inline-block;
}
.TreeRender .list-container .object-item .item-text.illegal {
  color: #9d9d9d;
}
.TreeRender .children-container {
  margin-left: 10px;
}
.TreeRender .children-container .fold-text {
  color: #40a9ff;
}
.TreeRender .children-container > .list-container:not(:last-child)::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 10px;
  left: -12px;
}
.TreeRender .children-container > .list-container:last-child::after,
.TreeRender .children-container > .list-container:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #bfbfbf;
  left: -12px;
  top: 10px;
}

.CombinationTree {
  margin-top: 16px;
}

.PromotionBudget .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.PromotionBudget .VInput.inline {
  margin-left: 0;
}
.PromotionBudget .VInput .ant-input {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

.TxAutoAcquisition > .controls .VRadioGroup {
  margin-left: 0;
}

.ConvertList {
  position: relative;
}

.PriceList {
  position: relative;
}
.PriceList .PriceItem {
  display: none;
}
.PriceList .PriceItem.active {
  display: block;
}

.TxRetargetingTags {
  margin-top: 16px;
}
.TxRetargetingTags .advertiser-filter {
  display: flex;
  align-items: center;
}
.TxRetargetingTags .advertiser-filter .Select {
  width: calc(100% - 64px);
}
.TxRetargetingTags .advertiser-filter .Select .ant-input {
  border-radius: 4px 0 0 4px;
}
.TxRetargetingTags .advertiser-filter .Select .labels {
  padding: 2px 6px 0 0;
}
.TxRetargetingTags .advertiser-filter .Select .labels > li {
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TxRetargetingTags .advertiser-filter .ant-btn {
  height: 36px;
  border-radius: 0 4px 4px 0;
}
.TxRetargetingTags .audience-filter-input {
  position: absolute;
  top: 150px;
  left: 20px;
  z-index: 2;
}
.TxRetargetingTags .retargeting-tags-table {
  width: 600px;
  margin-top: 16px;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.TxRetargetingTags .retargeting-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.TxRetargetingTags .selected {
  margin-left: 16px;
  width: 320px;
  height: 372px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.TxRetargetingTags .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.TxRetargetingTags .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav {
  width: 100%;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav > div:first-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.TxRetargetingTags .selected > .content .ant-tabs-nav > div:first-child .ant-tabs-tab {
  width: 50%;
  text-align: center;
}
.TxRetargetingTags .selected > .content .ant-tabs-tabpane {
  height: 240px;
  overflow: auto;
}
.TxRetargetingTags .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.TxRetargetingTags .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.AudienceWechatAdBehavior .customer {
  display: flex;
}
.AudienceWechatAdBehavior .customer .header .title {
  font-size: 14px;
  font-weight: normal;
}
.AudienceWechatAdBehavior .customer .content {
  min-height: 100px;
}
.AudienceWechatAdBehavior .selected {
  margin: 0 0 0 16px;
  width: 220px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.AudienceWechatAdBehavior .selected > .content {
  padding: 0;
}
.AudienceWechatAdBehavior .selected > .content .ant-tabs-tabpane {
  max-height: 230px;
  overflow: auto;
}
.AudienceWechatAdBehavior .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.AudienceWechatAdBehavior .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.CreateAudience .advanced {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E9ED;
}
.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .audience-select .ControlGroup.inline {
  margin-left: 0;
}
.AudienceCreate .CommonCheckboxGroup .ant-btn-group .ant-btn .angle {
  display: none;
}
.AudienceCreate .customer-area {
  display: flex;
}
.AudienceCreate .customer-area .split {
  padding: 0 10px;
}

.AudienceList .AudienceItem .advanced {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E9ED;
}

.CreativeGroupList {
  position: relative;
}
.CreativeGroupList .CreativeGroupItem {
  display: none;
}
.CreativeGroupList .CreativeGroupItem > .ControlGroup .controls {
  width: calc(100% - 160px) !important;
}
.CreativeGroupList .CreativeGroupItem.active {
  display: block;
}
.CreativeGroupList .CreativeGroupItem > .Card {
  border: none;
}
.CreativeGroupList .CreativeGroupItem > .Card > .header {
  border: none;
}
.CreativeGroupList .CreativeGroupItem .Placement .header {
  display: none;
}
.CreativeGroupList.tx-batch-creative-group-list-wrapper {
  max-width: calc(100% - 100px);
}

.batch-detail-condition .BatchConditionTabs .add-condition-btn,
.batch-detail-condition .TabItem .btn-area {
  display: none;
}
.batch-detail-condition input,
.batch-detail-condition .Input,
.batch-detail-condition .Select,
.batch-detail-condition .RadioGroup,
.batch-detail-condition .CheckboxGroup,
.batch-detail-condition .MouseSelect,
.batch-detail-condition .ant-btn,
.batch-detail-condition .Checkbox,
.batch-detail-condition .PanelTree,
.batch-detail-condition .ant-select {
  pointer-events: none;
}
.batch-detail-condition .BatchCondition .batch-item {
  margin: 20px 20px 30px;
}
.batch-detail-condition .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.batch-detail-condition .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.batch-detail-condition .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.batch-detail-condition .BatchCondition .batch-content-item {
  display: none;
}
.batch-detail-condition .BatchCondition .batch-content-item.active {
  display: block;
}
.batch-detail-condition .BatchCondition .AudienceList .audience-save {
  display: none;
}
.batch-detail-condition .BatchCondition .ConvertList .quick-link {
  display: none;
}
.batch-detail-condition .CreativeMaterials .materials-content {
  width: calc(100% - 300px);
}

.TxTaskDetailModal .header {
  border-bottom: solid 1px #dadcde;
  margin-bottom: 0;
}
.TxTaskDetailModal .header .title {
  font-size: 14px;
}
.TxTaskDetailModal .sub-header {
  margin-bottom: 16px;
  border-bottom: solid 1px #dadcde;
}
.TxTaskDetailModal .sub-title {
  line-height: 2;
}
.TxTaskDetailModal .BaseInfoDetail .ControlGroup > .control-label {
  flex: 0 0 170px;
}
.TxTaskDetailModal .BaseInfoDetail .ControlGroup > .controls {
  width: calc(100% - 170px);
}
.TxTaskDetailModal .ControlGroup {
  line-height: 2;
}
.TxTaskDetailModal .ControlGroup + .ControlGroup {
  margin-top: 6px;
}
.TxTaskDetailModal .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.TxTaskDetailModal .ControlGroup > .controls {
  width: calc(100% - 120px);
}
.TxTaskDetailModal .Nav {
  margin-bottom: 16px;
}
.TxTaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}

.BatchCreateFilter {
  display: flex;
  align-items: center;
}
.BatchCreateFilter > div {
  margin-left: 10px;
}
.BatchCreateFilter .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
}

.header-filter .f-left {
  display: flex;
}
.header-filter .FilterDateRange {
  display: inline-block;
  margin-right: 12px;
}
.header-filter .FilterDateRange .ant-calendar-picker {
  width: 250px;
}
.header-filter .Select {
  margin-right: 12px;
}
.header-filter .ProjectSelector {
  display: inline-block;
}

.BatchCreateManage {
  padding: 16px;
  height: 100%;
}
.BatchCreateManage .BatchCreateMainList {
  height: calc(100% - 65px);
}
.BatchCreateManage .BatchCreateMainList > .content {
  height: 100%;
}
.BatchCreateManage .BatchCreateMainList > .content .content-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dadcde;
}
.BatchCreateManage .BatchCreateMainList .tabs > li {
  margin-right: 25px;
  padding: 0 5px;
}
.BatchCreateManage .BatchCreateMainList .tabs .active {
  font-weight: bold;
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}

.DragSelect .selection-border {
  position: fixed;
  background-color: rgba(230, 241, 252, 0.6);
  border: solid 1px #40a9ff;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchStepLayout {
  position: relative;
  height: 100%;
  padding-bottom: 70px;
}
.BatchStepLayout > .content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.BatchStepLayout > .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .CampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .CampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.CustomMacroModal .tips {
  margin-left: 10px;
}
.CustomMacroModal .Table {
  margin-top: 10px;
}
.CustomMacroModal .Table .value-cell {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.CustomMacroModal .Table .value-cell .VSelect {
  margin-right: 10px;
}
.CustomMacroModal .Table .value-cell .VSelect .controls {
  position: relative;
}
.CustomMacroModal .Table .value-cell .VSelect .controls .validation-error {
  position: absolute;
  top: 25px;
  left: -10px;
  width: 150px;
}

.AutoName {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.AutoName .prevText {
  flex: 0 0 180px;
  align-self: start;
  margin-top: 5px;
  text-align: right;
}
.AutoName .ant-spin-nested-loading {
  width: calc(100% - 180px);
}
.AutoName .ant-spin-nested-loading .ant-spin-container {
  width: 100%;
}
.AutoName .selected-result {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AutoName .name-option-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.AutoName .name-option-list .option-item {
  padding: 10px 12px;
  opacity: 0.5;
  pointer-events: none;
  cursor: pointer;
  user-select: none;
}
.AutoName .name-option-list .option-item.available {
  color: #278AFB;
  pointer-events: initial;
}
.AutoName .name-option-list .option-item.selected {
  font-weight: bold;
  opacity: 1;
}
.AutoName .name-option-list .ant-btn {
  margin-left: 10px;
}
.AutoNameResultPopover {
  width: 500px;
}

.AdsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.AdsCreateAdList .title {
  font-weight: bold;
}
.AdsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.AdsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 10px;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 100px);
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdAudience .aidience-list-wrapper {
  width: calc(100% - 160px);
  margin: 10px 80px;
  border: 1px solid #E5E5E5;
}
.AdAudience .aidience-list-wrapper .header {
  height: 40px;
  padding: 0 20px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E5E5E5;
  font-weight: bold;
  line-height: 40px;
}
.AdAudience .aidience-list-wrapper .AudienceDetail {
  padding: 10px;
}

.AdDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdDetailModal .ant-modal-close,
.AdDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.BatchCreateTree {
  margin: 20px;
}
.BatchCreateTree .tree-item {
  position: relative;
}
.BatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item:nth-last-of-type(1)::after,
.BatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.BatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.BatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.TaskSetting .ControlGroup .inline {
  margin-left: 0;
}
.TaskSetting .ControlGroup .inline + .inline {
  margin-left: 10px;
}

.BatchCreatives .creatives-create-card {
  flex: 1;
}
.BatchCreatives .creatives-create-card > .content {
  padding: 15px 50px;
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .CampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .CampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.AdsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.AdsCreateAdList .title {
  font-weight: bold;
}
.AdsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.AdsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 10px;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 100px);
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.AdsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdAudience .aidience-list-wrapper {
  width: calc(100% - 160px);
  margin: 10px 80px;
  border: 1px solid #E5E5E5;
}
.AdAudience .aidience-list-wrapper .header {
  height: 40px;
  padding: 0 20px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E5E5E5;
  font-weight: bold;
  line-height: 40px;
}
.AdAudience .aidience-list-wrapper .AudienceDetail {
  padding: 10px;
}

.AdDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdDetailModal .ant-modal-close,
.AdDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.BatchCreateTree {
  margin: 20px;
}
.BatchCreateTree .tree-item {
  position: relative;
}
.BatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item:nth-last-of-type(1)::after,
.BatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.BatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.BatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.TaskSetting .ControlGroup .inline {
  margin-left: 0;
}
.TaskSetting .ControlGroup .inline + .inline {
  margin-left: 10px;
}

.BatchCreatives .creatives-create-card {
  flex: 1;
}
.BatchCreatives .creatives-create-card > .content {
  padding: 15px 50px;
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchContent .BatchCondition .batch-item .ConvertList .PriceList > .content {
  padding: 12px 0;
}
.BatchContent .BatchCondition .batch-content-item {
  display: none;
}
.BatchContent .BatchCondition .batch-content-item.active {
  display: block;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .Oe2CampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .Oe2CampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.Oe2AdgroupsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.Oe2AdgroupsCreateAdList .title {
  font-weight: bold;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: start;
  width: 50%;
  padding: 10px;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 110px);
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.Oe2AdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.BatchCreateTree {
  margin: 20px;
}
.BatchCreateTree .tree-item {
  position: relative;
}
.BatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item:nth-last-of-type(1)::after,
.BatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.BatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.BatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.BatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.TaskSetting .ControlGroup .inline {
  margin-left: 0;
}
.TaskSetting .ControlGroup .inline + .inline {
  margin-left: 10px;
}

.BatchCreatives .creatives-create-card {
  flex: 1;
}
.BatchCreatives .creatives-create-card > .content {
  padding: 15px 50px;
}

.TypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.TypeItem .title {
  font-weight: bold;
  color: #101010;
}
.TypeItem .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.TypeItem:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.TypeItem.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.TypeItem.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.ConvertItem {
  display: none;
}
.ConvertItem.active {
  display: block;
}
.ConvertItem .TxTarget .PromotedObject > .controls {
  display: flex;
  align-items: center;
}
.ConvertItem .TxTarget .PromotedObject > .controls .showhiddenErrorMsg {
  position: relative;
}

.ConvertList {
  position: relative;
}

.AudienceList .AudienceItem .advanced {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E9ED;
}

.PriceList {
  position: relative;
}
.PriceList .PriceItem {
  display: none;
}
.PriceList .PriceItem.active {
  display: block;
}

.CreativeGroupList {
  position: relative;
}
.CreativeGroupList .CreativeGroupItem {
  display: none;
}
.CreativeGroupList .CreativeGroupItem.active {
  display: block;
}
.CreativeGroupList .CreativeGroupItem > .Card {
  border: none;
}
.CreativeGroupList .CreativeGroupItem > .Card > .header {
  border: none;
}
.CreativeGroupList .CreativeGroupItem .Placement .header {
  display: none;
}
.CreativeGroupList.tx-batch-creative-group-list-wrapper {
  max-width: calc(100% - 100px);
}
.CreativeLibraryModal .tab-bar-extra {
  padding: 0 15px;
  margin-right: 20px;
}
.CreativeLibraryModal .tab-bar-extra .anticon {
  margin-right: 10px;
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchContent .BatchCondition .batch-creative-group > .ControlGroup > .control-label {
  flex: 0 0 100px;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .TxCampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .TxCampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.TxAdgroupsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.TxAdgroupsCreateAdList .title {
  font-weight: bold;
}
.TxAdgroupsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: start;
  width: 50%;
  padding: 10px;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 110px);
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdAudience .aidience-list-wrapper {
  width: calc(100% - 160px);
  margin: 10px 80px;
  border: 1px solid #E5E5E5;
}
.AdAudience .aidience-list-wrapper .header {
  height: 40px;
  padding: 0 20px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E5E5E5;
  font-weight: bold;
  line-height: 40px;
}
.AdAudience .aidience-list-wrapper .AudienceDetail {
  padding: 10px;
}

.AdgroupDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdgroupDetailModal .ant-modal-body .ControlGroup {
  line-height: 1.5;
}
.AdgroupDetailModal .ant-modal-close,
.AdgroupDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.AdcreativesCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
}
.AdcreativesCreateAdList .title {
  font-weight: bold;
}
.AdcreativesCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 10px;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 100px);
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.AdcreativesCreateAdList .adgroup-wrapper {
  background-color: #F2F2F2;
  border: solid 1px #ccc;
  padding: 8px;
  margin-bottom: 8px;
}
.AdcreativesCreateAdList .campaign-wrapper {
  margin-top: 8px;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdcreativeDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdcreativeDetailModal .ant-modal-close,
.AdcreativeDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.TxBatchCreateTree {
  margin: 20px;
}
.TxBatchCreateTree .tree-item {
  position: relative;
}
.TxBatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.TxBatchCreateTree .tree-item:nth-last-of-type(1)::after,
.TxBatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.TxBatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.TxBatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.TxBatchCreateTree .tree-item .creative-preview-wrapper {
  padding-left: 32px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.BatchResultList .creatives-create-card {
  flex: 1;
}
.BatchResultList .creatives-create-card > .content {
  padding: 15px 50px;
}

.TypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.TypeItem .title {
  font-weight: bold;
  color: #101010;
}
.TypeItem .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.TypeItem:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.TypeItem.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.TypeItem.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.GroupScene .options-wrapper {
  max-width: 700px;
  background-color: #f7f8fa;
  border-radius: 4px;
  margin-top: 8px;
}
.GroupScene .options-wrapper .CheckboxGroup .Checkbox {
  margin-left: 0;
  margin-right: 10px;
}

.PositionPackage .customer {
  position: relative;
  margin-top: 16px;
}
.PositionPackage .package-filter-input {
  position: absolute;
  top: 44px;
  left: 20px;
  z-index: 2;
}
.PositionPackage .package-tags-table {
  width: 560px;
}
.PositionPackage .package-tags-table .ant-table-header::-webkit-scrollbar {
  display: none;
}
.PositionPackage .package-tags-table .ant-table-body {
  border-top: 1px solid #e8e8e8;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 60px 0 0 0;
}
.PositionPackage .package-tags-table .ant-table-empty .ant-table-body {
  height: 73px;
}
.PositionPackage .package-tags-table .ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.PositionPackage .selected {
  margin-left: 16px;
  width: 250px;
  height: 321px;
  border-radius: 4px;
  border: 1px solid #DADFE3;
}
.PositionPackage .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333333;
  line-height: 22px;
  background-color: #F9FAFD;
  border-bottom: 1px solid #DADFE3;
}
.PositionPackage .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.PositionPackage .selected > .content {
  height: 280px;
  padding: 10px 0;
  overflow: auto;
}
.PositionPackage .selected > .content .selected-item {
  position: relative;
  line-height: 28px;
  margin: 0 12px 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.PositionPackage .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.SceneSpec .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px;
  font-size: 14px;
  color: #2f88ff;
  cursor: pointer;
}
.SceneSpec .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.SceneSpec .ControlGroup > .control-label {
  flex: 0 0 200px;
}

.ListSelector {
  width: 550px;
  margin: 10px 0;
  line-height: 1.5;
}
.ListSelector > .option-item {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 16px;
  border: solid 1px #edeff2;
  border-radius: 4px;
  cursor: pointer;
}
.ListSelector > .option-item:not(:last-child):not(.selected) {
  border-bottom: none;
}
.ListSelector > .option-item:hover:not(.disabled) {
  background-color: #f7f9fc;
}
.ListSelector > .option-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.ListSelector > .option-item.selected {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ListSelector > .option-item .option-select-tag {
  margin-right: 8px;
}
.ListSelector > .option-item .option-text {
  flex: 1;
}
.ListSelector > .option-item .option-text .main-title {
  color: #313233;
}
.ListSelector > .option-item .option-text .sub-title {
  color: #939599;
}

.TxSiteSet {
  margin-top: 12px;
}
.TxSiteSet .is-invalid.hidden.showhiddenErrorMsg {
  position: relative;
}

.CreateAudience .audience-create-type {
  margin: 0 0 20px 50px;
}
.CreateAudience .audience-create-type > div {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}
.CreateAudience .audience-create-type > div.active {
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #2f88ff;
}
.CreateAudience .audience-create-type > div.disabled {
  color: #ccc;
  pointer-events: none;
}
.CreateAudience .audience-advance {
  margin-top: 12px;
}
.CreateAudience .audience-advance .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-advance .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.CreateAudience .audience-advance .auto-extend .PanelTree .select-area {
  width: 600px;
}
.CreateAudience .audience-advance .auto-extend .PanelTree .result-area {
  width: 320px;
}
.CreateAudience .PanelTree {
  margin-top: 10px;
}
.CreateAudience .launch-price .VSelect {
  margin-left: 0;
}
.CreateAudience .launch-price .divide {
  margin: 0 10px;
}
.CreateAudience .audience-save {
  margin: 12px 0 0 20px;
}
.CreateAudience .audience-select .audience-package-use {
  width: 200px;
  color: #2F88FF;
  cursor: pointer;
}
.CreateAudience .audience-select .audience-use-item {
  position: relative;
  display: flex;
}
.CreateAudience .audience-select .audience-use-item .name {
  flex: 1 1 auto;
}
.CreateAudience .audience-select .audience-use-item .project-code {
  flex: 0 0 50px;
  margin-right: 20px;
}
.CreateAudience .audience-select .audience-use-item .delete:hover {
  color: #2F88FF;
}
.CreateAudience .audience-select .inner-card .card-header {
  display: flex;
  justify-content: space-between;
}
.CreateAudience .Age .PanelTree {
  margin-top: 10px;
}

.AutoAcquisition .VRadioGroup {
  margin-left: 0px;
}

.OprojectList .OprojectItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.OprojectList .OprojectItem .oproject-detail {
  position: relative;
  padding: 10px;
  margin: 15px 0 0 60px;
  background-color: #fff;
}
.OprojectList .OprojectItem .oproject-detail .audience-save {
  display: none;
}
.OprojectList .OprojectItem .oproject-detail:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 56px);
  left: -40px;
  top: -10px;
  background-color: #BBB;
}
.OprojectList .OprojectItem .oproject-detail .ControlGroup > .control-label {
  flex: 0 0 140px;
}
.OprojectList .OprojectItem .detail-edit-wrapper .Advertiser,
.OprojectList .OprojectItem .detail-edit-wrapper .Name {
  display: none;
}
.OprojectList .OprojectItem .simple-edit {
  margin-top: 12px;
}
.OprojectList .OprojectItem .Switch,
.OprojectList .OprojectItem .VSwitch {
  margin-right: 10px;
}

.CampaignsCopyContent {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-nested-loading,
.CampaignsCopyContent .CampaignsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.CampaignsCopyContent .CampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.SampleTable {
  margin: 20px 0 0 160px;
}
.SampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.SampleTable .campaign-create {
  position: relative;
  padding: 15px 0;
}
.SampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
.SampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.SampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.SampleTable.SameBelongTable .TableBody-row {
  height: 80px;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .promotion-name-wrapper {
  display: flex;
}

.OprojectSelector {
  margin-top: 10px;
}
.OprojectSelector .other-oprojects .showhiddenErrorMsg {
  position: relative;
}
.OprojectSelector .other-oprojects .other-oproject-selector {
  padding: 10px 0;
}
.OprojectSelector .ant-radio-group {
  width: 600px;
}
.OprojectSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.OprojectSelector .oproject-radio-group {
  margin-left: 100px;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.OprojectSelector .oproject-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.OprojectSelector .oproject-radio-group .showhiddenErrorMsg {
  position: relative;
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 36px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.PromotionItem .VSwitch,
.PromotionItem .Switch {
  margin-right: 10px;
}
.PromotionItem .name .control-label {
  flex: 0 0 183px;
}
.PromotionItem .ControlGroup > .controls {
  width: calc(100% - 160px);
}
.PromotionItem .Materials {
  width: 100%;
}
.PromotionItem .promotion-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.PromotionItem .promotion-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.PromotionItem .promotion-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}
.PromotionItem .detail-edit-wrapper .Name,
.PromotionItem .detail-edit-wrapper .BelongCampaign {
  display: none;
}

.PromotionCopyContent {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .ant-spin-nested-loading,
.PromotionCopyContent .PromotionCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.PromotionCopyContent .PromotionCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.Copy .BigFormsy {
  height: 100%;
}
.Copy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.Copy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.Copy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.Copy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.Copy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.Copy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.Copy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.Copy .required .controls {
  position: relative;
}
.Copy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.Copy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.Copy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.Copy .detail-edit-wrapper > .Card {
  border: none;
}
.Copy .copy-error-msg {
  color: red;
}
.Copy .copy-edit-tabs {
  margin-top: 12px;
}
.Copy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.Copy .copy-edit-tabs .tab-label {
  position: relative;
}
.Copy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.TxPopPageQueue {
  height: 100%;
  padding: 12px;
}
.TxPopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.TxPopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.TxPopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.TxPopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.TxPopPageQueue .QueueContent .content {
  height: 100%;
}
.TxPopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.TxPopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.TxPopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.TxPopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.TxPopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.TxPopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title .title-label {
  flex: 0 0 60px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper.level2 > .title .title-label {
  flex: 0 0 36px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #BBB;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #BBB;
}
.TxPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #BBB;
}
.TxPopPageQueue .QueueContent .ant-pagination {
  text-align: center;
  margin-top: 10px;
}

.PromotionBatchEdit .price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .worthroi-goal-input.increasePrecent .control-wrapper::after,
.PromotionBatchEdit .worthroi-goal-input.descreasePrecent .control-wrapper::after,
.PromotionBatchEdit .price-input.increasePrecent .control-wrapper::after,
.PromotionBatchEdit .price-input.descreasePrecent .control-wrapper::after {
  content: '%';
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}
.PromotionBatchEdit .customer-area {
  display: flex;
  align-items: center;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.PopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.PromotionPopPage > .content {
  width: 1300px !important;
}

.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}

.PromotionBatchEdit .price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}



.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}

.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}

.PromotionBatchEdit .price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}



.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}

.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}
.AdsEdit .price-input.bid-price .control-wrapper::after {
  content: '';
}

.PromotionBatchEdit .batch-price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .batch-price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .batch-price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .batch-price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .batch-price-input.increasePrecent .control-wrapper::after,
.PromotionBatchEdit .batch-price-input.descreasePrecent .control-wrapper::after {
  content: '%';
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.HourCompare {
  margin-right: 10px;
  margin-bottom: 20px;
}
.HourCompare .Select {
  margin-bottom: 15px;
}

.ChartHourTend {
  margin-bottom: 20px;
}
.ChartHourTend .insights-selector {
  position: relative;
  padding-right: 120px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ChartHourTend .insights-selector .insight-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 10px;
}
.ChartHourTend .insights-selector .insight-item .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartHourTend .insights-selector .insight-item .Select {
  width: 150px;
  margin-right: 5px;
}
.ChartHourTend .TendList {
  margin-top: 15px;
}



.AccountSelector .RadioGroup .ant-radio-wrapper {
  display: block;
  margin-top: 8px;
}
.AccountSelector .ControlGroup > .control-label {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.65);
}
.AccountSelector .ControlGroup.hidden.showhiddenErrorMsg {
  position: relative;
  margin-left: 120px;
  margin-top: 0;
}
.AccountSelector .share-accounts-wrapper {
  margin-left: 120px;
}
.AccountSelector .share-accounts-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell {
  background-color: #fff;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableHeader .TableHeader-row .TableHeader-cell .name-header-cell .ant-input {
  width: 400px;
  height: 28px;
  margin-left: 20px;
}
.AccountSelector .share-accounts-wrapper .accounts-table.empty-table {
  border-bottom: none;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content {
  overflow-x: hidden;
}
.AccountSelector .share-accounts-wrapper .accounts-table .TableBody-content .row-container .TableBody-row:nth-last-child(2) .TableBody-cell {
  border-bottom: none;
}

.CopyLayout {
  padding: 44px 0px 70px;
}
.CopyLayout > .content .Card > .content {
  padding: 20px 16px;
}
.CopyLayout > .content .title-card {
  font-weight: bold;
}
.CopyLayout .footer-card {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: calc(100% - 24px);
  margin: 0 12px;
  z-index: 2;
}
.CopyLayout .footer-card > .content {
  display: flex;
  justify-content: space-between;
  padding: 6px 16px;
}

.KsCampaignsCopySelector .title {
  margin-left: 25px;
}
.KsCampaignsCopySelector .list-wrapper {
  margin-left: 120px;
}
.KsCampaignsCopySelector .CopyList {
  margin-top: 10px;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content:hover {
  background-color: #e6f7ff;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .my-tree-node-label {
  margin-left: 20px;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ant-checkbox-wrapper {
  position: absolute;
  left: 20px;
  right: calc(100% - 45px);
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup {
  height: 24px;
  line-height: 24px;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .RadioGroup .ant-radio-button-wrapper {
  height: 24px;
  line-height: 24px;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .showhiddenErrorMsg {
  position: relative;
  display: inline-block;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-content .ad-label-wrapper .ai-control-check-box .ant-checkbox-wrapper {
  position: relative;
  left: 0;
  right: 0;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-content {
  margin-left: 16px;
  padding-left: 0 !important;
}
.KsCampaignsCopySelector .CopyList .Tree .my-tree-node .my-tree-node-children .my-tree-node-children .my-tree-node-content {
  margin-left: 32px;
  padding-left: 0 !important;
  height: 55px;
  margin-bottom: 10px;
}
.KsCampaignsCopySelector .program-creative-preview-wrapper {
  width: 130px;
}
.KsCampaignsCopySelector .creative-preview-wrapper {
  width: 130px;
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchContent .BatchCondition .batch-creative-group > .ControlGroup > .control-label {
  flex: 0 0 100px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .TxCampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .TxCampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.TxAdgroupsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.TxAdgroupsCreateAdList .title {
  font-weight: bold;
}
.TxAdgroupsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: start;
  width: 50%;
  padding: 10px;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 110px);
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.TxAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.TxBatchCreateTree {
  margin: 20px;
}
.TxBatchCreateTree .tree-item {
  position: relative;
}
.TxBatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.TxBatchCreateTree .tree-item:nth-last-of-type(1)::after,
.TxBatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.TxBatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.TxBatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.TxBatchCreateTree .tree-item .creative-preview-wrapper {
  padding-left: 32px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.TxBatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.BatchResultList .creatives-create-card {
  flex: 1;
}
.BatchResultList .creatives-create-card > .content {
  padding: 15px 50px;
}

.TypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.TypeItem .title {
  font-weight: bold;
  color: #101010;
}
.TypeItem .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.TypeItem:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.TypeItem.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.TypeItem.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.BatchContent .BatchCondition .batch-item {
  margin: 0 20px 30px;
}
.BatchContent .BatchCondition .batch-item > .title {
  font-size: 16px;
  margin-bottom: 20px;
}
.BatchContent .BatchCondition .batch-item .ControlGroup .controls {
  width: 100%;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper {
  border: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .header {
  padding: 0 20px;
  border-bottom: 1px solid #dadcde;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content {
  padding: 20px;
}
.BatchContent .BatchCondition .batch-item .batch-content-wrapper > .content .sub-title {
  margin: 20px 20px 20px 78px;
  font-size: 16px;
  color: #101010;
  font-weight: 700;
}
.BatchContent .BatchCondition .batch-content-item {
  display: none;
}
.BatchContent .BatchCondition .batch-content-item.active {
  display: block;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .BdCampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .BdCampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.BdAdgroupsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BdAdgroupsCreateAdList .title {
  font-weight: bold;
}
.BdAdgroupsCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: start;
  width: 50%;
  padding: 10px;
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 110px);
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.BdAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdAudience .aidience-list-wrapper {
  width: calc(100% - 160px);
  margin: 10px 80px;
  border: 1px solid #E5E5E5;
}
.AdAudience .aidience-list-wrapper .header {
  height: 40px;
  padding: 0 20px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E5E5E5;
  font-weight: bold;
  line-height: 40px;
}
.AdAudience .aidience-list-wrapper .AudienceDetail {
  padding: 10px;
}

.AdgroupDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdgroupDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdgroupDetailModal .ant-modal-body .ControlGroup {
  line-height: 1.5;
}
.AdgroupDetailModal .ant-modal-close,
.AdgroupDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.AdcreativesCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
}
.AdcreativesCreateAdList .title {
  font-weight: bold;
}
.AdcreativesCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 10px;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 100px);
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.AdcreativesCreateAdList .adgroup-wrapper {
  background-color: #F2F2F2;
  border: solid 1px #ccc;
  padding: 8px;
  margin-bottom: 8px;
}
.AdcreativesCreateAdList .campaign-wrapper {
  margin-top: 8px;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdcreativeDetailModal .ant-modal-body {
  padding: 40px 0;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content {
  max-height: 700px;
  overflow-y: auto;
  padding: 0 24px;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content .detail-group {
  margin: 10px;
}
.AdcreativeDetailModal .ant-modal-body .ad-detail-content .detail-group .title {
  font-weight: bold;
  font-size: 16px;
}
.AdcreativeDetailModal .ant-modal-close,
.AdcreativeDetailModal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.BdBatchCreateTree {
  margin: 20px;
}
.BdBatchCreateTree .tree-item {
  position: relative;
}
.BdBatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BdBatchCreateTree .tree-item:nth-last-of-type(1)::after,
.BdBatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BdBatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.BdBatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.BdBatchCreateTree .tree-item .creative-preview-wrapper {
  padding-left: 32px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.BatchResultList .creatives-create-card {
  flex: 1;
}
.BatchResultList .creatives-create-card > .content {
  padding: 15px 50px;
}

.MainSelector {
  width: 500px;
  margin-top: 10px;
  line-height: 1.5;
}
.MainSelector > .option-item {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 16px;
  border: solid 1px #edeff2;
  border-radius: 4px;
  cursor: pointer;
}
.MainSelector > .option-item:not(:last-child):not(.selected) {
  border-bottom: none;
}
.MainSelector > .option-item:hover:not(.disabled) {
  background-color: #f7f9fc;
}
.MainSelector > .option-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.MainSelector > .option-item.selected {
  border-color: #40a9ff;
  color: #40a9ff;
}
.MainSelector > .option-item .option-select-tag {
  margin-right: 8px;
}
.MainSelector > .option-item .option-text {
  flex: 1;
}
.MainSelector > .option-item .option-text .main-title {
  color: #313233;
}
.MainSelector > .option-item .option-text .sub-title {
  color: #939599;
}
.MainSelector > .option-item .option-mark {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 1px;
  background: rgba(140, 162, 218, 0.9);
  color: #fff;
  border-radius: 0 6px 4px 4px;
}

.KsSchedulePrice .KsBudgetEditContent {
  margin: 12px 0;
}




.copy-error-tip-icon {
  color: red;
  cursor: pointer;
}

.KsCopyAdGroupList {
  position: relative;
  margin: 20px 0 10px 60px;
}
.KsCopyAdGroupList .ad-wrapper {
  position: relative;
  padding: 10px 0;
}
.KsCopyAdGroupList .ad-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  left: -40px;
  top: 0;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .AdItem::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -40px;
  top: 25px;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .detail-edit-wrapper {
  left: -30px;
  width: calc(100% + 30px);
}
.KsCopyAdGroupList .ad-wrapper .AdItem .detail-edit-wrapper .ConvertTarget {
  margin: 10px 0 0 0;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .detail-edit-wrapper .ConvertTarget::before {
  width: 0;
  height: 0;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .ks-ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .ks-ad-name-wrapper .ControlGroup .control-label {
  flex: 0 0 130px;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .special-edit-wrapper {
  position: relative;
  margin: 10px 0 0 170px;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .special-edit-wrapper > div + div {
  margin-top: 10px;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .special-edit-wrapper .ControlGroup > .control-label {
  flex: 0 0 120px;
  text-align: left;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .special-edit-wrapper::before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + 10px);
  left: -155px;
  top: 0;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .AdItem .special-edit-wrapper .ConvertTarget {
  position: relative;
  height: 36px;
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem {
  position: relative;
  margin: 20px 0 0 60px;
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem .detail-edit-wrapper {
  left: -90px;
  width: calc(100% + 90px);
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem .BelongAd {
  display: none;
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem .creative-title {
  position: relative;
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem .creative-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .CreativeItem .creative-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .KeywordItem {
  margin-left: 60px;
}
.KsCopyAdGroupList .ad-wrapper .KeywordItem .keyword-title {
  position: relative;
}
.KsCopyAdGroupList .ad-wrapper .KeywordItem .keyword-title::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -45px;
  top: -16px;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .KeywordItem .keyword-title::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  left: -45px;
  top: 15px;
  background-color: #BBB;
}
.KsCopyAdGroupList .ad-wrapper .error {
  color: red;
}

.TypeItem {
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  height: 70px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.TypeItem .title {
  font-weight: bold;
  color: #101010;
}
.TypeItem .tips {
  font-size: 12px;
  color: #D7D7D7;
}
.TypeItem:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.TypeItem.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}
.TypeItem.selected {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}

.ks-bid-type .ant-radio-button-wrapper {
  height: 60px;
  min-width: 176px;
  border-radius: 4px;
}
.ks-bid-type .ant-radio-button-wrapper + .ant-radio-button-wrapper {
  margin-left: 10px;
}
.ks-bid-type .ant-radio-button-wrapper .option-item .option-label {
  font-weight: bold;
}
.ks-bid-type .ant-radio-button-wrapper.active .tips {
  color: #1890ff;
}
.ks-bid-type .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled .tips {
  color: rgba(0, 0, 0, 0.25);
}

.CampaignConfig .KsBudgetEditContent {
  margin-top: 12px;
}

.rule-input .input-count {
  margin-left: 10px;
}
.rule-input .input-add-rule {
  line-height: 20px;
}

.TxCreateCampaign .TypeItem {
  margin-right: 30px;
}
.TxCreateCampaign .PromotedObject .promoted-object-types {
  position: relative;
  width: 430px;
  margin-top: 15px;
  padding: 10px;
  background-color: #f3f3f3;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: -20px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #f3f3f3 transparent;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .TypeItem {
  margin-right: 0;
}
.TxCreateCampaign .PromotedObject .promoted-object-types .TypeItem + .TypeItem {
  margin-left: 10px;
}

.KsCopyCampaignList .CampaignItem {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.KsCopyCampaignList .CampaignItem .special-edit-wrapper {
  position: relative;
  width: 900px;
  padding: 10px;
  margin: 15px 0 0 130px;
  background-color: #fff;
}
.KsCopyCampaignList .CampaignItem .detail-edit-wrapper {
  border: 1px solid #bbb;
}
.KsCopyCampaignList .CampaignItem .Switch,
.KsCopyCampaignList .CampaignItem .VSwitch {
  margin-right: 10px;
}

.KsCampaignsCopyContent {
  height: 100%;
}
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .ant-spin-nested-loading,
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.KsCampaignsCopyContent .KsCampaignsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.KsSampleTable {
  margin: 20px 0 0 160px;
}
.KsSampleTable .campaign-select .anticon-plus-circle {
  color: #278AFB;
  margin-left: 10px;
}
.KsSampleTable .campaign-create {
  position: relative;
  padding: 30px 8px 15px 0;
  overflow: auto;
}
.KsSampleTable .campaign-create .select-btn {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 1;
}
.KsSampleTable .campaign-create .ControlGroup .control-label {
  flex: 0 0 100px;
}
.KsSampleTable .campaign-create .campaign-name .controls .control-wrapper {
  display: flex;
  flex-direction: column;
}
.KsSampleTable .campaign-create .campaign-name .controls .control-wrapper .validation-error {
  height: 30px;
  line-height: 30px;
}
.KsSampleTable .ad-group-name-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.KsSampleTable .ad-group-name-cell.same-first-group {
  height: 420px;
}

.KsCreativeSelector .RadioGroup {
  margin-left: 10px;
}
.KsCreativeSelector .copy-tree-selector-wrapper {
  margin-top: 10px;
}
.KsCreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  height: auto;
}
.KsCreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  left: -40px;
  height: 100%;
}
.KsCreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: 100%;
}
.KsCreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .program-creative-preview-wrapper,
.KsCreativeSelector .copy-select-item-tree .ant-tree-child-tree > li span.ant-tree-node-content-wrapper .ant-tree-title .creative-preview-wrapper {
  position: relative;
  top: 2px;
  width: 130px;
}

.MultiSampleSelector .belong-type .controls {
  display: flex;
  align-items: center;
}
.MultiSampleSelector .ControlGroup > .control-label {
  user-select: none;
}
.MultiSampleSelector .CreativeSelector {
  margin: 30px 0 0 160px;
}

.CopyItem {
  margin-top: 10px;
}
.CopyItem .selector-card-content {
  margin-left: 100px;
}
.CopyItem .selector-card-content .showhiddenErrorMsg {
  position: relative;
}
.CopyItem .ad-name-wrapper {
  display: flex;
}

.CampaignSelector {
  margin-top: 10px;
}
.CampaignSelector .other-campaigns .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .other-campaigns .other-campaign-selector {
  padding: 10px 0;
}
.CampaignSelector .ant-radio-group {
  width: 600px;
}
.CampaignSelector .common-list-wrapper {
  width: 800px;
  margin-top: 10px;
}
.CampaignSelector .campaign-radio-group {
  margin-left: 100px;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  line-height: 18px;
  white-space: normal;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper .ant-radio + span {
  flex: 1 1 auto;
}
.CampaignSelector .campaign-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 6px;
}
.CampaignSelector .campaign-radio-group .showhiddenErrorMsg {
  position: relative;
}
.CampaignSelector .campaign-create .common-list-wrapper {
  width: 900px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper {
  display: flex;
  align-items: center;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput {
  margin-top: 0;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .VInput .control-label {
  flex: 0 0 120px;
}
.CampaignSelector .campaign-create .campaign-name-wrapper .campaign-name {
  width: calc(100% - 40px);
}

.CampaignList .campaign-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #BBB;
}
.CampaignList .campaign-item .campaign-name {
  position: relative;
  height: 36px;
  line-height: 36px;
}
.CampaignList .campaign-item .campaign-name:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 52px;
  left: 20px;
  top: 30px;
  background-color: #BBB;
}
.CampaignList .campaign-item .campaign-name .copy-error-tip-icon {
  margin-left: 10px;
}
.CampaignList .campaign-item .campaign-name > .control-label {
  flex: 0 0 130px;
}
.CampaignList .Switch,
.CampaignList .VSwitch {
  margin-right: 10px;
}

.EditItem .VSwitch,
.EditItem .Switch {
  margin-right: 10px;
}
.EditItem .name .control-label {
  flex: 0 0 183px;
}
.EditItem .detail-edit-wrapper form + form {
  margin-top: 12px;
}
.EditItem .ad-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.EditItem .ad-name-wrapper .VInput {
  width: 900px;
  margin-top: 0;
}
.EditItem .ad-name-wrapper .VInput .control-label {
  flex: 0 0 125px;
}
.EditItem .creative-detail-wrapper .adcreative-name {
  margin-top: 12px;
}

.AdsCopyContent {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-nested-loading,
.AdsCopyContent .AdsCopyEdit > .content .ant-spin-container {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs {
  height: calc(100% - 75px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content {
  height: calc(100% - 40px);
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.AdsCopyContent .AdsCopyEdit > .content .copy-edit-tabs > .ant-tabs-content > .ant-tabs-tabpane-active > .Card {
  height: 100%;
  overflow-y: auto;
}

.KsCopy .BigFormsy {
  height: 100%;
}
.KsCopy .CopyEdit .Card > .header {
  padding: 12px 16px 5px;
  border-bottom: none;
}
.KsCopy .CopyEdit .Card .edit-content {
  padding: 0 20px;
}
.KsCopy .CopyEdit .Card.padding-content {
  padding: 0 20px;
}
.KsCopy .copy-tree-selector-wrapper {
  width: 100%;
  max-height: 350px;
  padding: 10px;
  border: 1px solid #dadcde;
  overflow: auto;
}
.KsCopy .common-list-wrapper .list-item {
  padding: 15px;
  border: 1px solid #dadcde;
  background-color: #FCFCFC;
}
.KsCopy .common-list-wrapper .list-item + .list-item {
  margin-top: 10px;
}
.KsCopy .common-list-wrapper .list-item > div + div {
  margin-top: 10px;
}
.KsCopy .required .controls {
  position: relative;
}
.KsCopy .required .controls::before {
  content: '*';
  position: absolute;
  left: -10px;
  top: 0;
  color: red;
}
.KsCopy .hint {
  margin: 0 10px;
  color: #c1c1c1;
}
.KsCopy .detail-edit-wrapper {
  position: relative;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #dadcde;
}
.KsCopy .detail-edit-wrapper > .Card {
  border: none;
}
.KsCopy .copy-error-msg {
  color: red;
}
.KsCopy .ai-control-check-box {
  display: flex;
  align-items: center;
  color: #02A8A8;
}
.KsCopy .ai-control-check-box .ControlGroup {
  line-height: 20px;
}
.KsCopy .ai-control-check-box .ant-checkbox-wrapper {
  margin: 0 4px;
  color: #02A8A8;
}
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox + span {
  padding-right: 0;
}
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #02A8A8;
  background-color: #02A8A8;
}
.KsCopy .ai-control-check-box .ant-checkbox-wrapper:hover + .ant-checkbox-inner,
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover + .ant-checkbox-inner,
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.KsCopy .ai-control-check-box .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.KsCopy .ai-control-check-box .ant-checkbox-wrapper .ant-checkbox-input:focus .ant-checkbox-inner {
  border-color: #02A8A8;
}
.KsCopy .copy-edit-tabs {
  margin-top: 12px;
}
.KsCopy .copy-edit-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.KsCopy .copy-edit-tabs .tab-label {
  position: relative;
}
.KsCopy .copy-edit-tabs .tab-label .anticon-info-circle {
  position: absolute;
  top: 2px;
  color: red;
}

.CopyErrorTable .ant-table-thead > tr > th,
.CopyErrorTable .ant-table-tbody > tr > td {
  padding: 10px;
}
.CopyErrorTable .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.CopyErrorTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}

.KsPopPageQueue {
  height: 100%;
  padding: 12px;
}
.KsPopPageQueue .nav-card .Nav li {
  height: 30px;
  padding: 0;
  line-height: 30px;
}
.KsPopPageQueue .nav-card .Nav li.active {
  font-weight: bold;
}
.KsPopPageQueue .nav-card .Nav li + li {
  margin-left: 20px;
}
.KsPopPageQueue .QueueContent {
  height: calc(100% - 70px);
}
.KsPopPageQueue .QueueContent .content {
  height: 100%;
}
.KsPopPageQueue .QueueContent .content .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.KsPopPageQueue .QueueContent .content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.KsPopPageQueue .QueueContent .Table .operation-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.KsPopPageQueue .QueueContent .Table .operation-cell .ant-btn {
  padding: 0;
}
.KsPopPageQueue .QueueContent .Table .error {
  cursor: pointer;
  color: red;
}
.KsPopPageQueue .QueueContent .Table .error .icon {
  margin-left: 2px;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title {
  display: flex;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .title .title-label {
  flex: 0 0 60px;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper.level2 > .title .title-label {
  flex: 0 0 36px;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper {
  margin-left: 30px;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper {
  position: relative;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper:not(:last-child)::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: calc(100% + 12px);
  background-color: #BBB;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title {
  position: relative;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #BBB;
}
.KsPopPageQueue .QueueContent .Table .objs-tree-cell .tree-wrapper .child-tree-wrapper .tree-wrapper .title::after {
  position: absolute;
  content: '';
  left: -15px;
  top: 0;
  width: 1px;
  height: 50%;
  background-color: #BBB;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}

.Content {
  height: 100%;
}
.Content > .content {
  display: flex;
  padding: 0;
}
.Content > .content .main-content {
  flex: 1;
  padding: 20px;
}
.Content .BatchEditNav {
  display: flex;
  width: 230px;
  height: 100%;
  font-size: 14px;
  background-color: #fff;
  overflow-y: auto;
}
.Content .BatchEditNav .nav-list {
  padding: 20px;
}
.Content .BatchEditNav .nav-list > li {
  margin-left: 20px;
  color: #101010;
  cursor: pointer;
}
.Content .BatchEditNav .nav-list .child-list > li {
  margin: 10px 0 10px 30px;
  color: #888888;
  cursor: pointer;
}
.Content .BatchEditNav .nav-list .child-list > li:hover,
.Content .BatchEditNav .nav-list .child-list > li.isActive {
  color: #278AFB;
}
.Content .BatchEditNav .nav-list .child-list > li .modify-mark {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 20px;
  background: #259B24;
  border-radius: 50%;
}

.CampaignsBatchEdit .Location.limit-height > .Card:nth-child(1) {
  max-height: 500px;
  overflow: auto;
}
.CampaignsBatchEdit .Location .Area {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.CampaignsBatchEdit .Location .Area > .control-label {
  text-align: left;
  flex: 0 0 30px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup .control-label {
  flex: 0 0 50px;
  text-align: left;
  line-height: 36px;
}
.CampaignsBatchEdit .Location .Area .area-select > .ControlGroup + .ControlGroup {
  margin-top: 10px;
}
.CampaignsBatchEdit .Location .location-cell {
  white-space: pre-wrap;
}
.CampaignsBatchEdit .Language .edit-language > .control-label {
  flex: 0 0 230px;
}
.CampaignsBatchEdit .Language .edit-language .Select .labels {
  left: 100%;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search {
  height: 35px;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.CampaignsBatchEdit .Language .edit-language .Select .ant-input-search .ant-input:focus {
  box-shadow: none;
}
.CampaignsBatchEdit .Budget .spend-unit {
  color: #c2c2c2;
}
.CampaignsBatchEdit .Scheduel .end-time > .control-label {
  flex: 0 0 230px;
}


.TkPopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.TkPopPage.open {
  transform: translateX(0);
}
.TkPopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.TkPopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.TkPopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.TkPopPage > .content form {
  height: 100%;
}
.TkPopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 45px 0 49px;
}
.TkPopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.TkPopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.TkPopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.TkPopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}
.PromotionPopPage > .content {
  width: 1300px !important;
}

.AdsEdit .warning-tips {
  display: inline-block;
  padding: 0 10px;
  margin-left: 25px;
  background-color: #FDF5E9;
  color: #E29836;
}
.AdsEdit .warning-text {
  margin-left: 10px;
  color: #E29836;
}
.AdsEdit .price-input.bid-price .control-wrapper::after {
  content: '';
}

.PromotionBatchEdit .batch-price-input .control-wrapper {
  position: relative;
}
.PromotionBatchEdit .batch-price-input .control-wrapper .MyInput {
  width: 150px;
}
.PromotionBatchEdit .batch-price-input .control-wrapper::after {
  content: '元';
  position: absolute;
  left: 160px;
  top: -7px;
  font-size: 14px;
}
.PromotionBatchEdit .batch-price-input .control-wrapper .validation-error {
  margin-left: 25px;
}
.PromotionBatchEdit .batch-price-input.increasePrecent .control-wrapper::after,
.PromotionBatchEdit .batch-price-input.descreasePrecent .control-wrapper::after {
  content: '%';
}
.PromotionBatchEdit .ControlGroup > .control-label {
  min-width: 160px;
  flex: 0 0 auto;
}
.PromotionBatchEdit .pre-wrap {
  white-space: pre-wrap;
}

.DataDetail {
  height: 340px;
  margin-top: 20px;
}
.DataDetail .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DataDetail .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}



.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}

.MainContent {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin: 12px 0 0 12px;
}
.MainContent.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab {
  padding: 0;
}
.MainContent.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label {
  padding: 0 26px;
}
.MainContent.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .anticon-down {
  margin-left: 20px;
}
.MainContent.TabsContainerLayout > .ant-tabs-bar .ant-tabs-tab .content-tabs-label .anticon-select {
  transform: rotate(270deg);
}
.MainContent .Table .ai-status-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MainContent .Table .favorite-row .TableBody-row {
  background-color: #f5f5f5;
}
.MainContent .Table .disable-material-row .TableBody-row {
  background-color: #fff2f4;
}
.MainContent .Table .highlight-row-wrapper.color-0 .TableBody-row {
  background-color: #fff2f4;
}
.MainContent .Table .highlight-row-wrapper.color-1 .TableBody-row {
  background-color: #f7dfe2;
}
.MainContent .Table .edit-btn {
  line-height: 22px;
  display: none;
  color: #929598;
  margin-left: 4px;
  font-size: 15px;
}
.MainContent .Table .edit-btn:hover {
  color: #444950;
}
.MainContent .Table .visible-btn {
  display: inline-block !important;
}
.MainContent .Table .warnning-cell {
  color: red;
}
.MainContent .Table .name-cell {
  position: relative;
  padding-right: 32px;
  color: #929598;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Table .name-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Table .name-cell:hover .disabled-material-icon {
  display: inline;
}
.MainContent .Table .name-cell .disabled-material-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  margin-left: 4px;
  line-height: 22px;
  color: red;
  font-size: 15px;
}
.MainContent .Table .name-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.MainContent .Table .name-cell .name {
  color: #1890ff;
}
.MainContent .Table .name-cell .name:hover {
  text-decoration: underline;
}
.MainContent .Table .privative-cell {
  position: relative;
  padding-right: 16px;
  color: #1890ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Table .privative-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Table .privative-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.MainContent .Table .rta-cell .tips {
  font-size: 12px;
}
.MainContent .Table .rta-cell .highlight-text {
  color: #1089ff;
}
.MainContent .Table .rta-cell .anticon {
  display: none;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.MainContent .Table .rta-cell:hover .anticon {
  display: inline-block;
}
.MainContent .Table .tags-text-cell {
  color: #1890ff;
  font-size: 13px;
}
.MainContent .Table .operation-cell .ant-btn {
  font-size: 13px;
}
.MainContent .Table .channel-package-cell {
  position: relative;
  padding-right: 16px;
  color: #929598;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Table .channel-package-cell .edit-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.MainContent .Table .channel-package-cell .channel-package {
  color: #1890ff;
}
.MainContent .Table .channel-package-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Table .edit-cell:hover .edit-btn {
  display: inline;
}
.MainContent .Table .campaign-status-cell i {
  font-size: 14px;
  margin-right: 8px;
}
.MainContent .Table .campaign-status-cell .disable .anticon {
  color: #d42424;
}
.MainContent .Table .campaign-status-cell .enable .enable-icon {
  width: 10px;
  height: 10px;
  background-color: #15b715;
  display: inline-block;
}
.MainContent .Table .campaign-status-cell .delete .anticon {
  color: #666;
}
.MainContent .Table .status-cell::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999;
  margin-right: 5px;
}
.MainContent .Table .status-cell.active::before {
  background-color: #66c23a;
}
.MainContent .Table .budget-cell:hover .edit-btn {
  display: inline-block;
}
.MainContent .Table .budget-cell .ps-msg {
  font-size: 12px;
  color: #8995a5;
  line-height: 1;
}
.MainContent .Table .budget-cell.ai-control {
  color: #02a8a8;
}
.MainContent .Table .budget-cell.ai-control .icn-ai {
  font-size: 16px;
  margin-right: 5px;
}
.MainContent .Table .favorite-cell {
  font-size: 18px;
  text-align: center;
  color: #1890ff;
}
.MainContent .Table .favorite-cell.diabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.MainContent .Table .link-cell a {
  color: #1890ff;
  cursor: pointer;
}
.MainContent .Table .ellipsis-cell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.MainContent .Table .TableBody-wrap .TableBody-row {
  height: 40px;
}
.MainContent .Table .TableBody-content .row-detail .ant-skeleton {
  padding: 10px;
  border-bottom: 1px solid #dfe6ec;
}
.MainContent .Table .TableBody-content .row-detail .TableBody-row .TableBody-cell {
  color: #808080;
}
.MainContent .Table .TableBody-content .row-detail .detail-wrapper {
  width: 100%;
}
.MainContent .Table .TableBody-content .row-detail .detail-wrapper .detail-item {
  float: left;
  margin-right: 3%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MainContent .Table .TableBody-content .row-detail .detail-wrapper .detail-item:last-child {
  margin-right: 0;
}
.MainContent .Table .VirualRow-wrapper .row-detail .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 5px;
}
.MainContent .Table .VirualRow-wrapper .row-detail .ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 4px;
}
@media screen and (max-width: 1600px) {
  .MainContent .ant-tabs-tab {
    width: 280px;
  }
}
@media screen and (max-width: 1440px) {
  .MainContent .ant-tabs-tab {
    width: 260px;
  }
}
@media screen and (max-width: 1366px) {
  .MainContent .ant-tabs-tab {
    width: 250px;
  }
}
.tab-label-menu-popover {
  width: 310px;
}
.tab-label-menu-popover > .ant-dropdown-menu > li {
  padding-left: 20px;
  font-size: 15px;
  font-weight: bold;
}
.tab-label-menu-popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.tab-label-menu-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 12px;
}
.tab-label-menu-popover .ant-popover-content .ant-popover-inner .ant-menu {
  border: none;
}
.tab-label-menu-popover .ant-popover-content .ant-popover-inner .ant-menu .ant-menu-item {
  height: 30px;
  line-height: 30px;
}
.name-cell-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}

.PromotionManage {
  display: flex;
  flex-direction: column;
  padding-right: 44px;
  flex: 1 1 auto;
}
.PromotionManage button.default-btn:not(:disabled) {
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
}
.PromotionManage button.default-btn:not(:disabled) > .anticon {
  color: #1089ff;
}
.PromotionManage .Table .edit-btn {
  display: none;
  margin-left: 4px;
  font-size: 16px;
  color: #929598;
  cursor: pointer;
}
.PromotionManage .Table .edit-btn:hover {
  color: #444950;
}
.PromotionManage .Table .editable-cell:hover .edit-btn {
  display: inline;
}

.Navigator {
  flex: 0 0 250px;
  width: 250px;
  background: #fff;
  overflow-y: auto;
}
.Navigator .navigator-item {
  position: relative;
  padding: 40px 40px 40px 80px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.Navigator .navigator-item .step {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #01173B;
  background: #d7d7d7;
  border-radius: 50%;
}
.Navigator .navigator-item .title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #101010;
}
.Navigator .navigator-item .links .anchor-link {
  margin-bottom: 10px;
  color: #C1C1C1;
}
.Navigator .navigator-item.active .step {
  color: #fff;
  background: #1089FF;
}
.Navigator .navigator-item.active .title {
  font-weight: bold;
  color: #3198F0;
}
.Navigator .navigator-item.active .links .anchor-link {
  color: #101010;
}
.Navigator .navigator-item.finish .step {
  color: #1089FF;
  background: transparent;
}
.Navigator .navigator-item.finish .title {
  font-weight: bold;
  color: #000;
}
.Navigator .navigator-item.finish .links .anchor-link {
  color: #101010;
}

.CampaignCreate .SelectCampaign {
  min-height: 400px;
}
.CampaignCreate .SelectCampaign .campaign-name {
  position: relative;
  padding-right: 200px;
  color: #101010;
  cursor: pointer;
}
.CampaignCreate .SelectCampaign .campaign-name .type {
  position: absolute;
  top: 0;
  right: 0;
  color: #85888E;
}

.PromotionManager .Create {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.PromotionManager .Create > .content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.PromotionManager .Create > .content .footer {
  text-align: right;
}
.PromotionManager .Create > .content .footer .ant-btn {
  margin-left: 20px;
}

.ChannelTypeSelect {
  width: 1000px;
}
.ChannelTypeSelect .label {
  color: #90949c;
  line-height: 40px;
}
.ChannelTypeSelect ul {
  display: flex;
}
.ChannelTypeSelect ul li {
  flex: 1;
  background: var(--edt-component-bg-color);
  display: inline-block;
  width: 200px;
  margin-right: 20px;
  padding: 4px 10px;
  line-height: 26px;
  border: 1px solid #EDF1F5;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: 0.2s linear;
  cursor: pointer;
}
.ChannelTypeSelect ul li .name {
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  color: #101010;
  font-size: 14px;
}
.ChannelTypeSelect ul li .channel-image {
  width: 150px;
  height: 120px;
  margin: 10px auto;
  background: no-repeat;
  background-size: cover;
}
.ChannelTypeSelect ul li:last-child {
  margin-right: 0;
}
.ChannelTypeSelect ul li.active {
  color: #256cd0;
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-component-bg-color);
}
.ChannelTypeSelect ul li:hover {
  border-bottom: 4px solid #2F88FF;
  transform: translateY(-3px);
  box-shadow: 0 5px 8px 0 rgba(81, 84, 99, 0.21);
}
.ChannelTypeSelect ul li.disabled {
  border-bottom: 1px solid #EDF1F5;
  transform: translateY(0);
  box-shadow: 0 0 0 0 rgba(81, 84, 99, 0.21);
  background: var(--edt-background-color-light);
  cursor: default;
}


.NavHeader .create-tips {
  margin: 16px;
  color: #5b5c5e;
  font-size: 13px;
  font-weight: bold;
}

.AdContent {
  position: relative;
  padding-top: 20px;
}
.AdContent .TypeNav {
  background: #eee;
}
.AdContent .main-area {
  display: flex;
}
.AdContent .main-area .input-area {
  flex: 0 0 650px;
}
.AdContent .main-area .preview-area {
  flex: 1 1 auto;
}
.AdContent .delete-btn {
  position: absolute;
  right: 16px;
  top: -16px;
  font-size: 16px;
  cursor: pointer;
}

.AdGroupList .AdGroupItem {
  margin-bottom: 32px;
}
.AdGroupList .AdGroupItem .header-area {
  padding: 16px;
  margin: 8px 0;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dadcde;
  border-left: 4px solid var(--edt-nav-active-color);
}
.AdGroupList .AdGroupItem .header-area p {
  margin-bottom: 6px;
}
.AdGroupList .AdGroupItem .header-area .name {
  color: #929598;
}


.DisplayChannel .NavHeader .create-tips {
  margin: 8px 16px;
  color: #5b5c5e;
  font-weight: bold;
  font-size: 13px;
}
.DisplayChannel .NavHeader .skip-btn {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border-radius: 2px;
  outline: none;
  border: none;
  color: #4285f4;
  background: transparent;
  cursor: pointer;
}
.DisplayChannel .NavHeader .skip-btn:hover {
  background-color: rgba(225, 225, 225, 0.3);
}

.DisplayChannel .AdContent .TypeNav {
  background: #eee;
}
.DisplayChannel .AdContent .main-area {
  display: flex;
}
.DisplayChannel .AdContent .main-area .input-area {
  flex: 0 0 650px;
}
.DisplayChannel .AdContent .main-area .preview-area {
  flex: 1 1 auto;
}



.GgDemandGenAdList {
  background-color: var(--edt-card-base-bg-color);
  border: 1px solid var(--edt-card-border-color);
  border-radius: 4px;
}
.GgDemandGenAdList.batch-content-wrapper > .header {
  border-bottom: solid 1px #ccc;
}

.GgCreate {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.GgCreate > .content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.GgCreate > .content .footer {
  text-align: right;
  margin-top: 12px;
}
.GgCreate > .content .footer .ant-btn {
  margin-left: 20px;
}


.TxCreativeCreateContent .creative-name {
  margin-top: 12px;
}

.PromotionManager .Create {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.PromotionManager .Create > .content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.PromotionManager .Create > .content .footer {
  margin-top: 10px;
  text-align: right;
}
.PromotionManager .Create > .content .footer .ant-btn {
  margin-left: 20px;
}

.OprojectCreate .SelectOproject {
  min-height: 400px;
}
.OprojectCreate .SelectOproject .oproject-name {
  position: relative;
  padding-right: 200px;
  color: #101010;
  cursor: pointer;
}
.OprojectCreate .SelectOproject .oproject-name .type {
  position: absolute;
  top: 0;
  right: 0;
  color: #85888E;
}

.KsCampaignCreate .SelectCampaign {
  min-height: 400px;
}
.KsCampaignCreate .SelectCampaign .oproject-name {
  position: relative;
  padding-right: 200px;
  color: #101010;
  cursor: pointer;
}
.KsCampaignCreate .SelectCampaign .oproject-name .type {
  position: absolute;
  top: 0;
  right: 0;
  color: #85888E;
}


.PromotionManager .Create {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.PromotionManager .Create > .content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.PromotionManager .Create > .content .footer {
  margin-top: 10px;
  text-align: right;
}
.PromotionManager .Create > .content .footer .ant-btn {
  margin-left: 20px;
}

.OprojectCreate .SelectOproject {
  min-height: 400px;
}
.OprojectCreate .SelectOproject .oproject-name {
  position: relative;
  padding-right: 200px;
  color: #101010;
  cursor: pointer;
}
.OprojectCreate .SelectOproject .oproject-name .type {
  position: absolute;
  top: 0;
  right: 0;
  color: #85888E;
}

.TargetSelect {
  user-select: none;
}
.TargetSelect .ant-modal-body {
  padding-top: 0;
}
.TargetSelect .DragSelect {
  margin: 0 -24px;
  padding: 12px 0;
}
.TargetSelect .DragSelect .item-wrapper {
  padding: 4px 24px;
  cursor: default;
}
.TargetSelect .DragSelect .item-wrapper .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
}
.TargetSelect .DragSelect .item-wrapper.selected {
  background-color: #88bdf3;
}
.TargetSelect .footer {
  text-align: center;
  margin-top: 8px;
}
.TargetSelect .footer .ant-btn-primary {
  margin-right: 16px;
}

.Conditions .desc .strong-text {
  color: #333;
  font-weight: bold;
}
.Conditions .conditions-content {
  display: flex;
  padding: 24px 16px;
}
.Conditions .conditions-content > .condition-item {
  position: relative;
  width: 185px;
  border: solid 1px #dadcde;
  border-radius: 3px;
  padding: 12px;
  margin-right: 32px;
}
.Conditions .conditions-content > .condition-item.CreativeBinder {
  width: 500px;
  padding-left: 0;
}
.Conditions .conditions-content > .condition-item.CreativeBinder .title {
  margin-bottom: 0;
  padding-left: 12px;
}
.Conditions .conditions-content > .condition-item .title {
  margin-bottom: 12px;
  color: #7c828e;
}
.Conditions .conditions-content > .condition-item .value-item {
  padding: 5px 0;
  border-radius: 0px 0px 0px 0px;
  background-color: #e6f1fc;
  border: solid 1px #40a9ff;
  color: #40a9ff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}
.Conditions .conditions-content > .condition-item .product-icon {
  position: absolute;
  right: -23px;
  top: 50%;
}
.Conditions .conditions-content > .condition-item:last-child .product-icon {
  display: none;
}
.Conditions .CreativeBinder {
  user-select: none;
}
.Conditions .CreativeBinder .title > .ant-btn {
  margin-left: 10px;
}
.Conditions .CreativeBinder .value-items {
  padding-top: 12px;
}
.Conditions .CreativeBinder .binder-content {
  display: flex;
  cursor: default;
}
.Conditions .CreativeBinder .binder-content .item-wrapper {
  flex: 0 0 140px;
  padding: 8px;
}
.Conditions .CreativeBinder .binder-content .item-wrapper.selected {
  background-color: #88bdf3;
}
.Conditions .CreativeBinder .binder-content .value-item {
  margin: 0 !important;
}
.Conditions .CreativeBinder .binder-content .target-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  flex: 1 1 auto;
  overflow: hidden;
}
.Conditions .CreativeBinder .binder-content .target-item .target-text {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn {
  cursor: pointer;
  margin-left: 4px;
}
.Conditions .CreativeBinder .binder-content .target-item .add-btn:hover {
  color: #40a9ff;
}

.Combiner .header-bar {
  margin-bottom: 16px;
}
.Combiner .header-bar .tip-info {
  color: #aaa;
}
.Combiner .combiner-content {
  display: flex;
  flex-wrap: wrap;
}
.Combiner .combiner-content .conditions-container {
  position: relative;
  margin-right: 32px;
  margin-bottom: 5px;
}
.Combiner .combiner-content .conditions-container .title {
  position: absolute;
  left: 15px;
  top: 12px;
  color: #7c828e;
}
.Combiner .combiner-content .conditions-container .title .count-num {
  color: #40a9ff;
  font-weight: bold;
  padding: 0 4px;
}
.Combiner .combiner-content .DropTarget {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 280px;
  border: dashed 1px #dadcde;
  border-radius: 5px;
  padding: 42px 10px 10px 10px;
  min-height: 140px;
  height: 100%;
}
.Combiner .combiner-content .DropTarget.drop-over {
  border-color: #40a9ff;
}
.Combiner .combiner-content .DropTarget.drop-disabled {
  border-color: red;
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem {
  border: solid 1px #dadcde;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
  color: #40a9ff;
}
.Combiner .combiner-content .DragItem.isDragging {
  opacity: 0.5;
}
.Combiner .combiner-content .DragItem.drag-disabled {
  cursor: not-allowed;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled) {
  cursor: move;
}
.Combiner .combiner-content .DragItem:not(.drag-disabled):hover {
  border-color: #40a9ff;
  box-shadow: 0px 2px 4px 0px #eff1fa;
}

.Combination.Card > .content {
  padding: 24px 16px;
}

.BatchCombine .BatchCombineContent {
  margin-bottom: 10px;
}
.BatchCombine .BatchCombineContent .Nav li.active {
  font-weight: bold;
}
.BatchCombine .footer {
  text-align: right;
}
.BatchCombine .footer .ant-btn {
  margin-left: 20px;
}

.BatchCampaigns .campaigns-create {
  flex: 1;
}
.BatchCampaigns .campaigns-create > .content {
  padding: 15px 40px;
}
.BatchCampaigns .campaigns-create .KsCampaignItem {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.BatchCampaigns .campaigns-create .KsCampaignItem .title {
  font-weight: bold;
}
.BatchCampaigns .campaigns-create .error {
  display: inline-block;
  margin: 0 10px;
  color: red;
}
.BatchCampaigns .BatchEdit {
  display: flex;
}
.BatchCampaigns .BatchEdit .AutoName {
  width: calc(100% - 200px);
}

.BatchEditCampaignsModal .campaign-name {
  flex-direction: column;
}
.BatchEditCampaignsModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.BatchEditCampaignsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditCampaignsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditCampaignsModal .replace-line .MyInput {
  z-index: 2;
}

.KsAdgroupsCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
  background-color: #F2F2F2;
}
.KsAdgroupsCreateAdList .title {
  font-weight: bold;
}
.KsAdgroupsCreateAdList .ad-list-wrapper .ad-item {
  padding: 10px;
}
.KsAdgroupsCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.AdcreativesCreateAdList {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #BBB;
}
.AdcreativesCreateAdList .title {
  font-weight: bold;
}
.AdcreativesCreateAdList .ad-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 10px;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput {
  width: 90%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .controls {
  width: calc(100% - 100px);
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .control-label {
  flex: auto;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput input {
  width: 100%;
}
.AdcreativesCreateAdList .ad-list-wrapper .ad-item .VInput .validation-error {
  position: absolute;
  left: 0;
  top: 100%;
}
.AdcreativesCreateAdList .adgroup-wrapper {
  background-color: #F2F2F2;
  border: solid 1px #ccc;
  padding: 8px;
  margin-bottom: 8px;
}
.AdcreativesCreateAdList .campaign-wrapper {
  margin-top: 8px;
}

.BatchEditAdsModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.BatchEditAdsModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.BatchEditAdsModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.BatchEditAdsModal .replace-line .MyInput {
  z-index: 2;
}

.AdsCreate {
  flex: 1;
}
.AdsCreate > .content {
  padding: 15px 40px;
}
.AdsCreate .batch-operations {
  display: flex;
  align-items: center;
}
.AdsCreate .batch-operations .batch-edit-btn {
  align-self: start;
}
.AdsCreate .batch-operations .AutoName {
  width: calc(100% - 200px);
}
.AdsCreate .ads-name-wrapper {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 15px;
}

.CreativesBatchEditPopover .ant-popover-arrow {
  display: none;
}
.CreativesBatchEditPopover .list-wrapper > li {
  cursor: pointer;
}
.CreativesBatchEditPopover .list-wrapper > li:hover {
  color: #278AFB;
}
.CreativesBatchEditPopover .list-wrapper > li + li {
  margin-top: 15px;
}

.BdBatchCreateTree {
  margin: 20px;
}
.BdBatchCreateTree .tree-item {
  position: relative;
}
.BdBatchCreateTree .tree-item:not(:last-child)::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BdBatchCreateTree .tree-item:nth-last-of-type(1)::after,
.BdBatchCreateTree .tree-item:nth-of-type(1)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: -30px;
  top: 18px;
  background-color: #BBB;
}
.BdBatchCreateTree .tree-item .tree-item-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.BdBatchCreateTree .tree-item .tree-item-title .Switch {
  margin-right: 10px;
}
.BdBatchCreateTree .tree-item .creative-preview-wrapper {
  padding-left: 32px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper {
  position: relative;
  padding-left: 100px;
  line-height: 36px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .expand-icon {
  position: absolute;
  left: 63px;
  top: 10px;
  z-index: 2;
  font-size: 16px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title {
  display: flex;
  align-items: start;
  padding: 5px 0;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview {
  min-width: 400px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .CreativePreview .smart-tip {
  height: 22px;
  line-height: 22px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .creative-title .Switch {
  margin-top: 5px;
}
.BdBatchCreateTree .tree-item .tree-children-wrapper .materials-level .material-list-container {
  padding-left: 12px;
  line-height: 2;
  font-size: 13px;
}

.BatchResultList .creatives-create-card {
  flex: 1;
}
.BatchResultList .creatives-create-card > .content {
  padding: 15px 50px;
}

.BatchCreateManager .Create {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.BatchCreateManager .Create .navigator {
  flex: 0 0 250px;
  background: #fff;
  overflow-y: auto;
}
.BatchCreateManager .Create .navigator .navigator-item {
  position: relative;
  padding: 40px 20px 40px 80px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.BatchCreateManager .Create .navigator .navigator-item .step {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #01173B;
  background: #d7d7d7;
  border-radius: 50%;
}
.BatchCreateManager .Create .navigator .navigator-item .title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #101010;
}
.BatchCreateManager .Create .navigator .navigator-item.active .step {
  color: #fff;
  background: #1089FF;
}
.BatchCreateManager .Create .navigator .navigator-item.active .title {
  font-weight: bold;
  color: #3198F0;
}
.BatchCreateManager .Create .navigator .navigator-item.finish .step {
  color: #1089FF;
  background: transparent;
}
.BatchCreateManager .Create .navigator .navigator-item.finish .title {
  font-weight: bold;
  color: #000;
}
.BatchCreateManager .Create .navigator .navigator-item.prepend {
  cursor: not-allowed;
}
.BatchCreateManager .Create .navigator .navigator-item.prepend .step {
  color: #999;
}
.BatchCreateManager .Create .navigator .navigator-item.prepend .title {
  color: #999;
}
.BatchCreateManager .Create > .content {
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.BatchCreateManager .Create > .content .footer {
  text-align: right;
}
.BatchCreateManager .Create > .content .footer .ant-btn {
  margin-left: 20px;
}
.BatchCreateManager .Create > .content > form {
  height: 100%;
}

.NewBatchCreateCommonQueueList {
  height: calc(100% - 80px);
  padding: 5px 20px;
}
.NewBatchCreateCommonQueueList .Filter {
  margin: 10px 0;
}
.NewBatchCreateCommonQueueList .ant-spin-nested-loading {
  height: calc(100% - 60px);
}
.NewBatchCreateCommonQueueList .ant-spin-container {
  height: 100%;
}
.NewBatchCreateCommonQueueList .ant-btn-danger {
  margin-left: 10px;
}
.NewBatchCreateCommonQueueList .ant-pagination {
  margin-top: 15px;
  text-align: center;
}
.NewBatchCreateCommonQueueList .error-status .operation-btns {
  display: flex;
}
.NewBatchCreateCommonQueueList .error-status .operation-btns .ant-btn {
  padding: 0;
}
.NewBatchCreateCommonQueueList .error-status .operation-btns .ant-btn + .ant-btn {
  margin-left: 20px;
}
.NewBatchCreateCommonQueueList .error-status .error {
  color: red;
  cursor: text;
}
.NewBatchCreateCommonQueueList .link {
  color: #1089FF;
}
.NewBatchCreateCommonQueueList .Filter .f-left,
.NewBatchCreateCommonQueueList .Filter .f-right {
  display: flex;
  align-items: center;
}

.advertiser-selector-close-icn {
  position: absolute;
  top: 10px;
  right: 1250px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089ff;
  color: #fff;
  z-index: 1001;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .ant-drawer-body {
  padding: 15px;
  height: calc(100% - 120px);
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content {
  display: flex;
  align-items: flex-start;
  position: relative;
  height: 100%;
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 4px;
  overflow-y: auto;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .filter-input {
  position: absolute;
  top: 65px;
  left: 30px;
  z-index: 2;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-selector-wrapper {
  border-radius: 4px;
  border: 1px solid #dadfe3;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table {
  width: 700px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-header::-webkit-scrollbar {
  display: none;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-header .edt-v5-ant-table-selection {
  display: none;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-tbody {
  border-top: 1px solid #e8e8e8;
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 95px 0 0 0;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-empty .edt-v5-ant-table-tbody {
  height: 433px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-placeholder {
  height: 167px;
  border-top: none;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-tbody-virtual {
  overflow-y: hidden;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .advertiser-table .edt-v5-ant-table-tbody-virtual-scrollbar-horizontal {
  display: none;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .f-right {
  margin-left: 20px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected {
  margin-left: 16px;
  width: 420px;
  height: 688px;
  border-radius: 4px;
  border: 1px solid #dadfe3;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .header {
  position: relative;
  padding: 8px 12px;
  color: #333;
  line-height: 22px;
  background-color: #f9fafd;
  border-bottom: 1px solid #dadfe3;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .header .clear-all {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 14px;
  color: #2f88ff;
  cursor: pointer;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .content {
  padding: 85px 0 0 0;
  flex-direction: column;
  align-items: flex-start;
  height: calc(100% - 85px);
  overflow-y: auto;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .content .select-filter-input {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .content .selected-list {
  height: 100%;
  width: 100%;
  padding: 10px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .content .selected-item {
  position: relative;
  width: 100%;
  line-height: 28px;
  margin: 0 0 12px;
  padding: 0 28px 0 8px;
  background-color: #edf1f5;
  border-radius: 4px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .content .selected > .content .selected-item .anticon {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .footer .ant-btn {
  margin-left: 10px;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .footer .tips {
  display: flex;
  align-items: center;
}
.AdvertiserSelectorDrawer .ant-drawer-wrapper-body .footer .tips .anticon {
  margin-right: 5px;
  color: #e9b475;
}
.BeforeChangeProjectModal {
  margin-left: 800px;
}

.BaseInfo .advertiser-select {
  position: relative;
}
.BaseInfo .advertiser-select .Select {
  padding-right: 100px;
  pointer-events: none;
}
.BaseInfo .advertiser-select .ant-input-suffix {
  display: none;
}
.BaseInfo .advertiser-select .advertiser-btn {
  position: absolute;
  left: 500px;
  top: 2px;
}
.BaseInfo .task-name {
  margin-top: 0;
}

.BatchCreateCard {
  width: 350px;
  height: 400px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}
.BatchCreateCard .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 10px;
  background-color: #f2f2f2;
}
.BatchCreateCard .header .title {
  font-size: 14px;
  color: #585757;
}
.BatchCreateCard .content {
  height: calc(100% - 80px);
  padding: 10px;
  background-color: #fff;
  overflow-y: auto;
}
.BatchCreateCard .footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.batch-create-card-close-icn {
  position: absolute;
  top: 10px;
  right: 1250px;
  padding: 8px;
  font-size: 18px;
  background-color: #1089ff;
  color: #fff;
  z-index: 1000;
  border-radius: 4px 0 0 4px;
  animation: move 0.3s;
}
@keyframes move {
  0% {
    transform: translateX(1160px);
  }
  100% {
    transform: translateX(0);
  }
}
.BatchCreateDrawer {
  z-index: 999;
}
.BatchCreateDrawer .ant-drawer-wrapper-body {
  background-color: #f1f1f1;
}
.BatchCreateDrawer .ant-drawer-wrapper-body .ant-drawer-body {
  padding: 15px;
  height: calc(100% - 120px);
}
.BatchCreateDrawer .ant-drawer-wrapper-body .create-title {
  font-size: 16px;
  color: #585757;
}
.BatchCreateDrawer .ant-drawer-wrapper-body .content {
  height: 100%;
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 4px;
  overflow-y: auto;
}
.BatchCreateDrawer .ant-drawer-wrapper-body .footer {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.BatchCreateDrawer .ant-drawer-wrapper-body .footer .ant-btn {
  margin-left: 10px;
}

.AutoNameBatchModal .campaign-name {
  flex-direction: column;
}
.AutoNameBatchModal .campaign-name > .control-label {
  flex: 0;
  width: 160px;
}
.AutoNameBatchModal .replace-line {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.AutoNameBatchModal .replace-line > .ControlGroup {
  margin-top: 0;
}
.AutoNameBatchModal .replace-line > .ControlGroup:nth-child(2) {
  margin-left: 50px;
}
.AutoNameBatchModal .replace-line .MyInput {
  z-index: 2;
}

.BatchCreateAutoName .name-option-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.BatchCreateAutoName .name-option-list .option-item {
  padding: 5px;
  opacity: 1;
  color: #278AFB;
  pointer-events: initial;
  cursor: pointer;
  user-select: none;
}
.BatchCreateAutoName .name-option-list .option-item.selected {
  font-weight: bold;
  opacity: 0.5;
}

.TemplateSelector .filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.TemplateSelector .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.ConvertSelect .filter {
  margin-bottom: 10px;
}
.ConvertSelect .filter .ant-btn {
  margin-right: 10px;
}

.ConvertCreate {
  height: calc(100% - 50px);
  margin-top: 10px;
  padding: 15px 10px;
}
.ConvertCreate .advertiser-select {
  width: 400px;
}
.ConvertCreate > .create-title {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 30px;
}
.ConvertCreate > .Card {
  border: none;
}
.ConvertCreate > .Card > .header {
  display: none;
}
.ConvertCreate > .Card > .content {
  padding: 0;
}
.ConvertCreate > .Target .StarTask,
.ConvertCreate > .Target .DownloadType,
.ConvertCreate > .Target .DownloadMode,
.ConvertCreate > .Target .EventSource,
.ConvertCreate > .Target .target-type {
  display: none;
}

.ConvertContent {
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}

.BatchConvertDistribute {
  width: calc(100% - 160px);
  margin-left: 160px;
}

.DistributeGroups {
  width: 320px;
  margin-right: 10px;
  padding: 10px 5px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}
.DistributeGroups .group-item {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 18px 5px 15px;
  line-height: 26px;
  cursor: pointer;
}
.DistributeGroups .group-item:hover {
  background-color: #e6f1fc;
}
.DistributeGroups .group-item.selected {
  background-color: #e6f1fc;
}
.DistributeGroups .group-item .warnning-icn {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  font-size: 14px;
  color: red;
}
.DistributeGroups .empty {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ConvertAccountDistribute {
  position: relative;
  height: 700px;
  width: calc(100% - 160px);
  padding: 15px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.ConvertAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 260px;
  overflow-y: auto;
}
.ConvertAccountDistribute .ConvertContent {
  height: 100%;
  flex-grow: 1;
}
.ConvertAccountDistribute .ConvertContent .PriceContent .bid-type > label {
  width: 187px;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ConvertAccountDistribute .form-wrapper {
  height: 0;
  width: calc(100% - 270px);
  flex-shrink: 0;
  margin-left: 270px;
}
.ConvertAccountDistribute .form-wrapper form {
  height: 100%;
}
.ConvertAccountDistribute .form-wrapper .ConvertContent {
  display: none;
}
.ConvertAccountDistribute .form-wrapper.active {
  height: 100%;
}
.ConvertAccountDistribute .form-wrapper.active .ConvertContent {
  display: block;
  height: 100%;
}

.TargetConvertContent {
  overflow-x: hidden;
}
.TargetConvertContent .distribute-type > .controls {
  width: calc(100% - 160px);
}
.TargetConvertContent .Card > .content {
  overflow-y: visible;
}

.TemplateSelector .filter {
  display: flex;
  justify-content: space-between;
}

.ConvertSelect {
  padding: 10px;
}
.ConvertSelect .filter {
  margin-bottom: 10px;
}
.ConvertSelect .filter .ant-btn {
  margin-right: 10px;
}

.LinkCreate {
  height: calc(100% - 50px);
  padding: 10px 10px;
}
.LinkCreate .advertiser-selector {
  margin-bottom: 10px;
}
.LinkCreate .warnning {
  color: #e9b475;
  font-size: 14px;
}
.LinkCreate > .create-title {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 30px;
}
.LinkCreate > .Card {
  border: none;
}
.LinkCreate > .Card > .header {
  display: none;
}
.LinkCreate > .Card > .content {
  padding: 0;
}

.LinkBatchContent {
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}

.BatchLinkDistribute {
  width: calc(100% - 160px);
  margin-left: 160px;
}

.LinkAccountDistribute {
  position: relative;
  width: calc(100% - 160px);
  margin-left: 160px;
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.LinkAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 260px;
  overflow-y: auto;
}
.LinkAccountDistribute .LinkBatchContent {
  min-height: 400px;
  flex-grow: 1;
}
.LinkAccountDistribute .form-wrapper {
  height: 0;
  width: calc(100% - 270px);
  flex-shrink: 0;
  margin-left: 270px;
}
.LinkAccountDistribute .form-wrapper form {
  height: 100%;
}
.LinkAccountDistribute .form-wrapper .LinkBatchContent {
  display: none;
}
.LinkAccountDistribute .form-wrapper.active {
  height: 100%;
}
.LinkAccountDistribute .form-wrapper.active .LinkBatchContent {
  display: block;
  height: 100%;
}

.BatchTargetContent .BigFormsy {
  height: 100%;
}
.BatchTargetContent .content-item {
  margin-bottom: 15px;
}
.BatchTargetContent .content-item .title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}
.BatchTargetContent .distribute-type > .controls > .RadioGroup {
  margin-bottom: 10px;
}

.CreativeDetail .groups + .groups {
  margin-top: 15px;
}
.CreativeDetail .groups .group-list .group-item {
  position: relative;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 32px;
  background-color: #fafafa;
}
.CreativeDetail .groups .group-list .group-item .group-name {
  padding-right: 30px;
}
.CreativeDetail .groups .group-list .anticon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.CreativeDetail .account-materials .account-item + .account-item {
  margin-top: 15px;
}
.CreativeDetail .account-materials .account-item .groups {
  margin-top: 10px;
  margin-left: 20px;
}
.CreativeDetail .account-materials .account-item .groups .group-list {
  margin-left: 20px;
}

.DistributeSettingModal .count-setting .max-setting {
  display: flex;
  align-items: center;
}
.DistributeSettingModal .count-setting .max-setting .MyInput {
  width: 40px;
  margin: 0 5px;
}

.BatchCreateMaterialSelector .ImageLibrary .loader-item .image-item,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item,
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item,
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item {
  width: 250px;
  height: 170px;
  margin-bottom: 10px;
}
.BatchCreateMaterialSelector .ImageLibrary .loader-item .image-item .ImageDrawer,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item .ImageDrawer,
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item .ImageDrawer,
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 140px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
}
.BatchCreateMaterialSelector .ImageLibrary .loader-item .image-item .ImageDrawer img,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item .ImageDrawer img,
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item .ImageDrawer img,
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item .ImageDrawer img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.BatchCreateMaterialSelector .ImageLibrary .loader-item .image-item .ImageDrawer .default,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item .ImageDrawer .default,
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item .ImageDrawer .default,
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item .ImageDrawer .default {
  width: 100%;
}
.BatchCreateMaterialSelector .ImageLibrary .loader-item .image-item.active .ImageDrawer,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item.active .ImageDrawer,
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item.active .ImageDrawer,
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item.active .ImageDrawer {
  transform: scale(0.9);
}
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item .player-wrapper,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item .player-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 140px;
}
.BatchCreateMaterialSelector .VideoLibrary .loader-item .video-item .player-wrapper .ImageDrawer,
.BatchCreateMaterialSelector .ImageLibrary .loader-item .video-item .player-wrapper .ImageDrawer {
  margin-bottom: 0;
}
.BatchCreateMaterialSelector .VideoLibrary .loader-item {
  margin-right: 16px;
  margin-bottom: 15px;
}
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item {
  height: 170px;
  margin-right: 10px;
}
.BatchCreateMaterialSelector .star-aweme-materials .loader-items .video-item > div:first-child {
  display: flex;
  align-items: center;
  height: 140px;
}
.BatchCreateMaterialSelector .star-aweme-materials .materials-filter .ant-btn {
  margin-right: 10px;
}
.BatchCreateMaterialSelector .AccountMaterials .creative-library-modal-footer,
.BatchCreateMaterialSelector .NativeMaterials .creative-library-modal-footer {
  display: none;
}
.BatchCreateMaterialSelector .CreativeLibraryModalFilter {
  display: flex;
}
.BatchCreateMaterialSelector .CreativeLibraryModalFilter .manage-btn {
  display: none;
}
.BatchCreateMaterialSelector .select-all-wrapper {
  display: flex;
  align-items: center;
}
.BatchCreateMaterialSelector .select-all-wrapper .ant-btn {
  margin-right: 0;
  padding: 2px 0;
}

.MaterialsSelector {
  margin-top: 10px;
}
.MaterialsSelector > .controls {
  width: calc(100% - 160px);
}
.MaterialsSelector .BatchConditionTabs {
  border-bottom: 1px solid #DADFE3;
}
.MaterialsSelector .batch-materials-wrapper {
  margin-top: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialsSelector .batch-materials-wrapper .content .materials-wrapper {
  padding: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialsSelector .materials-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.MaterialsSelector .materials-wrapper .material-selector-preview {
  margin-right: 10px;
}
.MaterialsSelector .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  font-size: 40px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  cursor: pointer;
}
.MaterialsSelector .material-selector-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2px;
  margin-bottom: 10px;
  width: 140px;
  height: 140px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.MaterialsSelector .material-selector-preview img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  border-radius: 4px;
}
.MaterialsSelector .material-selector-preview .cover {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.MaterialsSelector .material-selector-preview .cover .video-duration {
  width: 46px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.MaterialsSelector .material-selector-preview .cover .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.MaterialsSelector .material-selector-preview .cover .video-play-icon img {
  width: 100%;
  height: 100%;
}
.MaterialsSelector .material-selector-preview .image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.02);
}
.MaterialsSelector .material-selector-preview .image-wrapper .anticon-close-circle {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
}
.MaterialsSelector .material-selector-preview .image-wrapper .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}
.MaterialsSelector .material-selector-preview .image-wrapper .ImageDrawer .default {
  width: 100%;
}
.MaterialsSelector .material-selector-preview .image-wrapper .image-text-sum {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.MaterialsSelector .material-selector-preview:hover .cover {
  background: rgba(0, 0, 0, 0.2);
}
.MaterialsSelector .material-selector-preview:hover .cover .btn-area {
  display: block;
}
.MaterialsSelector .material-selector-preview:hover .image-wrapper .anticon-close-circle {
  display: inline-block;
}

.CreativeCreateMaterialsContent {
  margin-left: 160px;
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

.SpecAccount {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: calc(100% - 60px);
  padding: 15px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.SpecAccount .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 260px;
  overflow-y: auto;
}
.SpecAccount .CreativeCreateMaterialsContent {
  height: 100%;
  min-height: 300px;
  flex-grow: 1;
  margin-left: 270px;
  width: calc(100% - 270px);
  border: 1px solid #e9e9e9;
}

.MaterialsCreate .distribute-type {
  margin-bottom: 10px;
}

.CreativeTitles .showhiddenErrorMsg {
  width: 100%;
}
.CreativeTitles .BatchConditionTabs {
  border-bottom: 1px solid #DADFE3;
}
.CreativeTitles .batch-titles-wrapper {
  margin-top: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.CreativeTitles .batch-titles-wrapper .titles-content {
  min-height: 310px;
  padding: 10px 10px 10px 0;
}
.CreativeTitles .batch-titles-wrapper .titles-content .title-control-group .control-label {
  flex: 0 0 80px;
}
.CreativeTitles .batch-titles-wrapper .titles-content .edit-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.CreativeTitles .batch-titles-wrapper .titles-content .edit-wrapper .ant-btn {
  margin-right: 10px;
}
.CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper {
  min-height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper .title-item {
  display: flex;
  align-items: center;
}
.CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper .title-item .anticon {
  margin-left: 10px;
}
.CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper .title-item .title-input .MyInput {
  width: 420px;
}

.BatchDistributeTitles {
  padding-top: 10px;
}
.BatchDistributeTitles .CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper .title-item .title-input .MyInput {
  width: 750px;
}

.MaterialDistribute {
  position: relative;
  display: flex;
  padding: 15px;
  margin-top: 10px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.MaterialDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  flex-shrink: 0;
  width: 200px;
  overflow-y: auto;
}
.MaterialDistribute .material-titles-wrapper {
  width: calc(100% - 200px);
  padding: 15px;
  flex-grow: 1;
  min-height: 400px;
  margin-left: 210px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.MaterialDistribute .material-titles-wrapper .title-count-group {
  margin-top: 0;
}
.MaterialDistribute .CreativeTitles .controls {
  width: calc(100% - 160px);
}
.material-distribute-batch-edit-wrapper > .controls {
  display: flex;
  align-items: center;
}

.Titles {
  margin-top: 20px;
}
.Titles .UseOriginTitle {
  margin-left: 160px;
}

.CreativeSettingContent .content-item {
  margin-bottom: 15px;
}
.CreativeSettingContent .content-item .title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}
.CreativeSettingContent .content-item > .Card {
  border: none;
}
.CreativeSettingContent .content-item > .Card > .header {
  display: none;
}
.CreativeSettingContent .content-item > .Card > .content {
  padding: 0;
}
.CreativeSettingContent .content-item .comment {
  margin-top: 12px;
}

.AudienceDetail .packages-list .package-item {
  position: relative;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 32px;
  background-color: #fafafa;
}
.AudienceDetail .packages-list .package-item .anticon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.AudienceDetail .AccountPackages .account-wrapper + .account-wrapper {
  margin-top: 15px;
}
.AudienceDetail .AccountPackages .account-wrapper .packages-list {
  margin-left: 20px;
}

.AudienceCreate.DetailAudience .ControlGroup > .controls > div,
.AudienceCreate.DetailAudience .ControlGroup > .controls .control-wrapper > div {
  pointer-events: none;
  opacity: 0.7;
}
.AudienceCreate .ant-modal-header {
  position: relative;
  border-bottom: none;
}
.AudienceCreate .ant-modal-header::before {
  position: absolute;
  content: '';
  left: 0;
  top: 10px;
  width: 4px;
  height: 35px;
  background-color: #278AFB;
}
.AudienceCreate .ant-modal-body {
  max-height: 700px;
  padding: 12px 14px;
  overflow-y: auto;
}
.AudienceCreate .ant-modal-body form > div {
  padding: 15px 0;
  border-bottom: 1px dashed #e8e8e8;
}
.AudienceCreate .ant-modal-body form > .ant-spin {
  width: 100%;
  border: none;
}
.AudienceCreate .ant-modal-body .audience-detail .PanelTree {
  margin-top: 10px;
}
.AudienceCreate .ant-modal-body .audience-detail .launch-price .VSelect {
  margin-left: 0;
}
.AudienceCreate .ant-modal-body .audience-detail .launch-price .divide {
  margin: 0 10px;
}
.AudienceCreate .ant-modal-body .audience-detail .AdvanceSetting {
  margin-top: 12px;
}
.AudienceCreate .ant-modal-body .audience-detail .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceCreate .ant-modal-body .audience-detail .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.AudienceCreate .ant-modal-body .audience-detail .auto-extend {
  display: flex;
}
.AudienceCreate .ant-modal-body .audience-detail .audience-save {
  display: none;
}
.AudienceCreate .ant-modal-footer {
  border: none;
}

.AudienceSelect {
  height: calc(100% - 50px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.AudienceSelect .AudienceSelectFilter {
  position: relative;
  height: 32px;
  margin-bottom: 10px;
}
.AudienceSelect .AudienceSelectFilter .filter-items {
  display: flex;
  align-items: center;
}
.AudienceSelect .AudienceSelectFilter .filter-items .filter-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.AudienceSelect .AudienceSelectFilter .filter-items .filter-item > span {
  margin-right: 10px;
}
.AudienceSelect .AudienceSelectFilter .selected {
  position: relative;
  left: 100%;
  top: -4px;
  transform: translate(-100%, -100%);
  display: inline-block;
}
.AudienceSelect > .ant-spin-nested-loading {
  height: calc(100% - 20px);
}
.AudienceSelect > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.AudienceSelect .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.AudienceBatchCreate {
  height: calc(100% - 50px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}
.AudienceBatchCreate .PanelTree {
  margin-top: 10px;
}
.AudienceBatchCreate .launch-price .VSelect {
  margin-left: 0;
}
.AudienceBatchCreate .launch-price .divide {
  margin: 0 10px;
}
.AudienceBatchCreate .AdvanceSetting {
  margin-top: 12px;
}
.AudienceBatchCreate .show-more-btn {
  display: inline-block;
  margin: 6px 0 6px 30px;
  font-size: 14px;
  color: #2F88FF;
  cursor: pointer;
}
.AudienceBatchCreate .show-more-btn .anticon {
  transform: rotate(-90deg);
}
.AudienceBatchCreate .auto-extend {
  display: flex;
}

.AudiencePackages {
  height: calc(100% - 60px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.AudiencePackages .Nav {
  margin-bottom: 10px;
}

.AudeicneAccountDistribute {
  position: relative;
  height: calc(100% - 60px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.AudeicneAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 260px;
  margin-right: 10px;
}
.AudeicneAccountDistribute .form-wrapper {
  height: 0;
  margin-left: 270px;
}
.AudeicneAccountDistribute .form-wrapper form {
  height: 100%;
}
.AudeicneAccountDistribute .form-wrapper .AudiencePackages {
  display: none;
}
.AudeicneAccountDistribute .form-wrapper.active {
  height: 100%;
}
.AudeicneAccountDistribute .form-wrapper.active .AudiencePackages {
  display: block;
  height: 100%;
}

.AudienceContent {
  height: 100%;
}
.AudienceContent .BigFormsy {
  height: 100%;
}
.AudienceContent .distribute-type {
  margin-bottom: 10px;
}

.KeywordDetail .keyword-item {
  padding: 0 10px;
  margin-top: 10px;
  line-height: 32px;
  background-color: #fafafa;
}
.KeywordDetail .advertiser-keywords-wrapper .advertiser-keywords {
  margin-bottom: 10px;
}
.KeywordDetail .advertiser-keywords-wrapper .advertiser-keywords .keywords {
  margin-left: 10px;
}

.KeywordsAccountDistribute {
  position: relative;
  height: calc(100% - 60px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.KeywordsAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 260px;
  margin-right: 10px;
}
.KeywordsAccountDistribute .form-wrapper {
  height: 0;
  margin-left: 270px;
}
.KeywordsAccountDistribute .form-wrapper form {
  height: 100%;
}
.KeywordsAccountDistribute .form-wrapper .CreateKeywordContent {
  display: none;
}
.KeywordsAccountDistribute .form-wrapper.active {
  height: 100%;
}
.KeywordsAccountDistribute .form-wrapper.active .CreateKeywordContent {
  display: block;
  height: 100%;
}

.NewCreateKeywordsContent .CreateKeywordContent > .header {
  display: none;
}
.NewCreateKeywordsContent .CreateKeywordContent .BlueFlowPackage .select-table-content {
  max-width: 720px;
  min-width: 300px;
  flex: 0 0 70%;
}
.NewCreateKeywordsContent .CreateKeywordContent .BlueFlowPackage .result-content {
  flex: 0 0 30%;
  width: 30%;
}

.BatchContent > .content {
  display: flex;
  align-items: center;
}
.BatchContent > .content .BatchCreateCard {
  width: 24%;
}
.BatchContent > .content .BatchCreateCard + .BatchCreateCard {
  margin-left: 1%;
}
.BatchContent .preview-btn {
  margin-top: 10px;
}

.NewOe2TaskDetailModal .Nav {
  margin-bottom: 16px;
}
.NewOe2TaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}
.NewOe2TaskDetailModal .main-content .BaseInfo,
.NewOe2TaskDetailModal .main-content .card-detail {
  pointer-events: none;
}
.NewOe2TaskDetailModal .create-module > .header {
  display: none;
}
.NewOe2TaskDetailModal .BatchCreateCard > .footer {
  display: none;
}
.NewOe2TaskDetailModal .BatchCreateCard > .header {
  border: none;
}
.NewOe2TaskDetailModal .BatchCreateCard .ControlGroup .control-label {
  flex: 0 0 100px;
}
.NewOe2TaskDetailModal .preview-btn {
  display: none;
}

.CommonRecordList {
  height: calc(100% - 90px);
}
.CommonRecordList > .ant-spin-nested-loading {
  padding-top: 12px;
  height: 100%;
}
.CommonRecordList > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.CommonRecordList .ant-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.CommonRecordList .status-cell.ERROR {
  color: red;
}
.CommonRecordList .status-cell.DONE {
  color: #40a9ff;
}

.TxNewCreateBaseInfo .advertiser-select {
  position: relative;
}
.TxNewCreateBaseInfo .advertiser-select .Select {
  padding-right: 100px;
  pointer-events: none;
}
.TxNewCreateBaseInfo .advertiser-select .ant-input-suffix {
  display: none;
}
.TxNewCreateBaseInfo .advertiser-select .advertiser-btn {
  position: absolute;
  left: 500px;
  top: 2px;
}
.TxNewCreateBaseInfo .task-name {
  margin-top: 0;
}

.TxNewCreateGoalContent .oproject-status {
  margin-top: 12px;
}

.TemplateSelector .filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.TemplateSelector .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.ConvertSelect .filter {
  margin-bottom: 10px;
}
.ConvertSelect .filter .ant-btn {
  margin-right: 10px;
}

.TxConvertCreate {
  height: calc(100% - 50px);
  margin-top: 10px;
  padding: 15px 10px;
}
.TxConvertCreate .advertiser-select {
  width: 400px;
}
.TxConvertCreate > .create-title {
  font-size: 14px;
  margin: 10px 0;
  line-height: 30px;
}
.TxConvertCreate > .Card {
  border: none;
}
.TxConvertCreate > .Card > .header {
  display: none;
}
.TxConvertCreate > .Card > .content {
  padding: 0;
}
.TxConvertCreate .sub-title {
  display: none;
}
.TxConvertCreate .ScheduleDate {
  margin-top: 12px;
}

.TxTargetConvert {
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow-y: auto;
}
.TxTargetConvert > .Nav {
  margin-bottom: 10px;
}
.TxTargetConvert > .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}

.TxTargetAccountDistribute {
  position: relative;
  height: calc(100% - 60px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.TxTargetAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 190px;
  margin-right: 10px;
}
.TxTargetAccountDistribute .form-wrapper {
  height: 0;
  margin-left: 200px;
}
.TxTargetAccountDistribute .form-wrapper form {
  height: 100%;
}
.TxTargetAccountDistribute .form-wrapper .TxTargetConvert {
  display: none;
}
.TxTargetAccountDistribute .form-wrapper.active {
  height: 100%;
}
.TxTargetAccountDistribute .form-wrapper.active .TxTargetConvert {
  display: block;
  height: 100%;
}

.TxTargetContent {
  height: 100%;
}
.TxTargetContent .BigFormsy {
  height: 100%;
}
.TxTargetContent .content-item {
  margin-bottom: 15px;
}
.TxTargetContent .content-item .title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}
.TxTargetContent .distribute-type {
  margin-bottom: 10px;
}

.CreativeDetail .groups + .groups {
  margin-top: 15px;
}
.CreativeDetail .groups .group-list .group-item {
  position: relative;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 32px;
  background-color: #fafafa;
}
.CreativeDetail .groups .group-list .group-item .group-name {
  padding-right: 30px;
}
.CreativeDetail .groups .group-list .anticon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.CreativeDetail .account-materials .account-item + .account-item {
  margin-top: 15px;
}
.CreativeDetail .account-materials .account-item .groups {
  margin-top: 10px;
  margin-left: 20px;
}
.CreativeDetail .account-materials .account-item .groups .group-list {
  margin-left: 20px;
}

.TxDistributeSettingModal .creative-navs .nav-item::after {
  width: 0;
  height: 0;
  border: 0;
}
.TxDistributeSettingModal .count-setting .max-setting {
  display: flex;
  align-items: center;
}
.TxDistributeSettingModal .count-setting .max-setting .MyInput {
  width: 40px;
  margin: 0 5px;
}

.TxNewCreateMaterialsSelector {
  margin-top: 10px;
}
.TxNewCreateMaterialsSelector > .controls {
  width: calc(100% - 160px);
}
.TxNewCreateMaterialsSelector .BatchConditionTabs {
  border-bottom: 1px solid #DADFE3;
}
.TxNewCreateMaterialsSelector .batch-materials-wrapper {
  margin-top: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.TxNewCreateMaterialsSelector .batch-materials-wrapper .content .materials-wrapper {
  padding: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.TxNewCreateMaterialsSelector .materials-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.TxNewCreateMaterialsSelector .materials-wrapper .Material {
  margin-right: 10px;
}
.TxNewCreateMaterialsSelector .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  font-size: 40px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
  cursor: pointer;
}
.TxNewCreateMaterialsSelector .Material {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.TxNewCreateMaterialsSelector .Material.is-error {
  border: 1px solid red;
}
.TxNewCreateMaterialsSelector .Material .close-icon {
  position: absolute;
  width: 14px;
  height: 14px;
  right: -7px;
  top: -7px;
  color: #ccc;
  z-index: 2;
}

.TxCreativeCreateMaterialsContent {
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

.TxSpecAccount {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: calc(100% - 60px);
  padding: 15px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.TxSpecAccount .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 180px;
  overflow-y: auto;
}
.TxSpecAccount .TxCreativeCreateMaterialsContent {
  height: 100%;
  min-height: 300px;
  flex-grow: 1;
  margin-left: 190px;
  width: calc(100% - 190px);
  border: 1px solid #e9e9e9;
}
.TxSpecAccount .TxCreativeCreateMaterialsContent .VSelect .validation-error,
.TxSpecAccount .TxCreativeCreateMaterialsContent .MiniGameTracking .validation-error {
  position: absolute;
  top: 95%;
  left: 0;
  line-height: 14px;
}
.TxSpecAccount .form-wrapper {
  height: 0;
}
.TxSpecAccount .form-wrapper form {
  height: 100%;
}
.TxSpecAccount .form-wrapper .TxCreativeCreateMaterialsContent {
  display: none;
}
.TxSpecAccount .form-wrapper.active {
  height: 100%;
}
.TxSpecAccount .form-wrapper.active .TxCreativeCreateMaterialsContent {
  display: block;
  height: 100%;
}

.TxMaterialsCreate .distribute-type {
  margin-bottom: 10px;
}

.TxNewCreateTitlesContent .BatchConditionTabs {
  border-bottom: 1px solid #DADFE3;
}
.TxNewCreateTitlesContent .batch-titles-wrapper {
  margin-top: 10px;
  border: 1px solid #DADFE3;
  border-radius: 4px;
}
.TxNewCreateTitlesContent .batch-titles-wrapper .titles-content {
  min-height: 270px;
  padding: 10px;
}
.TxNewCreateTitlesContent .batch-titles-wrapper .titles-content .DynamicBatchTextEditor .text-item .icon-delete {
  position: relative;
  left: 5px;
  top: 0;
}

.TxBatchDistributeTitles {
  padding-top: 10px;
}
.TxBatchDistributeTitles .CreativeTitles .batch-titles-wrapper .titles-content .titles-wrapper .title-item .title-input .MyInput {
  width: 750px;
}

.TxTitlesMaterialDistribute {
  position: relative;
  display: flex;
  padding: 15px;
  margin-top: 10px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.TxTitlesMaterialDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  flex-shrink: 0;
  width: 200px;
  overflow-y: auto;
}
.TxTitlesMaterialDistribute .material-titles-wrapper {
  width: calc(100% - 200px);
  padding: 15px;
  flex-grow: 1;
  min-height: 400px;
  margin-left: 210px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.TxTitlesMaterialDistribute .CreativeTitles .controls {
  width: calc(100% - 160px);
}
.TxTitlesMaterialDistribute .TxNewCreateTitlesContent > .ControlGroup > .control-label {
  flex: 0 0 120px;
}
.TxTitlesMaterialDistribute .form-wrapper {
  height: 0;
}
.TxTitlesMaterialDistribute .form-wrapper form {
  height: 100%;
}
.TxTitlesMaterialDistribute .form-wrapper .TxNewCreateTitlesContent {
  display: none;
}
.TxTitlesMaterialDistribute .form-wrapper.active {
  height: 100%;
}
.TxTitlesMaterialDistribute .form-wrapper.active .TxNewCreateTitlesContent {
  display: block;
  height: 100%;
}

.TxCreativeTitles {
  margin-top: 20px;
}

.BatchConversions {
  padding-top: 10px;
}

.MaterialConversionsDistribute {
  position: relative;
  display: flex;
  padding: 15px;
  margin-top: 10px;
  margin-left: 160px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.MaterialConversionsDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  flex-shrink: 0;
  width: 200px;
  overflow-y: auto;
}
.MaterialConversionsDistribute .material-conversions-wrapper {
  width: calc(100% - 200px);
  padding: 15px;
  flex-grow: 1;
  min-height: 400px;
  margin-left: 210px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.MaterialConversionsDistribute .form-wrapper {
  height: 0;
}
.MaterialConversionsDistribute .form-wrapper form {
  height: 100%;
}
.MaterialConversionsDistribute .form-wrapper .CreativeConversion {
  display: none;
}
.MaterialConversionsDistribute .form-wrapper.active {
  height: auto;
}
.MaterialConversionsDistribute .form-wrapper.active .CreativeConversion {
  display: block;
  height: 100%;
}
.MaterialConversionsDistribute .CreativeConversion > .control-label {
  display: none;
}
.MaterialConversionsDistribute .CreativeConversion > .controls {
  border: none;
}

.TxConversions {
  margin-top: 20px;
}

.AudienceDetail .packages-list .package-item {
  position: relative;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 32px;
  background-color: #fafafa;
}
.AudienceDetail .packages-list .package-item .anticon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.AudienceDetail .AccountPackages .account-wrapper + .account-wrapper {
  margin-top: 15px;
}
.AudienceDetail .AccountPackages .account-wrapper .packages-list {
  margin-left: 20px;
}

.TxPackageModal.DetailAudience .ControlGroup > .controls > div,
.TxPackageModal.DetailAudience .ControlGroup > .controls .control-wrapper > div {
  pointer-events: none;
  opacity: 0.7;
}
.TxPackageModal .BaseInfo {
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.TxPackageModal .ant-modal-body {
  max-height: 600px;
  overflow-y: auto;
}

.TxNewBatchAudienceSelect {
  height: calc(100% - 50px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.TxNewBatchAudienceSelect > .ant-spin-nested-loading {
  height: calc(100% - 30px);
}
.TxNewBatchAudienceSelect > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.TxNewBatchAudienceSelect .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.AudeinceDistributeContent {
  height: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 10px;
}
.AudeinceDistributeContent > .Nav {
  margin-bottom: 10px;
}
.AudeinceDistributeContent > .Nav > .nav-item {
  height: 32px;
  line-height: 32px;
}
.AudeinceDistributeContent .BigFormsy {
  height: 100%;
}
.AudeinceDistributeContent .distribute-type {
  margin-bottom: 10px;
}

.AudeicneAccountDistribute {
  position: relative;
  height: calc(100% - 60px);
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.AudeicneAccountDistribute .DistributeGroups {
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 180px;
  margin-right: 10px;
}
.AudeicneAccountDistribute .form-wrapper {
  height: 0;
  margin-left: 190px;
}
.AudeicneAccountDistribute .form-wrapper form {
  height: 100%;
}
.AudeicneAccountDistribute .form-wrapper .AudeinceDistributeContent {
  display: none;
}
.AudeicneAccountDistribute .form-wrapper.active {
  height: 100%;
}
.AudeicneAccountDistribute .form-wrapper.active .AudeinceDistributeContent {
  display: block;
  height: 100%;
}

.BatchContent > .content {
  display: flex;
  align-items: center;
}
.BatchContent > .content .BatchCreateCard {
  width: 24%;
}
.BatchContent > .content .BatchCreateCard + .BatchCreateCard {
  margin-left: 1%;
}
.BatchContent .preview-btn {
  margin-top: 10px;
}

.NewTx2TaskDetailModal .Nav {
  margin-bottom: 16px;
}
.NewTx2TaskDetailModal .main-content {
  max-height: 680px;
  overflow: auto;
}
.NewTx2TaskDetailModal .main-content .BaseInfo,
.NewTx2TaskDetailModal .main-content .card-detail {
  pointer-events: none;
}
.NewTx2TaskDetailModal .create-module > .header {
  display: none;
}
.NewTx2TaskDetailModal .BatchCreateCard > .footer {
  display: none;
}
.NewTx2TaskDetailModal .BatchCreateCard > .header {
  border: none;
}
.NewTx2TaskDetailModal .BatchCreateCard .ControlGroup .control-label {
  flex: 0 0 100px;
}
.NewTx2TaskDetailModal .preview-btn {
  display: none;
}

.BatchCreateFilter {
  display: flex;
  align-items: center;
}
.BatchCreateFilter > div {
  margin-left: 10px;
}
.BatchCreateFilter .Select.multiple .labels {
  min-height: 32px;
  padding: 0;
}
.BatchCreateFilter .project-selector {
  width: 200px;
}

.header-filter .f-left {
  display: flex;
}
.header-filter .FilterDateRange {
  display: inline-block;
  margin-right: 12px;
}
.header-filter .FilterDateRange .ant-calendar-picker {
  width: 250px;
}
.header-filter .Select {
  margin-right: 12px;
}
.header-filter .ProjectSelector {
  display: inline-block;
}

.BatchCreateManage {
  padding: 16px;
  height: 100%;
}
.BatchCreateManage .BatchCreateMainList {
  height: calc(100% - 65px);
}
.BatchCreateManage .BatchCreateMainList > .content {
  height: 100%;
}
.BatchCreateManage .BatchCreateMainList > .content .content-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dadcde;
}
.BatchCreateManage .BatchCreateMainList .tabs > li {
  margin-right: 25px;
  padding: 0 5px;
}
.BatchCreateManage .BatchCreateMainList .tabs .active {
  font-weight: bold;
}

.AdvertisersNav {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 30px;
  padding-right: 50px;
  overflow: hidden;
}
.AdvertisersNav .advertiser-list {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-x: hidden;
}
.AdvertisersNav .advertiser-list > div {
  width: calc(20% - 20px);
  margin-right: 10px;
}
.AdvertisersNav .advertiser-list .advertiser-item {
  position: relative;
  padding: 4px 30px 4px 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}
.AdvertisersNav .advertiser-list .advertiser-item .anticon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.AdvertisersNav .advertiser-list .advertiser-item.active {
  color: #096dd9;
  background-color: #e6f7ff;
}
.AdvertisersNav .nav-link {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.AdvertisersNav .nav-link .anchor-link {
  padding: 4px;
  background-color: #f2f2f2;
  color: #096dd9;
}
.AdvertisersNav .nav-link .anchor-link + .anchor-link {
  margin-left: 2px;
}

.TableCellEditor {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 30px;
}
.TableCellEditor .anticon-edit {
  display: none;
  margin-left: 15px;
  color: #1989FA;
}
.TableCellEditor:hover {
  padding-right: 0;
}
.TableCellEditor:hover .anticon-edit {
  display: inline-block;
}
.TableCellEditorModal .ant-modal-footer {
  border-top: none;
}

.UserGroupManager .List .Table {
  margin: 15px 0;
}
.UserGroupManager .List .Table .name-cell {
  cursor: pointer;
}
.UserGroupManager .List .Table .name-cell .anticon-edit {
  display: none;
  margin-left: 15px;
  color: #1989FA;
}
.UserGroupManager .List .Table .name-cell:hover .anticon-edit {
  display: inline-block;
}
.UserGroupManager .List .Table .user-cell {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.UserGroup .header {
  border-bottom: 1px dashed #C8CDD0;
}
.UserGroup .header .ant-btn-link {
  padding: 0;
}
.UserGroup .header .anticon-double-right {
  margin: 0 10px;
}

.UserCreateModal .ant-modal-body {
  height: 350px;
}
.UserCreateModal .ant-modal-body .ControlGroup .ant-btn {
  margin-left: 10px;
}
.UserCreateModal .ant-modal-body .ControlGroup .control-label {
  flex: 0 0 200px;
}
.UserCreateModal .ant-modal-body .CorpUserInfo .staff-detail {
  margin: 20px 0 10px 50px;
}
.UserCreateModal .ant-modal-body .CorpUserInfo .staff-detail .ant-row-flex {
  margin-top: 10px;
}
.UserCreateModal .ant-modal-body .StaffCreate,
.UserCreateModal .ant-modal-body .AgentCreate,
.UserCreateModal .ant-modal-body .CommonCreate {
  margin-top: 10px;
}
.UserCreateModal .ant-modal-body .StaffCreate .MyInput,
.UserCreateModal .ant-modal-body .AgentCreate .MyInput,
.UserCreateModal .ant-modal-body .CommonCreate .MyInput {
  width: 300px;
}
.UserCreateModal .ant-modal-body .StaffCreate .validation-error,
.UserCreateModal .ant-modal-body .AgentCreate .validation-error,
.UserCreateModal .ant-modal-body .CommonCreate .validation-error {
  display: block;
}
.UserCreateModal .ant-modal-body .StaffCreate .email-wrapper .controls,
.UserCreateModal .ant-modal-body .AgentCreate .email-wrapper .controls,
.UserCreateModal .ant-modal-body .CommonCreate .email-wrapper .controls {
  display: flex;
}
.UserCreateModal .ant-modal-body .StaffCreate .email-wrapper .controls .error-msg,
.UserCreateModal .ant-modal-body .AgentCreate .email-wrapper .controls .error-msg,
.UserCreateModal .ant-modal-body .CommonCreate .email-wrapper .controls .error-msg {
  color: red;
  margin-left: 10px;
}
.UserCreateModal .ant-modal-body .StaffCreate .email-wrapper .controls .VInput,
.UserCreateModal .ant-modal-body .AgentCreate .email-wrapper .controls .VInput,
.UserCreateModal .ant-modal-body .CommonCreate .email-wrapper .controls .VInput {
  margin-left: 0;
}
.UserCreateModal .ant-modal-body .StaffCreate .email-wrapper .controls .ant-btn-primary,
.UserCreateModal .ant-modal-body .AgentCreate .email-wrapper .controls .ant-btn-primary,
.UserCreateModal .ant-modal-body .CommonCreate .email-wrapper .controls .ant-btn-primary {
  margin-top: 2px;
}
.UserCreateModal .ant-modal-body .StaffCreate .user-name,
.UserCreateModal .ant-modal-body .AgentCreate .user-name,
.UserCreateModal .ant-modal-body .CommonCreate .user-name {
  margin-top: 20px;
}
.UserCreateModal .ant-modal-body .StaffCreate .user-name > p,
.UserCreateModal .ant-modal-body .AgentCreate .user-name > p,
.UserCreateModal .ant-modal-body .CommonCreate .user-name > p {
  margin-left: 78px;
  color: #E29836;
}
.UserCreateModal .ant-modal-body .StaffCreate .Checkbox,
.UserCreateModal .ant-modal-body .CommonCreate .Checkbox {
  margin: 10px 0 10px 160px;
}
.UserCreateModal .ant-modal-body .StaffCreate .email-wrapper .controls,
.UserCreateModal .ant-modal-body .CommonCreate .email-wrapper .controls {
  flex-direction: column;
}
.UserCreateModal .ant-modal-footer {
  border-top: none;
}
.UserCreateModal .ant-modal-footer .VCheckbox {
  display: inline-block;
  margin-right: 20px;
}
.UserCreateModal .ant-modal-footer .VCheckbox .Checkbox {
  color: #1089FF;
}
.UserCreateModal .ant-modal-footer .anticon-info-circle {
  color: #1089FF;
  margin-left: 12px;
}

.AuthUserManager {
  height: 100%;
}
.AuthUserManager .UserManagerFilter .ant-btn {
  margin-right: 8px;
}
.AuthUserManager .UserManagerFilter .f-right {
  display: flex;
  line-height: 32px;
}
.AuthUserManager .UserManagerFilter .f-right .Select {
  height: 32px;
  margin-right: 10px;
}
.AuthUserManager .UserManagerFilter .f-right .Select .ant-input-affix-wrapper {
  height: 32px;
}
.AuthUserManager .UserManagerFilter .f-right .Select .labels {
  min-height: 32px;
  line-height: 32px;
  padding: 0 6px 0 0;
}
.AuthUserManager .UserManagerFilter .date-range-picker {
  width: 210px;
  margin-right: 10px;
}
.AuthUserManager .Content {
  height: calc(100% - 40px);
  margin: 10px 0;
  text-align: center;
}
.AuthUserManager .Content .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.AuthUserManager .Content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AuthUserManager .Content .TableHeader-cell .header-label .Checkbox {
  display: none;
}
.AuthUserManager .Content .name-cell .ant-btn-primary {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.AuthUserManager .Content .cell-content .disable-status {
  color: var(--edt-error-color);
}
.AuthUserManager .is-me-sign {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
  text-align: center;
}

.PreviewTable {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.PreviewTable .creative-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.PreviewTable .creative-wrapper .image-wrapper {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.PreviewTable .creative-wrapper .image-wrapper .image-text-sum {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 90px;
  background-color: #f5f5f5;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer .default {
  width: 100%;
}
.PreviewTable .target .content-item,
.PreviewTable .goal .content-item {
  display: flex;
  align-items: center;
  line-height: 30px;
}
.PreviewTable .target .content-item + .content-item,
.PreviewTable .goal .content-item + .content-item {
  margin-top: 10px;
}
.PreviewTable .target .content-item > span:first-child,
.PreviewTable .goal .content-item > span:first-child {
  display: inline-block;
  width: 120px;
  text-align: left;
}

.CreatePreview {
  background-color: #fff;
}
.CreatePreview .header {
  display: flex;
  align-items: center;
}
.CreatePreview .header .btns-wrapper {
  margin-left: 20px;
}
.CreatePreview .footer {
  padding: 10px;
  margin-top: 10px;
}

.PreviewTable {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.PreviewTable .creative-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.PreviewTable .creative-wrapper .image-wrapper {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.PreviewTable .creative-wrapper .image-wrapper .image-text-sum {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 90px;
  background-color: #f5f5f5;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.PreviewTable .creative-wrapper .image-wrapper .ImageDrawer .default {
  width: 100%;
}
.PreviewTable .target .content-item,
.PreviewTable .goal .content-item {
  display: flex;
  align-items: center;
  line-height: 30px;
}
.PreviewTable .target .content-item + .content-item,
.PreviewTable .goal .content-item + .content-item {
  margin-top: 10px;
}
.PreviewTable .target .content-item > span:first-child,
.PreviewTable .goal .content-item > span:first-child {
  display: inline-block;
  width: 120px;
  text-align: left;
}

.CreatePreview {
  background-color: #fff;
}
.CreatePreview .header {
  display: flex;
  align-items: center;
}
.CreatePreview .header .btns-wrapper {
  margin-left: 20px;
}
.CreatePreview .footer {
  padding: 10px;
  margin-top: 10px;
}

.BatchCreateManager .Create {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}
.BatchCreateManager .Create .create-module {
  padding: 15px;
  background-color: #fff;
}
.BatchCreateManager .Create .create-module + .create-module {
  margin-top: 15px;
}
.BatchCreateManager .Create .create-module .header {
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 10px;
}
.BatchCreateManager .Create .BatchCreateCard .card-detail .ControlGroup .control-label {
  flex: 0 0 100px;
}

.media-table .TableBody-wrap .TableBody-row {
  height: 70px;
}
.media-table .TableBody .TableBody-content .row-detail .ant-skeleton {
  padding: 10px;
  border-bottom: 1px solid #dfe6ec;
}
.media-table .TableBody .TableBody-content .row-detail .TableBody-row .TableBody-cell {
  color: #808080;
}
.media-table .thumnail-wrapper {
  position: relative;
  width: 100px;
  cursor: pointer;
}
.media-table .thumnail-wrapper .carousel-nums {
  position: absolute;
  bottom: 0;
  line-height: 16px;
  height: 16px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.media-table .thumnail-wrapper .thumbnail {
  cursor: pointer;
}
.media-table .thumbnail {
  position: relative;
  width: 100px;
  height: 60px;
  background: #efefef no-repeat center;
  background-size: contain;
}
.media-table .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.media-table .thumbnail .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.media-table .thumbnail .video-play-icon img {
  width: 100%;
  height: 100%;
}
.media-table .icon {
  vertical-align: middle;
}
.media-table .icon.enable,
.media-table .icon.disable {
  height: 26px;
  width: 26px;
}
.MediaManageHomePage .ant-spin-nested-loading,
.MediaManageHomePage .ant-spin-container {
  height: 100%;
}

.MediaItem {
  display: inline-block;
  width: 19%;
  padding: 20px 10px 10px;
  margin: 0 1% 20px 0;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
}
.MediaItem .NameEditor .name {
  max-width: calc(100% - 35px);
  white-space: nowrap;
}
.MediaItem .thumbnail {
  position: relative;
  width: 100%;
  height: 160px;
  background: #efefef no-repeat center;
  background-size: contain;
}
.MediaItem .thumbnail .material-msg {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 10px;
  line-height: 20px;
  color: #fff;
  background: rgba(35, 55, 77, 0.8);
}
.MediaItem .thumbnail .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.MediaItem .thumbnail .video-play-icon img {
  width: 100%;
  height: 100%;
}
.MediaItem .thumbnail .check-area {
  display: none;
  position: absolute;
  right: -20px;
  top: -20px;
  padding: 20px;
  opacity: 0.5;
  cursor: pointer;
}
.MediaItem .thumbnail .check-area .check-btn {
  background-color: #1089ff;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-weight: bolder;
}
.MediaItem .thumbnail .check-area:hover {
  opacity: 0.7;
}
.MediaItem .thumbnail .check-area.checked {
  display: block;
  opacity: 1;
}
.MediaItem .thumbnail:hover .check-area {
  display: block;
}
.MediaItem .asset-msg > span {
  float: right;
  margin-left: 20px;
}
.MediaItem .asset-msg > span:first-child {
  float: left;
  margin-left: 0;
}
.MediaItem .asset-msg .source {
  width: 50px;
}
.MediaItem .media-name {
  position: relative;
  margin-top: 5px;
  padding-right: 30px;
}
.MediaItem .media-name .operate-btn {
  color: #1089ff;
  cursor: pointer;
}
.MediaItem .media-name .operate-btn .anticon-down {
  margin-left: 5px;
}
.MediaItem .media-msg {
  display: flex;
  justify-content: space-between;
}
.MediaItem .media-msg .creative-number {
  color: #1089ff;
}
.MediaItem .labels {
  color: #1089ff;
}
.MediaItem .labels .LabelEditor {
  line-height: 20px;
}
.MediaItem .insight {
  position: relative;
  display: flex;
  margin-top: 5px;
  padding-top: 10px;
  height: 60px;
  text-align: center;
}
.MediaItem .insight .insight-item {
  flex: 1;
  width: 0;
}
.MediaItem .insight .insight-item .label {
  font-size: 12px;
  color: #555;
}
.MediaItem .insight .insight-item .value {
  font-size: 16px;
  color: #1089ff;
}
.MediaItem .insight::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  border-top: 1px solid #bbb;
}
.media-item-overlay .ant-popover-inner-content {
  width: 400px;
}
.media-item-overlay .ant-popover-inner-content img {
  width: 100%;
}
.media-operate-nav-popover .ant-popover-arrow {
  display: none;
}
.media-operate-nav-popover .ant-popover-inner-content {
  padding: 10px 5px;
}
.media-operate-nav-popover .ant-popover-inner-content .Nav > li {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
.media-operate-nav-popover .ant-popover-inner-content .Nav > li:hover {
  color: #1089ff;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.BatchLinkStatusPopover {
  width: 320px;
}
.BatchLinkStatusPopover .ant-popover-arrow {
  display: none;
}
.BatchLinkStatusPopover .link-list li {
  display: flex;
  margin-bottom: 10px;
}
.BatchLinkStatusPopover .link-list li > .link-name {
  margin: 10px 10px 0 0 ;
  flex: 0 0 120px;
  text-align: right;
}
.BatchLinkStatusPopover .link-list li > .ant-btn {
  margin: 0 10px;
}

.APlusCreatives {
  height: 100%;
}
.APlusCreatives .Table .TableBody-row {
  height: 50px;
}
.APlusCreatives .Table .detail-wrapper {
  width: 100%;
}
.APlusCreatives .Table .detail-wrapper .detail-item {
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.APlusCreatives .Table .detail-wrapper .detail-item:last-child {
  margin-right: 0;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.StatusConfirmModal .ant-modal-body {
  position: relative;
  padding-top: 16px;
}
.StatusConfirmModal .ant-modal-body::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 34px;
  background-color: #1989FA;
}
.StatusConfirmModal .ant-modal-body .anticon-question-circle {
  display: none;
}

.RelatedCreatives {
  padding-bottom: 0!important;
  background-color: #fff;
  overflow-y: auto;
}
.RelatedCreatives .creatives-header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  padding: 0 10px;
  line-height: 44px;
  background-color: transparent;
  color: #101010;
}
.RelatedCreatives .creatives-header .name {
  max-width: 800px;
  margin-right: 20px;
  font-weight: bold;
  font-size: 16px;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.RelatedCreatives .creatives-header .date-range-picker {
  width: 250px;
}
.RelatedCreatives .creatives-content {
  position: relative;
  padding: 16px;
  height: 100%;
}
.RelatedCreatives .creatives-content .ant-tabs,
.RelatedCreatives .creatives-content .ant-tabs-tabpane {
  height: 100%;
}
.RelatedCreatives .creatives-content .ant-tabs .ant-tabs-content,
.RelatedCreatives .creatives-content .ant-tabs-tabpane .ant-tabs-content {
  height: calc(100% - 60px);
}
.RelatedCreatives .creatives-content .Content {
  height: calc(100% - 45px);
}
.RelatedCreatives .creatives-content .Content .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.RelatedCreatives .creatives-content .OeCreatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .TxCreatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .Oe2Creatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .GgCreatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .FbCreatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .KsCreatives {
  height: 100%;
}
.RelatedCreatives .creatives-content .oe2preview-wrap .MaterialPreview {
  width: 120px;
  height: 80px;
}
.RelatedCreatives .Filter {
  padding: 0;
  margin-bottom: 15px;
}
.RelatedCreatives .Filter .f-left,
.RelatedCreatives .Filter .f-right {
  display: flex;
  align-items: center;
}
.RelatedCreatives .Filter .f-left .ant-btn,
.RelatedCreatives .Filter .f-right .ant-btn {
  height: 32px;
  margin-right: 10px;
}
.RelatedCreatives .Filter .CommonFilter .filter-result .Select .ant-input {
  height: 22px;
}
.RelatedCreatives .ant-spin-spinning {
  width: 100%;
  height: 100%;
}
.RelatedCreatives .CreativePreview {
  height: 50px;
}
.RelatedCreatives .TableBottomPagination {
  text-align: right;
}
.RelatedCreatives .Table .name-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.WarningConfirmModal .ant-modal-confirm-content {
  color: red;
}

.Tend {
  display: flex;
}
.Tend .saved-compare {
  flex: 0 0 200px;
  padding: 10px 10px 0 0;
  border-right: 1px solid #dadcde;
  width: 0;
}
.Tend .saved-compare li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px 0 6px;
  line-height: 20px;
  cursor: pointer;
  transition: border 0.2s;
}
.Tend .saved-compare li .anticon-close-circle {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Tend .saved-compare li .anticon-close-circle:hover {
  color: #1890ff;
}
.Tend .saved-compare li:hover .anticon-close-circle {
  display: block;
}
.Tend .saved-compare li.active {
  font-weight: bold;
}
.Tend .saved-compare li.disabled {
  cursor: not-allowed;
}
.Tend .saved-compare li.disabled span {
  color: #929598;
}
.Tend .chart-area {
  flex: 1 1 auto;
  padding: 0 10px;
  width: 0;
  min-height: 300px;
}

.ChartContent.Card > .content {
  padding-bottom: 0;
}
.ChartContent .ant-tabs {
  overflow: visible;
}
.ChartContent .ant-tabs .ant-tabs-tab-active {
  font-weight: bold;
}
.ChartContent .indexes {
  position: relative;
  padding-right: 150px;
}
.ChartContent .indexes > span {
  display: inline-block;
  margin-bottom: 5px;
}
.ChartContent .indexes .summary-value {
  display: inline-block;
  width: 65px;
  margin-right: 5px;
  font-weight: bold;
  text-align: right;
}
.ChartContent .indexes .Select {
  width: 150px;
  margin-right: 15px;
}
.ChartContent .indexes .saved-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #4d8ee3;
  cursor: pointer;
}
.ChartContent .Compare .compare-report {
  margin-bottom: 20px;
}
.ChartContent .Compare .compare-report .Select {
  margin-bottom: 10px;
}
.ChartContent .Compare .g2-legend {
  position: static !important;
}

.MaterialData {
  margin-top: 15px;
}
.MaterialData .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
}
.MaterialData .content {
  padding: 20px 16px;
}
.MaterialData .content > div + div {
  margin-top: 20px;
}
.MaterialData .content .youtube-links {
  display: flex;
}
.MaterialData .content .youtube-links .content {
  padding: 0;
}
.MaterialData .content .youtube-links .content .link-item {
  color: #1890ff;
  text-decoration: underline;
}
.MaterialData .content .youtube-links .content .link-item .delete-btn {
  margin-right: 8px;
  color: #f81d22;
  cursor: pointer;
}
.MaterialData .content .labels-wrapper {
  display: flex;
  color: #1989FA;
}
.MaterialData .content .labels-wrapper textarea {
  color: #1989FA;
  resize: none;
  width: 500px;
}
.MaterialData .content .info-list {
  display: flex;
  align-items: center;
}
.MaterialData .content .info-list > div,
.MaterialData .content .info-list > span {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.MaterialData .content .info-list .info-item {
  display: flex;
  align-items: center;
}
.MaterialData .content .info-list .info-item .VSelect {
  height: 32px;
  line-height: 32px;
}
.MaterialData .content .info-list .info-item .VSelect .multiple .labels {
  padding: 0 6px 0 0;
  min-height: 32px;
}
.MaterialData .content .info-list .showhiddenErrorMsg {
  position: relative;
  line-height: 20px;
}
.MaterialData .content .info-list .use-user-ids .controls {
  display: flex;
  align-items: center;
}
.MaterialData .content .pre {
  white-space: pre-line;
}
.MaterialData .content .LabelEditor .edit-btn {
  display: none;
}
.MaterialData .content .LabelEditor.is-edit .edit-btn {
  display: inline;
}

.MaterialDetail .Preview {
  position: relative;
  display: inline-block;
}
.MaterialDetail .Preview video {
  position: relative;
  min-height: 300px;
  max-height: 500px;
}
.MaterialDetail .Preview img {
  min-height: 200px;
  max-height: 400px;
}
.MaterialDetail .Preview .carousel-wrapper img {
  cursor: pointer;
}
.MaterialDetail .Preview .carousel-nums {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.MaterialDetail .Preview .play-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 2;
}
.MaterialDetail .Preview .play-icon .anticon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: #fff;
}

.PopPage .MaterialDetail {
  padding: 0 16px 20px 16px;
}
.PopPage .MaterialDetail .title {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: unset;
}

.CommentWordCloud {
  flex: 0 0 48%;
  margin-left: 4%;
}
.CommentWordCloud .ant-empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
}

.CommentDetail .CommentDetailFilter .f-left,
.CommentDetail .CommentDetailFilter .f-right {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.CommentDetail .CommentDetailFilter .f-left .export-btn,
.CommentDetail .CommentDetailFilter .f-right .export-btn {
  height: 32px;
  margin-left: 10px;
}
.CommentDetail .Table {
  margin: 10px 0;
}
.CommentDetail .ant-pagination {
  text-align: center;
  margin-top: 10px;
}

.WordFrequency {
  flex: 0 0 48%;
}
.WordFrequency .ant-empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
}

.MediaComment {
  height: 100%;
  padding: 10px;
}
.MediaComment > .header {
  line-height: 36px;
  margin-bottom: 10px;
}
.MediaComment > .content {
  height: calc(100% - 46px);
  padding: 15px;
  background-color: #fff;
  overflow-y: auto;
}
.MediaComment > .content > .header {
  margin-bottom: 10px;
}
.MediaComment > .content > .header .tips {
  display: inline-block;
  margin-left: 10px;
}
.MediaComment > .content .title {
  font-size: 14px;
  line-height: 32px;
  font-weight: 600;
}
.MediaComment > .content .word-charts {
  display: flex;
}

.score-tend-tooltip {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 6px 10px;
  box-shadow: 0px 0px 10px #aeaeae;
}
.score-tend-tooltip .g2-tooltip-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.score-tend-tooltip .g2-tooltip-list .list-item {
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-top: 8px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.score-tend-tooltip .g2-tooltip-list .list-item .ant-rate-disabled {
  pointer-events: none;
}

.ScorePopPage {
  padding: 15px;
}
.ScorePopPage .filter {
  margin-bottom: 15px;
  line-height: 32px;
}

.ExecuteDetailModal .Table .execute-result-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ExecuteDetailModal .Table .execute-result-cell .success {
  color: #1089ff;
}
.ExecuteDetailModal .Table .execute-result-cell .error {
  color: red;
}
.ExecuteDetailModal .TableBottomPagination {
  margin-top: 10px;
  text-align: center;
}

.PauseCreatives {
  height: 100%;
}
.PauseCreatives .filter {
  margin-bottom: 10px;
}
.PauseCreatives .filter .ant-btn {
  margin-right: 10px;
}
.PauseCreatives .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.PauseCreatives .detail-cell .anticon-question-circle {
  margin-left: 10px;
  color: red;
  cursor: pointer;
}
.PauseCreatives .status-cell.err {
  color: red;
}

.DeleteCreatives {
  height: 100%;
}
.DeleteCreatives .filter {
  margin-bottom: 10px;
}
.DeleteCreatives .filter .ant-btn {
  margin-right: 10px;
}
.DeleteCreatives .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.DeleteCreatives .detail-cell .anticon-question-circle {
  margin-left: 10px;
  color: red;
  cursor: pointer;
}
.DeleteCreatives .status-cell.err {
  color: red;
}

.MaterialCreatives {
  height: 100%;
  padding: 10px;
  background-color: #fff;
}
.MaterialCreatives .header {
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.MaterialCreatives .header .Nav li {
  height: 28px;
  line-height: 28px;
}
.MaterialCreatives .material-creatives-content {
  height: calc(100% - 60px);
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.PopPage {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 44px;
  height: 100%;
  padding-top: 50px;
  background-color: #f3f4f4;
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.6s;
}
.PopPage.open {
  transform: translateX(0);
}
.PopPage .unAvailable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.PopPage .unAvailable .tips {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  transform: translate(-50%, -50%);
}
.PopPage > .content {
  position: relative;
  float: left;
  width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.PopPage > .content form {
  height: 100%;
}
.PopPage > .content .PopPage-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 44px 0 49px;
}
.PopPage > .content .PopPage-content > .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 44px;
  color: #fff;
  background-color: #51677e;
  text-indent: 12px;
}
.PopPage > .content .PopPage-content > .content {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow-y: auto;
}
.PopPage > .content .PopPage-content > .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #dadcde;
  text-align: right;
  background-color: #fff;
  z-index: 99;
}
.PopPage > .content .PopPage-content > .footer .ant-btn {
  margin-left: 20px;
}

.MissDescriptionsFilter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.MissDescriptionsFilter .Select {
  margin: 0 10px;
}
.MissDescriptionsFilter .put-tips {
  margin-left: 10px;
}
.MissDescriptionsFilter .put-tips .anticon {
  margin-right: 10px;
  color: #ffa614;
}
.MissDescriptionsFilter .export-btn {
  height: 32px;
}

.WarnningList .ant-pagination {
  margin-top: 10px;
  text-align: center;
}

.MissingBanner,
.WarnningBanner {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background-color: #E2EFFC;
  color: #85888E;
}
.MissingBanner .anticon-close,
.WarnningBanner .anticon-close {
  position: absolute;
  right: 15px;
  top: 14px;
}

.MediaManageHomePage {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}
.MediaManageHomePage .filter-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.MediaManageHomePage .filter-item:last-child {
  margin-right: 0;
}
.MediaManageHomePage .filter-item .default-select {
  width: 160px;
}
.MediaManageHomePage .filter-item.multiple-item {
  font-size: 0;
}
.MediaManageHomePage .filter-item.multiple-item .labels {
  padding: 0;
  min-height: 32px;
  margin-right: 36px;
}
.MediaManageHomePage > .content {
  flex: 1 1 auto;
  padding: 0 16px;
  overflow: auto;
}
.MediaManageHomePage .media-pagination {
  padding: 16px;
}
.MediaManageHomePage .Table .highlight-num-cell.disabled {
  pointer-events: none;
}
.MediaManageHomePage .Table .highlight-num-cell:not(.disabled) {
  color: #1089ff;
  cursor: pointer;
}
.MediaManageHomePage .Table .ai-score-cell {
  cursor: pointer;
}
.MediaManageHomePage .Table .ai-score-cell .ant-rate {
  color: #1089ff;
  font-size: 14px;
}
.MediaManageHomePage .Table .ai-score-cell .ant-rate-disabled {
  pointer-events: none;
}
.MediaManageHomePage .Table .ai-score-cell .ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.MediaManageHomePage .Table .status-edit-cell {
  color: #1089ff;
}
.MediaManageHomePage .Table .status-edit-cell .anticon {
  display: none;
  margin-left: 10px;
  color: #1089ff;
}
.MediaManageHomePage .Table .status-edit-cell:hover .anticon {
  display: inline-block;
}
.MediaManageHomePage .Table .images-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
}
.MediaManageHomePage .Table .images-list .img-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.MediaManageHomePage .Table .images-list .img-item-wrapper .ImageDrawer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.MediaManageHomePage .Table .images-list .img-item-wrapper .ImageDrawer .default {
  width: 100%;
}
.MediaManageHomePage .Table .images-list .img-item-wrapper img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.MediaManageHomePage .anticon.disabled {
  pointer-events: none;
}
.MediaBatchEditPopover .ant-popover-arrow {
  display: none;
}
.MediaBatchEditPopover .menu-list > li {
  line-height: 30px;
  color: #626161;
  cursor: pointer;
}

.BatchDownLoad {
  width: 100%;
  height: 100%;
  display: flex;
  margin-top: 200px;
  justify-content: center;
}
.BatchDownLoad .container {
  background-color: #fff;
  border-radius: 3px;
  height: 200px;
  width: 600px;
  box-shadow: 1px 1px 20px #ddd;
}
.BatchDownLoad .container .title {
  border-left: solid 4px #1989fa;
  font-weight: bold;
  padding: 16px;
}
.BatchDownLoad .container .content {
  text-align: center;
  margin-top: 32px;
}
.BatchDownLoad .container .content .text {
  margin-bottom: 16px;
}
.BatchDownLoad .container .content .error {
  color: red;
  font-size: 16px;
}
.BatchDownLoad .container .content .done {
  color: #40a9ff;
}

.MediaManager {
  display: flex;
  flex-direction: column;
  padding-right: 44px;
  height: calc(100% - 50px);
}

.DeptCreate .MyInput {
  width: 250px;
}
.DeptCreate .change-admin-tips {
  line-height: 23px;
  color: #E29836;
}
.DeptCreate .change-admin-tips .anticon {
  margin-right: 4px;
}

.module-config-feature-table {
  margin-top: 16px;
}
.module-config-feature-table .material-name-rule-title .anticon {
  margin-left: 4px;
  color: #1089FF;
  cursor: pointer;
}
.module-config-module-table .anticon-info-circle {
  margin-left: 10px;
  color: #bfbfbf;
}

.DeptConfig .ant-tabs-tabpane {
  border: 1px solid #e8e8e8;
  padding: 15px;
}
.DeptConfig .ant-tabs-bar {
  margin-bottom: 0;
  border-bottom: none;
}
.DeptConfig .ant-tabs-tab {
  margin: 0 15px 0 0;
  padding: 8px 10px;
  border: 1px solid #e8e8e8;
}


.Admin .is-me-sign {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
  text-align: center;
}


.VersionManage .description-cell {
  white-space: pre;
}
.VersionManage .table-content > .ant-spin-nested-loading {
  height: calc(100% - 60px);
}
.VersionManage .table-content > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}

.system-insight {
  height: 100%;
}
.insight-content {
  padding-top: 20px;
}
.insight-footer {
  text-align: right;
  padding: 10px;
}

.RtasSettingModal .ControlGroup .control-label {
  flex: 0 0 250px;
}

.RtaSetting {
  height: 100%;
}
.RtaSetting .filter {
  margin-bottom: 10px;
}
.RtaSetting > .ant-spin-nested-loading {
  height: calc(100% - 42px);
}
.RtaSetting > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.TableCellEditorModal .large-control-group .control-label {
  flex: 0 0 250px;
}
.TableCellEditorModal .warnning {
  color: #e9b475;
}

.SysApiStatisReport .ant-tabs {
  height: 100%;
}
.SysApiStatisReport .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 80px);
}
.SysApiStatisReport .report-group-wrapper,
.SysApiStatisReport .ReportTable {
  height: 100%;
}
.SysApiStatisReport .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.SysApiStatisReport .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}


.TxUserCheck .Filter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.TxUserCheck .Filter .filter-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.SysUsersList {
  height: 100%;
}
.SysUsersList .UserManagerFilter .ant-btn {
  margin-right: 8px;
}
.SysUsersList .UserManagerFilter .f-right {
  display: flex;
  line-height: 32px;
}
.SysUsersList .UserManagerFilter .f-right .Select {
  height: 32px;
  margin-right: 10px;
}
.SysUsersList .UserManagerFilter .f-right .Select .ant-input-affix-wrapper {
  height: 32px;
}
.SysUsersList .UserManagerFilter .f-right .Select .labels {
  min-height: 32px;
  line-height: 32px;
  padding: 0 6px 0 0;
}
.SysUsersList .UserManagerFilter .date-range-picker {
  width: 210px;
  margin-right: 10px;
}
.SysUsersList .Content {
  height: calc(100% - 40px);
  margin: 10px 0;
  text-align: center;
}
.SysUsersList .Content .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.SysUsersList .Content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.SysUsersList .Content .TableHeader-cell .header-label .Checkbox {
  display: none;
}
.SysUsersList .Content .name-cell .ant-btn-primary {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.SysUsersList .Content .cell-content .disable-status {
  color: var(--edt-error-color);
}
.SysUsersList .is-me-sign {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
  text-align: center;
}

.SourceEditModal .source-project-title {
  margin-bottom: 8px;
  font-weight: bold;
}

.ProjectList {
  padding-right: 32px;
}
.ProjectList .Table .name-header-cell {
  white-space: pre-wrap;
  line-height: 18px;
}
.ProjectList .Table .project-cell .anticon {
  color: #1989FA;
  margin-left: 10px;
}

.EditUserGroup {
  flex: 0 0 400px;
}
.EditUserGroup .RadioGroup {
  margin: 0 15px;
}
.EditUserGroup .detail {
  margin-top: 20px;
}
.EditUserGroup .detail .list-wrapper {
  width: 280px;
}
.EditUserGroup .role-selector {
  margin-top: 20px;
}
.EditUserGroup .role-selector .Select {
  width: 120px;
  margin-left: 15px;
}

.AccountAuthList {
  flex: 1;
}
.AccountAuthList .AuthListFilter {
  margin-bottom: 20px;
}
.AccountAuthList .AuthListFilter .filter-item {
  display: inline-block;
}
.AccountAuthList .AuthListFilter .Select {
  margin-right: 10px;
}
.AccountAuthList .List .Table .TableBody-cell .cell-content {
  text-align: center;
}
.AccountAuthList .List .ant-pagination {
  margin-bottom: 15px;
}

.UserEdit {
  display: flex;
  margin: 15px 0;
}

.UserAuthManager {
  height: 100%;
}
.UserAuthManager .header {
  border-bottom: 1px dashed #C8CDD0;
}
.UserAuthManager .header .ant-btn-link {
  padding: 0;
}
.UserAuthManager .header .anticon-double-right {
  margin: 0 10px;
}

.DataAuth {
  width: 900px;
}
.DataAuth .filter {
  margin-bottom: 10px;
}
.DataAuth .filter .fold-btn {
  color: #1890ff;
  cursor: pointer;
}
.DataAuth .filter .fold-btn .anticon {
  margin-right: 10px;
}

.ModuleDetailSetting {
  height: 100%;
  border: solid 1px #eee;
  padding: 0 16px 16px 16px;
}
.ModuleDetailSetting .ant-spin-nested-loading {
  height: calc(100% - 100px);
}
.ModuleDetailSetting .ant-spin-container {
  height: 100%;
}
.ModuleDetailSetting .title {
  font-weight: bold;
  line-height: 45px;
  background-color: #e6f1fc;
  padding: 0 16px;
  margin: 0 -16px 16px -16px;
}

.Module {
  display: flex;
}
.Module .menu-auth {
  width: 500px;
  height: 100%;
  margin: 0 64px 0 0;
}
.Module .menu-auth .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.Module .menu-auth .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.Module .menu-auth .Table .anticon-info-circle {
  margin-left: 10px;
  color: #bfbfbf;
}
.module-auth-tips-popover .module-auth-tips {
  padding: 5px;
}
.module-auth-tips-popover .module-auth-tips ul {
  margin-left: 30px;
  list-style-type: disc;
}

.ChannelAuth {
  width: 400px;
}


.RoleCreateModal .role-name-input.ControlGroup > .control-label {
  flex: 0 0 100px;
  text-align: left;
}
.RoleCreateModal .label-item {
  color: #929598;
}
.RoleAuthContent .content {
  height: calc(100% - 50px);
  margin-top: 16px;
}
.RoleAuthContent .content .ant-tabs-content {
  border: 1px solid #e8e8e8;
  padding: 15px;
}
.RoleAuthContent .content .ant-tabs-bar {
  margin-bottom: 0;
  border-bottom: none;
}

.RoleAuthManager .header-bar {
  margin-bottom: 16px;
}

.RoleAuth {
  height: 100%;
}

.AgentEditDetail {
  display: inline-block;
  width: 400px;
}
.AgentEditDetail .name-wrapper .name {
  max-width: 340px;
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}
.AgentEditDetail .UserList {
  margin: 15px 0;
}

.AgentGroupMaterialAuth {
  width: 600px;
  line-height: 32px;
}
.AgentGroupMaterialAuth .Table {
  margin: 10px 0;
}
.AgentGroupMaterialAuth .Table .users-cell .Checkbox {
  display: block;
  margin: 5px;
}
.AgentGroupMaterialAuth .save-btn {
  float: right;
}

.AgentAuth {
  width: 300px;
}
.AgentAuth .header {
  line-height: 32px;
}
.AgentAuth .Table {
  margin: 10px 0;
}
.AgentAuth .Table .agent-auth-group {
  padding: 4;
}
.AgentAuth .Table .agent-auth-group .Checkbox {
  padding: 4px 0;
}
.AgentAuth .save-btn {
  float: right;
}

.AgentGroupEdit {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.AgentGroupManager {
  height: 100%;
}
.AgentGroupManager > .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.AgentGroupManager > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AgentGroupManager .Table {
  margin-top: 15px;
}

.ProdutionUsers {
  height: calc(100% - 40px);
  padding-top: 10px;
}
.ProdutionUsers .name-wrapper .name {
  max-width: 340px;
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}
.ProdutionUsers .add-btn {
  margin-top: 10px;
}
.ProdutionUsers > .ant-spin-nested-loading {
  height: calc(100% - 115px);
}
.ProdutionUsers > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ProdutionUsers .Table {
  margin-top: 10px;
}

.MaterialProductorManager {
  height: 100%;
}
.MaterialProductorManager > .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.MaterialProductorManager > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.MaterialProductorManager .Table {
  margin-top: 15px;
}

.MaterialCreateUserManager {
  height: 100%;
}
.MaterialCreateUserManager > .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.MaterialCreateUserManager > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.MaterialCreateUserManager .Table {
  margin-top: 15px;
}

.MaterialDeptEdit .name-wrapper .name {
  max-width: 340px;
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}
.MaterialDeptEdit .edit-list {
  display: flex;
  padding: 10px;
}
.MaterialDeptEdit .edit-list .ProductionGroupsList,
.MaterialDeptEdit .edit-list .CreativeUsersList {
  display: inline-block;
  width: 400px;
  margin-right: 40px;
}

.DeptManager {
  height: 100%;
}
.DeptManager > .ant-spin-nested-loading {
  height: calc(100% - 50px);
}
.DeptManager > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.DeptManager .Table {
  margin-top: 15px;
}

.ProjectMaterial {
  min-height: 200px;
}

.ProjectCreateSubscribe {
  margin-top: 12px;
}
.ProjectCreateSubscribe .subscribe-content-wrapper {
  max-height: 400px;
  overflow: auto;
}
.ProjectCreateSubscribe .subcribe-checkbox-group .controls {
  display: flex;
  align-items: center;
}
.ProjectCreateSubscribe .subcribe-checkbox-group .subcribe-info-circle {
  margin-left: 10px;
  color: #f39e30;
}
.ProjectCreateSubscribe .oe-subscribe,
.ProjectCreateSubscribe .tx-subscribe {
  padding: 20px;
  margin: 10px 50px;
  color: #8a8a8a;
  background-color: #f2f2f2;
}
.ProjectCreateSubscribe .oe-subscribe .title,
.ProjectCreateSubscribe .tx-subscribe .title {
  margin-bottom: 10px;
}
.ProjectCreateSubscribe .oe-subscribe .info-tips,
.ProjectCreateSubscribe .tx-subscribe .info-tips {
  display: flex;
  align-items: flex-start;
  line-height: 22px;
  color: #f39e30;
}
.ProjectCreateSubscribe .oe-subscribe .info-tips .anticon-info-circle,
.ProjectCreateSubscribe .tx-subscribe .info-tips .anticon-info-circle {
  margin-right: 5px;
  margin-top: 5px;
}
.ProjectCreateSubscribe .ControlGroup.hidden.showhiddenErrorMsg.is-invalid.oe-id-error {
  position: relative;
}

.AuthDetailModal .AuthDetailModalFilter .f-left .Select {
  margin-left: 0;
}
.AuthDetailModal .AuthDetailModalFilter .f-right .Select {
  margin-left: 10px;
  width: 120px;
}
.AuthDetailModal .ProjectMaterial {
  pointer-events: none;
}
.AuthDetailModal .ProjectCreateSubscribe {
  max-height: 400px;
  overflow: auto;
}
.AuthDetailModal .ProjectCreateSubscribe .subcribe-checkbox-group {
  pointer-events: none;
}
.AuthDetailModal .ProjectCreateSubscribe .subscribe-content-wrapper {
  pointer-events: none;
  max-height: none;
  height: auto;
}

.ProjectConfig {
  height: 100%;
}
.ProjectConfig .Content {
  height: calc(100% - 36px);
  margin: 10px 0;
}
.ProjectConfig .Content .ant-spin-nested-loading {
  height: calc(100% - 30px);
}
.ProjectConfig .Content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.ProjectCreateModal .ant-modal-body .ControlGroup .control-label {
  padding-right: 10px;
}
.ProjectCreateModal .ant-modal-body .Select .ant-select-dropdown ul {
  max-height: 160px;
}

.AccountManagerFilter {
  margin-bottom: 15px;
}
.AccountManagerFilter .f-right,
.AccountManagerFilter .f-left {
  display: flex;
  align-items: center;
}
.AccountManagerFilter .f-right .Select,
.AccountManagerFilter .f-left .Select {
  width: 150px;
  margin: 0 10px;
}
.AccountManagerFilter .f-left {
  align-items: flex-start;
}
.AccountManagerFilter .tips {
  width: 360px;
  margin-left: 10px;
}

.AccountManagerAuthContent {
  height: calc(100% - 75px);
}
.AccountManagerAuthContent > .ant-spin-nested-loading {
  height: calc(100% - 30px);
}
.AccountManagerAuthContent > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.ManagerAdder .filter .tips {
  line-height: 32px;
}
.ManagerAdder .account-info .ant-btn {
  margin-left: 10px;
}
.ManagerAdder .not-available-row {
  color: #C8CDD0;
}
.ManagerAdder .login-tip {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}
.ManagerAdder .login-tip .login-link {
  color: #1089FF;
  cursor: pointer;
}
.ManagerAdder .login-tip .login-link:hover {
  text-decoration: underline;
}

.ConfigAdAccountFilter {
  margin-bottom: 15px;
}
.ConfigAdAccountFilter .tips {
  cursor: pointer;
  color: #e29836;
}
.ConfigAdAccountFilter .tips .anticon {
  margin-right: 10px;
}
.ConfigAdAccountFilter .Select {
  margin-left: 10px;
}
.ConfigAdAccountFilter .ant-btn {
  margin-right: 10px;
}
.ConfigAdAccountFilter .CommonBatchSearch {
  margin-left: 10px;
}
.ConfigAdAccountFilter .CommonBatchSearch .filter-input {
  min-width: 180px;
}
.AdAccountTipsPopover {
  width: 300px;
}
.AdAccountTipsPopover .ant-popover-content {
  border: 1px solid #a3d0fd;
}
.AdAccountTipsPopover .ant-popover-arrow {
  display: none;
}

.AuthDetailModal .AuthDetailModalFilter {
  text-align: right;
}
.AuthDetailModal .AuthDetailModalFilter .Select {
  text-align: left;
  margin-left: 10px;
}
.AuthDetailModal .List {
  margin: 10px 0;
}

.ConfigAdAccountContent {
  height: calc(100% - 50px);
}
.ConfigAdAccountContent > .ant-spin-nested-loading {
  height: calc(100% - 30px);
}
.ConfigAdAccountContent > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ConfigAdAccountContent .operation-cell .ant-btn {
  padding: 0 8px;
  line-height: 32px;
}
.ConfigAdAccountContent .operation-cell .showhiddenErrorMsg {
  display: inline-block;
  line-height: 32px;
}
.ConfigAdAccountContent .rta-cell {
  display: flex;
  align-items: center;
}
.ConfigAdAccountContent .rta-cell .anticon {
  display: none;
  margin-left: 10px;
}
.ConfigAdAccountContent .rta-cell:hover .anticon {
  display: inline-block;
}
.ConfigAdAccountContent .adaccount-id-cell .anticon-info-circle {
  margin-left: 5px;
}
.ConfigAdAccountContent .unasign-tip {
  color: #e28b08;
}

.AddAdvertiser .login-tip {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}
.AddAdvertiser .login-tip .login-link {
  color: #1089ff;
  cursor: pointer;
}
.AddAdvertiser .login-tip .login-link:hover {
  text-decoration: underline;
}
.AddAdvertiser .login-wrapper .tip-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 32px;
}
.AddAdvertiser .login-wrapper .tip-text .highlight-text {
  color: var(--edt-warning-color);
}
.AddAdvertiser .login-failed-tips {
  color: var(--edt-error-color);
  text-align: right;
  position: absolute;
  right: 170px;
  bottom: 16px;
}
.AddAdvertiser .account-info .ant-btn {
  margin-left: 16px;
}
.AddAdvertiser .filter-bar {
  margin: 8px 0;
}
.AddAdvertiser .advertiser-row-item.disableSelect .cell-content {
  opacity: 0.5;
}

.BatchDistribute .not-adjust-label {
  color: #aaa;
}

.ReAuth .login-tip {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}
.ReAuth .login-tip .login-link {
  color: #1089FF;
  cursor: pointer;
}
.ReAuth .login-tip .login-link:hover {
  text-decoration: underline;
}
.ReAuth .account-info .ant-btn {
  margin-left: 16px;
}
.ReAuth .filter-bar {
  margin: 8px 0;
}
.ReAuth .advertiser-row-item.disableSelect .cell-content {
  opacity: 0.5;
}

.RtaSettingModal .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.RtaSettingModal .footer .warnning {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #e9b475;
}
.RtaSettingModal .footer .warnning .anticon {
  margin-right: 10px;
}
.RtaSettingModal .ControlGroup .control-label {
  flex: 0 0 200px;
}

.RtaSettingModal .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.RtaSettingModal .footer .warnning {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #e9b475;
}
.RtaSettingModal .footer .warnning .anticon {
  margin-right: 10px;
}
.RtaSettingModal .ControlGroup .control-label {
  flex: 0 0 200px;
}

.AddAdvertiserManualModal .footer-bar {
  margin-top: 16px;
}

.AccountInvalidAuth {
  height: calc(100% - 90px);
}
.AccountInvalidAuth > .ant-spin-nested-loading {
  height: calc(100% - 30px);
}
.AccountInvalidAuth > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.AdAccount {
  height: 100%;
}
.AdAccount .Filter {
  padding: 12px 0;
}
.AdAccount .Filter .Select {
  margin-left: 0;
}
.AdAccount .Nav > li {
  position: relative;
  height: 36px;
  padding: 0 20px;
  line-height: 36px;
  border-radius: 2px;
  border: 1px solid #dedede;
}
.AdAccount .Nav > li.active::after {
  position: absolute;
  content: '';
  width: 80%;
  height: 3px;
  left: 10%;
  bottom: 0;
  background-color: #2887e6;
}
.AdAccount .Nav > li + li {
  margin-left: 10px;
}
.AdAccount .AdAccountAuth,
.AdAccount .AccountManagerAuth {
  padding: 15px;
  border: 1px solid #dedede;
  height: calc(100% - 70px);
  overflow-y: auto;
}

.Rule {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Rule .title {
  font-size: 18px;
}
.Rule .tips {
  margin-top: 20px;
}
.Rule .rule-filter {
  display: flex;
  margin-top: 20px;
}
.Rule .rule-filter .ProjectSelector {
  margin-right: 10px;
}
.Rule .ant-spin-nested-loading {
  flex: 1 1 auto;
  padding-top: 20px;
}
.Rule .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.LabelTable.LabelTableCom {
  height: 100%;
  border-bottom: none;
}
.LabelTable.LabelTableCom .table-wrapper {
  position: relative;
  height: calc(100% - 40px);
  overflow: hidden;
}
.LabelTable.LabelTableCom .ant-empty {
  margin-top: 30px;
}
.LabelTable.LabelTableCom .TableHeader-wrap .TableHeader-row .TableHeader-cell {
  background-color: #fff;
  font-size: 14px;
}
.LabelTable.LabelTableCom.Table .TableBody-content,
.LabelTable.LabelTableCom.Table .TableHeader {
  overflow-x: hidden;
}
.LabelTable.LabelTableCom .drop-row {
  position: relative;
}
.LabelTable.LabelTableCom .drop-line {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  border-bottom: 1px solid var(--edt-primary-color);
}
.LabelTable.LabelTableCom .category-cell {
  position: relative;
  padding: 10px;
}
.LabelTable.LabelTableCom .category-cell .anticon-edit {
  margin-left: 10px;
}
.LabelTable.LabelTableCom .category-cell .anticon-caret-down,
.LabelTable.LabelTableCom .category-cell .anticon-caret-right {
  margin-right: 6px;
}
.LabelTable.LabelTableCom .category-cell .anticon-close-circle {
  margin-left: 20px;
  color: red;
}
.LabelTable.LabelTableCom .category-cell .drag-handle {
  position: absolute;
  top: 15px;
  right: 10px;
}
.LabelTable.LabelTableCom .Table .TableBody .TableBody-content .TableBody-row .TableBody-cell.label-body-cell {
  padding: 0;
}
.LabelTable.LabelTableCom .Table .TableBody .TableBody-content .TableBody-row .TableBody-cell.child-label-body-cell {
  position: relative;
}
.LabelTable.LabelTableCom .label-cell .anticon-edit {
  margin-left: 10px;
}
.LabelTable.LabelTableCom .label-cell.is-dragged .ant-tag {
  color: var(--edt-primary-color);
  border-color: var(--edt-primary-color);
}
.LabelTable.LabelTableCom .label-cell .anticon-close-circle {
  margin-left: 10px;
  color: red;
}
.LabelTable.LabelTableCom .label-cell,
.LabelTable.LabelTableCom .child-label-body-cell {
  padding: 0 10px;
}
.LabelTable.LabelTableCom .label-cell .label-body-cell,
.LabelTable.LabelTableCom .child-label-body-cell .label-body-cell {
  display: flex;
  position: relative;
}
.LabelTable.LabelTableCom .label-cell .ant-tag,
.LabelTable.LabelTableCom .child-label-body-cell .ant-tag {
  white-space: normal;
}
.LabelTable.LabelTableCom .label-cell .ant-tag .anticon-menu,
.LabelTable.LabelTableCom .child-label-body-cell .ant-tag .anticon-menu,
.LabelTable.LabelTableCom .label-cell .ant-tag .drag-handle,
.LabelTable.LabelTableCom .child-label-body-cell .ant-tag .drag-handle {
  margin-left: 4px;
}
.LabelTable.LabelTableCom .label-cell .drop-line,
.LabelTable.LabelTableCom .child-label-body-cell .drop-line {
  border: 1px solid var(--edt-primary-color);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.LabelTable.LabelTableCom .ant-tag {
  margin: 5px;
  line-height: 28px;
  background-color: transparent;
}
.LabelTable.LabelTableCom .is-dragged {
  color: var(--edt-primary-color);
}
.LabelTable.LabelTableCom .ant-spin-nested-loading {
  height: calc(100% - 120px);
}
.LabelTable.LabelTableCom .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.LabelTable.LabelTableCom .sortable-list .sortable-label-item {
  display: inline-block;
}
.label-definition-modal .ant-modal-body .ant-input {
  min-width: 220px;
}
body > .sortable-label-item .ant-tag {
  color: var(--edt-primary-color);
  border-color: var(--edt-primary-color);
}
.sortable-label-item {
  z-index: 1100;
}
.sortable-label-item .ant-tag {
  margin: 5px;
  line-height: 28px;
  background-color: #fff;
}
.sortable-label-item .ant-tag .drag-handle {
  margin-left: 4px;
}
.drag-handle {
  cursor: not-allowed;
}
.drag-handle.can-dragged {
  cursor: move;
}

.LabelsManager {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.LabelsManager .filter-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.LabelsManager .filter-row .ant-btn {
  margin: 0 10px;
}
.LabelsManager .ant-spin-nested-loading {
  flex: 1 1 auto;
}
.LabelsManager .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.LabelsManager .filter-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.LabelsManager .filter-row .ant-btn {
  margin: 0 10px;
}
.LabelsManager .LabelDefinition {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.LabelsManager .LabelDefinition .definition-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 120px;
  max-width: 480px;
  min-height: 31px;
  color: #1089ff;
  border: solid 1px #a3d0fd;
  background-color: #e6f1fc;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}
.LabelsManager .LabelDefinition .definition-link a {
  margin-right: 10px;
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.LabelsManager .LabelDefinition .definition-link.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background-color: #f5f5f5;
}
.LabelsManager .LabelDefinition .definition-link.disabled a {
  cursor: not-allowed;
}
@media screen and (max-width: 1580px) {
  .LabelsManager .LabelDefinition .definition-link {
    max-width: 400px;
  }
}
@media screen and (max-width: 1490px) {
  .LabelsManager .LabelDefinition .definition-link {
    max-width: 250px;
  }
}
.LabelsManager .ant-tabs {
  height: 100%;
}
.LabelsManager .ant-tabs .ant-tabs-top-content {
  height: calc(100% - 60px);
}
.LabelsManager .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-active {
  height: 100%;
}
.LabelsManager .MaterialLabel,
.LabelsManager .AnchorLabel,
.LabelsManager .LiveRoomLabel {
  height: 100%;
}
.LabelsManager .MaterialLabel .ant-spin-nested-loading,
.LabelsManager .AnchorLabel .ant-spin-nested-loading,
.LabelsManager .LiveRoomLabel .ant-spin-nested-loading {
  height: 100%;
}
.LabelsManager .MaterialLabel .footer,
.LabelsManager .AnchorLabel .footer,
.LabelsManager .LiveRoomLabel .footer {
  margin-top: 10px;
  text-align: right;
}
.LabelsManager .MaterialLabel .footer .ant-btn,
.LabelsManager .AnchorLabel .footer .ant-btn,
.LabelsManager .LiveRoomLabel .footer .ant-btn {
  margin-left: 10px;
}

.LabelTable {
  border-bottom: none;
}
.LabelTable .TableHeader-wrap .TableHeader-row .TableHeader-cell {
  background-color: #fff;
  font-size: 14px;
}
.LabelTable.Table .TableBody-content,
.LabelTable.Table .TableHeader {
  overflow-x: hidden;
}
.LabelTable .drop-row {
  position: relative;
}
.LabelTable .drop-line-top {
  border: 1px solid var(--edt-primary-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.LabelTable .drop-line-bottom {
  border: 1px solid var(--edt-primary-color);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.LabelUploadModal .showhiddenErrorMsg {
  position: relative;
}
.LabelUploadModal .download-link {
  color: var(--edt-primary-color);
}
.LabelUploadModal .upload-warning {
  margin-top: 10px;
  color: #faad14;
}
.LabelUploadModal .Uploader {
  width: 100%;
}
.LabelUploadModal .Uploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.LabelUploadModal .Uploader .upload-area {
  height: 200px;
  width: 100%;
  border: 1px dashed #DADFE3;
  border-radius: 4px;
  background-color: #FBFBFB;
  text-align: center;
  cursor: pointer;
}
.LabelUploadModal .Uploader .upload-area[aria-disabled="true"] {
  cursor: not-allowed;
}
.LabelUploadModal .Uploader .upload-area[aria-disabled="true"] .title {
  color: #d6d6d6;
}
.LabelUploadModal .Uploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.LabelUploadModal .Uploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.LabelUploadModal .Uploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.LabelUploadModal .Uploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.LabelUploadModal .Uploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.InsightLevel .ant-row + .ant-row {
  margin-top: 20px;
}
.InsightLevel .ant-col {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 32px;
}
.InsightLevel .ant-col .operator {
  display: inline-block;
  width: 30px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.InsightLevel .ant-col .label {
  text-align: center;
}
.InsightLevel .ant-col > div,
.InsightLevel .ant-col > span,
.InsightLevel .ant-col > .MyInput {
  margin-right: 5px;
  height: 32px;
  line-height: 32px;
}
.InsightLevel .ant-col > .ant-btn {
  width: 100%;
}
.InsightLevel .ant-col .VInput {
  position: relative;
}
.InsightLevel .ant-col .VInput .validation-error {
  position: absolute;
  top: 100%;
  left: -30px;
  white-space: nowrap;
}
.InsightLevelMenu .ant-dropdown-menu-item {
  text-align: center;
}

.RoiSettingCreate .ant-tabs .ant-tabs-tab > div {
  display: flex;
  align-items: center;
}
.RoiSettingCreate .ant-tabs .ant-tabs-tab > div .tab-content {
  position: relative;
  padding-right: 15px;
}
.RoiSettingCreate .ant-tabs .ant-tabs-tab > div .tab-content .anticon-exclamation-circle {
  position: absolute;
  color: red;
}

.InsightSetting {
  height: 100%;
}
.InsightSetting .Filter {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.InsightSetting .Filter .Select {
  width: 180px;
  margin-left: 0;
}
.InsightSetting .title {
  color: #1989FA;
  font-size: 16px;
  font-weight: bold;
}
.InsightSetting .annotation {
  color: #1989FA;
}
.InsightSetting .btn-wrapper {
  display: flex;
  align-items: center;
}
.InsightSetting .btn-wrapper .edit-btn,
.InsightSetting .btn-wrapper .delete-btn {
  padding: 4px;
}
.InsightSetting .rule-cell {
  display: flex;
}
.InsightSetting .rule-cell .ant-col {
  position: relative;
  text-align: center;
}
.InsightSetting .rule-cell .ant-col > .ant-row {
  text-align: center;
}
.InsightSetting .rule-cell .ant-col > .ant-row:first-child {
  font-weight: bold;
}
.InsightSetting .rule-cell .ant-col > .ant-row > span {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.InsightSetting .rule-cell .ant-col > .ant-row .num {
  width: 45px;
}
.InsightSetting .rule-cell .ant-col.highlight-col {
  background-color: #e6f1fc;
}
.InsightSetting .rule-cell .ant-col .empty-config {
  position: absolute;
  top: 40%;
  left: calc(50% - 20px);
}
.InsightSetting .ant-spin-nested-loading {
  height: calc(100% - 200px);
}
.InsightSetting .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.AuthDetailModal .AuthDetailFilter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.AuthDetailModal .AuthDetailFilter .MyInput {
  margin: 0 10px;
}
.AuthDetailModal .Table {
  margin-top: 10px;
}

.ProjectCreateModal .ant-modal-body .ControlGroup .control-label {
  padding-right: 10px;
}
.ProjectCreateModal .ant-modal-body .Select .ant-select-dropdown ul {
  max-height: 160px;
}

.ProjectList {
  height: 100%;
}
.ProjectList .ant-spin-nested-loading {
  height: calc(100% - 80px);
}
.ProjectList .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ProjectList .MyInput {
  left: 100%;
  transform: translateX(-100%);
}
.ProjectList .Table {
  margin-top: 10px;
}

.MonitorParamsCreate .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.MonitorParamsCreate .footer .warning-area {
  display: flex;
  align-items: center;
  color: #f8b55e;
  margin-right: 10px;
}
.MonitorParamsCreate .footer .warning-area .anticon {
  margin-right: 10px;
}
.MonitorParamsCreate .error {
  display: inline-block;
  margin-left: 10px;
  color: red;
}

.MonitorMacro .Table {
  margin-top: 10px;
}
.MonitorMacro .Table .params-wrapper {
  position: relative;
  padding-right: 46px;
  max-height: 32px;
  overflow-y: hidden;
}
.MonitorMacro .Table .params-wrapper .detail-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 6px;
  line-height: 32px;
}
.MonitorMacro .Table .params-wrapper .params-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.MonitorMacro .Table .params-wrapper .params-list .param-item {
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 32px;
  background-color: #e6f1fc;
  color: #1890ff;
  border-radius: 4px;
}
.monitor-macro-detail-modal .params-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.monitor-macro-detail-modal .params-list .param-item {
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 32px;
  background-color: #e6f1fc;
  color: #1890ff;
  border-radius: 4px;
}

.ProjectService {
  height: 100%;
}
.ProjectService .MyInput {
  margin-bottom: 10px;
}
.ProjectService > .ant-spin-nested-loading {
  height: calc(100% - 45px);
}
.ProjectService > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.ServiceEditModal .VDatePicker {
  margin-left: 0;
}
.ServiceEditModal .separetor-line {
  margin: 0 10px;
}

.GeneralConvert .filter {
  margin-bottom: 10px;
}
.GeneralConvert .general-type-cell .anticon-edit {
  display: none;
  color: #1089FF;
  margin-left: 5px;
}
.GeneralConvert .general-type-cell:hover .anticon-edit {
  display: inline-block;
}

.FileUploader .upload-error {
  margin-top: 10px;
  color: #f45858;
}
.FileUploader .filename-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  color: var(--edt-primary-color);
}
.FileUploader .upload-area {
  height: 200px;
  width: 400px;
  border: 1px dashed #dadfe3;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
}
.FileUploader .upload-area[aria-disabled='true'] {
  cursor: not-allowed;
}
.FileUploader .upload-area[aria-disabled='true'] .title {
  color: #d6d6d6;
}
.FileUploader .upload-area .ant-spin-nested-loading {
  height: 100%;
}
.FileUploader .upload-area .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.FileUploader .upload-area .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.FileUploader .upload-area .upload-icon {
  font-size: 36px;
  color: #999999;
}
.FileUploader .upload-area .title {
  margin: 20px 0 8px;
  color: #333;
  font-size: 14px;
}

.AwemeType {
  height: 100%;
}
.AwemeType .AwemeTypeFilter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.AwemeType .AwemeTypeFilter .ant-btn,
.AwemeType .AwemeTypeFilter .CommonBatchSearch,
.AwemeType .AwemeTypeFilter .Select {
  margin-right: 10px;
}
.AwemeType > .ant-spin-nested-loading {
  height: calc(100% - 70px);
}
.AwemeType > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AwemeType .aweme-type-cell .anticon-edit {
  display: none;
  color: #1089FF;
  margin-left: 5px;
}
.AwemeType .aweme-type-cell:hover .anticon-edit {
  display: inline-block;
}

.ResultConfirm .result-header {
  text-align: center;
  margin-bottom: 16px;
  font-size: 16px;
}
.ResultConfirm .result-header .status-ion {
  font-size: 18px;
  margin-right: 16px;
}
.ResultConfirm .result-header .success {
  color: #52c41a;
}
.ResultConfirm .result-header .warn {
  color: #faad14;
}
.ResultConfirm .result-header .failed {
  color: #f5222d;
}
.ResultConfirm .info-item {
  text-align: center;
}
.ResultConfirm .info-item.error-item {
  color: #f5222d;
}

.UserInfo .text-item {
  color: #333;
  margin-bottom: 8px;
}
.UserInfo .label-item {
  font-weight: bold;
  margin-bottom: 8px;
}
.UserInfo .email-input {
  margin-bottom: 16px;
}
.UserInfo .description-area {
  color: #999;
  line-height: 1.2;
  font-size: 13px;
  margin: 16px 0;
}
.UserInfo .role-control {
  border: solid 1px #ccc;
  padding: 16px;
}
.UserInfo .role-control > .role-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.UserInfo .role-control > .role-item .role-name {
  font-weight: bold;
  color: #333;
}
.UserInfo .role-control > .role-item .role-desc {
  line-height: 2;
}
.UserInfo .role-control > .role-item:not(:last-child) {
  border-bottom: solid 1px #ccc;
  margin-bottom: 16px;
}

.CustomList .custom-type-item {
  cursor: pointer;
  word-break: break-all;
  padding: 8px;
}
.CustomList .custom-type-item.active,
.CustomList .custom-type-item:hover {
  background-color: #E6F2FF;
}

.AuthList .auth-group {
  margin-bottom: 16px;
}
.AuthList .auth-group-title {
  font-size: 15px;
}
.AuthList .auth-group-content .auth-item {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.AuthList .auth-group-content .auth-item .auth-name {
  font-weight: bold;
  line-height: 2;
}
.AuthList .auth-group-content .auth-item .auth-desc {
  color: #9D9D9D;
  font-size: 13px;
}

.AssetSettingContent {
  display: flex;
}
.AssetSettingContent .asset-type-select {
  flex: 0 0 250px;
}
.AssetSettingContent .asset-type-select .custom-type-item .selected-count {
  color: #999;
}
.AssetSettingContent .asset-select-item {
  flex: 0 0 250px;
  width: 250px;
}
.AssetSettingContent .asset-select-item .CustomList {
  max-height: 500px;
  overflow: auto;
}
.AssetSettingContent .asset-select-item .asset-item {
  display: flex;
}
.AssetSettingContent .asset-select-item .asset-item .asset-item-select {
  flex: 0 0 25px;
}
.AssetSettingContent .asset-select-item .asset-item .asset-item-name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AssetSettingContent .auth-select-item {
  flex: 1 1 auto;
}
.AssetSettingContent .auth-select-item .auth-group-title {
  font-weight: bold;
}
.AssetSettingContent .auth-select-item .auth-group-content .auth-item {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.AssetSettingContent .auth-select-item .auth-group-content .auth-item .auth-name {
  font-weight: bold;
  line-height: 2;
}
.AssetSettingContent .auth-select-item .auth-group-content .auth-item .auth-desc {
  color: #9D9D9D;
}
.AssetSettingContent > .nav-item:not(:last-child) {
  border-right: solid 1px #ccc;
}
.AssetSettingContent > .nav-item .item-title {
  border-bottom: solid 1px #ccc;
  color: #333;
  font-weight: bold;
  padding: 8px;
}
.AssetSettingContent > .nav-item .item-content {
  padding: 8px;
}


.AddUser .footer {
  display: flex;
  justify-content: right;
  border-top: solid 1px #ccc;
  margin-top: 32px;
  padding: 16px 0 0 0;
}
.AddUser .footer .button-area .ant-btn {
  margin-left: 16px;
}

.RightContentLayout {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.RightContentLayout .header .header-label {
  color: #333;
  font-weight: bold;
  margin-right: 16px;
}
.RightContentLayout .header .asset-desc {
  line-height: 36px;
  color: #333;
}
.RightContentLayout .body {
  overflow: auto;
  padding: 16px 0 0 0;
}

.ExpandList .sub-item {
  padding: 4px 8px;
  margin-bottom: 8px;
}
.ExpandList .sub-item .sub-item-name {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 4px 8px;
}
.ExpandList .sub-item .sub-item-name:hover {
  background-color: #E6F2FF;
}
.ExpandList .sub-item .sub-item-name .btn-area i {
  margin-left: 8px;
  cursor: pointer;
}
.ExpandList .sub-item.expended {
  background-color: #E6F2FF;
  border-radius: 4px;
}

.AssetContent .asset-items {
  width: 600px;
}
.AssetContent .asset-items .parent-item {
  margin-bottom: 16px;
}
.AssetContent .asset-items .parent-name {
  font-weight: bold;
  margin-bottom: 8px;
}
.AssetContent .asset-items .auth-items {
  padding: 16px;
  background-color: #fff;
}

.ReInviteMol .link-input {
  margin-right: 8px;
}

.ReInvite .header-label {
  margin-bottom: 16px;
  color: #333;
  font-weight: bold;
}
.ReInvite .invite-card {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  border: 1px solid #bbbbbb;
  padding: 16px;
}
.ReInvite .invite-card .desc-test i {
  font-size: 16px;
  color: #1989FA;
  margin-right: 8px;
}
.ReInvite .invite-card .btn-area {
  margin-top: 16px;
}

.MainContentLayout {
  display: flex;
  height: calc(100% - 56px - 16px);
}
.MainContentLayout .left-content {
  display: flex;
  flex-direction: column;
  flex: 0 0 400px;
  width: 400px;
  border: solid 1px #ccc;
  border-radius: 4px;
  height: 100%;
  margin-right: 16px;
  padding: 8px;
}
.MainContentLayout .left-content .content-filter {
  margin-bottom: 8px;
}
.MainContentLayout .left-content .left-content-list {
  overflow: auto;
}
.MainContentLayout .right-content {
  flex: 1 1 auto;
  border: solid 1px #ccc;
  border-radius: 4px;
  height: 100%;
  padding: 8px 16px;
  overflow: auto;
}

.FbAuthUserContent .user-list .user-item {
  line-height: 1.5;
}
.FbAuthUserContent .user-list .user-item .waiting-status {
  font-size: 12px;
  color: #873800;
  font-weight: bold;
}

.AddPage .text-item {
  color: #333;
  margin-bottom: 8px;
}

.UserContent .auth-items {
  padding: 16px;
  background-color: #fff;
}

.FbPageContent .page-item .avator {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 8px;
}
.FbPageContent .page-item .avator img {
  max-width: 100%;
  max-height: 100%;
}

.AddAccount .text-item {
  color: #333;
  margin-bottom: 8px;
}

.UserContent .auth-items {
  padding: 16px;
  background-color: #fff;
}

.FacebookAuthManager {
  height: 100%;
}
.FacebookAuthManager .main-filter {
  display: flex;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 12px 16px;
}
.FacebookAuthManager .main-filter .filter-item {
  margin-right: 16px;
}
.FacebookAuthManager .main-filter .filter-item .pre-text {
  color: #333;
  font-weight: bold;
}
.FacebookAuthManager .main-filter .login-user {
  color: #1890ff;
}
.FacebookAuthManager .main-filter .user-name {
  padding-right: 16px;
}
.FacebookAuthManager .content-filter .ant-input,
.FacebookAuthManager .content-filter .Select {
  margin-right: 8px;
}

.AuthEditItem {
  background-color: #fff;
  padding: 16px;
}
.AuthEditItem .edit-title {
  margin-bottom: 8px;
}
.AuthEditItem .role-group {
  margin-bottom: 16px;
}

.AuthTable .ant-radio-group {
  width: 100%;
}
.AuthTable .ant-row-flex > .ant-col:first-child {
  flex: 1;
}
.AuthTable .row-item {
  height: 36px;
  min-width: 48px;
  padding: 8px;
  border-bottom: solid 1px #ccc;
}
.AuthTable .row-item.auth-item {
  text-align: center;
  padding: 8px 16px;
}
.AuthTable .row-item.auth-item .anticon-check {
  color: #27B148;
}
.AuthTable .row-item.header-item {
  height: 56px;
}

.GoogleAddUser .text-item {
  color: #333;
  margin-bottom: 8px;
}
.GoogleAddUser .label-item {
  font-weight: bold;
  margin-bottom: 8px;
}
.GoogleAddUser .email-input {
  margin-bottom: 16px;
}

.UserContent .ExpandList {
  width: 600px;
}
.UserContent .ExpandList .waiting-status {
  font-size: 12px;
  color: #873800;
  font-weight: bold;
  padding-left: 8px;
}

.GgAccountContent .Tree.my-tree .my-tree-node .my-tree-node-content:hover {
  background-color: #E6F2FF;
}
.GgAccountContent .acount-item.active {
  background-color: #E6F2FF;
}

.AccountContent .ExpandList {
  width: 600px;
}
.AccountContent .ExpandList .waiting-status {
  font-size: 12px;
  color: #873800;
  font-weight: bold;
  padding-left: 8px;
}

.AdvertiserSelector {
  display: flex;
  align-items: center;
  height: 32px;
}
.AdvertiserSelector .Select.multiple .labels {
  min-height: 32px;
  padding: 2px 0;
  margin-right: 36px;
}
.AdvertiserSelector .Select.multiple .labels li {
  position: relative;
  line-height: 20px;
  max-width: calc(100% - 50px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.AdvertiserSelector .Select.multiple .labels li:first-child {
  padding-right: 14px;
}
.AdvertiserSelector .Select.multiple .labels li .anticon-close {
  position: absolute;
  right: 0;
  top: 5px;
}

.GoogleAddAccount .text-item {
  color: #333;
  margin-bottom: 8px;
}
.GoogleAddAccount .label-item {
  font-weight: bold;
  margin-bottom: 8px;
}
.GoogleAddAccount .account-select {
  margin-bottom: 16px;
}

.GoogleAuthManager {
  height: 100%;
}
.GoogleAuthManager .main-filter {
  display: flex;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 12px 16px;
}
.GoogleAuthManager .main-filter .filter-item {
  margin-right: 16px;
}
.GoogleAuthManager .main-filter .filter-item .pre-text {
  color: #333;
  font-weight: bold;
}
.GoogleAuthManager .main-filter .login-user {
  color: #1890ff;
}
.GoogleAuthManager .main-filter .user-name {
  padding-right: 16px;
}
.GoogleAuthManager .content-filter .ant-input,
.GoogleAuthManager .content-filter .Select {
  margin-right: 8px;
}

.AuthRecord {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.AuthRecord .nav-header {
  padding: 8px;
  border: solid 1px #ccc;
  border-radius: 4px;
}
.AuthRecord .AuthRecordContent {
  margin-top: 16px;
  padding: 8px;
  border: solid 1px #ccc;
  border-radius: 4px;
  flex: 1;
  overflow: auto;
}
.AuthRecord .AuthRecordContent .filter-header {
  margin-bottom: 16px;
}
.AuthRecord .AuthRecordContent .ant-spin-nested-loading {
  height: calc(100% - 100px);
}
.AuthRecord .AuthRecordContent .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.AccountManager {
  display: flex;
  height: calc(100% - 90px);
  margin: 20px;
  background-color: #fff;
  border: 1px solid #BBB;
}
.AccountManager .left-container {
  flex: 0 0 300px;
  padding: 10px 20px;
  border-right: 1px solid #BBB;
}
.AccountManager .left-container .account-manage-menu .category-item {
  background-color: transparent;
}
.AccountManager .left-container .account-manage-menu .category-item .anticon-link {
  transform: rotate(45deg);
}
.AccountManager .left-container .account-manage-menu .category-item .category-name {
  user-select: none;
}
.AccountManager .left-container .account-manage-menu .category-item .category-name .toggle-icon {
  font-size: 12px;
}
.AccountManager .left-container .account-manage-menu .category-item .category-name.active .toggle-icon {
  transform: rotate(180deg);
}
.AccountManager .right-container {
  flex: 1;
  padding: 20px 40px;
  overflow: auto;
}
.AccountManager .right-container .container-content {
  height: 100%;
}
.AccountManager .right-container .account-common-list-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
  padding: 0 15px;
  background-color: #E6F1FC;
  line-height: 36px;
  border-radius: 4px;
}
.AccountManager .right-container .account-common-list-item .label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AccountManager .right-container .account-common-list-item .anticon {
  line-height: 36px;
  color: #1989FA;
}
.AccountManager .right-container .common-nav-header {
  border-bottom: 1px dashed #C8CDD0;
}
.AccountManager .right-container .common-nav-header .ant-btn-link {
  padding: 0;
}
.AccountManager .right-container .common-nav-header .anticon-double-right {
  margin: 0 10px;
}
.TableBottomPagination {
  margin-top: 10px;
  text-align: center;
}
.DeleteConfirmModal .ant-modal-confirm-content {
  color: red;
}

.SysUserAuthDetail .header {
  border-bottom: 1px dashed #c8cdd0;
}
.SysUserAuthDetail .header .ant-btn-link {
  padding: 0;
}
.SysUserAuthDetail .header .anticon-double-right {
  margin: 0 10px;
}
.SysUserAuthDetail .account-common-list-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
  padding: 0 15px;
  background-color: #e6f1fc;
  line-height: 36px;
  border-radius: 4px;
}
.SysUserAuthDetail .account-common-list-item .label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.SysUserAuthDetail .account-common-list-item .anticon {
  line-height: 36px;
  color: #1989fa;
}

.SystemManager .ant-pagination {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.DeleteConfirmModal .ant-modal-confirm-content {
  color: red;
}

.AudienceContent {
  height: calc(100% - 120px);
}
.AudienceContent > .ant-spin-nested-loading {
  height: 100%;
  padding: 10px 0;
}
.AudienceContent > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.AudienceContent .ant-pagination {
  text-align: center;
}

.AudienceManage {
  height: 100%;
  background-color: #fff;
  padding: 20px;
}

.AudienceManager {
  width: 100%;
  height: calc(100% - 50px);
  padding: 20px;
}