@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.elephant-loading-wrapper {
  width: 100%;
  height: 1;
  padding: 100px 0;
  line-height: 1;
  text-align: center;
}
.elephant-loading-wrapper::before,
.elephant-loading-wrapper::after {
  clear: both;
  zoom: 1;
}
.elephant-loading {
  position: relative;
  display: inline-block;
}
.elephant-loading div {
  position: absolute;
  width: 10%;
  height: 30%;
  background-color: #888;
  border-radius: 10px;
  -webkit-animation: fadeIn 0.8s infinite ease-in-out;
          animation: fadeIn 0.8s infinite ease-in-out;
}
.elephant-loading div:nth-of-type(1) {
  top: 0;
  left: 45%;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.elephant-loading div:nth-of-type(2) {
  top: 10%;
  right: 20%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.elephant-loading div:nth-of-type(3) {
  top: 35%;
  right: 10%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.elephant-loading div:nth-of-type(4) {
  right: 20%;
  bottom: 10%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.elephant-loading div:nth-of-type(5) {
  bottom: 0;
  left: 45%;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.elephant-loading div:nth-of-type(6) {
  bottom: 10%;
  left: 20%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.elephant-loading div:nth-of-type(7) {
  top: 35%;
  left: 10%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.elephant-loading div:nth-of-type(8) {
  top: 10%;
  left: 20%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.elephant-notification {
  position: fixed;
  z-index: 9999;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
.elephant-notification > span {
  max-width: 50%;
}
.elephant-notification-notice {
  position: relative;
  display: block;
  width: auto;
  padding: 7px 10px 7px 10px;
  line-height: 1.5;
  vertical-align: middle;
  background: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.elephant-notification-notice-closable {
  padding-right: 24px;
}
.elephant-notification-notice-close {
  position: absolute;
  top: 10px;
  right: 5px;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  outline: none;
  cursor: pointer;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.elephant-notification-notice-close-x::after {
  content: '×';
}
.elephant-notification-notice-close:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.elephant-notification-fade-enter {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.elephant-notification-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.elephant-notification-fade-enter,
.elephant-notification-fade-enter-active {
  -webkit-animation-name: FadeIn;
          animation-name: FadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.elephant-notification-fade-leave,
.elephant-notification-fade-leave-active {
  -webkit-animation-name: FadeOut;
          animation-name: FadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.elephant-toast-mask {
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.elephant-toast-mask,
.elephant-toast-nomask {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
.elephant-toast-mask > span > div,
.elephant-toast-nomask > span > div {
  color: white;
  background: rgba(0, 0, 0, 0.94);
}
.elephant-toast-mask > span > div > div,
.elephant-toast-nomask > span > div > div {
  padding: 6px 12px 3px;
}
.elephant-toast-nomask {
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.elephant-toast-text-info {
  min-width: 50px;
  max-width: 290px;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
}
.elephant-toast-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-size: contain;
}
.elephant-toast-icon-info {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 1.1//EN%27 %27http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 style=%27%27 p-id=%279783%27 t=%271532482652626%27 version=%271.1%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cstyle type=%27text/css%27/%3E%3C/defs%3E%3Cpath d=%27m563.2 645.12h-117.76v-15.36h20.48c5.12 0 10.24-5.12 10.24-10.24s5.12-10.24 5.12-15.36v-148.48c0-5.12 0-10.24-5.12-15.36 0-5.12-5.12-10.24-10.24-10.24 0-5.12-5.12-5.12-10.24-5.12s-10.24 0-15.36-5.12v-15.36l87.04-5.12 5.12 5.12v199.68c0 5.12 0 10.24 5.12 15.36 0 5.12 5.12 5.12 10.24 10.24 5.12 0 5.12 5.12 10.24 5.12h10.24l-5.12 10.24zm-30.72-343.04c0 10.24-5.12 15.36-10.24 25.6s-10.24 10.24-20.48 10.24-15.36-5.12-20.48-10.24-10.24-10.24-10.24-20.48 5.12-15.36 10.24-25.6c5.12-5.12 15.36-10.24 20.48-10.24 10.24 0 15.36 5.12 20.48 10.24 10.24 5.12 10.24 15.36 10.24 20.48z%27 fill=%27%23fff%27 p-id=%279784%27/%3E%3Cpath d=%27M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512zM512 25.6C245.76 25.6 25.6 245.76 25.6 512s220.16 486.4 486.4 486.4 486.4-220.16 486.4-486.4S783.36 25.6 512 25.6z%27 fill=%27%23fff%27 p-id=%279785%27/%3E%3C/svg%3E%0A");
}
.elephant-toast-icon-error {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 1.1//EN%27 %27http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 style=%27%27 p-id=%279498%27 t=%271532482636918%27 version=%271.1%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cstyle type=%27text/css%27/%3E%3C/defs%3E%3Cpath d=%27M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512zM512 25.6C245.76 25.6 25.6 245.76 25.6 512s220.16 486.4 486.4 486.4 486.4-220.16 486.4-486.4S783.36 25.6 512 25.6z%27 fill=%27%23fff%27 p-id=%279499%27/%3E%3Cpath d=%27m373.76 337.92 312.32 312.32-35.84 35.84-312.32-312.32 35.84-35.84z%27 fill=%27%23fff%27 p-id=%279500%27/%3E%3Cpath d=%27m650.24 337.92 35.84 35.84-312.32 312.32-35.84-35.84 312.32-312.32z%27 fill=%27%23fff%27 p-id=%279501%27/%3E%3C/svg%3E%0A");
}
.elephant-toast-icon-success {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 1.1//EN%27 %27http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 style=%27%27 p-id=%279641%27 t=%271532482644299%27 version=%271.1%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cstyle type=%27text/css%27/%3E%3C/defs%3E%3Cpath d=%27m512 1024c-282.82 0-512-229.18-512-512s229.18-512 512-512 512 229.18 512 512-229.18 512-512 512zm0-975.24c-253.56 0-463.24 209.68-463.24 463.24s209.68 463.24 463.24 463.24 463.24-209.68 463.24-463.24-204.8-463.24-463.24-463.24z%27 fill=%27%23fff%27 p-id=%279642%27/%3E%3Cpath d=%27m468.11 716.8c-19.505 0-39.01-9.7524-58.514-24.381l-185.3-175.54c-9.7524-9.7524-9.7524-24.381 0-34.133s24.381-9.7524 34.133 0l185.3 175.54c14.629 14.629 34.133 14.629 48.762 0l355.96-341.33c9.7524-9.7524 24.381-9.7524 34.133 0s9.7524 24.381 0 34.133l-355.96 341.33c-14.629 14.629-39.01 24.381-58.514 24.381z%27 fill=%27%23fff%27 p-id=%279643%27/%3E%3C/svg%3E%0A");
}
.elephant-toast-icon-warning {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 1.1//EN%27 %27http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 style=%27%27 p-id=%279447%27 t=%271531797890346%27 version=%271.1%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cstyle type=%27text/css%27/%3E%3C/defs%3E%3Cpath d=%27m512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512a512 512 0 0 0-512-512zm43.52 741.99a43.52 43.52 0 1 1-87.04 0 43.52 43.52 0 0 1 87.04 0zm-7.168-136.7a17.92 17.92 0 0 1-17.869 16.333h-36.966a17.92 17.92 0 0 1-17.869-16.333l-31.539-347.24a17.92 17.92 0 0 1 17.869-19.558h100.04a17.92 17.92 0 0 1 17.869 19.558l-31.539 347.24z%27 fill=%27%23fff%27 p-id=%279448%27/%3E%3C/svg%3E%0A");
}
.elephant-toast-icon-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 1.1//EN%27 %27http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 style=%27%27 p-id=%271793%27 t=%271531798354629%27 version=%271.1%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cstyle type=%27text/css%27/%3E%3C/defs%3E%3Cpath d=%27M272 704a47.84 47.84 0 0 0-33.936 14.064l-96 96a48 48 0 1 0 67.872 67.872l96-96A48 48 0 0 0 272 704z m-48-192a48 48 0 0 0-48-48H48a48 48 0 1 0 0 96h128a48 48 0 0 0 48-48z m-14.064-369.936a48 48 0 1 0-67.872 67.872l96 96a48 48 0 1 0 67.872-67.872l-96-96zM752 320a47.84 47.84 0 0 0 33.936-14.064l96-96a48 48 0 1 0-67.872-67.872l-96 96A48 48 0 0 0 752 320z m33.936 398.064a48 48 0 1 0-67.872 67.872l96 96a48 48 0 1 0 67.872-67.872l-96-96zM512 800a48 48 0 0 0-48 48v128a48 48 0 1 0 96 0v-128a48 48 0 0 0-48-48z m464-336h-128a48 48 0 1 0 0 96h128a48 48 0 1 0 0-96zM512 0a48 48 0 0 0-48 48v128a48 48 0 1 0 96 0V48a48 48 0 0 0-48-48z%27 fill=%27%23fff%27 p-id=%271794%27/%3E%3C/svg%3E%0A");
  -webkit-animation: spin 3000ms infinite linear;
          animation: spin 3000ms infinite linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.elephant-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: text-bottom;
}
.elephant-badge-text {
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 10;
  min-width: 10px;
  height: 14px;
  padding: 1px 3px;
  color: #fff;
  font-size: 12px;
  font-family: Arial, SimSun, sans-serif;
  line-height: 14px;
  white-space: nowrap;
  text-align: center;
  background-color: #f25454;
  border-radius: 10px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  /* 字体平滑参考 https://segmentfault.com/q/1010000000467910 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.elephant-badge-text a {
  color: #fff;
}
.elephant-badge-text p {
  margin: 0;
  padding: 0;
}
.elephant-badge-hot .elephant-badge-text {
  background-color: #f25454;
}
.elephant-badge-dot {
  position: absolute;
  top: -4px;
  z-index: 10;
  width: 8px;
  height: 8px;
  background: #f25454;
  border-radius: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.elephant-badge-dot-large {
  width: 16px;
  height: 16px;
}
.elephant-badge-not-a-wrapper .elephant-badge-dot,
.elephant-badge-not-a-wrapper .elephant-badge-text {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.elephant-badge-corner {
  position: absolute;
  top: 0;
  right: -17px;
  width: 48px;
  padding: 4px;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  background-color: #f25454;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.elephant-badge-corner-wrapper {
  overflow: hidden;
}

.elephant-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-align: left;
  /* FlexItem 元素 */
}
.elephant-flex .elephant-flex-item {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 4px;
  margin-left: 8px;
}
.elephant-flex .elephant-flex-item:first-child {
  margin-left: 0;
}
.elephant-flex-dir-row {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.elephant-flex-dir-row-reverse {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.elephant-flex-dir-column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.elephant-flex-dir-column .elephant-flex-item {
  margin-left: 0;
}
.elephant-flex-dir-column-reverse {
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.elephant-flex-dir-column-reverse .elephant-flex-item {
  margin-left: 0;
}
.elephant-flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.elephant-flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.elephant-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.elephant-flex-justify-start {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.elephant-flex-justify-end {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.elephant-flex-justify-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.elephant-flex-justify-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.elephant-flex-justify-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.elephant-flex-justify-evenly {
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.elephant-flex-align-start {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.elephant-flex-align-end {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.elephant-flex-align-center {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.elephant-flex-align-stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.elephant-flex-align-baseline {
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.elephant-flex-align-content-start {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.elephant-flex-align-content-end {
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
}
.elephant-flex-align-content-center {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.elephant-flex-align-content-between {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
}
.elephant-flex-align-content-around {
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
}
.elephant-flex-align-content-stretch {
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.elephant-DZJImg {
  font-family: inherit;
}
.elephant-defaultBg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ccc;
  font-size: 12px;
  text-align: center;
}
.elephant-defaultBg .elephant-img {
  margin-bottom: 2px;
}

.elephant-checkbox {
  position: relative;
  top: -0.09em;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.elephant-checkbox-wrapper:hover .elephant-checkbox-inner,
.elephant-checkbox:hover .elephant-checkbox-inner,
.elephant-checkbox-input:focus + .elephant-checkbox-inner {
  border-color: #12b4cd;
}
.elephant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #12b4cd;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: elephantCheckboxEffect 0.36s ease-in-out;
          animation: elephantCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.elephant-checkbox:hover::after,
.elephant-checkbox-wrapper:hover .elephant-checkbox::after {
  visibility: visible;
}
.elephant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.elephant-checkbox-inner::after {
  position: absolute;
  top: 46%;
  left: 22%;
  display: table;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.elephant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.elephant-checkbox-checked .elephant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.elephant-checkbox-checked .elephant-checkbox-inner {
  background-color: #12b4cd;
  border-color: #12b4cd;
}
.elephant-checkbox-disabled {
  cursor: not-allowed;
}
.elephant-checkbox-disabled.elephant-checkbox-checked .elephant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.elephant-checkbox-disabled .elephant-checkbox-input {
  cursor: not-allowed;
}
.elephant-checkbox-disabled .elephant-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #ccc !important;
}
.elephant-checkbox-disabled .elephant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.2);
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.elephant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.elephant-checkbox-disabled:hover::after,
.elephant-checkbox-wrapper:hover .elephant-checkbox-disabled::after {
  visibility: hidden;
}
.elephant-checkbox-wrapper {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: inherit;
  cursor: pointer;
}
.elephant-checkbox-wrapper.elephant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.elephant-checkbox-wrapper + .elephant-checkbox-wrapper {
  margin-left: 8px;
}
.elephant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.elephant-checkbox-group {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.elephant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.elephant-checkbox-group-item:last-child {
  margin-right: 0;
}
.elephant-checkbox-group-item + .elephant-checkbox-group-item {
  margin-left: 0;
}
@-webkit-keyframes elephantCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes elephantCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

.renderByCondition {
  font-family: inherit;
}

.elephant-switch {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 44px;
  height: 22px;
  padding: 0;
  line-height: 20px;
  vertical-align: middle;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 20px 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.elephant-switch-inner {
  position: absolute;
  top: 0;
  left: 24px;
  color: #fff;
  font-size: 12px;
}
.elephant-switch::after {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50% 50%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: pointer;
  -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-animation-name: elephantSwitchOff;
          animation-name: elephantSwitchOff;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
          animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  content: ' ';
}
.elephant-switch:hover::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-animation-name: elephantSwitchOn;
          animation-name: elephantSwitchOn;
}
.elephant-switch:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #d5f1fd;
          box-shadow: 0 0 0 2px #d5f1fd;
}
.elephant-switch-checked {
  background-color: #00abac;
  border: 1px solid #00abac;
}
.elephant-switch-checked .elephant-switch-inner {
  left: 6px;
}
.elephant-switch-checked::after {
  left: 22px;
}
.elephant-switch-disabled {
  background: #ccc;
  border-color: #ccc;
  cursor: no-drop;
}
.elephant-switch-disabled::after {
  background: #9e9e9e;
  cursor: no-drop;
  -webkit-animation-name: none;
          animation-name: none;
}
.elephant-switch-disabled:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-name: none;
          animation-name: none;
}
.elephant-switch-label {
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
  vertical-align: middle;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  pointer-events: none;
}
.elephant-switch-loading {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
}
@-webkit-keyframes elephantSwitchOn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes elephantSwitchOn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes elephantSwitchOff {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes elephantSwitchOff {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 边框线处理
   对于ListItem的 borderIndent通过判断后给其父还是子节点附加底边线，
   并处理最后一个元素没有底边线
*/
.elephant-list-hairline-top {
  border-top: 1px solid #e7e7e7;
}
.elephant-list-hairline-bottom {
  border-bottom: 1px solid #e7e7e7;
}
.elephant-list-item.elephant-list-hairline-bottom:last-child {
  border-bottom: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  @mixin hairline-border {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    content: '';
  }
  html:not([data-scale]) .elephant-list-hairline-top {
    border-top: none;
  }
  html:not([data-scale]) .elephant-list-hairline-top::before {
    @include hairline-border;
    top: 0;
  }
  html:not([data-scale]) .elephant-list-hairline-bottom {
    border-bottom: none;
  }
  html:not([data-scale]) .elephant-list-hairline-bottom::after {
    @include hairline-border;
    bottom: 0;
  }
  html:not([data-scale]) .elephant-list-item.elephant-list-hairline-bottom:last-child::after {
    height: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .elephant-list-hairline-top::before,
  html:not([data-scale]) .elephant-list-hairline-bottom::after {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}
/* -- end 边框处理 */
.elephant-list-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 15px 15px 9px;
  color: #888;
  font-size: 1em;
}
.elephant-list-footer {
  padding: 9px 15px 15px;
  color: #888;
  font-size: 14px;
}
.elephant-list-body {
  position: relative;
  background-color: #fff;
}
.elephant-list-body .elephant-list-item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  padding-left: 15px;
  overflow: hidden;
  vertical-align: middle;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.elephant-list-body .elephant-list-item .elephant-list-line {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding-right: 15px;
  overflow: hidden;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-content,
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-extra {
  width: auto;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-content {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  color: #000;
  font-size: 17px;
  text-align: left;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-extra {
  max-width: 48%;
  margin-left: 10px;
  color: #888;
  font-size: 16px;
  text-align: right;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-brief,
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-title {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-brief {
  color: #888;
  font-size: 14px;
  line-height: 1.5;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-arrow {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27 viewBox=%270 0 1024 1024%27%3E%3Cpath d=%27M780.035 477.623L317.04 15.36a51.931 51.931 0 0 0-73.143 73.143l427.154 427.886-419.84 420.571a51.2 51.2 0 0 0 35.84 87.04 50.469 50.469 0 0 0 35.84-15.36l449.829-449.097 7.314-8.046a51.931 51.931 0 0 0 0-73.874z%27 fill=%27%23C0C0C0%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  visibility: hidden;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-arrow-horizontal {
  visibility: visible;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-arrow-vertical {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  visibility: visible;
}
.elephant-list-body .elephant-list-item .elephant-list-line .elephant-list-arrow-vertical-up {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  visibility: visible;
}
.elephant-list-body .elephant-list-item .elephant-list-thumb {
  height: auto;
  padding: 7px 0;
  vertical-align: middle;
}
.elephant-list-body .elephant-list-item .elephant-list-thumb:first-child {
  margin-right: 15px;
}
.elephant-list-body .elephant-list-item .elephant-list-thumb:last-child {
  margin-left: 8px;
}
.elephant-list-body .elephant-list-item select {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 17px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.elephant-list-body .elephant-list-item.elephant-list-item-top .elephant-list-line {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.elephant-list-body .elephant-list-item.elephant-list-item-top .elephant-list-line .elephant-list-arrow {
  margin-top: 2px;
}
.elephant-list-body .elephant-list-item.elephant-list-item-middle .elephant-list-line {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.elephant-list-body .elephant-list-item.elephant-list-item-bottom .elephant-list-line {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.elephant-list-body .elephant-list-item-error .elephant-list-line .elephant-list-extra,
.elephant-list-body .elephant-list-item-error .elephant-list-line.elephant-list-extra.elephant-list-brief {
  color: #f50;
}
.elephant-list-body .elephant-list-item-active {
  background-color: #e7e7e7;
}
.elephant-list-body .elephant-list-item-disabled .elephant-list-line .elephant-list-content,
.elephant-list-body .elephant-list-item-disabled .elephant-list-line .elephant-list-extra {
  color: #bbb;
}

.elephant-form {
  position: relative;
}

.elephant-input-wrap {
  display: inline-block;
}
.elephant-input-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  font-size: 1em;
  line-height: 34px;
}
.elephant-input-container .elephant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 34px;
  padding: 8px;
  font-weight: normal;
  line-height: 34px;
  border: none;
  outline: none;
}
.elephant-input-container .elephant-input-addon {
  display: inline-block;
  min-width: 37px;
  max-width: 60%;
  padding: 0 9px;
  overflow: hidden;
  color: #999;
  text-align: center;
  text-overflow: ellipsis;
  background: #e7e7e7;
}
.elephant-input-container input::-webkit-input-placeholder {
  color: #ccc;
}
.elephant-input-container input::-moz-placeholder {
  color: #ccc;
}
.elephant-input-container input:-ms-input-placeholder {
  color: #ccc;
}
.elephant-input-container input::-ms-input-placeholder {
  color: #ccc;
}
.elephant-input-container input::placeholder {
  color: #ccc;
}
.elephant-input-border {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
.elephant-input-border .elephant-input-addonBefore {
  border-right: 1px solid #d0d0d0;
}
.elephant-input-border .elephant-input-addonAfter {
  border-left: 1px solid #d0d0d0;
}

.elephant-image-picker {
  position: relative;
  overflow: hidden;
}
.elephant-image-picker-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.elephant-image-picker-block-item {
  position: relative;
  display: inline-block;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.elephant-image-picker-remover {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(204, 204, 204, 0.48);
          box-shadow: 0 2px 4px rgba(204, 204, 204, 0.48);
}
.image-selector {
  color: #e7e7e7;
  font-weight: 100;
  font-family: serif;
  line-height: 2;
  text-align: center;
  background: #fefefe;
  border: 1px dashed #e7e7e7;
  outline: none;
  cursor: pointer;
}
.image-uploading-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.elephant-image-picker-help-prompt {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}

.elephant-icon {
  font-size: 1em;
  line-height: 1;
}
.elephant-icon-spin::before {
  display: inline-block;
  line-height: 1;
  -webkit-animation: loadingCircle 1.2s infinite linear;
          animation: loadingCircle 1.2s infinite linear;
}
.elephant-icon-source {
  width: 16px;
  height: auto;
  line-height: 1;
}
.elephant-icon-source.elephant-icon-spin {
  -webkit-animation: loadingCircle 1.2s infinite linear;
          animation: loadingCircle 1.2s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.elephant-image-picker-remover {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(204, 204, 204, 0.48);
          box-shadow: 0 2px 4px rgba(204, 204, 204, 0.48);
}

.elephant-textarea {
  width: 100%;
  padding: 6px 0;
  line-height: 1.4;
  border: none;
  outline: none;
}
.elephant-textarea-border {
  padding: 6px 5px;
  border: 1px solid #00abac;
  border-radius: 4px;
}
.elephant-textarea-border:focus {
  outline: solid rgba(0, 172, 172, 0.2) 1px;
}
.elephant-textarea-disabled {
  background: #efefef;
  cursor: default;
}
.elephant-textarea-disabled.elephant-textarea-border {
  border-color: #ccc;
}

.elephant-html-view {
  display: block;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
  line-height: 1.42;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  background: none;
  border: none;
  outline: none;
}
.elephant-html-view img,
.elephant-html-view video,
.elephant-html-view iframe {
  max-width: 100%;
  height: auto;
  margin: 0 0;
}
.elephant-html-view p,
.elephant-html-view div {
  margin: 0 0 28px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
}
.elephant-html-view blockquote {
  margin: 0;
  padding: 0 0 0 15px;
}
.elephant-html-view blockquote p {
  margin-bottom: 5px;
  color: #666;
}
.elephant-html-view a {
  color: #4298ba;
  text-decoration: none;
  word-break: break-all;
}
.elephant-html-view a:hover,
.elephant-html-view a:active {
  outline: 0;
}
.elephant-html-view a:visited {
  color: #4298ba;
}
.elephant-html-view a:hover {
  color: #0f769f;
}
.elephant-html-view a:active {
  color: #9e792e;
}
.elephant-html-view ol,
.elephant-html-view ul {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
}
.elephant-html-view ol li,
.elephant-html-view ul li {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.75;
}
.elephant-html-view table {
  margin: 20px 0;
}
.elephant-html-view h1,
.elephant-html-view h2,
.elephant-html-view h3 {
  margin-bottom: 28px;
  font-weight: bold;
}
.elephant-html-view h1 {
  font-size: 24px;
  line-height: 31px;
}
.elephant-html-view h2 {
  font-size: 18px;
  line-height: 24px;
}
.elephant-html-view h3 {
  font-size: 16px;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  .elephant-html-view p,
  .elephant-html-view div {
    margin: 0 0 24px 0;
    font-size: 17px;
  }
  .elephant-html-view blockquote {
    padding: 0 0 0 10px;
  }
  .elephant-html-view ol,
  .elephant-html-view ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
  }
  .elephant-html-view ol li,
  .elephant-html-view ul li {
    margin-bottom: 20px;
    font-size: 17px;
  }
  .elephant-html-view table {
    margin: 20px 0;
  }
  .elephant-html-view h1,
  .elephant-html-view h2,
  .elephant-html-view h3 {
    margin-bottom: 20px;
    font-weight: bold;
  }
  .elephant-html-view h1 {
    font-size: 22px;
    line-height: 29px;
  }
  .elephant-html-view h2 {
    font-size: 18px;
    line-height: 25px;
  }
  .elephant-html-view h3 {
    font-size: 17px;
    line-height: 24px;
  }
}

.elephant-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  background: #e8e8e8;
}
.elephant-divider .elephant-divider-hd {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.elephant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .elephant-divider-vertical.elephant-divider-hd {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  .elephant-divider-vertical.elephant-divider-hd {
    -webkit-transform: scaleX(0.33);
            transform: scaleX(0.33);
  }
}
.elephant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 16px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .elephant-divider-horizontal.elephant-divider-hd {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  .elephant-divider-horizontal.elephant-divider-hd {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}

.elephant-tag {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  padding: 6px 18px;
  overflow: hidden;
  color: #555;
  font-size: 16px;
  line-height: 22px;
  white-space: normal;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
}
.elephant-tag-small {
  margin-right: 5px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
}
.elephant-tag:last-child {
  margin-right: 0;
}
.elephant-tag:hover {
  opacity: 0.9;
}
.elephant-tag .elephant-tag-remover {
  position: absolute;
  right: -12px;
  bottom: -4px;
  width: 32px;
  height: 16px;
  color: #464646;
  font-size: 16px;
  line-height: 9px;
  white-space: nowrap;
  text-align: center;
  background-color: #e0e0e0;
  border: 1px solid transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  cursor: pointer;
}
.elephant-tag .elephant-tag-remover::-moz-selection {
  background: none;
}
.elephant-tag .elephant-tag-remover::selection {
  background: none;
}
.elephant-tag .elephant-tag-remover-inline {
  position: relative;
  right: -4px;
  bottom: 0;
  display: inline-block;
  width: auto;
  height: auto;
  color: #656565;
  text-align: center;
  background: transparent;
}
.elephant-tag.elephant-tag-border {
  border: 1px solid #d0d0d0;
}
.elephant-tag.elephant-tag-checkable {
  cursor: pointer;
}
.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #00abac;
}
.elephant-tag.elephant-tag-active {
  color: #00abac;
  background: rgba(0, 172, 172, 0.1);
}
.elephant-tag.elephant-tag-active.elephant-tag-border {
  border-color: #00abac;
}
.elephant-tag.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #00abac;
}
.elephant-tag.elephant-tag-active .elephant-tag-remover-inline {
  color: #00abac;
  background: transparent;
}
.elephant-tag.elephant-tag-disabled {
  cursor: default;
  opacity: 0.5;
}
.elephant-tag.elephant-tag-disabled:hover {
  opacity: 0.5;
}
.elephant-tag.elephant-tag-disabled .elephant-tag-remover {
  cursor: default;
}
/**
 * 二级色彩标签
 */
.elephant-tag-secondary.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active {
  color: #e8af32;
  background: rgba(232, 174, 50, 0.02);
}
.elephant-tag-secondary.elephant-tag-active.elephant-tag-border {
  border-color: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active .elephant-tag-remover-inline {
  color: #e8af32;
  background: transparent;
}
/**
 * 警示色彩
 */
.elephant-tag-error.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #c83333;
}
.elephant-tag-error.elephant-tag-active {
  color: #c83333;
  background: rgba(200, 51, 51, 0.02);
}
.elephant-tag-error.elephant-tag-active.elephant-tag-border {
  border-color: #c83333;
}
.elephant-tag-error.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #c83333;
}
.elephant-tag-error.elephant-tag-active .elephant-tag-remover-inline {
  color: #c83333;
  background: transparent;
}

.elephant-tag {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  padding: 6px 18px;
  overflow: hidden;
  color: #555;
  font-size: 16px;
  line-height: 22px;
  white-space: normal;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
}
.elephant-tag-small {
  margin-right: 5px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
}
.elephant-tag:last-child {
  margin-right: 0;
}
.elephant-tag:hover {
  opacity: 0.9;
}
.elephant-tag .elephant-tag-remover {
  position: absolute;
  right: -12px;
  bottom: -4px;
  width: 32px;
  height: 16px;
  color: #464646;
  font-size: 16px;
  line-height: 9px;
  white-space: nowrap;
  text-align: center;
  background-color: #e0e0e0;
  border: 1px solid transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  cursor: pointer;
}
.elephant-tag .elephant-tag-remover::-moz-selection {
  background: none;
}
.elephant-tag .elephant-tag-remover::selection {
  background: none;
}
.elephant-tag .elephant-tag-remover-inline {
  position: relative;
  right: -4px;
  bottom: 0;
  display: inline-block;
  width: auto;
  height: auto;
  color: #656565;
  text-align: center;
  background: transparent;
}
.elephant-tag.elephant-tag-border {
  border: 1px solid #d0d0d0;
}
.elephant-tag.elephant-tag-checkable {
  cursor: pointer;
}
.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #00abac;
}
.elephant-tag.elephant-tag-active {
  color: #00abac;
  background: rgba(0, 172, 172, 0.1);
}
.elephant-tag.elephant-tag-active.elephant-tag-border {
  border-color: #00abac;
}
.elephant-tag.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #00abac;
}
.elephant-tag.elephant-tag-active .elephant-tag-remover-inline {
  color: #00abac;
  background: transparent;
}
.elephant-tag.elephant-tag-disabled {
  cursor: default;
  opacity: 0.5;
}
.elephant-tag.elephant-tag-disabled:hover {
  opacity: 0.5;
}
.elephant-tag.elephant-tag-disabled .elephant-tag-remover {
  cursor: default;
}
/**
 * 二级色彩标签
 */
.elephant-tag-secondary.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active {
  color: #e8af32;
  background: rgba(232, 174, 50, 0.02);
}
.elephant-tag-secondary.elephant-tag-active.elephant-tag-border {
  border-color: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #e8af32;
}
.elephant-tag-secondary.elephant-tag-active .elephant-tag-remover-inline {
  color: #e8af32;
  background: transparent;
}
/**
 * 警示色彩
 */
.elephant-tag-error.elephant-tag.elephant-tag-checkable:not(.elephant-tag-disabled):hover {
  color: #c83333;
}
.elephant-tag-error.elephant-tag-active {
  color: #c83333;
  background: rgba(200, 51, 51, 0.02);
}
.elephant-tag-error.elephant-tag-active.elephant-tag-border {
  border-color: #c83333;
}
.elephant-tag-error.elephant-tag-active .elephant-tag-remover {
  color: #fff;
  background: #c83333;
}
.elephant-tag-error.elephant-tag-active .elephant-tag-remover-inline {
  color: #c83333;
  background: transparent;
}
.elephant-tag-select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -8px;
}
.elephant-tag-select .elephant-tag {
  margin-bottom: 8px;
}
.elephant-tag-select-option {
  display: inline-block;
}
/* Add Tag Style */
.elephant-tag-add {
  color: #999;
}
.elephant-tag-add .elephant-tag-add-icon {
  margin-right: 7px;
  font-weight: bold;
  font-size: 16px;
  font-family: Courier, monospace;
}
.elephant-tag-add-edit {
  display: inline-block;
}
.elephant-tag-add-edit > .edit-control {
  display: inline-block;
}
.elephant-tag-add-edit > .edit-confirm {
  padding: 5px 6px 5px 12px;
  color: #00abac;
  font-size: 14px;
  cursor: pointer;
}