* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

*,
:after,
:before {
  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: transparent;
}
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;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol,
ol ul,
ul ol,
ul ul {
  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%;
}
sup {
  top: -0.5em;
}

a {
  color: #666;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #736c6c;
}

a:active {
  color: #403c3c;
}

a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}

a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}

code,
kbd,
pre,
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;
}

[role="button"],
a,
area,
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;
}
::-moz-selection {
  color: #fff;
  background: #356dee;
}

::selection {
  color: #fff;
  background: #356dee;
}

.clearfix {
  zoom: 1;
}

.clearfix:after,
.clearfix:before {
  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;
}
.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ant-notification-fade-appear,
.ant-notification-fade-enter {
  opacity: 0;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-notification-fade-appear,
.ant-notification-fade-enter,
.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ant-notification-fade-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-fade-enter.ant-notification-fade-enter-active {
  -webkit-animation-name: NotificationFadeIn;
  animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
  animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }

  to {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }

  to {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button + .el-button {
  margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}

.el-button:active {
  color: #3a8ee6;
  border-color: #3a8ee6;
  outline: 0;
}

.el-button::-moz-focus-inner {
  border: 0;
}

.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
  color: #3a8ee6;
  border-color: #3a8ee6;
}

.el-button.is-plain:active {
  background: #fff;
  outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
}

.el-button.is-disabled.el-button--text {
  background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}

.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}

.el-button--primary:active {
  outline: 0;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: #a0cfff;
  border-color: #a0cfff;
}

.el-button--primary.is-plain {
  color: #409eff;
  background: #ecf5ff;
  border-color: #b3d8ff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
}

.el-button--primary.is-plain:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
  color: #8cc5ff;
  background-color: #ecf5ff;
  border-color: #d9ecff;
}

.el-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
}

.el-button--success:active {
  outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
}

.el-button--success.is-plain {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
}

.el-button--warning:active {
  outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
}

.el-button--warning.is-plain {
  color: #e6a23c;
  background: #fdf6ec;
  border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
}

.el-button--danger:active {
  outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
}

.el-button--danger.is-plain {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
}

.el-button--info:active {
  outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}

.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button--mini,
.el-button--small {
  font-size: 12px;
  border-radius: 3px;
}

.el-button--medium.is-round {
  padding: 10px 20px;
}

.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small,
.el-button--small.is-round {
  padding: 9px 15px;
}

.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
  padding: 7px 15px;
}

.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #409eff;
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
  color: #66b1ff;
  border-color: transparent;
  background-color: transparent;
}

.el-button--text:active {
  color: #3a8ee6;
  background-color: transparent;
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
  border-color: transparent;
}

.el-button-group .el-button--danger:last-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:last-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:last-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:last-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:last-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child),
.el-button-group > .el-dropdown > .el-button {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:first-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:first-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:first-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:first-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
  display: table;
  content: "";
}

.el-button-group:after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}

.el-button-group > .el-button + .el-button {
  margin-left: 0;
}

.el-button-group > .el-button.is-disabled {
  z-index: 1;
}

.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
  border-radius: 4px;
}

.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}

.el-button-group > .el-button.is-active,
.el-button-group > .el-button:not(.is-disabled):active,
.el-button-group > .el-button:not(.is-disabled):focus,
.el-button-group > .el-button:not(.is-disabled):hover {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input__inner,
.el-textarea__inner {
  background-image: none;
  -webkit-box-sizing: border-box;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #409eff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__prefix,
.el-input__suffix {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  text-align: center;
  height: 100%;
  color: #c0c4cc;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #409eff;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-card {
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
}

.el-card__body {
  padding: 20px;
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
  outline-width: 0;
}

.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}

.el-tooltip__popper .popper__arrow:after {
  content: " ";
  border-width: 5px;
}

.el-tooltip__popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper.is-dark {
  background: #303133;
  color: #fff;
}

.el-tooltip__popper.is-light {
  background: #fff;
  border: 1px solid #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  border-top-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow:after {
  border-top-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow:after {
  border-bottom-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
  border-left-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow:after {
  border-left-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
  border-right-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow:after {
  border-right-color: #fff;
}

.el-form--inline .el-form-item,
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}

.el-form-item:after,
.el-form-item__content:after {
  clear: both;
}

.el-form--label-left .el-form-item__label {
  text-align: left;
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px;
}

.el-form--inline .el-form-item {
  margin-right: 10px;
}

.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}

.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}

.el-form-item:after,
.el-form-item:before,
.el-form-item__content:after,
.el-form-item__content:before {
  display: table;
  content: "";
}

.el-form-item {
  margin-bottom: 22px;
}

.el-form-item .el-form-item {
  margin-bottom: 0;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}

.el-form-item .el-input__validateIcon {
  display: none;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
  line-height: 36px;
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
  line-height: 32px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
  line-height: 28px;
}

.el-form-item--mini .el-form-item__error {
  padding-top: 1px;
}

.el-form-item__label-wrap {
  float: left;
}

.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none;
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}

.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}

.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk)
  .el-form-item__label-wrap
  > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f56c6c;
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent;
}

.el-form-item.is-error .el-input__validateIcon {
  color: #f56c6c;
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block;
}

.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 2px;
  color: #333;
  background-color: #fff;
  border: 1px solid #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: 2px;
}

.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 2px;
}

.ant-btn > a:only-child {
  color: currentColor;
}

.ant-btn > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn:focus,
.ant-btn:hover {
  color: #5f93fa;
  background-color: #fff;
  border-color: #5f93fa;
}

.ant-btn:focus > a:only-child,
.ant-btn:hover > a:only-child {
  color: currentColor;
}

.ant-btn:focus > a:only-child:after,
.ant-btn:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn.active,
.ant-btn:active {
  color: #224ec7;
  background-color: #fff;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-disabled,
.ant-btn-disabled.active,
.ant-btn-disabled:active,
.ant-btn-disabled:focus,
.ant-btn-disabled:hover,
.ant-btn.disabled,
.ant-btn.disabled.active,
.ant-btn.disabled:active,
.ant-btn.disabled:focus,
.ant-btn.disabled:hover,
.ant-btn[disabled],
.ant-btn[disabled].active,
.ant-btn[disabled]:active,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-disabled.active > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn-disabled > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled].active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-disabled.active > a:only-child:after,
.ant-btn-disabled:active > a:only-child:after,
.ant-btn-disabled:focus > a:only-child:after,
.ant-btn-disabled:hover > a:only-child:after,
.ant-btn-disabled > a:only-child:after,
.ant-btn.disabled.active > a:only-child:after,
.ant-btn.disabled:active > a:only-child:after,
.ant-btn.disabled:focus > a:only-child:after,
.ant-btn.disabled:hover > a:only-child:after,
.ant-btn.disabled > a:only-child:after,
.ant-btn[disabled].active > a:only-child:after,
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn.active,
.ant-btn:active,
.ant-btn:focus,
.ant-btn:hover {
  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: #356dee;
  border-color: #356dee;
  text-shadow: none;
  box-shadow: none;
}

.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: 0 0;
  content: "";
}

.ant-btn-primary:focus,
.ant-btn-primary:hover {
  color: #fff;
  background-color: #5f93fa;
  border-color: #5f93fa;
}

.ant-btn-primary:focus > a:only-child,
.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}

.ant-btn-primary:focus > a:only-child:after,
.ant-btn-primary:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-primary.active,
.ant-btn-primary:active {
  color: #fff;
  background-color: #224ec7;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-primary-disabled,
.ant-btn-primary-disabled.active,
.ant-btn-primary-disabled:active,
.ant-btn-primary-disabled:focus,
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled,
.ant-btn-primary.disabled.active,
.ant-btn-primary.disabled:active,
.ant-btn-primary.disabled:focus,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled],
.ant-btn-primary[disabled].active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled].active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-primary-disabled.active > a:only-child:after,
.ant-btn-primary-disabled:active > a:only-child:after,
.ant-btn-primary-disabled:focus > a:only-child:after,
.ant-btn-primary-disabled:hover > a:only-child:after,
.ant-btn-primary-disabled > 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:focus > a:only-child:after,
.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-primary.disabled > 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]:focus > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #5f93fa;
  border-left-color: #5f93fa;
}

.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: #5f93fa;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary + .ant-btn-primary,
.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #5f93fa;
}

.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #d9d9d9;
}

.ant-btn-ghost {
  color: #333;
  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: 0 0;
  content: "";
}

.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
  color: #5f93fa;
  background-color: transparent;
  border-color: #5f93fa;
}

.ant-btn-ghost:focus > a:only-child,
.ant-btn-ghost:hover > a:only-child {
  color: currentColor;
}

.ant-btn-ghost:focus > a:only-child:after,
.ant-btn-ghost:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-ghost.active,
.ant-btn-ghost:active {
  color: #224ec7;
  background-color: transparent;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-ghost-disabled,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled].active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-ghost-disabled.active > a:only-child:after,
.ant-btn-ghost-disabled:active > a:only-child:after,
.ant-btn-ghost-disabled:focus > a:only-child:after,
.ant-btn-ghost-disabled:hover > a:only-child:after,
.ant-btn-ghost-disabled > 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:focus > a:only-child:after,
.ant-btn-ghost.disabled:hover > a:only-child:after,
.ant-btn-ghost.disabled > 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]:focus > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-dashed {
  color: #333;
  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: 0 0;
  content: "";
}

.ant-btn-dashed:focus,
.ant-btn-dashed:hover {
  color: #5f93fa;
  background-color: #fff;
  border-color: #5f93fa;
}

.ant-btn-dashed:focus > a:only-child,
.ant-btn-dashed:hover > a:only-child {
  color: currentColor;
}

.ant-btn-dashed:focus > a:only-child:after,
.ant-btn-dashed:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-dashed.active,
.ant-btn-dashed:active {
  color: #224ec7;
  background-color: #fff;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-dashed-disabled,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled].active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-dashed-disabled.active > a:only-child:after,
.ant-btn-dashed-disabled:active > a:only-child:after,
.ant-btn-dashed-disabled:focus > a:only-child:after,
.ant-btn-dashed-disabled:hover > a:only-child:after,
.ant-btn-dashed-disabled > 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:focus > a:only-child:after,
.ant-btn-dashed.disabled:hover > a:only-child:after,
.ant-btn-dashed.disabled > 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]:focus > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
  box-shadow: none;
}

.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: 0 0;
  content: "";
}

.ant-btn-danger:focus,
.ant-btn-danger:hover {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}

.ant-btn-danger:focus > a:only-child,
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}

.ant-btn-danger:focus > a:only-child:after,
.ant-btn-danger:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  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: 0 0;
  content: "";
}

.ant-btn-danger-disabled,
.ant-btn-danger-disabled.active,
.ant-btn-danger-disabled:active,
.ant-btn-danger-disabled:focus,
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled,
.ant-btn-danger.disabled.active,
.ant-btn-danger.disabled:active,
.ant-btn-danger.disabled:focus,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled],
.ant-btn-danger[disabled].active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled].active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-danger-disabled.active > a:only-child:after,
.ant-btn-danger-disabled:active > a:only-child:after,
.ant-btn-danger-disabled:focus > a:only-child:after,
.ant-btn-danger-disabled:hover > a:only-child:after,
.ant-btn-danger-disabled > 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:focus > a:only-child:after,
.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-danger.disabled > 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]:focus > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-link {
  color: #666;
  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: 0 0;
  content: "";
}

.ant-btn-link:focus,
.ant-btn-link:hover {
  color: #5f93fa;
  background-color: transparent;
  border-color: #5f93fa;
}

.ant-btn-link:focus > a:only-child,
.ant-btn-link:hover > a:only-child {
  color: currentColor;
}

.ant-btn-link:focus > a:only-child:after,
.ant-btn-link:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-link.active,
.ant-btn-link:active {
  color: #224ec7;
  background-color: transparent;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-link-disabled,
.ant-btn-link-disabled.active,
.ant-btn-link-disabled:active,
.ant-btn-link-disabled:focus,
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled,
.ant-btn-link.disabled.active,
.ant-btn-link.disabled:active,
.ant-btn-link.disabled:focus,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled],
.ant-btn-link[disabled].active,
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.ant-btn-link:active,
.ant-btn-link:focus,
.ant-btn-link:hover {
  border-color: transparent;
}

.ant-btn-link-disabled,
.ant-btn-link-disabled.active,
.ant-btn-link-disabled:active,
.ant-btn-link-disabled:focus,
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled,
.ant-btn-link.disabled.active,
.ant-btn-link.disabled:active,
.ant-btn-link.disabled:focus,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled],
.ant-btn-link[disabled].active,
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled].active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}

.ant-btn-link-disabled.active > a:only-child:after,
.ant-btn-link-disabled:active > a:only-child:after,
.ant-btn-link-disabled:focus > a:only-child:after,
.ant-btn-link-disabled:hover > a:only-child:after,
.ant-btn-link-disabled > 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:focus > a:only-child:after,
.ant-btn-link.disabled:hover > a:only-child:after,
.ant-btn-link.disabled > 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]:focus > a:only-child:after,
.ant-btn-link[disabled]:hover > a:only-child:after,
.ant-btn-link[disabled] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 2px;
}

.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 2px;
}

.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 2px;
}

.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-outline.ant-btn-lg,
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}

.ant-btn-circle-outline.ant-btn-sm,
.ant-btn-circle.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-minus > svg,
.ant-btn .anticon.anticon-plus > 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 {
  display: inline-block;
}

.ant-btn-group,
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}

.ant-btn-group > .ant-btn.active,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn.active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:hover {
  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 + .ant-btn-group,
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group span + .ant-btn,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group,
.ant-btn-group > span + span {
  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,
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}

.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: 2px;
  border-bottom-left-radius: 2px;
}

.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: 2px;
  border-bottom-right-radius: 2px;
}

.ant-btn-group-sm > .ant-btn:only-child,
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}

.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: 2px;
  border-bottom-left-radius: 2px;
}

.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: 2px;
  border-bottom-right-radius: 2px;
}

.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:active > span,
.ant-btn:focus > span {
  position: relative;
}

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}

.ant-btn-background-ghost {
  color: #fff;
  background: 0 0 !important;
  border-color: #fff;
}

.ant-btn-background-ghost.ant-btn-primary {
  color: #356dee;
  background-color: transparent;
  border-color: #356dee;
  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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-primary:focus,
.ant-btn-background-ghost.ant-btn-primary:hover {
  color: #5f93fa;
  background-color: transparent;
  border-color: #5f93fa;
}

.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-primary.active,
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #224ec7;
  background-color: transparent;
  border-color: #224ec7;
}

.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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-primary-disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.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]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
  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.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled > 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:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > 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]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}

.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:focus > 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 > 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:focus > 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 > 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]:focus > 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] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-danger:focus,
.ant-btn-background-ghost.ant-btn-danger:hover {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}

.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-danger-disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.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]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
  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.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled > 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:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > 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]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}

.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:focus > 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 > 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:focus > 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 > 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]:focus > 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] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-link {
  color: #666;
  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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-link:focus,
.ant-btn-background-ghost.ant-btn-link:hover {
  color: #736c6c;
  background-color: transparent;
  border-color: transparent;
}

.ant-btn-background-ghost.ant-btn-link:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-link:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-link.active,
.ant-btn-background-ghost.ant-btn-link:active {
  color: #403c3c;
  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: 0 0;
  content: "";
}

.ant-btn-background-ghost.ant-btn-link-disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled,
.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:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled],
.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]:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover {
  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.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled > 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:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > 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]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}

.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:focus > 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 > 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:focus > 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 > 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]:focus > 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] > a:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  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-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  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-footer,
.ant-layout-header {
  flex: 0 0 auto;
}

.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}

.ant-layout-footer {
  padding: 24px 50px;
  color: #333;
  font-size: 14px;
  background: #f0f2f5;
}

.ant-layout-content {
  flex: auto;
  min-height: 0;
}

.ant-layout-sider {
  position: relative;
  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 2px 2px 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: 2px 0 0 2px;
}

.ant-layout-sider-light {
  background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-trigger,
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #333;
  background: #fff;
}

.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: absolute;
  display: none;
  color: #356dee;
  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;
}
.idaas-login-wrapper[data-v-38002950] {
  position: relative;
  width: 360px;
  height: 400px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(37, 56, 108, 0.05),
    0 12px 20px 0 rgba(49, 70, 125, 0.08);
  box-sizing: border-box;
}
.idaas-login-wrapper .text[data-v-38002950] {
  background: url(//s1.ssl.qhres2.com/static/deaf65301b45fbbb.svg) no-repeat;
  background-size: 100%;
  width: 104px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 64px;
  font-size: 12px;
  color: #fff;
  box-sizing: border-box;
  padding-left: 8px;
  line-height: 24px;
  z-index: 999;
}
.idaas-login-wrapper .qrcode[data-v-38002950] {
  background: url(//s4.ssl.qhres2.com/static/860ecba2a0502f09.svg) no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9;
  cursor: pointer;
}
.idaas-login-wrapper .bcg[data-v-38002950] {
  background: url(//p2.ssl.qhimg.com/t017ae2ecec5379f37a.png) no-repeat;
  background-size: 100%;
  width: 68px;
  height: 68px;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 99;
  pointer-events: none;
}
.idaas-login-wrapper .login-method[data-v-38002950] {
  color: #191919;
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 47px 58px 30px 59px;
}
.idaas-login-wrapper .form[data-v-38002950] {
  padding: 0 30px;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
}
.ant-form-item {
  box-sizing: border-box;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  margin: 0 0 24px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.idaas-login-wrapper .form .sms-verification-code[data-v-38002950] {
  width: 180px;
}
.idaas-login-wrapper .form .get-verification-code[data-v-38002950] {
  width: 110px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 4px;
  margin-left: -5px;
}
.idaas-login-wrapper .sysVerificationCodeLoginTip[data-v-38002950] {
  height: 20px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #999;
  text-align: center;
}
.idaas-login-wrapper .form .login-button[data-v-38002950] {
  font-size: 18px;
  height: 42px;
  font-family: PingFang SC;
  font-weight: 600;
  color: #fff;
  border: none;
  /* margin-top: 20px; */
}
.idaas-login-wrapper .form .login-button[data-v-38002950] {
  border-radius: 2px;
  width: 100%;
}
.get-verification-code-wrapper[data-v-888a91c4] {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  width: 102px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-left: none;
  border-radius: 0 2px 2px 0;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #356dee;
}
.idaas-login-wrapper .login-method .active[data-v-38002950] {
  color: #356dee;
  position: relative;
}
.idaas-login-wrapper .login-method .login-method-separate[data-v-38002950] {
  width: 1px;
  height: 16px;
  background: #d9d9d9;
  margin: 0 16px;
}
.idaas-login-wrapper .login-method .login-method__item[data-v-38002950] {
  cursor: pointer;
  z-index: 999;
}
.idaas-login-wrapper .login-method .login-method__item:hover[data-v-38002950] {
  color: #356dee;
  cursor: pointer;
  z-index: 999;
}
.idaas-login-wrapper .login-method .active .underline[data-v-38002950] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #356dee;
}

.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;
  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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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: #356dee;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s linear infinite alternate;
  animation: antSpinMove 1s linear infinite alternate;
}

.ant-spin-dot-item:first-child {
  top: 0;
  left: 0;
}

.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.ant-spin-dot-spin {
  transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s linear infinite;
  animation: antRotate 1.2s linear infinite;
}

.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 (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}

@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}

@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}

.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 2px 0 0;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px 2px 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: #356dee;
  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: #356dee;
  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: #333;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 1px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #356dee;
  border-color: #356dee;
}

.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: 2px 0 0 2px;
}

.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 2px 2px 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 2px 2px;
}

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #356dee;
}

.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.ant-tabs:after,
.ant-tabs:before {
  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: #356dee;
  transform-origin: 0 0;
}

.ant-tabs-bar {
  margin: 0 0 16px;
  border-bottom: 1px solid #e8e8e8;
  outline: 0;
}

.ant-tabs-bar,
.ant-tabs-nav-container {
  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;
  zoom: 1;
}

.ant-tabs-nav-container:after,
.ant-tabs-nav-container:before {
  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-next,
.ant-tabs-tab-prev {
  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);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-tabs-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}

.ant-tabs-tab-next:hover,
.ant-tabs-tab-prev:hover {
  color: #333;
}

.ant-tabs-tab-next-icon,
.ant-tabs-tab-prev-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}

.ant-tabs-tab-next-icon-target,
.ant-tabs-tab-prev-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-tabs-tab-next-icon-target,
:root .ant-tabs-tab-prev-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:after,
.ant-tabs-nav:before {
  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: 2px 2px 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: #5f93fa;
}

.ant-tabs-nav .ant-tabs-tab:active {
  color: #224ec7;
}

.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}

.ant-tabs-nav .ant-tabs-tab-active {
  color: #356dee;
  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-bottom-content,
.ant-tabs .ant-tabs-top-content {
  width: 100%;
}

.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}

.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-top-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;
  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-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.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,
.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,
.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-bottom .ant-tabs-ink-bar-animated,
.ant-tabs-top .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);
}

.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated,
.no-flex > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}

.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.no-flex > .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-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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-rightBottom,
.ant-tooltip-placement-rightTop {
  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-leftBottom,
.ant-tooltip-placement-leftTop {
  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: 2px;
  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: 0 0;
  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-rightBottom .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  left: -5.07106781px;
}

.ant-tooltip-placement-right .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightTop .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-leftBottom .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  right: -5.07106781px;
}

.ant-tooltip-placement-left .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftTop .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-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: 400;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ant-popover:after {
  position: absolute;
  background: hsla(0, 0%, 100%, 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-rightBottom,
.ant-popover-placement-rightTop {
  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-leftBottom,
.ant-popover-placement-leftTop {
  padding-right: 10px;
}

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .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: #333;
}

.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #333;
  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: 0 0;
  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-color: transparent #fff #fff 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-rightBottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-color: transparent transparent #fff #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-color: #fff transparent transparent #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-leftBottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-color: #fff #fff transparent 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-menu {
  box-sizing: border-box;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: "tnum", "tnum";
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  zoom: 1;
}

.ant-menu:after,
.ant-menu:before {
  display: table;
  content: "";
}

.ant-menu:after {
  clear: both;
}

.ant-menu ol,
.ant-menu ul {
  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: #356dee;
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f0f7ff;
}

.ant-menu-submenu .ant-menu-sub {
  cursor: auto;
  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: #333;
}

.ant-menu-item > a:hover {
  color: #356dee;
}

.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: #333;
}

.ant-menu-item > .ant-badge > a:hover {
  color: #356dee;
}

.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-menu-item-active,
.ant-menu-item:hover,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  color: #356dee;
}

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}

.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}

.ant-menu-item-selected,
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #356dee;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f0f7ff;
}
.header-contact {
  margin-right: -32px;
  line-height: 58px;
}
.header-contact a img{
  margin: 0 5px;
  border-radius: 50%;
  background-color: #000;
}

.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-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub,
.ant-menu-vertical.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}

.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-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
  border-right: 0;
}

.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.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: 2px;
}

.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: 2px;
}

.ant-menu-submenu > .ant-menu-submenu-title:after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-inline > .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-vertical > .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-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu-submenu-vertical-right
  > .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
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background-image: linear-gradient(90deg, #333, #333);
  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-inline
  > .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-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(45deg) translateY(-2px);
}

.ant-menu-submenu-inline
  > .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-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(-45deg) translateY(2px);
}

.ant-menu-submenu-inline
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before {
  background: linear-gradient(90deg, #356dee, #356dee);
}

.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 .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #356dee;
}

.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-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-horizontal > .ant-menu-submenu:hover {
  color: #356dee;
  border-bottom: 2px solid #356dee;
}

.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: #333;
}

.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #356dee;
}

.ant-menu-horizontal > .ant-menu-item > a:before {
  bottom: -2px;
}

/* .ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #356dee;
} */

.ant-menu-horizontal:after {
  display: block;
  clear: both;
  height: 0;
  content: "\20";
}

.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item {
  position: relative;
}

.ant-menu-inline .ant-menu-item:after,
.ant-menu-vertical .ant-menu-item:after,
.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-vertical-right .ant-menu-item:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #356dee;
  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-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .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-inline .ant-menu-submenu,
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu {
  padding-bottom: 0.02px;
}

.ant-menu-inline .ant-menu-item:not(:last-child),
.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) {
  margin-bottom: 8px;
}

.ant-menu-inline > .ant-menu-item,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}

.ant-menu-inline {
  width: 100%;
}

.ant-menu-inline .ant-menu-item-selected:after,
.ant-menu-inline .ant-menu-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: hsla(0, 0%, 100%, 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-inline,
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right {
  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: 0 0;
  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:after,
.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:after,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: rgba(0, 0, 0, 0.25) !important;
}

.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: hsla(0, 0%, 100%, 0.65);
  background: #001529;
}

.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}

.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  background: #fff;
}

.ant-menu-dark.ant-menu-submenu-popup {
  background: 0 0;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45);
}

.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: hsla(0, 0%, 100%, 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-active,
.ant-menu-dark .ant-menu-item:hover,
.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-active > a,
.ant-menu-dark .ant-menu-item:hover > 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-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item-active
  > .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:hover
  > .ant-menu-submenu-title
  > .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-active
  > .ant-menu-submenu-title
  > .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-open
  > .ant-menu-submenu-title
  > .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-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow {
  opacity: 1;
}

.ant-menu-dark
  .ant-menu-item-active
  > .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:before,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-active
  > .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:after,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .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-submenu-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:before,
.ant-menu-dark
  .ant-menu-submenu-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:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .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:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .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: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 .anticon,
.ant-menu-dark .ant-menu-item-selected .anticon + span,
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}

.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: #356dee;
}

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.35) !important;
}

.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: hsla(0, 0%, 100%, 0.35) !important;
}

@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}

.ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
  border-color: #356dee;
}

.ant-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #356dee;
  border-radius: 1px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: "";
}

.ant-checkbox-wrapper:hover .ant-checkbox:after,
.ant-checkbox:hover: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: 1px;
  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: #356dee;
  border-color: #356dee;
}

.ant-checkbox-disabled {
  cursor: not-allowed;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  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;
  -webkit-animation-name: none;
  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: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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: #356dee;
  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-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  display: inline-block;
}

.ant-radio-wrapper {
  margin: 0 8px 0 0;
}

.ant-radio,
.ant-radio-wrapper {
  box-sizing: border-box;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}

.ant-radio {
  margin: 0;
  line-height: 1;
  vertical-align: sub;
  outline: 0;
}

.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
  border-color: #356dee;
}

.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(53, 109, 238, 0.08);
}

.ant-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #356dee;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
  animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}

.ant-radio-wrapper:hover .ant-radio:after,
.ant-radio:hover:after {
  visibility: visible;
}

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  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: #356dee;
  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: #356dee;
}

.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: #333;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1.02px solid #d9d9d9;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}

.ant-radio-button-wrapper a {
  color: #333;
}

.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: 2px 0 0 2px;
}

.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}

.ant-radio-button-wrapper:hover {
  position: relative;
  color: #356dee;
}

.ant-radio-button-wrapper[focus-within] {
  outline: 3px solid rgba(53, 109, 238, 0.06);
}

.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(53, 109, 238, 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: #356dee;
  background: #fff;
  border-color: #356dee;
  box-shadow: -1px 0 0 0 #356dee;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):before {
  background-color: #356dee !important;
  opacity: 0.1;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):first-child {
  border-color: #356dee;
  box-shadow: none !important;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  color: #5f93fa;
  border-color: #5f93fa;
  box-shadow: -1px 0 0 0 #5f93fa;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  color: #224ec7;
  border-color: #224ec7;
  box-shadow: -1px 0 0 0 #224ec7;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  )[focus-within] {
  outline: 3px solid rgba(53, 109, 238, 0.06);
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  outline: 3px solid rgba(53, 109, 238, 0.06);
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #356dee;
  border-color: #356dee;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  color: #fff;
  background: #5f93fa;
  border-color: #5f93fa;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  color: #fff;
  background: #224ec7;
  border-color: #224ec7;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  )[focus-within] {
  outline: 3px solid rgba(53, 109, 238, 0.06);
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  outline: 3px solid rgba(53, 109, 238, 0.06);
}

.ant-radio-button-wrapper-disabled {
  cursor: not-allowed;
}

.ant-radio-button-wrapper-disabled,
.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;
}

@-webkit-keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

@supports (-moz-appearance: meterbar) and
  (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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: 400;
  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 .ant-scroll-number-custom-component,
.ant-badge-count,
.ant-badge-dot {
  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%;
  -webkit-animation: antStatusProcessing 1.2s ease-in-out infinite;
  animation: antStatusProcessing 1.2s ease-in-out infinite;
  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-magenta,
.ant-badge-status-pink {
  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: #333;
  font-size: 14px;
}

.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ant-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
  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;
}

@-webkit-keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }

  to {
    transform: scale(2.4);
    opacity: 0;
  }
}

@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }

  to {
    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;
}

@-webkit-keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }

  to {
    transform: scale(1) translate(50%, -50%);
  }
}

@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }

  to {
    transform: scale(1) translate(50%, -50%);
  }
}

@-webkit-keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }

  to {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }

  to {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
}

.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  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: 0;
}

.ant-carousel .slick-list.dragging {
  cursor: pointer;
}

.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}

.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide input.ant-radio-input {
  visibility: hidden;
}

.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}

.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
  visibility: visible;
}

.ant-carousel .slick-slider .slick-list,
.ant-carousel .slick-slider .slick-track {
  transform: translateZ(0);
}

.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.ant-carousel .slick-track:after,
.ant-carousel .slick-track:before {
  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-next,
.ant-carousel .slick-prev {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  cursor: pointer;
}

.ant-carousel .slick-next,
.ant-carousel .slick-next:focus,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-prev:hover {
  color: transparent;
  background: 0 0;
  outline: 0;
}

.ant-carousel .slick-next:focus:before,
.ant-carousel .slick-next:hover:before,
.ant-carousel .slick-prev:focus:before,
.ant-carousel .slick-prev:hover:before {
  opacity: 1;
}

.ant-carousel .slick-next.slick-disabled:before,
.ant-carousel .slick-prev.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: 0;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}

.ant-carousel .slick-dots li button:focus,
.ant-carousel .slick-dots li button:hover {
  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:focus,
.ant-carousel .slick-dots li.slick-active button:hover {
  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-timeline {
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: "tnum", "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: 90%;
  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: #356dee;
  border-color: #356dee;
}

.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-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
  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: 46%;
  width: 36%;
  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: 38%;
  margin: 0;
  text-align: right;
}

.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,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-tail {
  left: 94%;
}

.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  width: 82%;
}

.ant-timeline.ant-timeline-pending
  .ant-timeline-item-last
  .ant-timeline-item-tail {
  display: block;
  height: 86%;
  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: 85%;
  border-left: 2px dotted #e8e8e8;
}

.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-content {
  min-height: 48px;
}

.ant-space {
  display: inline-flex;
}

.ant-space-vertical {
  flex-direction: column;
}

.ant-space-align-center {
  align-items: center;
}

.ant-space-align-start {
  align-items: flex-start;
}

.ant-space-align-end {
  align-items: flex-end;
}

.ant-space-align-baseline {
  align-items: baseline;
}

.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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="checkbox"],
.ant-form input[type="radio"] {
  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="checkbox"]:focus,
.ant-form input[type="file"]:focus,
.ant-form input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ant-form output {
  display: block;
  padding-top: 15px;
  color: #333;
  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;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  margin: 0 0 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:after,
.ant-form-item-control:before {
  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 :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection__clear,
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear {
  right: 28px;
}

form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value,
form .has-feedback > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}

form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}

form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-cascader-picker-clear,
form
  .has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix,
form .has-feedback .ant-time-picker-clear,
form .has-feedback .ant-time-picker-icon {
  right: 28px;
}

form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}

form .ant-upload {
  background: 0 0;
}

form input[type="checkbox"],
form input[type="radio"] {
  width: 14px;
  height: 14px;
}

form .ant-checkbox-inline,
form .ant-radio-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

form .ant-checkbox-inline:first-child,
form .ant-radio-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-cascader-picker,
form .ant-select {
  width: 100%;
}

form .ant-input-group .ant-cascader-picker,
form .ant-input-group .ant-select {
  width: auto;
}

form .ant-input-group-wrapper,
form :not(.ant-input-group-wrapper) > .ant-input-group {
  display: inline-block;
  vertical-align: middle;
}

form:not(.ant-form-vertical) .ant-input-group-wrapper,
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group {
  position: relative;
  top: -1px;
}

.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label,
.ant-form-vertical .ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
}

.ant-col-24.ant-form-item-label label:after,
.ant-col-xl-24.ant-form-item-label label:after,
.ant-form-vertical .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-control-wrapper,
  .ant-form-item-label {
    display: block;
    width: 100%;
  }

  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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,
.ant-form-inline .has-feedback {
  display: inline-block;
}

.has-error.has-feedback .ant-form-item-children-icon,
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.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;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.has-error.has-feedback .ant-form-item-children-icon svg,
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.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;
  -webkit-animation-name: diffZoomIn1 !important;
  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;
  -webkit-animation-name: diffZoomIn3 !important;
  animation-name: diffZoomIn3 !important;
}

.has-warning .ant-select-selection,
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}

.has-warning .ant-select-focused .ant-select-selection,
.has-warning .ant-select-open .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-cascader-picker-arrow,
.has-warning .ant-picker-icon:after,
.has-warning .ant-select-arrow,
.has-warning .ant-time-picker-icon:after {
  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-input-number:focus,
.has-warning .ant-time-picker-input-focused,
.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;
  -webkit-animation-name: diffZoomIn2 !important;
  animation-name: diffZoomIn2 !important;
}

.has-error .ant-select-selection,
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}

.has-error .ant-select-focused .ant-select-selection,
.has-error .ant-select-open .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-cascader-picker-arrow,
.has-error .ant-picker-icon:after,
.has-error .ant-select-arrow,
.has-error .ant-time-picker-icon:after {
  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-input-number:focus,
.has-error .ant-time-picker-input-focused,
.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-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-cascader-picker:focus .ant-cascader-input,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus,
.has-error
  .ant-mention-wrapper.ant-mention-active:not([disabled])
  .ant-mention-editor {
  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,
.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: #5f93fa;
  border-right-width: 1px !important;
}

.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #5f93fa;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(53, 109, 238, 0.2);
}

.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #356dee;
}

.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}

.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}

.show-help-appear,
.show-help-enter,
.show-help-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.show-help-appear.show-help-appear-active,
.show-help-enter.show-help-enter-active {
  -webkit-animation-name: antShowHelpIn;
  animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
  animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.show-help-appear,
.show-help-enter {
  opacity: 0;
}

.show-help-appear,
.show-help-enter,
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@-webkit-keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  to {
    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:after,
.ant-row:before {
  display: table;
  content: "";
}

.ant-row + .ant-row:before,
.ant-row:after {
  clear: both;
}

.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}

.ant-row-flex:after,
.ant-row-flex:before {
  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-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-2,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-lg-1,
.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-2,
.ant-col-lg-20,
.ant-col-lg-21,
.ant-col-lg-22,
.ant-col-lg-23,
.ant-col-lg-24,
.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-md-1,
.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-2,
.ant-col-md-20,
.ant-col-md-21,
.ant-col-md-22,
.ant-col-md-23,
.ant-col-md-24,
.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-sm-1,
.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-2,
.ant-col-sm-20,
.ant-col-sm-21,
.ant-col-sm-22,
.ant-col-sm-23,
.ant-col-sm-24,
.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-xs-1,
.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-2,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24,
.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 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

.ant-col-1,
.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-2,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9 {
  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-offset-0 {
  margin-left: 0;
}

.ant-col-order-0 {
  order: 0;
}

.ant-col-xs-1,
.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-2,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24,
.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 {
  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-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-2,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24,
  .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 {
    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-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-2,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24,
  .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 {
    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-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-2,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24,
  .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 {
    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-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-2,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24,
  .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 {
    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-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-2,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24,
  .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 {
    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;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input:focus,
.ant-input:hover {
  border-color: #5f93fa;
  border-right-width: 1px !important;
}

.ant-input:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(53, 109, 238, 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: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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,
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}

.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  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-focused .ant-select-selection,
.ant-input-group-addon .ant-select-open .ant-select-selection {
  color: #356dee;
}

.ant-input-group-addon > i:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.ant-input-group-addon:first-child,
.ant-input-group-addon:first-child .ant-select .ant-select-selection,
.ant-input-group > .ant-input:first-child,
.ant-input-group > .ant-input: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-addon:last-child,
.ant-input-group-addon:last-child .ant-select .ant-select-selection,
.ant-input-group > .ant-input:last-child,
.ant-input-group > .ant-input: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:after,
.ant-input-group.ant-input-group-compact:before {
  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
  ):focus,
.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
  ):focus,
.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):focus,
.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 > * {
  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-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-focused,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input:hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker: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-select-auto-complete:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:first-child
  > .ant-select-selection,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker:first-child
  .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.ant-input-group.ant-input-group-compact
  > .ant-calendar-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-cascader-picker: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-select-auto-complete:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:last-child
  > .ant-select-selection,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker:last-child
  .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > :last-child {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input {
  vertical-align: top;
}

[dir="ltr"] .ant-input-group-wrapper {
  text-align: left;
}

[dir="rtl"] .ant-input-group-wrapper {
  text-align: right;
}

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

[dir="ltr"] .ant-input-affix-wrapper {
  text-align: left;
}

[dir="rtl"] .ant-input-affix-wrapper {
  text-align: right;
}

.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #5f93fa;
  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: #333;
  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: 6px;
}
.chat{
  position: relative;
  color: red;
}
.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-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: #333;
}

.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: #333;
}

.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 input + .ant-input-group-addon,
.ant-input-search-enter-button + .ant-input-group-addon {
  padding: 0;
  border: 0;
}

.ant-input-search-enter-button
  input
  + .ant-input-group-addon
  .ant-input-search-button,
.ant-input-search-enter-button
  + .ant-input-group-addon
  .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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="checkbox"],
.ant-form input[type="radio"] {
  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="checkbox"]:focus,
.ant-form input[type="file"]:focus,
.ant-form input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ant-form output {
  display: block;
  padding-top: 15px;
  color: #333;
  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;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  margin: 0 0 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:after,
.ant-form-item-control:before {
  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 :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection__clear,
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear {
  right: 28px;
}

form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value,
form .has-feedback > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}

form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}

form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-cascader-picker-clear,
form
  .has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix,
form .has-feedback .ant-time-picker-clear,
form .has-feedback .ant-time-picker-icon {
  right: 28px;
}

form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}

form .ant-upload {
  background: 0 0;
}

form input[type="checkbox"],
form input[type="radio"] {
  width: 14px;
  height: 14px;
}

form .ant-checkbox-inline,
form .ant-radio-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

form .ant-checkbox-inline:first-child,
form .ant-radio-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-cascader-picker,
form .ant-select {
  width: 100%;
}

form .ant-input-group .ant-cascader-picker,
form .ant-input-group .ant-select {
  width: auto;
}

form .ant-input-group-wrapper,
form :not(.ant-input-group-wrapper) > .ant-input-group {
  display: inline-block;
  vertical-align: middle;
}

form:not(.ant-form-vertical) .ant-input-group-wrapper,
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group {
  position: relative;
  top: -1px;
}

.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label,
.ant-form-vertical .ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
}

.ant-col-24.ant-form-item-label label:after,
.ant-col-xl-24.ant-form-item-label label:after,
.ant-form-vertical .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-control-wrapper,
  .ant-form-item-label {
    display: block;
    width: 100%;
  }

  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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,
.ant-form-inline .has-feedback {
  display: inline-block;
}

.has-error.has-feedback .ant-form-item-children-icon,
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.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;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.has-error.has-feedback .ant-form-item-children-icon svg,
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.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;
  -webkit-animation-name: diffZoomIn1 !important;
  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;
  -webkit-animation-name: diffZoomIn3 !important;
  animation-name: diffZoomIn3 !important;
}

.has-warning .ant-select-selection,
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}

.has-warning .ant-select-focused .ant-select-selection,
.has-warning .ant-select-open .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-cascader-picker-arrow,
.has-warning .ant-picker-icon:after,
.has-warning .ant-select-arrow,
.has-warning .ant-time-picker-icon:after {
  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-input-number:focus,
.has-warning .ant-time-picker-input-focused,
.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;
  -webkit-animation-name: diffZoomIn2 !important;
  animation-name: diffZoomIn2 !important;
}

.has-error .ant-select-selection,
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}

.has-error .ant-select-focused .ant-select-selection,
.has-error .ant-select-open .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-cascader-picker-arrow,
.has-error .ant-picker-icon:after,
.has-error .ant-select-arrow,
.has-error .ant-time-picker-icon:after {
  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-input-number:focus,
.has-error .ant-time-picker-input-focused,
.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-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-cascader-picker:focus .ant-cascader-input,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus,
.has-error
  .ant-mention-wrapper.ant-mention-active:not([disabled])
  .ant-mention-editor {
  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,
.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: #5f93fa;
  border-right-width: 1px !important;
}

.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #5f93fa;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(53, 109, 238, 0.2);
}

.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #356dee;
}

.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}

.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}

.show-help-appear,
.show-help-enter,
.show-help-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.show-help-appear.show-help-appear-active,
.show-help-enter.show-help-enter-active {
  -webkit-animation-name: antShowHelpIn;
  animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
  animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.show-help-appear,
.show-help-enter {
  opacity: 0;
}

.show-help-appear,
.show-help-enter,
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@-webkit-keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum", "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: 2px;
  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;
  -webkit-animation-name: MessageMoveOut;
  animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }

  to {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }

  to {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #000;
  z-index: 999999;
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}

.nuxt-progress-failed {
  background-color: red;
}

[data-v-1daec07b] .home-footer .policy-inner {
  padding-bottom: 110px !important;
}

[data-v-1daec07b] .home-footer .container {
  width: 1200px !important;
}

.header[data-v-3c3971fa] {
  position: fixed;
  width: 100%;
  height: 60px;
  line-height: 60px;
  z-index: 999999;
  transition: all 0.3s;
  box-shadow: 0 8px 16px -8px rgba(26, 34, 51, 0.15);
  background-color: #fff;
}

.header.blur[data-v-3c3971fa] {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #fff;
  box-shadow: none;
}

.header[data-v-3c3971fa]:hover {
  box-shadow: 0 8px 16px -8px rgba(26, 34, 51, 0.15);
  background-color: #fff;
}

.wrapper[data-v-3c3971fa] {
  display: flex;
  margin: 0 auto;
  width: 1280px;
  height: 60px;
  align-items: center;
  font-size: 16px;
}

.wrapper .logo[data-v-3c3971fa] {
  align-items: center;
  width: 50px;
  height: 50px;
}
/* .wrapper  .logo-style{
  width: 450px;
  height: 60px;
} */
.wrapper  .logo-style .logo-title {
  display: inline-block;
  width: 200px;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
}
.wrapper .logo-style .logo-text {
  display: inline-block;
  width: 220px;
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
  margin-left: 5px;
  font-size: 16px;
  background: red;
  color: #fff;
  border-radius: 6px;
}
.wrapper .esc-entry-btn[data-v-3c3971fa] {
  width: 120px;
  height: 40px;
  border-radius: 4px;
}

#header_menu[data-v-074708ca] {
  margin: 0 auto;
  border: none;
  background: 0 0;
}

#header_menu.theme-default .ant-menu-item[data-v-074708ca] {
  font-size: 14px;
  color: #fff;
}

#header_menu.theme-default
  .ant-menu-horizontal
  > .ant-menu-item
  > a[data-v-074708ca]:hover {
  color: #fff !important;
}

#header_menu.theme-black .ant-menu-item[data-v-074708ca] {
  font-size: 16px;
  color: #191919;
}

#header_menu.theme-black .ant-menu-item > a[data-v-074708ca] {
  color: #191919 !important;
}

#header_menu.theme-black .ant-menu-item[data-v-074708ca]:hover {
  color: #356dee;
}

#header_menu.theme-black .ant-menu-item:hover > a[data-v-074708ca],
#header_menu.theme-black .introduce[data-v-074708ca]:hover {
  color: #356dee !important;
}

#header_menu.theme-black .introduce[data-v-074708ca] {
  color: #191919 !important;
}

#header_menu > .ant-menu-submenu[data-v-074708ca] {
  margin: 0 12px;
}

#header_menu > .ant-menu-submenu > .ant-menu-submenu-title[data-v-074708ca] {
  padding: 0 8px;
}

.ant-menu-item[data-v-074708ca] {
  margin: 0 21px;
  padding: 0;
  height: 60px;
  line-height: 60px;
}

.introduce[data-v-074708ca] {
  position: relative;
  color: #e8ebf5 !important;
  padding-left: 5px;
  padding-right: 5px;
}

.introduce svg[data-v-074708ca] {
  margin-top: -1px;
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
  vertical-align: middle;
}

.introduce[data-v-074708ca]:hover {
  color: #fff !important;
}

.introduce:hover .productIntroduce[data-v-074708ca] {
  display: block;
}
.productIntroduce[data-v-44683f6c] {
  display: none;
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  height: 420px;
  box-sizing: border-box;
  border-top: 1px solid #f0f1f2;
  box-shadow: 0 5px 5px 0 rgba(100, 105, 117, 0.2),
    0 4px 6px 0 rgba(221, 225, 232, 0.5);
  background: url(https://p5.ssl.qhimg.com/t01a9d747a5b272d6cb.png) no-repeat
    100% 100% #f9faff;
  background-size: cover;
}
.productIntroduce[data-v-44683f6c] .hgzh{
  width: 100px;
  height: 100px;
  
}
.productIntroduce[data-v-44683f6c].ooo{
  width: 150px;
  height: 160px;
  text-align: center;
  padding-top: 15px;
  margin-left: 60%;
  margin-top: 10px;
  line-height: 40px;
  background: #000;
  color: #fff;
}
.icon{
  margin-top: 10px;
}
.productIntroduce[data-v-44683f6c].teltphone{
  width: 200px;
  height: 40px;
  text-align: center;
  margin-left: 56%;
  margin-top: 10px;
  line-height: 40px;
  font-size: 25px;
  font-weight: bold;
  background: #000;
  color: #fff;
}
/* .productIntroduce[data-v-44683f6c].teltphone{
  width: 200px;
  height: 120px;
  margin: 0 auto;
} */
.productIntroduce .menu-wrap[data-v-44683f6c] {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  z-index: 9999;
}
.productIntroduce .menu-wrap .menu-left[data-v-44683f6c] {
  min-width: 170px;
  position: relative;
  height: 100%;
  background: #f9faff;
  padding: 20px 5px 10px 0;
}
.productIntroduce .menu-wrap .menu-left .menu-left-wrap[data-v-44683f6c] {
  overflow: auto;
  height: inherit;
  float: right;
}
.productIntroduce .menu-wrap .menu-left[data-v-44683f6c]:after {
  content: "";
  width: 500px;
  height: 418px;
  position: absolute;
  background: #f9faff;
  top: 0;
  right: 175px;
}
.productIntroduce
  .menu-wrap
  .menu-left
  .menu-left-item.active[data-v-44683f6c] {
  height: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  color: #356dee;
}
.productIntroduce
  .menu-wrap
  .menu-left
  .menu-left-item:hover[data-v-44683f6c]{
    font-size: 20px;
    font-weight: 600;
    color: #356dee;
  }
.productIntroduce .menu-wrap .menu-left .menu-left-item[data-v-44683f6c] {
  display: flex;
  align-items: center;
  width: 170px;
  height: 46px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s;
}
.productIntroduce
  .menu-wrap
  .menu-left
  .menu-left-item
  .menu-left-item-title[data-v-44683f6c] {
  position: relative;
  line-height: 1;
}
.productIntroduce .menu-wrap .menu-left .menu-left-item img[data-v-44683f6c] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.productIntroduce
  .menu-wrap
  .menu-left
  .menu-left-item
  .menu-left-item-title[data-v-44683f6c]:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: -8px;
  left: 0;
  opacity: 0;
  border-bottom: 2px solid #356dee;
  transition: all 0.3s linear;
}
.productIntroduce .menu-wrap .menu-right[data-v-44683f6c] {
  flex: 1;
  height: 100%;
  min-width: 0;
  padding-top: 25px;
  padding-left: 45px;
}
.productIntroduce .menu-wrap .menu-right .menu-right-contain[data-v-44683f6c] {
  width: 980px;
  height: 100%;
  white-space: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productIntroduce .menu-wrap .menu-right .menu-right-item[data-v-44683f6c] {
  display: inline-flex;
  width: 280px;
  height: 150px;
  border-radius: 2px;
  margin-bottom: 16px;
  padding: 25px 35px 0 48px;
  border: 1px solid transparent;
  cursor: pointer;
}
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item.active[data-v-44683f6c],
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item[data-v-44683f6c]:hover {
  background: linear-gradient(180deg, #fff, rgba(238, 241, 249, 0));
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item
  .item-title
  img[data-v-44683f6c] {
  margin-left: 10px;
  width: 36px;
}
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item
  .item-title[data-v-44683f6c] {
  font-size: 16px;
  font-weight: 600;
  color: #111;
  position: relative;
  margin-bottom: 8px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.hot[data-v-44683f6c] {
  width: 29px;
  height: 14px;
}
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item
  .item-desc[data-v-44683f6c] {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.productIntroduce
  .menu-wrap
  .menu-right
  .menu-right-item
  .item-title[data-v-44683f6c]:before {
  content: "";
  position: absolute;
  left: -16px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #111;
  top: 6px;
}

.introduce:hover svg[data-v-074708ca] {
  transform: rotate(180deg);
}

.welfare-has-promotion[data-v-074708ca] {
  margin-left: 0;
  margin-right: 0;
}

.ant-menu-item .introduce[data-v-074708ca]:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}

.ant-menu-item a[data-v-074708ca] {
  color: #e8ebf5 !important;
}

.ant-menu-horizontal > .ant-menu-item-selected[data-v-074708ca] {
  border-bottom: none !important;
}

.ant-menu-horizontal > .ant-menu-item-selected > a[data-v-074708ca]:before {
  width: 100%;
  height: 2px;
  background: #3a7bf9;
  color: #fff !important;
  top: 45px !important;
}

.ant-menu-horizontal > .ant-menu-item-selected .introduce[data-v-074708ca] {
  color: #3a7bf9 !important;
}

.ant-menu-horizontal
  > .ant-menu-item-selected
  .introduce[data-v-074708ca]:before {
  width: 100%;
  height: 2px;
  background: #3a7bf9;
  color: #fff !important;
  top: 45px !important;
}

.ant-menu-horizontal > .ant-menu-item-selected > a[data-v-074708ca],
.ant-menu-horizontal > .ant-menu-item-selected > a[data-v-074708ca]:active,
.ant-menu-horizontal > .ant-menu-item-selected > a[data-v-074708ca]:hover,
.ant-menu-horizontal > .ant-menu-item > a[data-v-074708ca]:active {
  color: #3a7bf9 !important;
}

.ant-btn-background-ghost.ant-btn-primary[data-v-074708ca]:hover {
  background: #2e70f0 !important;
}

.ant-btn-background-ghost.ant-btn-primary[data-v-074708ca]:active {
  background: #004ece !important;
}

.ant-menu-horizontal > .ant-menu-item[data-v-074708ca],
.ant-menu-horizontal > .ant-menu-item[data-v-074708ca]:hover {
  border-bottom: none !important;
}

.promotion-logo[data-v-074708ca] {
  margin-top: -6px;
  width: 100px;
}

.homepage[data-v-24f59d14] {
  width: 100%;
  background: #e9f0fe;
  height: 550px;
}

.ant-spin-dot-item[data-v-24f59d14] {
  color: #3972ea !important;
  background-color: #3972ea !important;
}

.home-header .login-container[data-v-24f59d14] {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 76px;
  left: 50%;
  width: 1200px;
  height: 0;
  transform: translateX(-50%);
}

.home-header .login-form[data-v-24f59d14] {
  position: relative;
  height: 400px;
  width: 360px;
  color: #333;
  background-color: #fff;
}

.home-header .login-form .g-guide__hint[data-v-24f59d14] {
  position: absolute;
  width: 40px;
  height: 40px;
  pointer-events: none;
  top: 296px;
  right: 0;
  z-index: 99;
}

.home-header .login-form .g-guide__ripple[data-v-24f59d14] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: #2254f4;
  border-radius: 100%;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.home-header .login-form .g-guide__ripple--one[data-v-24f59d14] {
  -webkit-animation: ripple-data-v-24f59d14 2s infinite;
  animation: ripple-data-v-24f59d14 2s infinite;
}

.home-header .login-form .g-guide__ripple--two[data-v-24f59d14] {
  -webkit-animation: ripple-data-v-24f59d14 2s 0.66s infinite;
  animation: ripple-data-v-24f59d14 2s 0.66s infinite;
}

.home-header .login-form .g-guide__ripple--three[data-v-24f59d14] {
  -webkit-animation: ripple-data-v-24f59d14 2s 1.32s infinite;
  animation: ripple-data-v-24f59d14 2s 1.32s infinite;
}

.home-header .login-form .popup-container[data-v-24f59d14] {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-header .login-form .popup-container.register-beat[data-v-24f59d14] {
  position: absolute;
  z-index: 1000001;
  -webkit-animation-name: beat-data-v-24f59d14;
  animation-name: beat-data-v-24f59d14;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

@-webkit-keyframes ripple-data-v-24f59d14 {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  to {
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}

@keyframes ripple-data-v-24f59d14 {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  to {
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}

@-webkit-keyframes beat-data-v-24f59d14 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
  }
}

@keyframes beat-data-v-24f59d14 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
  }
}

.data-selection .user-data-selection[data-v-24f59d14] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.data-selection .safe-brain-date-selection[data-v-24f59d14] {
  padding-top: 96px;
}

.qucsdk-height[data-v-24f59d14] {
  height: 100%;
}

.q360-wrap-box {
  box-sizing: content-box;
}

.quc-panel-bd {
  background-color: #fff;
}

.banner-carousel .slick-dots button:before {
  content: "";
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: 0;
  right: 0;
}

.banner-carousel[data-v-1d8247fe] {
  width: 1280px;
  height: 550px;
  margin: 0 auto;
}

.banner-carousel .banner.has-link[data-v-1d8247fe]:hover {
  cursor: pointer;
}

.banner-carousel .slider[data-v-1d8247fe] {
  width: 100%;
  height: 550px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

[data-v-1d8247fe] .slick-slider {
  overflow: hidden;
}

[data-v-1d8247fe] .slick-dots-bottom {
  display: inline-flex !important;
  bottom: 100px;
  left: calc(50% - 600px);
}

[data-v-1d8247fe] .slick-dots-bottom > li {
  height: 5px;
  margin: 0 5px;
}

[data-v-1d8247fe] .slick-dots-bottom > li button {
  background: rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 5px;
  border-radius: 3px;
}

[data-v-1d8247fe] .slick-dots-bottom > li.slick-active button {
  width: 40px;
  background: rgba(0, 0, 0, 0.65);
}

.user-data[data-v-03ca5cb2] {
  justify-content: center;
  width: 1200px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: linear-gradient(180deg, #f4f5f8 4%, hsla(0, 0%, 100%, 0.7));
  box-shadow: -4px 0 8px 0 rgba(37, 56, 108, 0.05),
    0 2px 6px 0 rgba(37, 56, 108, 0.15), 0 10px 20px 0 rgba(49, 70, 125, 0.1);
  -webkit-backdrop-filter: blur(27px);
  backdrop-filter: blur(27px);
  z-index: 20;
}

.user-data .data-item[data-v-03ca5cb2],
.user-data[data-v-03ca5cb2] {
  position: relative;
  display: flex;
  align-items: center;
}

.user-data .data-item[data-v-03ca5cb2] {
  width: 33.33333%;
  height: 66px;
}

.user-data .data-item[data-v-03ca5cb2]:after {
  position: absolute;
  right: 0;
  content: "";
  width: 2px;
  height: 48px;
  background-image: linear-gradient(
    90deg,
    #fff 0,
    #fff 50%,
    #dedede 0,
    #dedede
  );
}

.user-data .data-item .icon[data-v-03ca5cb2] {
  margin-left: 105px;
  width: 70px;
  height: 70px;
  background-size: cover;
  background-repeat: no-repeat;
}

.user-data .data-item .right[data-v-03ca5cb2] {
  margin-left: 16px;
  font-size: 14px;
  color: #191919;
}

.user-data .data-item .right .amount[data-v-03ca5cb2] {
  height: 44px;
  line-height: 44px;
}

.user-data .data-item .right .amount .num[data-v-03ca5cb2] {
  font-family: PingFangSC-Medium;
  color: #0256ff;
  font-size: 36px;
  font-weight: 700;
}

.user-data .data-item .right .desc[data-v-03ca5cb2] {
  height: 22px;
  line-height: 22px;
}

.user-data .data-item[data-v-03ca5cb2]:last-child:after {
  display: none;
}

.safe-brain-data[data-v-099427a4] {
  height: 210px;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}

.safe-brain-data .logo[data-v-099427a4] {
  margin: 0 auto 16px;
  width: 310px;
  height: 30px;
  background-image: url(https://p1.ssl.qhimg.com/t018e30037e825cf7d8.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.safe-brain-data .data-list[data-v-099427a4] {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 1200px;
  height: 36px;
}

.safe-brain-data .data-item[data-v-099427a4] {
  flex: 400px 0 0;
  display: flex;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 16px;
}

.safe-brain-data .data-item .data-name[data-v-099427a4] {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 12px 0 25px;
  color: #666;
}

.safe-brain-data .data-item .data-num[data-v-099427a4] {
  font-size: 24px;
  color: #0256ff;
}

.safe-brain-data .data-item:nth-child(2) .data-name[data-v-099427a4] {
  margin-left: 40px;
}

.safe-brain-data .data-item:last-child .data-name[data-v-099427a4] {
  margin-left: 60px;
}

.core-features[data-v-407b680c] {
  height: 1300px;
  font-family: PingFangSC;
  background-color: #fff;
}

.core-features .title[data-v-407b680c] {
  margin-bottom: 8px;
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
  color: #191919;
  box-sizing: content-box;
  cursor: pointer;
}

.core-features .subtitle[data-v-407b680c] {
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  color: #666;
}

.core-features .features[data-v-407b680c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 48px auto 0;
  width: 1200px;
}

.core-features .features .feat[data-v-407b680c] {
  position: relative;
  flex: 376px 0 0;
  margin-bottom: 36px;
  height: 324px;
}

.core-features .features .feat:hover .light[data-v-407b680c] {
  opacity: 1;
}

.core-features .features .feat:hover .feat-icon[data-v-407b680c] {
  transform: translateY(-30px);
}

.core-features .features .feat-label[data-v-407b680c] {
  position: absolute;
  top: 12px;
  left: -6px;
}

.core-features .features .feat-top[data-v-407b680c] {
  position: relative;
  height: 186px;
  color: #fff;
  background: linear-gradient(244deg, #3476ff 1%, #1c54e8);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

.core-features .features .feat-top.dark[data-v-407b680c] {
  background: linear-gradient(245deg, #3b4c74, #283553 97%);
}

.core-features .features .feat-title[data-v-407b680c] {
  padding: 36px 0 20px 40px;
  height: 36px;
  line-height: 36px;
  font-size: 28px;
  font-family: PingFangSC-Medium;
  box-sizing: content-box;
  font-weight: 700;
}

.core-features .features .feat-description[data-v-407b680c] {
  width: 210px;
  padding-left: 40px;
  line-height: 24px;
}

.core-features .features .feat-desc[data-v-407b680c] {
  line-height: 24px;
  font-family: PingFangSC-Regular;
}

.core-features .features .feat-icon[data-v-407b680c],
.core-features .features .light[data-v-407b680c] {
  position: absolute;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.core-features .features .light[data-v-407b680c] {
  top: 0;
  width: 185px;
  height: 176px;
  background-image: url(https://p4.ssl.qhimg.com/t01a7e2846fb7684833.png);
  opacity: 0.5;
  transition: opacity 0.3s;
}

.core-features .features .feat-icon[data-v-407b680c] {
  bottom: 108px;
  width: 140px;
  height: 200px;
  transform: translateY(0);
  transition: transform 0.3s;
  transition-delay: 0.1s;
}

.core-features .features .feat-capabilities[data-v-407b680c] {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 40px;
  height: 138px;
  filter: drop-shadow(0 0 16px rgba(51, 117, 255, 0.16));
  background-image: url(../img/product/productbj.png);
  background-size: cover;
}

.core-features .features .feat-cap[data-v-407b680c] {
  margin-bottom: 9px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
}

.core-features .features .feat-cap[data-v-407b680c]:hover {
  color: #356dee;
  cursor: pointer;
}

.core-features.disabled[data-v-407b680c] {
  pointer-events: none;
}

.feature-label[data-v-14ca0f07] {
  position: relative;
  height: 22px;
}

.feature-label .inner[data-v-14ca0f07] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  height: 100%;
  line-height: 22px;
  border-radius: 2px;
  font-family: PingFangSC-Regular;
  color: #fff;
  background: linear-gradient(90deg, #ff9735 9%, #fc6130 97%);
  white-space: nowrap;
  z-index: 20;
}

.feature-label .shadow[data-v-14ca0f07] {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-color: #bf3a0f #bf3a0f transparent transparent;
  border-style: solid;
  border-width: 3px;
  z-index: 10;
}

.management-value[data-v-27cd1c3a] {
  height: 714px;
  font-family: PingFangSC;
  background-color: #19223a;
  background-image: url(../img/safety/safetybj.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}

.management-value .management-value-wrapper {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: translateY(20px);
  transition: all 1s ease-in-out 0s;
}
.management-value .management-value-wrapper .title{
  cursor: pointer;
}
/* .management-value .management-value-wrapper:hover {
  opacity: 1;
  transform: translateY(0);
} */

.management-value .title {
  margin-bottom: 8px;
  padding-top: 73px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
  color: #fff;
  box-sizing: content-box;
}

.management-value .subtitle[data-v-27cd1c3a] {
  margin-bottom: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.management-value .value-cards[data-v-27cd1c3a] {
  display: flex;
  justify-content: space-between;
  margin: 80px auto 0;
  padding: 0 64px;
  width: 1200px;
}

.management-value .value-card[data-v-27cd1c3a] {
  width: 330px;
  height: 350px;
  border-radius: 8px;
  background-image: url(https://p2.ssl.qhimg.com/t01556618f1ab750a22.png);
  background-size: contain;
  background-color: #fff;
}

.management-value .value-card .card-icon[data-v-27cd1c3a] {
  margin: -70px auto 0;
  width: 130px;
  height: 118px;
  background-size: cover;
}

.management-value .value-card .card-title[data-v-27cd1c3a] {
  margin-top: 22px;
  margin-bottom: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #191919;
}

.management-value .value-card .card-descriptions[data-v-27cd1c3a] {
  position: relative;
  padding-bottom: 30px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  color: #191919;
  box-sizing: content-box;
}
.management-value .value-card .card-descriptions .card-desc[data-v-27cd1c3a] {
  padding: 20px;
}

.management-value .value-card .card-descriptions[data-v-27cd1c3a]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0.3;
  background: linear-gradient(
    270deg,
    rgba(44, 108, 255, 0),
    #2c6cff 50%,
    rgba(44, 108, 255, 0) 100%,
    hsla(0, 0%, 84.7%, 0.5) 0
  );
}

.management-value .value-card .card-capabilities[data-v-27cd1c3a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 0;
  width: 244px;
}

.management-value .value-card .card-cap[data-v-27cd1c3a] {
  margin-bottom: 12px;
  width: 116px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  text-align: center;
  background: linear-gradient(102deg, #499aff -4%, #2e6dff 99%);
}

.management-value .value-card .card-cap[data-v-27cd1c3a]:hover {
  background: linear-gradient(102deg, #62a6ff, #467eff 99%);
  cursor: pointer;
}

.management-value .value-card .card-cap[data-v-27cd1c3a]:nth-child(2n) {
  margin-left: 12px;
}

.management-value .value-card .card-cap a[data-v-27cd1c3a] {
  color: #fff;
}

.industry-show {
  height: 769px;
  font-family: PingFangSC;
  overflow: hidden;
}

.industry-show .title {
  margin-bottom: 40px;
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  color: #191919;
  box-sizing: content-box;
  font-weight: 700;
  cursor: pointer;
}

.industry-show .tabs {
  width: 1190px;
}

.exhibit .exhibit-text {
  display: none;
  position: relative;
}
.exhibits .exhibit-chat:last-child {
  display: none;
}
.exhibits .exhibit-chat img{
  width: 200px;
  height: 200px;
  position: absolute;
  top: 80px;
  right: 60px;
}
.exhibit .exhibit-text:first-child {
  display: block;
}
.productIntroduce .menu-wrap .menu-right .menu-right-contain[data-v-44683f6c]{
  display: none;
  height: 100%;
}
.productIntroduce .menu-wrap .menu-right .menu-right-contain[data-v-44683f6c]:first-child{
  display: block;
  height: 100%;
}
.forms-edit .form-edit{
  display: none;
}
.forms-edit:first-child .form-edit:first-child{
  display: block;
}
.industry-show .banner {
  position: absolute;
  top: 42px;
  left: 0;
  width: calc(50vw - 146px);
  height: 416px;
  text-align: right;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  z-index: 20;
  box-shadow: 0 0 16px 0 rgba(51, 117, 255, 0.16);
  transition: background-color 0.45s linear;
}

.industry-show .banner .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 814px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.45s linear;
}

.industry-show .banner .bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72px;
  -o-border-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 99%);
  border-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 99%);
  background-color: #f0f1f2;
  opacity: 0.9;
}

.industry-show .banner .bottom .brand {
  width: 134px;
  height: 46px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 8px;
}

.industry-show .banner .bottom .brand:nth-child(2) {
  position: relative;
}

.industry-show .banner .bottom .brand:nth-child(2):before {
  position: absolute;
  top: 0;
  left: -8px;
  width: 0;
  height: 100%;
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.industry-show .banner .bottom .brand:nth-child(2):after {
  position: absolute;
  top: 0;
  right: -8px;
  width: 2px;
  height: 100%;
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.industry-show .detail {
  position: absolute;
  top: 64px;
  left: calc(50vw - 600px);
  padding-left: 620px;
  width: calc(50vw + 600px);
  height: 495px;
  color: #fff;
  background-color: #245bff;
  background-image: url(../img/service_img/servicebj2.png);
  background-size: auto 100%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  z-index: 10;
}

.industry-show .detail .name {
  margin-bottom: 16px;
  padding-top: 60px;
  font-size: 32px;
  font-family: PingFangSC-Medium;
  font-weight: 700;
}

.industry-show .detail .intro {
  width: 660px;
  height: 100px;
  font-size: 14px;
  line-height: 24px;
}

.industry-show .detail .data-info {
  margin: 26px 0 28px;
}

.industry-show .detail .data-info .data-index {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-right: 48px;
}

.industry-show .detail .data-info .data-index-num {
  display: flex;
  height: 42px;
  line-height: 42px;
}

.industry-show .detail .data-info .data-index-num .num {
  display: flex;
  align-items: flex-end;
  font-family: Tadfont-Bold;
  font-size: 32px;
}

.industry-show .detail .data-info .data-index-num .trend-img {
  margin-left: 4px;
  margin-bottom: 6px;
  width: 14px;
  height: 20px;
  background-image: url(../img/service_img/down.png);
  background-size: cover;
}

.industry-show
  .detail
  .data-info
  .data-index-num
  .trend-img.increased {
  background-image: url(../img/service_img/up.png);
}

.industry-show .detail .data-info .data-index-name {
  display: inline-block;
  margin-bottom: 2px;
  padding: 0 16px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  border-radius: 12px;
  background-color: hsla(0, 0%, 100%, 0.15);
}

.industry-show .detail .inquiry-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 194px;
  height: 48px;
  font-size: 16px;
  color: #356dee;
  border-radius: 4px;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #f3f5fd, #fff);
  box-shadow: 0 3px 4px 0 rgba(37, 56, 108, 0.05),
    0 8px 15px 0 rgba(49, 70, 125, 0.08);
}

.industry-show .detail .inquiry-btn:hover {
  color: #5f93fa;
  cursor: pointer;
}

.detail-wrapper {
  position: absolute;
  top: 0;
  left: 510px;
}

.switch-slide-enter {
  opacity: 0;
  left: 520px;
}

.switch-slide-enter-active {
  transition: all 0.4s;
  transition-delay: 0.45s;
}

.switch-slide-leave-active {
  transition: all 0.45s ease-out;
}

.switch-slide-leave-to {
  opacity: 0;
  left: 480px;
}

 .ant-tabs-nav-scroll {
  margin: 0 auto;
}

 .ant-tabs-nav,
 .ant-tabs-nav-scroll {
  width: 1200px;
}

 .ant-tabs-tab {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 140px;
  height: 44px;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: center;
  color: #666;
}

 .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 2px;
  background-color: #356dee;
}

 .ant-tabs-tab-active {
  color: #356dee;
}

.business-evaluation[data-v-b44da79a] {
  font-family: PingFangSC;
  color: #191919;
  height: 800px;
  background: #f0f7ff;
}

.business-evaluation .title[data-v-b44da79a] {
  margin-bottom: 62px;
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  color: #191919;
  box-sizing: content-box;
  font-weight: 700;
  cursor: pointer;
}

.business-evaluation .cards[data-v-b44da79a] {
  display: flex;
  margin: 0 auto;
  width: 1184px;
  height: 485px;
}

.business-evaluation .card-wrapper[data-v-b44da79a] {
  position: relative;
  width: 25%;
}

.business-evaluation .evaluation-card[data-v-b44da79a] {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 296px;
  height: 476px;
  background-color: #cfe5fc;
  transform: translateX(-50%);
  transition: all 0.15s;
  overflow: hidden;
  background-size: cover;
  background-position: center -56px;
}
.business-evaluation .evaluation-card[data-v-b44da79a]:hover{
  width: 318px;
  height: 494px;
  border-radius: 8px;
  z-index: 20;
  box-shadow: 0 4px 20px 0 rgba(55, 88, 164, 0.2);
  cursor: pointer;
}
.business-evaluation .evaluation-card[data-v-b44da79a]:hover .card-footer{
  color: #fff;
  background-color: #0256ff
}
.business-evaluation .evaluation-card[data-v-b44da79a]:hover .num {
  font-size: 16px;
  font-weight: bold;
  color: #356dee;
}
.business-evaluation .evaluation-card[data-v-b44da79a]:hover .card-footer>.arrow {
  background-image: url('../img/appraise/appraise3.png');
}

.business-evaluation .evaluation-card .cate[data-v-b44da79a] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border-bottom-right-radius: 4px;
  color: #fff;
}

.business-evaluation .evaluation-card .card-header[data-v-b44da79a] {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 34px 0 16px;
  height: 98px;
  width: 246px;
}

.business-evaluation .evaluation-card .card-header .divide[data-v-b44da79a] {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 246px;
  height: 1px;
  transform: translateX(-50%);
}

.business-evaluation .evaluation-card .card-header .logo[data-v-b44da79a] {
  margin-right: 12px;
  padding: 6px;
  border-radius: 50%;
  background-color: #fff;
}

.business-evaluation
  .evaluation-card
  .card-header
  .logo
  .inner[data-v-b44da79a] {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
}

.business-evaluation
  .evaluation-card
  .card-header
  .enterprise[data-v-b44da79a] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
}

.business-evaluation .evaluation-card .card-body .evaluation[data-v-b44da79a] {
  margin: 16px auto 18px;
  width: 246px;
  height: 62px;
  font-size: 14px;
  line-height: 22px;
}

.business-evaluation .evaluation-card .card-body .data-list[data-v-b44da79a] {
  margin: 0 auto;
  width: 246px;
}

.business-evaluation .evaluation-card .card-body .data-item[data-v-b44da79a] {
  display: inline-block;
  margin-right: 32px;
}
.business-evaluation .evaluation-card .card-body .data-ite[data-v-b44da79a] {
  margin-top: 20px;
}

.business-evaluation
  .evaluation-card
  .card-body
  .data-item
  .num[data-v-b44da79a] {
  margin-bottom: 1px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
  font-family: Tadfont-Bold;
}

.business-evaluation
  .evaluation-card
  .card-body
  .data-item
  .name[data-v-b44da79a] {
  font-size: 12px;
  color: #666;
}

.business-evaluation
  .evaluation-card
  .card-body
  .data-item[data-v-b44da79a]:last-child {
  margin-right: 0;
}

.business-evaluation .evaluation-card .card-footer[data-v-b44da79a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 0 30px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  background-color: #fff;
}

.business-evaluation .evaluation-card .card-footer .arrow[data-v-b44da79a] {
  width: 24px;
  height: 24px;
  background-image: url(../img/appraise/appraise6.png);
  background-size: cover;
}

.business-evaluation .evaluation-card.current[data-v-b44da79a] {
  width: 318px;
  height: 494px;
  border-radius: 8px;
  z-index: 20;
  box-shadow: 0 4px 20px 0 rgba(55, 88, 164, 0.2);
  cursor: pointer;
}

.business-evaluation .evaluation-card.current .card-footer[data-v-b44da79a] {
  padding: 0 36px;
  color: #fff;
  background-color: #356dee;
}

.business-evaluation
  .evaluation-card.current
  .card-footer
  .arrow[data-v-b44da79a] {
  background-image: url(../img/appraise/appraise3.png);
}

.business-evaluation .evaluation-card.current .data-item .num[data-v-b44da79a] {
  color: #356dee;
}

.brand-carousel[data-v-59775b3b] {
  margin-top: 48px;
}

.brand-carousel .carousel-row-wrapper[data-v-59775b3b] {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 70px;
  overflow-x: hidden;
}

.brand-carousel .carousel-row-wrapper .mask-left[data-v-59775b3b],
.brand-carousel .carousel-row-wrapper .mask-right[data-v-59775b3b] {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 300px;
  height: 70px;
}

.brand-carousel .carousel-row-wrapper .mask-left[data-v-59775b3b] {
  left: 0;
  background-image: linear-gradient(270deg, rgba(240, 247, 255, 0) 0, #f0f7ff);
}

.brand-carousel .carousel-row-wrapper .mask-right[data-v-59775b3b] {
  right: 0;
  background-image: linear-gradient(90deg, rgba(240, 247, 255, 0) 0, #f0f7ff);
}

.brand-carousel div[class^="carousel-row"][data-v-59775b3b] {
  white-space: nowrap;
}

.brand-carousel .carousel-row1[data-v-59775b3b] {
  display: flex;
  -webkit-animation: move-to-left-data-v-59775b3b 90s linear infinite;
  animation: move-to-left-data-v-59775b3b 90s linear infinite;
}

.brand-carousel .carousel-row2[data-v-59775b3b] {
  display: flex;
  flex-direction: row-reverse;
  -webkit-animation: move-to-right-data-v-59775b3b 90s linear infinite;
  animation: move-to-right-data-v-59775b3b 90s linear infinite;
}

.brand-carousel .brand[data-v-59775b3b] {
  flex-shrink: 0;
  margin: 0 14px;
  width: 120px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 8px 10px 0 #d2e0f4;
}

.brand-carousel .brand > img[data-v-59775b3b] {
  width: 106px;
  height: 46px;
}

.brand-carousel .brand[data-v-59775b3b]:first-child {
  margin-left: 0;
}

@-webkit-keyframes move-to-left-data-v-59775b3b {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-2960px, 0, 0);
  }
}

@keyframes move-to-left-data-v-59775b3b {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-2960px, 0, 0);
  }
}

@-webkit-keyframes move-to-right-data-v-59775b3b {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(2960px, 0, 0);
  }
}

@keyframes move-to-right-data-v-59775b3b {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(2960px, 0, 0);
  }
}

.select-reasons[data-v-d97fd0b4] {
  position: relative;
  height: 1378px;
  color: #fff;
  font-family: PingFangSC-Regular;
  overflow: hidden;
  background-image: url(../img/reason/reason.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #05112e;
}

.select-reasons .reasons-container[data-v-d97fd0b4],
.select-reasons .title[data-v-d97fd0b4] {
  position: relative;
  z-index: 30;
}

.select-reasons .title[data-v-d97fd0b4] {
  margin-bottom: 8px;
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  box-sizing: content-box;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

.select-reasons .subtitle[data-v-d97fd0b4] {
  position: relative;
  margin-bottom: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  z-index: 30;
}

.select-reasons .reason[data-v-d97fd0b4] {
  margin: 32px auto 0;
  width: 1076px;
  height: 339px;
}

.select-reasons .reason[data-v-d97fd0b4]:first-child {
  margin-top: 55px;
}

.select-reasons .reason-header[data-v-d97fd0b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 1076px;
  height: 127px;
  background-size: cover;
}

.select-reasons .reason-header .reason-title[data-v-d97fd0b4] {
  position: relative;
  margin-left: 78px;
  font-family: PingFangSC-Medium;
  font-size: 28px;
}

.select-reasons .reason-header .reason-title[data-v-d97fd0b4]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  width: 6px;
  height: 28px;
  background-color: #fff;
  transform: translateY(-50%);
}

.select-reasons .reason-header .reason-button[data-v-d97fd0b4] {
  margin-right: 86px;
  width: 180px;
  height: 40px;
  border-radius: 4px;
}

.select-reasons .reason-body[data-v-d97fd0b4] {
  display: flex;
  width: 1076px;
  height: 202px;
  color: #191919;
  background: linear-gradient(
    106deg,
    #fff -1%,
    rgba(217, 231, 255, 0.88) 28%,
    rgba(241, 247, 255, 0.91) 50%,
    rgba(238, 245, 255, 0.89) 81%,
    #fff 98%
  );
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select-reasons .reason-body .option[data-v-d97fd0b4] {
  margin-right: 52px;
}

.select-reasons .reason-body .option[data-v-d97fd0b4]:first-child {
  margin-left: 80px;
}

.select-reasons .reason-body .detail-info[data-v-d97fd0b4] {
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.select-reasons .reason-body .detail-info .detail-icon[data-v-d97fd0b4] {
  width: 48px;
  height: 48px;
  margin-right: 4px;
  background-size: cover;
  background-repeat: no-repeat;
}

.select-reasons .reason-body .detail-info .detail-name[data-v-d97fd0b4] {
  margin-left: 4px;
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
}

.select-reasons .reason-body .detail-desc[data-v-d97fd0b4] {
  margin-left: 4px;
  padding-left: 52px;
  width: 218px;
  font-size: 14px;
  box-sizing: content-box;
}

.select-reasons .reason-body .detail-desc.link[data-v-d97fd0b4] {
  color: #356dee;
}

.select-reasons .reason-body .detail-desc.link[data-v-d97fd0b4]:hover {
  color: #5f93fa;
}

.select-reasons .reason-body .detail-desc.link[data-v-d97fd0b4]:active {
  color: #224ec7;
}

.select-reasons .reason-body .detail-desc.link[data-v-d97fd0b4]:last-child {
  margin-bottom: 0;
}

.auth-cert[data-v-27ada9bc] {
  height: 600px;
  color: #fff;
  background-color: #06112e;
  background-image: url(https://p5.ssl.qhimg.com/t01378beb19e8cd7cdd.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

.auth-cert .title[data-v-27ada9bc] {
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  box-sizing: content-box;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

.auth-cert .highlight[data-v-27ada9bc] {
  position: relative;
  margin: 48px auto 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  color: #f6d9a1;
}

.auth-cert .highlight[data-v-27ada9bc]:after,
.auth-cert .highlight[data-v-27ada9bc]:before {
  content: "";
  position: absolute;
  top: 11px;
  width: 66px;
  height: 2px;
}

.auth-cert .highlight[data-v-27ada9bc]:before {
  left: -80px;
}

.auth-cert .highlight[data-v-27ada9bc]:after,
.auth-cert .highlight[data-v-27ada9bc]:before {
  background: linear-gradient(270deg, #f6d9a1, rgba(246, 217, 161, 0));
}

.auth-cert .highlight[data-v-27ada9bc]:after {
  right: -80px;
  transform: rotate(180deg);
}

.auth-cert .bottom[data-v-27ada9bc] {
  display: flex;
  justify-content: space-between;
  margin: 10px auto 0;
  width: 1200px;
}

.cert-carousel[data-v-7a49487b] {
  position: relative;
  margin: 0 auto;
  padding-top: 12px;
  width: 100%;
  height: 247px;
  background-image: url(../img/certification/desk.png);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}
.wchat{
  margin-top: 6px;
}
.cert-carousel:hover .next[data-v-7a49487b],
.cert-carousel:hover .prev[data-v-7a49487b] {
  display: block;
}

.cert-carousel .next[data-v-7a49487b],
.cert-carousel .prev[data-v-7a49487b] {
  display: none;
  position: absolute;
  top: 69px;
  width: 28px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
}

.cert-carousel .next[data-v-7a49487b]:after,
.cert-carousel .prev[data-v-7a49487b]:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.1;
}

.cert-carousel .next > svg[data-v-7a49487b] {
  transform: rotate(180deg);
}

.cert-carousel .prev[data-v-7a49487b] {
  left: 60px;
}

.cert-carousel .next[data-v-7a49487b] {
  right: 60px;
}

.cert-carousel .carousel-wrapper[data-v-7a49487b] {
  position: relative;
  margin: 0 auto;
  height: 247px;
  overflow: hidden;
}

.cert-carousel .cert-list[data-v-7a49487b] {
  height: 100%;
  display: flex;
  justify-content: center;
}

.cert-carousel .cert-list.disabled[data-v-7a49487b] {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.cert-carousel .cert-list .national-cert[data-v-7a49487b] {
  margin: 0 8px;
  height: 100%;
}

.cert-carousel
  .cert-list
  .national-cert.has-previewed-img[data-v-7a49487b]:hover {
  cursor: pointer;
}

.cert-carousel .cert-list .cert-text-selection[data-v-7a49487b] {
  margin: 30px auto 0;
}

.cert-carousel .cert-list .cert-text[data-v-7a49487b] {
  margin: 0 auto;
  max-width: 160px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  opacity: 0.8;
}

.cert-carousel .cert-list .cert-img[data-v-7a49487b] {
  flex-shrink: 0;
  width: 180px;
  height: 160px;
  color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}

.cert-carousel .cert-list .cert-img.no-img[data-v-7a49487b] {
  background-color: #fff;
}

.cert-carousel .cert-list .national-cert[data-v-7a49487b]:first-child {
  margin-left: 0;
}

.cert-carousel .cert-list .national-cert[data-v-7a49487b]:last-child {
  margin-right: 0;
}

.cert-preview[data-v-5b63e516] {
  font-family: PingFangSC-Regular;
}

.cert-preview .mask[data-v-5b63e516] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9999999;
}

.cert-preview .cert-image[data-v-5b63e516] {
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}

.cert-preview .cert-text[data-v-5b63e516] {
  position: absolute;
  left: 50%;
  bottom: -40px;
  text-align: center;
  font-size: 13px;
  color: hsla(0, 0%, 100%, 0.8);
  transform: translateX(-50%);
  white-space: nowrap;
}

.cert-preview .close[data-v-5b63e516] {
  position: absolute;
  top: 0;
  right: -120px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.15);
}

.cert-preview .close[data-v-5b63e516]:hover {
  cursor: pointer;
}

.cert-preview .close > svg[data-v-5b63e516] {
  color: hsla(0, 0%, 100%, 0.65);
  transform: scale(1.2);
}

.patent-container .patents[data-v-b6ced0a4] {
  display: flex;
  width: 566px;
  justify-content: space-between;
}

.patent-container .patent-img[data-v-b6ced0a4] {
  width: 123px;
  height: 170px;
}

.patent-container .highlight[data-v-b6ced0a4] {
  position: relative;
  margin: 48px auto 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  color: #f6d9a1;
}

.patent-container .highlight[data-v-b6ced0a4]:after,
.patent-container .highlight[data-v-b6ced0a4]:before {
  content: "";
  position: absolute;
  top: 11px;
  width: 66px;
  height: 2px;
}

.patent-container .highlight[data-v-b6ced0a4]:before {
  left: -80px;
  background: linear-gradient(270deg, #f6d9a1, rgba(246, 217, 161, 0));
}

.patent-container .highlight[data-v-b6ced0a4]:after {
  right: -80px;
  transform: rotate(180deg);
  background: linear-gradient(270deg, #f6d9a1, rgba(246, 217, 161, 0));
}

.cert-container .certs[data-v-6c99892c] {
  display: flex;
  width: 488px;
  flex-wrap: wrap;
}

.cert-container .cert-info[data-v-6c99892c] {
  position: relative;
  margin: 0 16px 57px;
  width: 72px;
  height: 52px;
}

.cert-container .cert-info[data-v-6c99892c]:nth-child(5n) {
  margin-right: 0;
}

.cert-container .cert-info[data-v-6c99892c]:nth-child(5n):after {
  display: none;
}

.cert-container .cert-info[data-v-6c99892c]:nth-child(5n + 1) {
  margin-left: 0;
}

.cert-container .cert-info[data-v-6c99892c]:last-child:after {
  display: none;
}

.cert-container .cert-info[data-v-6c99892c]:after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: 0;
  width: 1px;
  height: 40px;
  background: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #fff 0,
    hsla(0, 0%, 100%, 0) 100%
  );
  background: radial-gradient(
    50% 50% at 50% 50%,
    #fff 0,
    hsla(0, 0%, 100%, 0) 100%
  );
}

.cert-container .cert-img[data-v-6c99892c] {
  width: 100%;
  height: 100%;
}

.cert-container .cert-text[data-v-6c99892c] {
  position: absolute;
  left: 50%;
  bottom: -20px;
  font-size: 13px;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  opacity: 0.8;
  transform: translateX(-50%);
}

.cert-container .highlight[data-v-6c99892c] {
  position: relative;
  margin: 48px auto 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  color: #f6d9a1;
}

.cert-container .highlight[data-v-6c99892c]:after,
.cert-container .highlight[data-v-6c99892c]:before {
  content: "";
  position: absolute;
  top: 11px;
  width: 66px;
  height: 2px;
}

.cert-container .highlight[data-v-6c99892c]:before {
  left: -80px;
  background: linear-gradient(270deg, #f6d9a1, rgba(246, 217, 161, 0));
}

.cert-container .highlight[data-v-6c99892c]:after {
  right: -80px;
  transform: rotate(180deg);
  background: linear-gradient(270deg, #f6d9a1, rgba(246, 217, 161, 0));
}

.cert-container.mobile .certs[data-v-6c99892c] {
  width: 100%;
}

.cert-container.mobile .cert-info[data-v-6c99892c] {
  margin: 0;
  width: 1.43rem;
}

.cert-container.mobile .cert-info[data-v-6c99892c]:after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: 0;
  width: 1px;
  height: 40px;
  background: radial-gradient(
    50% 50% at 50%,
    at 50%,
    #fff 0,
    hsla(0, 0%, 100%, 0) 100%
  );
  background: radial-gradient(
    50% 50% at 50% 50%,
    #fff 0,
    hsla(0, 0%, 100%, 0) 100%
  );
}

.cert-container.mobile .cert-info .cert-img[data-v-6c99892c] {
  width: 100%;
  height: auto;
}

.cert-container.mobile .highlight[data-v-6c99892c] {
  position: relative;
  margin: 48px auto 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.34rem;
  font-size: 0.24rem;
}

.home-news[data-v-989d6b7c] {
  height: 626px;
  color: #191919;
  font-family: PingFangSC-Regular;
}

.home-news .title[data-v-989d6b7c] {
  padding-top: 80px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
  box-sizing: content-box;
}

.home-news .cards[data-v-989d6b7c] {
  display: flex;
  justify-content: space-between;
  margin: 48px auto 0;
  width: 1202px;
}

.home-news .news-card[data-v-989d6b7c] {
  width: 386px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}

.home-news .card-title[data-v-989d6b7c] {
  padding: 46px 0 0 32px;
  height: 150px;
  color: #fff;
  background: linear-gradient(270deg, transparent 23%, #0c1649);
  background-size: cover;
}

.home-news .card-title .en[data-v-989d6b7c] {
  margin-bottom: 8px;
  font-size: 14px;
  color: #c8c8c8;
}

.home-news .card-title .ch[data-v-989d6b7c] {
  font-size: 24px;
  font-family: PingFangSC-Semibold;
}

.home-news .news-list[data-v-989d6b7c] {
  margin-top: 16px;
  height: 184px;
}

.home-news .news-list .news-item[data-v-989d6b7c] {
  display: flex;
  align-items: center;
  padding: 0 31px;
  height: 32px;
  font-size: 14px;
  color: #191919;
  overflow: hidden;
}

.home-news .news-list .news-item[data-v-989d6b7c]:hover {
  color: #356dee;
}

.home-news .news-list .news-item:hover .new-date[data-v-989d6b7c] {
  color: inherit;
}

.home-news .news-list .news-item[data-v-989d6b7c]:active {
  color: #224ec7;
}

.home-news .news-list .news-item:active .new-date[data-v-989d6b7c] {
  color: inherit;
}

.home-news .news-list .news-item .news-date[data-v-989d6b7c] {
  flex-shrink: 0;
  width: 60px;
  color: #999;
}

.home-news .news-list .news-item .news-title[data-v-989d6b7c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-adviser[data-v-753468e4] {
  position: relative;
  height: 374px;
}

.home-adviser .bg[data-v-753468e4] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 340px;
  background-color: #376aff;
}

.home-adviser .inner[data-v-753468e4] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/one-to-one.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 20;
}

.home-adviser .adviser-wrapper[data-v-753468e4] {
  margin: 30px auto;
  width: 1200px;
  font-family: PingFangSC;
  color: #fff;
}
 .ant-tabs-ink-bar {
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 170px;
}
 .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 2px;
  background-color: #356dee;
}
.home-adviser .adviser-wrapper .title[data-v-753468e4] {
  padding: 104px 0 6px;
  font-family: PingFangSC-Medium;
  font-size: 36px;
}

.home-adviser .adviser-wrapper .desc[data-v-753468e4] {
  font-size: 16px;
}

.home-adviser .adviser-wrapper .inquiry-btn[data-v-753468e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  width: 194px;
  height: 48px;
  border-radius: 4px;
  font-size: 16px;
  border: 1px solid #fff;
  color: #356dee;
  background: linear-gradient(180deg, #f3f5fd, #fff);
  box-shadow: 0 3px 4px 0 rgba(37, 56, 108, 0.05),
    0 8px 15px 0 rgba(49, 70, 125, 0.08);
}

.home-adviser .adviser-wrapper .inquiry-btn[data-v-753468e4]:hover {
  color: #5f93fa;
  cursor: pointer;
}

.footer-map[data-v-e439ff1c] {
  padding-top: 70px;
  padding-bottom: 40px;
  font-family: PingFangSC;
  color: #191919;
  background-color: #eef1f9;
}

.footer-map .map-container[data-v-e439ff1c] {
  margin: 0 auto;
  width: 1200px;
  display: flex;
}

.footer-map .map-container .map-list[data-v-e439ff1c] {
  display: flex;
  width: 840px;
}

.footer-map .map-container .map-item[data-v-e439ff1c] {
  width: 280px;
}

.footer-map .map-container .map-item .map-item-title[data-v-e439ff1c] {
  margin-bottom: 30px;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  font-weight: 700;
}

.footer-map
  .map-container
  .map-item
  .map-item-links
  .map-item-link[data-v-e439ff1c] {
  display: block;
  margin-bottom: 10px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #191919;
}

.footer-map
  .map-container
  .map-item
  .map-item-links
  .map-item-link[data-v-e439ff1c]:hover {
  color: #356dee;
}

.footer-map
  .map-container
  .map-item
  .map-item-links
  .map-item-link[data-v-e439ff1c]:active {
  color: #224ec7;
}

.footer-map
  .map-container
  .map-item
  .map-item-links
  .map-item-link[data-v-e439ff1c]:last-child {
  margin-bottom: 0;
}

.footer-map .map-container .contact[data-v-e439ff1c] {
  display: inline-block;
}

.footer-map .map-container .contact .phone-400[data-v-e439ff1c] {
  font-size: 32px;
  height: 45px;
  line-height: 45px;
  font-family: PingFangSC-Semibold;
  font-weight: 700;
}

.footer-map .map-container .contact .office-time[data-v-e439ff1c] {
  margin-bottom: 32px;
}

.footer-map .map-container .contact .qr-codes[data-v-e439ff1c] {
  display: flex;
}

.footer-map .map-container .contact .qr-codes .qr-code[data-v-e439ff1c] {
  margin-left: 32px;
}

.footer-map
  .map-container
  .contact
  .qr-codes
  .qr-code[data-v-e439ff1c]:first-child {
  margin-left: 0;
}

.footer-map .map-container .contact .qr-code-img[data-v-e439ff1c] {
  width: 120px;
  height: 120px;
}

.footer-map .map-container .contact .qr-code-text[data-v-e439ff1c] {
  margin-top: 8px;
  width: 120px;
  font-size: 14px;
  text-align: center;
  color: #999;
}

.footer[data-v-73ad1caa] {
  position: relative;
  padding: 26px 0 0;
  box-sizing: border-box;
  background: #eef1f9;
  border-top: 1px solid #ddd;
  font-size: 14px;
  color: #191919;
}

.footer .container[data-v-73ad1caa] {
  margin: 0 auto 22px;
  width: 1010px;
}

.footer a[data-v-73ad1caa] {
  text-decoration: none;
}

.footer__title[data-v-73ad1caa] {
  display: inline-block;
  width: 72px;
  font-size: 14px;
  vertical-align: middle;
  font-family: PingFangSC-Medium;
}

.footer__link[data-v-73ad1caa] {
  margin-left: 8px;
  padding: 4px;
  vertical-align: middle;
  transition: color 0.3s;
}

.footer__link[data-v-73ad1caa]:hover {
  color: #3972eb;
}

.footer__service[data-v-73ad1caa] {
  margin-top: 24px;
}

.footer__policy[data-v-73ad1caa] {
  display: flex;
  justify-content: center;
  color: #999;
}

.footer .footer__policy a[data-v-73ad1caa] {
  color: #999;
}

.footer__icp[data-v-73ad1caa] {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}

.footer__icp a[data-v-73ad1caa] {
  display: inline-block;
  color: #999;
}

.footer .policy-inner[data-v-73ad1caa] {
  font-family: PingFangSC-Regular;
  padding-bottom: 20px;
  padding-top: 34px;
  color: rbg(102, 102, 102, 0.7);
  background-color: hsla(0, 0%, 84.7%, 0.1);
}

.fab-group[data-v-639838e7] {
  display: flex;
  position: fixed;
  right: 16px;
  flex-direction: column;
  align-items: center;
  transition: bottom 0.3s;
  transition-delay: 0.2s;
  z-index: 99999;
}

.fab-back[data-v-639838e7] {
  position: absolute;
  top: 13px;
  right: 7px;
  width: 12px;
  height: 19px;
  background-image: url(https://p0.ssl.qhimg.com/t01ff16e019335d5404.png);
}

.fab-Left[data-v-639838e7],
.fab-back[data-v-639838e7] {
  background-size: cover;
}

.fab-Left[data-v-639838e7] {
  position: fixed;
  float: right;
  bottom: 300px;
  right: 16px;
  width: 112px;
  height: 44px;
  z-index: 999;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
  background-image: url(https://p4.ssl.qhimg.com/t018d40cc97ebab5297.png);
}

.fabNone[data-v-639838e7] {
  right: 0;
}

.fab-banner[data-v-639838e7] {
  float: right;
  left: 50%;
  height: 190px;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 999999;
  background-image: url(https://p1.ssl.qhimg.com/dmb/3840_380_/t010ddc7de1b0b8551a.png);
  background-size: auto 100%;
  pointer-events: none;
}

.fab-banner[data-v-639838e7],
.fab-bg[data-v-639838e7] {
  position: fixed;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

.fab-bg[data-v-639838e7] {
  height: 144px;
  background-color: #010922;
  z-index: 9999;
}

.close[data-v-639838e7] {
  cursor: pointer;
  position: absolute;
  background-color: transparent;
  width: 40px;
  height: 40px;
  right: 20px;
  bottom: 50%;
  background-size: cover;
  background-image: url(https://p5.ssl.qhimg.com/t01fbe06b28258a096d.png);
  pointer-events: all;
}

.promotion-adviser-popover[data-v-639838e7] {
  position: absolute;
  top: -247px;
  right: 0;
}

.promotion-entry-logo[data-v-639838e7] {
  position: absolute;
  top: -130px;
  right: 0;
}

.activity-entry-logo[data-v-5d75fe82] {
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 900;
}

.fab-menu[data-v-2914e7ca] {
  padding: 16px 12px;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 3px 4px 0 rgba(37, 56, 108, 0.05),
    0 0 15px 0 rgba(49, 70, 125, 0.08);
}

.fab-menu .wrapper > a[data-v-2914e7ca] {
  display: block;
  margin-bottom: 16px;
}

.fab-menu .wrapper > div[data-v-2914e7ca] {
  margin-bottom: 16px;
}

.fab-menu .wrapper > a[data-v-2914e7ca]:last-child,
.fab-menu .wrapper > div[data-v-2914e7ca]:last-child {
  margin-bottom: 0;
}

.register-btn[data-v-7101744a] {
  display: flex;
  flex-wrap: wrap;
  width: 26px;
}

.register-btn .text[data-v-7101744a] {
  width: 100%;
  font-size: 12px;
  color: #191919;
  text-align: center;
}

.text-with-icon[data-v-747cdfd2] {
  display: flex;
  flex-wrap: wrap;
  width: 26px;
  color: #191919;
}

.text-with-icon[data-v-747cdfd2]:hover {
  color: #356dee;
  cursor: pointer;
}

.text-with-icon .svg-block[data-v-747cdfd2] {
  width: 24px;
  height: 24px;
  background: #d8d8d8;
}

.text-with-icon svg[data-v-747cdfd2] {
  width: 24px;
  height: 24px;
}

.text-with-icon .text[data-v-747cdfd2] {
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.detail[data-v-15aef06a] {
  display: flex;
  padding: 16px;
  width: 345px;
  height: 152px;
  background-image: linear-gradient(180deg, #e7f0ff 0, #fff);
}

.qr-code[data-v-15aef06a] {
  width: 120px;
  height: 120px;
  background-image: url(https://p4.ssl.qhimg.com/t01b1d97e345358854f.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.intro[data-v-15aef06a] {
  margin-left: 16px;
}

.intro .title[data-v-15aef06a] {
  margin-bottom: 5px;
  height: 22px;
  line-height: 22px;
  font-family: PingFangSC-Medium;
  font-size: 13px;
  color: #356dee;
}

.intro .desc-list[data-v-15aef06a] {
  line-height: 22px;
  font-size: 13px;
  color: #191919;
}

.follow-weixin[data-v-15aef06a] {
  margin: 0 -10px;
  padding: 0 10px;
  box-sizing: content-box;
}

.follow-weixin-popover .ant-popover-inner-content {
  padding: 0;
}

.follow-weixin-popover .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}

.follow-weixin-popover .ant-popover-arrow {
  border-top-color: #f3f7ff !important;
  border-right-color: #f3f7ff !important;
}
/* 尾部展示 */
.index #footer {
  min-width: 1200px;
  height: 860px;
  background-color: #373a3e;
}
#footer .footer-content {
  background: #373a3e;
}
#footer .footer-content .pub-content {
  height: auto;
  min-width: 1200px;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  clear: both;
}
#footer .footer-content .pub-content .footer-nav-list {
  height: 350px;
  padding-top: 86px;
  margin-bottom: 72px;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav1 {
  -webkit-box-flex: 2.2;
  -ms-flex: 2.2;
  flex: 2.2;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav1 {
  width: 285px;
  height: 350px;
  float: left;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-title,
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-title {
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.14px;
  line-height: 40px;
  height: 40px;
  margin-top: 22px;
  width: 100%;
  white-space: nowrap;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-line,
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-line {
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background: #fff;
  margin-bottom: 25px;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav ul {
  float: left;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list
  .footer-nav
  ul.footer-nav-ul-list:not(:last-child) {
  margin-right: 30px;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav li,
#footer .footer-content .pub-content .footer-nav-list-contact .footer-nav li {
  list-style: none;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav ul li a {
  color: #ccc;
  font-size: 14px;
  line-height: 40px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list
  .footer-nav
  ul.footer-nav-ul-list:not(:last-child) {
  margin-right: 30px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list
  .footer-nav
  > li:not(:first-child) {
  margin-left: 30px;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav2 {
  -webkit-box-flex: 2.8;
  -ms-flex: 2.8;
  flex: 2.8;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav2 {
  width: 65px;
  height: 100%;
  float: left;
  margin-left: 20px;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav3 {
  -webkit-box-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-nav3 {
  width: 174px;
  height: 100%;
  float: left;
  margin-left: 140px;
}
#footer .footer-content .pub-content .footer-nav-list-contact {
  padding-bottom: 32px;
}
#footer .footer-content .pub-content .footer-nav-list-contact .footer-nav {
  width: 100%;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-title,
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-title {
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.14px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 22px;
  width: 100%;
  white-space: nowrap;
}
#footer .footer-content .pub-content .footer-nav-list .footer-nav .footer-line,
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-line {
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background: #fff;
  margin-bottom: 25px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-left {
  float: left;
  width: 850px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right {
  float: right;
  margin-right: 16px;
  margin-top: 10px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-phone {
  width: 100%;
  height: 40px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-phone
  .img_bag {
  float: left;
  margin: -2px 0 0 0;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-phone
  .title_phone {
  color: #fff;
  float: left;
  margin-left: 10px;
  font-size: 25px;
  font-weight: bold;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-phone
  .title_phone
  .title_time {
  color: #fff;
  float: left;
  margin-top: 15px;
  font-size: 16px;
  font-weight: normal;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-email {
  margin-top: 15px;
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-email
  li {
  width: 280px;
  height: 30px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-email
  li
  .footer-contact-label {
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  opacity: 0.5;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-email
  li
  .footer-contact-value {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-logo {
  float: left;
  margin-top: 30px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-logo
  .logo-img {
  float: left;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-logo
  .logo-img
  img {
  width: 200px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav-logo
  .logo-text {
  float: left;
  font-size: 45px;
  margin: 5px 0 0 15px;
  color: #3780e3;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right {
  margin-right: 16px;
  margin-top: 10px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right
  .aqsc {
  float: right;
  margin-right: 16px;
  margin-top: 10px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right
  .apt {
  float: right;
  margin-right: 16px;
  margin-top: 10px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right
  img {
  width: 125px;
  height: 125px;
  margin: 0 5px;
}
#footer
  .footer-content
  .pub-content
  .footer-nav-list-contact
  .footer-nav
  .footer-nav6-right
  p {
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  font-style: italic;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}
.footer-foot {
  width: 100%;
  float: left;
  background-color: #000;
}
.footer-foot .pub-content {
  text-align-last: left;
  padding-left: 19%;
}
.footer-foot .pub-content .foot-text {
  float: left;
}
.footer-foot .pub-content .foot-phone {
  width: 400px;
  float: left;
}
.footer-foot .pub-content .foot-img {
  margin: 0px 10px 0 5px;
  float: left;
}
.footer-foot .pub-content .foot-jing {
  float: left;
}
.footer-foot .pub-content {
  height: 50px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.12px;
  text-align: center;
}
.footer-foot span {
  line-height: 50px;
  color: #999;
}
.footer-foot span.footer-border {
  width: 1px;
  height: 12px;
  background: #fff;
  opacity: 0.3;
  display: inline-block;
  margin: 0 6px;
}
.footer-foot span a {
  color: #999;
}
.footer-foot span img {
  color: #999;
}
/* .footer-foot span.footer-border {
  width: 1px;
  height: 12px;
  background: #fff;
  opacity: 0.3;
  display: inline-block;
  margin: 0 6px;
} */
.sider-wrapper {
  bottom: 10%;
  margin-bottom: 80px;
  position: fixed;
  right: 0;
  transition: all 0.3s;
  z-index: 500;
}
.sider-top {
  background: #fff;
  border-radius: 2px 0 0 2px;
  box-shadow: -2px 1px 5px rgba(0, 0, 0, 0.06);
  position: relative;
  right: 0;
  transition: all 0.3s;
}
.sider-top .sider-item:first-child {
  border-radius: 2px 0 0 0;
}
.sider-item {
  color: #999;
  cursor: pointer;
  height: 64px;
  padding-top: 8px;
  position: relative;
  width: 48px;
}
.sider-item-icon {
  line-height: 30px;
  text-align: center;
}
.sider-item-text {
  color: #333;
  font-size: 12px;
  text-align: center;
}
.sider-item-content {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  color: #666;
  font-size: 12px;
  height: 0;
  left: -240px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -49px;
  width: 0;
}
.sider-item.-top .sider-item-tic {
  font-size: 30px;
}
.sider-item-img {
  height: 150px;
  margin: 6px;
  width: 150px;
}
.sider-item-content:after {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent rgba(0, 0, 0, 0.2);
  box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: -10px;
  top: 71px;
  transform: rotate(135deg);
  transform-origin: center center;
  width: 20px;
}
.hide{
  display: none !important;
}
#dowmload {
  position: relative;
}
#dowmload:hover .box {
  display: block;
}
#dowmload .box {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 59px;
    left: -795px;
    width: 1440px;
    height: 540px;
}
#dowmload .box .box_left{
  width: 332px;
  background-color: #fff;
  height: 100%;
  background-image: url(../img/dowmload_app.png) ;
  background-size: 332px 100%;
  background-repeat: no-repeat;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 80px;
}
#dowmload .box .box_left .itemss{
  color: #333;
  font-weight: 700;
  font-size: 25px;
  color: #333;
  width: 100px;
  line-height: 60px;
  border-bottom: 4px solid #000;
  transition: all .3s ease-in-out;
}
#dowmload .box .box_center{
  position: absolute;
  left: 332px;
  top: 0;
  width: 1108px;
  background-color: #F5F5F5;
  height: 100%;
  color: #fff;
  border-left: 1px solid #F5F5F5;
}
#dowmload .box .box_center .box_center_box{
  padding-bottom: 20px;
  margin: 50px auto;
  margin-right: 740px;
  width: 30%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  color: #fff;
  border-radius: 10px;
  position: relative;
}
#dowmload .box .box_center .box_center_box .hot{
  position: absolute;
  width: 53px;
  height: 53px;
  left: 0;
  top: 0;
  /* border-radius: 10px; */
}
#dowmload .box .box_center .box_center_box img {
  width: 50%;
  height: 40%;
}
#dowmload .box .box_center .box_center_box h2{
  color: #333;
}
#dowmload .box .box_center .box_center_box .texts{
  font-size: 16px;
  color: #333;
  width: 265px !important;
  /* word-wrap: break-word !important; */
  white-space: pre-wrap !important;
  line-height: 25px;
  height: 100px;
}
#dowmload .box .box_center .box_center_box .android {
  color: #333;
  width: 129px;
  /* padding: 0 10px; */
  height: 50px;
  text-align: center;
  border-radius: 10px;
  background-color: #DEE7FC;
  color: #2A62F4;
  line-height: 50px;
  margin-top: 20px;
  margin: 0 10px;
}


.dialog {
  display: none;
  position: absolute;
    left: 50%;
    top: 50%;
   	transform: translate(-50%, -50%);
    width: 100%;
    height: 100vh;
  /* overflow: auto; */
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000000;
}

.dialog-content {
  border-radius: 10px;
  background-color: white;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  width: 500px;
  position: relative;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dialog-content .item{
  min-width: 460px !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
.dialog-content .item .prompt1,.dialog-content .item .prompt2,.dialog-content .item .prompt3,.dialog-content .item .prompt4,.dialog-content .item .prompt5,.dialog-content .item .prompt6,.dialog-content .item .prompt7{
  position: absolute;
  top: 42px;
  left: 160px;
  color: red;
}
.dialog-content .item input{
  border: none;
  min-width: 280px;
  height: 35px;
  border-radius: 7px;
  border: 1px solid #D9D9D9;
  padding: 10px;
}
.dialog-content .item span{
  display: inline-block;
  min-width: 135px;
  text-align: end;
}
.dialog p {
  text-align: center;
  min-width: 130px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  margin: 10px 0;
  background-color: #436CE6;
  color: #fff;
}

.close {
  position: absolute;
  top: 10px !important;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
#coordinated_phoneNum{
  position: relative;
}
#message{
  position: absolute;
  left: 10px;
  top: 37px;
  color: red;
}
#coordinated_phoneNum2{
  position: relative;
}
#message2{
  position: absolute;
  left: 10px;
  top: 37px;
  /* color: #377E22; */
  color: red;
}