/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/components/IconSystem/style.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.icon-logo .icon-logo-bottom {
  fill: #2c7ec3;
}
.icon-logo .icon-logo-top {
  fill: #44af37;
}
.icon-logo-weapp {
  fill: #656565;
  width: 43px;
  height: 43px;
}
.icon-logo-weapp:hover {
  fill: #00A637;
}
.icon-logo-wechat {
  fill: #656565;
}
.icon-logo-wechat:hover {
  fill: #91e0bc;
}
.icon-logo-qq {
  fill: #656565;
}
.icon-logo-qq:hover {
  fill: #58a6e7;
}
.icon-logo-qzone {
  fill: #656565;
}
.icon-logo-qzone:hover {
  fill: #f7cf46;
}
.icon-logo-weibo {
  fill: #656565;
}
.icon-logo-weibo:hover {
  fill: #d6655c;
}
.icon-launch {
  width: 19px;
  height: 19px;
  fill: #797979;
}
.icon-preview {
  width: 25px;
  height: 25px;
  fill: #797979;
}
.icon-start {
  height: 14px;
  width: 12px;
  vertical-align: middle;
}
.icon-pause {
  height: 14px;
  width: 12px;
  vertical-align: middle;
}
.icon-setting-display,
.icon-setting-recovery,
.icon-setting-gift,
.icon-setting-collaborator {
  width: 25px;
  height: 25px;
  fill: #797979;
}
.icon-stat-overview,
.icon-stat-recycle,
.icon-stat-chart,
.icon-stat-analyse,
.icon-stat-gift,
.icon-stat-report,
.icon-stat-sign {
  width: 28px;
  height: 28px;
  fill: #8E8E8E;
}
.icon-stat-sign {
  stroke: 0;
  stroke: #8E8E8E;
}
.icon-stat-overview .icon-stat-overview-needle {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation-name: icon-stat-rotate;
          animation-name: icon-stat-rotate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
}
.icon-stat-chart {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation-name: icon-stat-rotate;
          animation-name: icon-stat-rotate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
}
.icon-stat-chart:hover {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.icon-stat-recycle .icon-stat-recycle-top {
  -webkit-transform-origin: 10px center;
      -ms-transform-origin: 10px center;
          transform-origin: 10px center;
  -webkit-animation-name: icon-stat-bar;
          animation-name: icon-stat-bar;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.icon-stat-recycle .icon-stat-recycle-middle {
  -webkit-transform-origin: 10px center;
      -ms-transform-origin: 10px center;
          transform-origin: 10px center;
  -webkit-animation-name: icon-stat-bar;
          animation-name: icon-stat-bar;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.icon-stat-recycle .icon-stat-recycle-bottom {
  -webkit-transform-origin: 10px center;
      -ms-transform-origin: 10px center;
          transform-origin: 10px center;
  -webkit-animation-name: icon-stat-bar;
          animation-name: icon-stat-bar;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.icon-stat-analyse .icon-stat-analyse-left {
  -webkit-transform-origin: center 36px;
      -ms-transform-origin: center 36px;
          transform-origin: center 36px;
  -webkit-animation-name: icon-stat-column;
          animation-name: icon-stat-column;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.icon-stat-analyse .icon-stat-analyse-center {
  -webkit-transform-origin: center 36px;
      -ms-transform-origin: center 36px;
          transform-origin: center 36px;
  -webkit-animation-name: icon-stat-column;
          animation-name: icon-stat-column;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.icon-stat-analyse .icon-stat-analyse-right {
  -webkit-transform-origin: center 36px;
      -ms-transform-origin: center 36px;
          transform-origin: center 36px;
  -webkit-animation-name: icon-stat-column;
          animation-name: icon-stat-column;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.icon-stat-gift .icon-stat-gift-hat {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation-name: icon-gift-hat;
          animation-name: icon-gift-hat;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
}
.icon-stat-sign .icon-stat-sign-line-1,
.icon-stat-sign .icon-stat-sign-line-2,
.icon-stat-sign .icon-stat-sign-line-3,
.icon-stat-sign .icon-stat-sign-line-4 {
  -webkit-transform-origin: 10px center;
      -ms-transform-origin: 10px center;
          transform-origin: 10px center;
  -webkit-animation-name: icon-stat-sign-bar;
          animation-name: icon-stat-sign-bar;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.icon-stat-sign .icon-stat-sign-line-1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.icon-stat-sign .icon-stat-sign-line-2 {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
}
.icon-stat-sign .icon-stat-sign-tips {
  stroke-dasharray: 39 39;
  -webkit-animation-name: icon-stat-sign-tips;
          animation-name: icon-stat-sign-tips;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.icon-edit {
  overflow: visible;
}
.icon-edit .icon-edit-pen {
  -webkit-animation-name: icon-edit-pen;
          animation-name: icon-edit-pen;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /* 默认使用 inherit 继承，便于扩大动画响应区域 */
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.icon:hover {
  /* 默认 SVG hover 的时候响应动画 */
}
.icon:hover .icon-stat-overview-needle,
.icon:hover .icon-stat-recycle-top,
.icon:hover .icon-stat-recycle-middle,
.icon:hover .icon-stat-recycle-bottom,
.icon:hover .icon-stat-analyse-left,
.icon:hover .icon-stat-analyse-center,
.icon:hover .icon-stat-analyse-right,
.icon:hover .icon-stat-chart,
.icon:hover .icon-stat-sign,
.icon:hover .icon-stat-gift-hat {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.icon:hover .icon-edit-pen {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.icon:hover .icon-stat-sign {
  stroke: #008fff;
}
.icon-survey {
  width: 65px;
  height: 80px;
}
.icon-survey .icon-survey-bg {
  fill: #DBDBDB;
}
.icon-loading {
  width: 65px;
  height: 80px;
}
.icon-loading .icon-loading-bg {
  fill: #2196F3;
}
.icon-loading .icon-loading-arrow {
  -webkit-transform-origin: 50% 56%;
      -ms-transform-origin: 50% 56%;
          transform-origin: 50% 56%;
  -webkit-animation: rotate 1.2s linear infinite;
          animation: rotate 1.2s linear infinite;
}
.icon-loading-arrow {
  width: 33px;
  height: 33px;
  -webkit-animation: rotate 1.2s linear infinite;
          animation: rotate 1.2s linear infinite;
}
.icon-close {
  width: 20px;
  height: 20px;
  fill: #bbbbbb;
}
.icon-bubble {
  width: 35px;
  height: 35px;
  fill: #1593fb;
}
.icon-success {
  width: 24px;
  height: 24px;
  fill: #1593fb;
}
.icon-success-slim {
  width: 48px;
  height: 48px;
}
.icon-fail {
  width: 24px;
  height: 24px;
  fill: #ef5350;
}
.icon-tips {
  width: 18px;
  height: 18px;
  fill: #000;
}
.icon-search {
  width: 16px;
  height: 16px;
}
.icon-checked-only {
  width: 15px;
  height: 15px;
  fill: #008fff;
}
.icon-trash {
  width: 14px;
  fill: #008fff;
}
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-down,
.icon-arrow-up {
  width: 24px;
  height: 24px;
  fill: #bbc5cf;
}
.icon-arrow-slim {
  width: 16px;
  height: 16px;
  fill: #bbc5cf;
}
.icon-survey-gift {
  width: 18px;
  height: 18px;
  fill: #000;
}
.icon-btn-close {
  height: 24px;
  width: 24px;
}
.icon-btn-close-inverse {
  height: 14px;
  width: 14px;
}
.icon-btn-add {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.icon-download {
  width: 16px;
  height: 16px;
}
.icon-add-circle {
  height: 48px;
  width: 48px;
  cursor: pointer;
}
.icon-import-table {
  height: 24px;
  width: 24px;
}
.icon-date-range {
  width: 18px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
.icon-arrow-head {
  height: 10px;
  margin-left: 10px;
  fill: #dddddd;
}
.icon-exchange {
  width: 12px;
}
.icon-file {
  width: 20px;
}
.icon-answer {
  width: 14px;
}
.icon-file-expand {
  width: 16px;
}
.icon-file-collapse {
  width: 16px;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
@-webkit-keyframes icon-stat-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes icon-stat-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes icon-stat-bar {
  60% {
    -webkit-transform: scale(0.1, 1);
            transform: scale(0.1, 1);
  }
}
@keyframes icon-stat-bar {
  60% {
    -webkit-transform: scale(0.1, 1);
            transform: scale(0.1, 1);
  }
}
@-webkit-keyframes icon-stat-column {
  60% {
    -webkit-transform: scale(1, 0.1);
            transform: scale(1, 0.1);
  }
}
@keyframes icon-stat-column {
  60% {
    -webkit-transform: scale(1, 0.1);
            transform: scale(1, 0.1);
  }
}
@-webkit-keyframes icon-gift-hat {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes icon-gift-hat {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@-webkit-keyframes icon-edit-pen {
  0% {
    -webkit-transform: translate(-2px, -32px);
  }
  20% {
    -webkit-transform: translate(18px, -32px);
  }
  30% {
    -webkit-transform: translate(-2px, -24px);
  }
  50% {
    -webkit-transform: translate(18px, -24px);
  }
  60% {
    -webkit-transform: translate(-2px, -16px);
  }
  80% {
    -webkit-transform: translate(18px, -16px);
  }
  100% {
    -webkit-transform: translate(-2px, -32px);
  }
}
@keyframes icon-edit-pen {
  0% {
    -webkit-transform: translate(-2px, -32px);
  }
  20% {
    -webkit-transform: translate(18px, -32px);
  }
  30% {
    -webkit-transform: translate(-2px, -24px);
  }
  50% {
    -webkit-transform: translate(18px, -24px);
  }
  60% {
    -webkit-transform: translate(-2px, -16px);
  }
  80% {
    -webkit-transform: translate(18px, -16px);
  }
  100% {
    -webkit-transform: translate(-2px, -32px);
  }
}
@-webkit-keyframes icon-stat-sign-bar {
  10%,
  70% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  20%,
  30% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
}
@keyframes icon-stat-sign-bar {
  10%,
  70% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  20%,
  30% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
}
@-webkit-keyframes icon-stat-sign-tips {
  70%,
  100% {
    stroke-dashoffset: 78;
  }
  20%,
  30% {
    stroke-dashoffset: 39;
  }
}
@keyframes icon-stat-sign-tips {
  70%,
  100% {
    stroke-dashoffset: 78;
  }
  20%,
  30% {
    stroke-dashoffset: 39;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/components/Stat/chained.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.chained-trigger {
  position: relative;
}
.chained-trigger .chained-wrapper {
  position: absolute;
  left: 0%;
  top: 0;
  width: 500px;
  height: 280px;
}
.chained-trigger .coral-cascade-advance .body {
  background: #fff;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/components/Report/UI/Button/button.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
[class^='a-link--'] {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  text-decoration: none;
}
[class^='a-link--'] .coral-icon {
  fill: currentColor;
}
[class^='a-link--'].a-link--disabled {
  cursor: not-allowed;
}
button[class^='a-link--'] {
  background: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
button[class^='a-link--'].a-link--disabled {
  cursor: not-allowed;
}
.a-link--small {
  font-size: var(--td-font-size-body-small);
}
.a-link--small .coral-icon {
  font-size: var(--td-font-size-body-medium);
}
.a-link--medium {
  font-size: var(--td-font-size-body-medium);
}
.a-link--medium .coral-icon {
  font-size: var(--td-font-size-body-large);
}
.a-link--large {
  font-size: var(--td-font-size-body-large);
}
.a-link--large .coral-icon {
  font-size: 18px;
}
.a-link--default {
  color: var(--td-text-color-primary);
}
.a-link--default:hover {
  color: var(--td-brand-color);
}
.a-link--primary {
  color: var(--td-brand-color);
}
.a-link--primary:hover {
  color: var(--td-brand-color-hover);
}
.a-link--success {
  color: var(--td-success-color);
}
.a-link--success:hover {
  color: var(--td-success-color-hover);
}
.a-link--danger {
  color: var(--td-error-color);
}
.a-link--danger:hover {
  color: var(--td-error-color-hover);
}
.a-link--warning {
  color: var(--td-warning-color);
}
.a-link--warning:hover {
  color: var(--td-warning-color-hover);
}
.a-link--disabled {
  color: var(--td-text-color-disabled);
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/components/SiderBarLeft/style.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
div.edit-main.expand-tab .wj-side-nav-container {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.wj-side-nav-container {
  width: 72px;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: inset -1px 0px 0px #E5E5E5;
          box-shadow: inset -1px 0px 0px #E5E5E5;
}
.wj-side-nav-container .wj-side-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wj-side-nav-container .wj-side-nav-list-item {
  margin-top: 8px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button {
  width: 72px;
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  color: var(--td-text-color-primary);
  cursor: pointer;
  background-color: transparent;
  border: 0;
  text-decoration: none;
  overflow: visible;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .icon-stat-sign-tips {
  stroke: var(--td-text-color-primary);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled svg {
  fill: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled .icon-stat-sign-tips {
  stroke: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button svg {
  margin-bottom: 4px;
  fill: var(--td-text-color-primary);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover {
  color: var(--td-brand-color);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover svg {
  fill: var(--td-brand-color);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover .icon-stat-sign-tips {
  stroke: var(--td-brand-color);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled {
  color: var(--td-text-color-disabled) !important;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled svg {
  fill: var(--td-text-color-disabled) !important;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button-text,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button-text {
  font-size: var(--td-font-size-body-small);
  line-height: 20px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .t-ripple,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .t-ripple {
  display: none;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .coral-icon,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .coral-icon {
  font-size: 24px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .coral-icon + .t-button__text,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .coral-icon + .t-button__text {
  margin-left: 0;
}
.wj-side-nav-container .wj-side-nav-suffix {
  margin-bottom: 8px;
}
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button {
  height: 40px;
}
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button svg {
  margin-bottom: 0;
}
.help-popup-div {
  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-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-default);
  padding: 20px;
}
.wj-side-nav-container {
  height: calc(100vh - 112px - 16px * 2) !important;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 128px;
  z-index: 3;
  overflow-y: overlay;
  overflow-y: auto;
  overflow-x: hidden;
  /* total width */
  /* set button(top and bottom of the scrollbar) */
}
.wj-side-nav-container::-webkit-scrollbar {
  width: 8px;
}
.wj-side-nav-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px 8px transparent;
          box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}
.wj-side-nav-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
  border: solid 2px transparent;
  border-radius: 8px;
}
.wj-side-nav-container::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
}
.wj-side-nav-container::-webkit-scrollbar-button {
  display: none;
}
.diagnosis-badge .t-badge--circle {
  right: 1px;
  top: 1px;
}
.diagnosis-badge .t-badge--circle.t-size-s {
  min-width: 16px;
}
.diagnosis-badge .t-badge--dot {
  width: 10px;
  height: 10px;
  top: -4px;
  right: -4px;
}
.mini-menu-popup.t-popup .t-popup__content {
  margin-left: 0;
  padding: 11px 20px;
  position: relative;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button {
  background-color: #fff;
  margin: 4px 0;
  cursor: pointer;
  border: none;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button:hover svg {
  fill: var(--td-brand-color);
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button .menu-button-tip .tips-style {
  right: -30px;
  top: -5px;
}
.menu-button-tip {
  position: relative;
  height: 0;
  width: 0;
}
.menu-button-tip .tips-style {
  position: absolute;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  right: -16px;
  top: -4px;
}
@media screen and (max-height: 900px) {
  .normal-bottom-menu {
    display: none;
  }
  .mini-bottom-menu {
    display: block;
  }
}
@media screen and (min-height: 901px) {
  .normal-bottom-menu {
    display: block;
  }
  .mini-bottom-menu {
    display: none;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/components/Mobile/Popup/style.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.m-popup-mask {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
}
.m-popup-mask.run-animate {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.m-popup-mask.before-show,
.m-popup-mask.after-hide,
.m-popup-mask.hide {
  opacity: 0;
}
.m-popup-mask.before-hide,
.m-popup-mask.after-show,
.m-popup-mask.show {
  opacity: 1;
}
.m-popup-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3em;
  border-bottom: 1px solid var(--td-component-stroke);
  width: 100%;
}
.m-popup-header__button {
  width: 20%;
  min-width: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-popup-header__button .t-button {
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.m-popup-header__title {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 3;
  color: var(--td-text-color-primary);
}
.m-popup-header__title + .m-popup-header__button {
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.m-popup-header .t-button:hover {
  background-color: transparent;
  border-color: transparent;
}
.m-popup-content {
  position: fixed;
  z-index: 210;
  width: 100vw;
  left: 0;
  bottom: 0;
  background-color: var(--td-bg-color-container);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  border-radius: 8px 8px 0px 0px;
}
.m-popup-content.run-animate {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.m-popup-content.before-show,
.m-popup-content.after-hide,
.m-popup-content.hide {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.m-popup-content.before-hide,
.m-popup-content.after-show,
.m-popup-content.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.m-popup-content__container {
  overflow-y: auto;
}


/*# sourceMappingURL=83023.cbc1a5e0.css.map*/