:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}

.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}

.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}

.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
.icon[data-v-0bbfe44e] {
  position: absolute;
  font-size: 48px;
  right: 23px;
}
[card-color=blue][data-v-0bbfe44e] {
  background-color: #3c8df5;
}
[card-color=blue] .icon[data-v-0bbfe44e] {
  color: #4ea6f8;
}
[card-color=lightBlue][data-v-0bbfe44e] {
  background-color: #40b1f2;
}
[card-color=lightBlue] .icon[data-v-0bbfe44e] {
  color: #53c6f6;
}
[card-color=green][data-v-0bbfe44e] {
  background-color: #26b9b3;
}
[card-color=green] .icon[data-v-0bbfe44e] {
  color: #32cdc8;
}
[card-color=purple][data-v-0bbfe44e] {
  cursor: pointer;
  background-color: #a86deb;
}
[card-color=purple] .icon[data-v-0bbfe44e] {
  color: #be85f2;
}
[card-color=purple][data-v-0bbfe44e]:hover {
  box-shadow: 0 2px 6px 0 rgba(168, 109, 236, 0.2), 0 3px 6px 3px rgba(168, 109, 236, 0.15), 0 2px 4px 0 rgba(168, 109, 236, 0.1) !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(168, 109, 236, 0.2), 0 3px 6px 3px rgba(168, 109, 236, 0.15), 0 2px 4px 0 rgba(168, 109, 236, 0.1) !important;
}
[card-color=blue][data-v-0bbfe44e]:hover,
[card-color=lightBlue][data-v-0bbfe44e]:hover,
[card-color=green][data-v-0bbfe44e]:hover {
  box-shadow: 0 0 black !important;
  -webkit-box-shadow: 0 0 black !important;
}
a[data-v-0bbfe44e],
a[data-v-0bbfe44e]:hover,
a[data-v-0bbfe44e]:link,
a[data-v-0bbfe44e]:visited {
  text-decoration: none;
}
.more-content[data-v-0bbfe44e] {
  position: absolute;
  right: 20px;
  z-index: 1;
  line-height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.blue-theme-card[data-v-0bbfe44e] {
  height: 138px !important;
}
.blue-theme-card:hover .more-content[data-v-0bbfe44e] {
  display: block;
}
[data-v-0bbfe44e]  .blue-theme-card-body {
  padding: 16px 0 20px 24px;
}
.card-content[data-v-0bbfe44e] {
  color: #fff;
}
.card-content .title-count[data-v-0bbfe44e] {
  font-size: 28px;
  line-height: 28px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 800;
}
.card-content .title-desc[data-v-0bbfe44e] {
  font-size: 14px;
  line-height: 22px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  letter-spacing: 0.5px;
}
.card-content .detail-group[data-v-0bbfe44e] {
  display: flex;
  justify-content: flex-start;
}
.card-content .detail[data-v-0bbfe44e] {
  display: inline-block;
  margin-top: 12px;
  flex: 1;
}
.card-content .detail-count[data-v-0bbfe44e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
}
.card-content .detail-desc[data-v-0bbfe44e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
}
a[data-v-6adc3037],
a[data-v-6adc3037]:hover,
a[data-v-6adc3037]:link,
a[data-v-6adc3037]:visited {
  text-decoration: none;
}
.title[data-v-6adc3037] {
  margin-left: 8px;
  margin-bottom: 16px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: rgb(0, 0, 0);
  letter-spacing: 0.54px;
  line-height: 28px;
}
.card-content[data-v-6adc3037] {
  height: 100%;
}
.default[data-v-6adc3037] {
  height: calc(100% - 80px);
}
.default .default-inner[data-v-6adc3037] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-6adc3037] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-6adc3037] {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.38);
}
.top5[data-v-6adc3037] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
}
.avatar[data-v-6adc3037] {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
[list-type=case] .detail[data-v-6adc3037] {
  flex: 1 1 100px;
  max-width: 100px;
}
[list-type=staff] .detail[data-v-6adc3037] {
  flex: 1 1 60px;
  max-width: 60px;
}
.rank .blue-theme-list[data-v-6adc3037] {
  border: 0;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-6adc3037] {
  display: flex;
  padding: 8px;
  border-radius: 6px;
}
.rank .blue-theme-list .blue-theme-list-item .index[data-v-6adc3037] {
  flex: 1 1 10px;
  max-width: 10px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.3);
}
.rank .blue-theme-list .blue-theme-list-item .item-title-tooltip[data-v-6adc3037] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .item-title[data-v-6adc3037] {
  flex: 1;
  margin-left: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.rank .blue-theme-list .blue-theme-list-item .detail[data-v-6adc3037] {
  position: relative;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .detail[data-v-6adc3037]::before {
  content: "";
  position: absolute;
  z-index: 50;
  top: -6px;
  bottom: -6px;
  right: -8px;
  left: -20px;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-count[data-v-6adc3037] {
  font-family: ArialMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-count[data-v-6adc3037]:hover {
  color: #f5483b;
  font-family: Arial-BoldMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-desc[data-v-6adc3037] {
  margin-left: 4px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.36);
  letter-spacing: 0;
  line-height: 20px;
}
.rank .blue-theme-list .blue-theme-list-item:hover .item-title[data-v-6adc3037] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.rank .blue-theme-list .blue-theme-list-item:first-child .index[data-v-6adc3037] {
  color: #f5483b;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(2) .index[data-v-6adc3037] {
  color: #f80;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(3) .index[data-v-6adc3037] {
  color: #fec300;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-6adc3037]:not(:last-child) {
  border-bottom: 0;
}
[data-v-6adc3037]  .blue-theme-card-body {
  padding: 16px;
  height: 100%;
}
a[data-v-5836f2c8],
a[data-v-5836f2c8]:hover,
a[data-v-5836f2c8]:link,
a[data-v-5836f2c8]:visited {
  text-decoration: none;
}
.more-content[data-v-5836f2c8] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-5836f2c8]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-5836f2c8] {
  display: block;
}
.chart-block[data-v-5836f2c8] {
  width: 100%;
  height: 100%;
}
.default[data-v-5836f2c8] {
  height: 90%;
}
.default .default-inner[data-v-5836f2c8] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-5836f2c8] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-5836f2c8] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
[data-v-5836f2c8]  .blue-theme-card-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-5836f2c8]  .blue-theme-card-body {
  padding: 0 24px;
  height: 80%;
}
[data-v-5836f2c8]  .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.polar-chart[data-v-fb7e22f0] {
  width: 100%;
  height: 100%;
}
.default[data-v-fb7e22f0] {
  height: 90%;
}
.default .default-inner[data-v-fb7e22f0] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-fb7e22f0] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-fb7e22f0] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-fb7e22f0],
a[data-v-fb7e22f0]:hover,
a[data-v-fb7e22f0]:link,
a[data-v-fb7e22f0]:visited {
  text-decoration: none;
}
.more-content[data-v-fb7e22f0] {
  height: 100%;
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-fb7e22f0]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-fb7e22f0] {
  display: block;
}
[data-v-fb7e22f0]  .blue-theme-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-fb7e22f0]  .blue-theme-card-body {
  padding: 0 0 0 24px;
  height: 80%;
}
[data-v-fb7e22f0]  .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blue-theme-card[data-v-76ef5b51] {
  height: 280px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
}
.blue-theme-card[data-v-76ef5b51]:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
@media (max-width: 1920px) {
.chart-list-gird[data-v-76ef5b51],
  .card-grid[data-v-76ef5b51] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird > .blue-theme-card[data-v-76ef5b51],
  .card-grid > .blue-theme-card[data-v-76ef5b51] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-76ef5b51],
  .card-item-3[data-v-76ef5b51] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-76ef5b51],
  .card-item-4[data-v-76ef5b51] {
    grid-column-start: 3;
    grid-column-end: 5;
}
}
@media (min-width: 1920px) {
.card-grid[data-v-76ef5b51] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird[data-v-76ef5b51] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(6, 16.6666666667%);
}
.chart-list-gird > .blue-theme-card[data-v-76ef5b51],
  .card-grid > .blue-theme-card[data-v-76ef5b51] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-76ef5b51],
  .card-item-3[data-v-76ef5b51] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-76ef5b51],
  .card-item-4[data-v-76ef5b51] {
    grid-column-start: 3;
    grid-column-end: 5;
}
.card-item-5[data-v-76ef5b51] {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}
.card-item-7[data-v-76ef5b51] {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}
}
ul[data-v-cca106aa] {
  display: flex;
  flex-direction: row;
  background-color: rgba(255, 136, 2, 0.1);
  padding: 0;
  flex-wrap: nowrap;
  margin-bottom: 2px;
  height: 32px;
  align-items: center;
}
ul li[data-v-cca106aa] {
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  flex-grow: 1;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  align-items: center;
}
ul li[data-v-cca106aa]:first-child, ul li[data-v-cca106aa]:nth-child(2), ul li[data-v-cca106aa]:nth-child(3), ul li[data-v-cca106aa]:last-child {
  width: 214px;
  flex-grow: 0;
  flex-shrink: 0;
}
ul li:first-child span[data-v-cca106aa], ul li:nth-child(2) span[data-v-cca106aa], ul li:nth-child(3) span[data-v-cca106aa], ul li:last-child span[data-v-cca106aa] {
  color: rgba(0, 0, 0, 0.5);
}
ul li[data-v-cca106aa]:first-child {
  font-weight: 500;
}
ul li:first-child span i[data-v-cca106aa] {
  color: orange;
}
ul li[data-v-cca106aa]:last-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
}
ul li:last-child a[data-v-cca106aa] {
  text-decoration: none;
}
.iframe-box[data-v-5990fa92] {
  position: absolute;
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
}
.iframe-box > iframe[data-v-5990fa92] {
  flex: 1;
  border: none;
}
a[data-v-6be64e1c],
a[data-v-6be64e1c]:hover,
a[data-v-6be64e1c]:link,
a[data-v-6be64e1c]:visited {
  text-decoration: none;
}
.more-content[data-v-6be64e1c] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-6be64e1c]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-6be64e1c] {
  display: block;
}
.echart-block[data-v-6be64e1c] {
  width: 100%;
  height: 100%;
}
[data-v-6be64e1c]  .blue-theme-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-6be64e1c]  .blue-theme-card-body {
  padding: 0 24px 8px;
  height: 80%;
}
[data-v-6be64e1c]  .blue-theme-tabs {
  height: 100%;
  color: rgba(0, 0, 0, 0.7);
}
[data-v-6be64e1c]  .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  z-index: 1;
}
[data-v-6be64e1c]  .blue-theme-tabs-content {
  height: 90%;
}
[data-v-6be64e1c]  .blue-theme-tab-pane {
  text-align: center;
  height: 100%;
}
[data-v-6be64e1c]  .blue-theme-tabs-bottom-border {
  display: none;
}
[data-v-6be64e1c]  .blue-theme-tabs-nocard .blue-theme-tabs-item {
  color: rgba(0, 0, 0, 0.7);
}
[data-v-6be64e1c]  .blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active {
  color: var(--cs-index-minor-tab-active-color);
}
[data-v-6be64e1c]  .blue-theme-tabs-nocard .blue-theme-tabs-bar.blue-theme-tabs-bar-active {
  background-color: var(--cs-index-minor-tab-active-color);
}
.unclose-case-count[data-v-856b929a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 400;
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.5);
}
.more-content[data-v-856b929a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 400;
  float: right;
  color: rgba(0, 0, 0, 0.6);
  display: none;
}
.more-content[data-v-856b929a]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-856b929a] {
  display: block;
}
.unclose-case-list-content[data-v-856b929a] {
  display: flex;
  position: relative;
}
.unclose-case-list-content-main[data-v-856b929a] {
  flex: 1 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-main .case-id[data-v-856b929a] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0.5px;
  line-height: 22px;
  font-weight: 600;
}
.unclose-case-list-content-main .case-faq[data-v-856b929a] {
  opacity: 0.84;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-extra[data-v-856b929a] {
  text-align: right;
  padding: 0 10px 0 20px;
  z-index: 1;
  position: absolute;
  right: 0;
  background: linear-gradient(-90deg, #fff 0%, #fff 88%, rgba(245, 245, 245, 0) 100%);
}
.unclose-case-list-content-extra .immediate-process[data-v-856b929a] {
  display: none;
  z-index: 100;
  color: #0a70f5;
}
.unclose-case-list-content-extra .content-time[data-v-856b929a] {
  font-size: 12px;
  opacity: 0.5;
}
.list-bottom[data-v-856b929a] {
  padding-left: 4px;
  font-size: 12px;
  line-height: 18px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 15px;
}
.list-bottom .more-content-bottom[data-v-856b929a] {
  line-height: 12px;
  color: #0a70f5;
  margin-left: 12px;
}
a[data-v-856b929a],
a[data-v-856b929a]:hover,
a[data-v-856b929a]:link,
a[data-v-856b929a]:visited {
  text-decoration: none;
}
.placeholder-block[data-v-856b929a] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.placeholder-block .placeholder-icon[data-v-856b929a] {
  width: 56px;
  height: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.placeholder-block p[data-v-856b929a] {
  margin-top: 10px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  line-height: 22px;
  font-weight: 400;
}
[data-v-856b929a]  .blue-theme-card-title {
  line-height: 18px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: none;
  padding: 20px 24px 10px;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-856b929a]  .blue-theme-card-body {
  padding: 0 16px;
  height: 75%;
  overflow: overlay;
}
[data-v-856b929a]  .blue-theme-list {
  border: none;
}
[data-v-856b929a]  .blue-theme-list .blue-theme-list-item {
  display: flex;
  position: relative;
  padding: 10px 4px 10px 7px;
  border-bottom: none;
  white-space: nowrap;
  border-radius: 4px;
  content-visibility: auto;
}
[data-v-856b929a]  .blue-theme-list-item:hover .content-time {
  visibility: hidden;
}
[data-v-856b929a]  .blue-theme-list-item:hover .immediate-process {
  display: block;
  color: #0a70f5;
}
[data-v-856b929a]  .blue-theme-list-item:hover .case-id {
  color: #0a70f5;
  font-weight: 600;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
[data-v-856b929a]  .blue-theme-list-item:hover .unclose-case-list-content-extra {
  background: linear-gradient(-90deg, #f5f5f5 0%, #f5f5f5 88%, rgba(245, 245, 245, 0) 100%);
  cursor: default;
}
[data-v-856b929a]  .blue-theme-tag {
  line-height: 12px;
  border-radius: 8px;
  border: solid 0.5px;
  margin-left: 5px;
  height: 16px;
}
[data-v-856b929a]  .blue-theme-tag.urge-tag {
  border: 1px solid rgb(169, 169, 169);
  background-color: #fff;
  color: rgb(169, 169, 169);
  padding: 5px;
}
[data-v-856b929a]  .blue-theme-tag.danger {
  border: 1px solid rgb(235, 85, 47);
  background-color: #fff;
  color: rgb(235, 85, 47);
  padding: 5px;
}
[data-v-856b929a]  .blue-theme-tag.warning {
  border-color: rgb(244, 143, 39);
  color: rgb(244, 143, 39);
}
[data-v-856b929a]  .blue-theme-tag.case-tag {
  vertical-align: unset;
}
[data-v-856b929a]  .refund-tag {
  line-height: 14px;
  margin-left: 5px;
  height: 16px;
  vertical-align: middle;
}
.show-more .more[data-v-19b731fa] {
  position: absolute;
  display: none;
  right: 0;
  margin: 4px 24px 0 0;
  text-align: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
}
[data-v-19b731fa]  .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
.show-more:hover .more[data-v-19b731fa] {
  display: inline;
}
.show-more:hover .more[data-v-19b731fa] :hover {
  color: #0a70f5;
}
a[data-v-19b731fa],
a[data-v-19b731fa]:hover,
a[data-v-19b731fa]:link,
a[data-v-19b731fa]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-19b731fa] {
  overflow: hidden;
}
.title[data-v-19b731fa] {
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 12px 8px;
}
.default[data-v-19b731fa] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-19b731fa] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-19b731fa] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-19b731fa] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.score-list[data-v-19b731fa] {
  padding-right: 16px;
  overflow: overlay;
  /* .mtd-list-item--unread::before {
    content: ' ';
    border: 3px solid #f5483b;
    border-radius: 3px;
    position: absolute;
    left: 0;
    margin: 8px 0;
  } */
}
.score-list .blue-theme-list[data-v-19b731fa] {
  border: 0;
}
.score-list .blue-theme-list-item[data-v-19b731fa] {
  padding: 8px;
  position: relative;
}
.score-list .blue-theme-list-item .score-list-item[data-v-19b731fa] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.score-list .blue-theme-list-item .score-list-item .order-id[data-v-19b731fa] {
  flex: 1 1 100px;
  max-width: 100px;
  margin-right: 20px;
  line-height: 22px;
  font-weight: 600;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.score-list .blue-theme-list-item .score-list-item .score[data-v-19b731fa] {
  max-width: 60px;
  flex: 1 1 60px;
  margin-right: 20px;
}
.score-list .blue-theme-list-item .score-list-item .score .score-count[data-v-19b731fa] {
  font-family: Arial-BoldMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  opacity: 0.84;
}
.score-list .blue-theme-list-item .score-list-item .score .score-unit[data-v-19b731fa] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.84;
}
.score-list .blue-theme-list-item .score-list-item .evaluate-summary[data-v-19b731fa] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 84%;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.score-list .blue-theme-list-item .hover-button-group[data-v-19b731fa] {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 0;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button[data-v-19b731fa] {
  color: #0a70f5;
  font-size: 14px;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button.not-allow-click[data-v-19b731fa] {
  color: rgba(0, 0, 0, 0.35);
  cursor: not-allowed;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button + .hover-button[data-v-19b731fa] {
  margin: 0 9px;
}
.score-list .blue-theme-list-item[data-v-19b731fa]:hover {
  border-radius: 4px;
}
.score-list .blue-theme-list-item:hover .order-id[data-v-19b731fa] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.score-list .blue-theme-list-item:hover .hover-button-group[data-v-19b731fa] {
  display: inline;
}
.score-list .blue-theme-list-item[data-v-19b731fa]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-19b731fa] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  padding: 0 12px;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.6);
}
.recent-data .show-more-data[data-v-19b731fa] {
  color: #0a70f5;
  margin-left: 12px;
}
.title-container[data-v-6388599d] {
  display: flex;
  align-items: center;
}
.show-more .more[data-v-6388599d] {
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: absolute;
  right: 0;
  margin: 4px 24px 0 0;
  color: rgba(0, 0, 0, 0.6);
}
[data-v-6388599d]  .blue-theme-card-body {
  height: 100%;
}
.show-more:hover .more[data-v-6388599d] {
  display: inline;
}
.show-more:hover .more[data-v-6388599d] :hover {
  color: #0a70f5;
}
.blue-theme-card[data-v-6388599d] {
  overflow: hidden;
}
.title[data-v-6388599d] {
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 0 8px;
}
.default[data-v-6388599d] {
  margin-top: 12px;
  height: calc(100% - 60px);
}
.default .default-inner[data-v-6388599d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-6388599d] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-6388599d] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-6388599d],
a[data-v-6388599d]:hover,
a[data-v-6388599d]:link,
a[data-v-6388599d]:visited {
  text-decoration: none;
}
.polar-chart[data-v-6388599d] {
  width: 100%;
}
.icon-setting[data-v-6388599d] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 3px;
}
.face-row[data-v-6388599d] {
  height: 50px;
}
.face-row .face-icon[data-v-6388599d] {
  font-size: 34px;
  margin-right: 8px;
}
.face-row .percent[data-v-6388599d] {
  text-align: center;
}
.face-row .percent .percent__text[data-v-6388599d] {
  font-size: 20px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: bold;
}
.face-row .desc[data-v-6388599d] {
  color: rgba(0, 0, 0, 0.42);
  white-space: nowrap;
}
.face-row .left-col[data-v-6388599d] {
  display: flex;
  justify-content: center;
}
.face-row .left-col .percent__text[data-v-6388599d] {
  color: var(--cs-common-primary-color); /* stylelint-disable-line */
}
.face-row .middle-col[data-v-6388599d] {
  height: 100%;
  display: flex;
  justify-content: center;
}
.face-row .middle-col .percent__text[data-v-6388599d] {
  color: rgba(0, 0, 0, 0.6);
}
.face-row .middle-col .pagination[data-v-6388599d] {
  position: absolute;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  height: 38px;
  width: 33%;
  left: 33%;
  margin: 5px 0;
}
.face-row .right-col[data-v-6388599d] {
  display: flex;
  justify-content: center;
}
.face-row .right-col .percent__text[data-v-6388599d] {
  color: #f5483b;
}
.face-row .icon-shuzhishangsheng1[data-v-6388599d],
.face-row .icon-shuzhixiajiang1[data-v-6388599d] {
  color: #f5483b;
}
.message-template-a-tag {
  color: var(--cs-common-primary-color);
}
.unread-message .message-list .message-template-a-tag {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.84);
}
.unread-message .message-list .message-list-item:hover .message-template-a-tag {
  color: rgb(10, 112, 245);
}
.unread-message .message-list a,
.unread-message .message-list a:hover,
.unread-message .message-list a:link,
.unread-message .message-list a:visited {
  text-decoration: none;
}
.news-template-secret {
  display: flex;
  width: min-content;
}
.transfer-case-class {
  display: flow-root;
}
.approve-notice-template {
  overflow: auto;
}
.need-handle-template {
  overflow: auto;
}
.face-recognition-template {
  overflow: auto;
}
.unread-message[data-v-c2e49ffc] {
  position: relative;
}
.show-more .show-more-style[data-v-c2e49ffc], .show-more .read-button[data-v-c2e49ffc], .show-more .more[data-v-c2e49ffc] {
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: absolute;
  right: 0;
  margin: 4px 24px 0 0;
  color: rgba(0, 0, 0, 0.6);
}
.show-more .more[data-v-c2e49ffc] {
  right: 0;
}
.show-more .read-button[data-v-c2e49ffc] {
  right: 80px;
}
.more[data-v-c2e49ffc]:hover,
.read-button[data-v-c2e49ffc]:hover {
  color: #0a70f5;
}
[data-v-c2e49ffc]  .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
[data-v-c2e49ffc]  .message-list .blue-theme-list-item .message-desc div .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-more:hover .more[data-v-c2e49ffc],
.show-more:hover .read-button[data-v-c2e49ffc] {
  display: inline;
}
.show-more:hover .more[data-v-c2e49ffc] :hover,
.show-more:hover .read-button[data-v-c2e49ffc] :hover {
  color: #0a70f5;
}
a[data-v-c2e49ffc],
a[data-v-c2e49ffc]:hover,
a[data-v-c2e49ffc]:link,
a[data-v-c2e49ffc]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-c2e49ffc] {
  overflow: hidden;
  flex-flow: column nowrap;
}
.unread-card-head[data-v-c2e49ffc] {
  position: relative;
}
.unread-card-title[data-v-c2e49ffc] {
  position: relative;
  display: inline-block;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 12px 8px;
}
.unread-count[data-v-c2e49ffc] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 10px;
}
.default[data-v-c2e49ffc] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-c2e49ffc] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-c2e49ffc] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-c2e49ffc] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.message-list[data-v-c2e49ffc] {
  padding-right: 16px;
  overflow: overlay;
}
.message-list .blue-theme-list[data-v-c2e49ffc] {
  border: 0;
}
.message-list .blue-theme-list-item[data-v-c2e49ffc] {
  padding: 8px;
  position: relative;
  content-visibility: auto;
}
.message-list .blue-theme-list-item .message-title[data-v-c2e49ffc] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .message-title .title-icon[data-v-c2e49ffc] {
  font-size: 17px;
  margin-right: 4px;
}
.message-list .blue-theme-list-item .message-desc[data-v-c2e49ffc] {
  color: rgba(0, 0, 0, 0.84);
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .message-desc div[data-v-c2e49ffc] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .important-icon[data-v-c2e49ffc] {
  border: 0.5px solid #f5483b;
  border-radius: 8px;
  font-size: 12px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: #f5483b;
  padding: 0 5px;
  margin-left: 6px;
}
.message-list .blue-theme-list-item .hover-button-group[data-v-c2e49ffc] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 8px 0 9px;
}
.message-list .blue-theme-list-item .hover-button-group .hover-button[data-v-c2e49ffc] {
  display: none;
  color: #0a70f5;
  font-size: 14px;
}
.message-list .blue-theme-list-item .hover-button-group .time[data-v-c2e49ffc] {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  text-align: right;
}
.message-list .blue-theme-list-item[data-v-c2e49ffc]:hover {
  border-radius: 4px;
}
.message-list .blue-theme-list-item:hover .desc[data-v-c2e49ffc] {
  opacity: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item:hover .hover-button-group .hover-button[data-v-c2e49ffc] {
  display: inline;
}
.message-list .blue-theme-list-item:hover .hover-button-group .time[data-v-c2e49ffc] {
  display: none;
}
.message-list .blue-theme-list-item--unread[data-v-c2e49ffc]::before {
  content: " ";
  border: 3px solid #f5483b;
  border-radius: 3px;
  position: absolute;
  left: 0;
  margin: 7px 0 0 3px;
}
.message-list .blue-theme-list-item[data-v-c2e49ffc]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-c2e49ffc] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  padding: 0 12px;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.6);
}
.recent-data .show-more-data[data-v-c2e49ffc] {
  color: #0a70f5;
  margin-left: 12px;
}
.background-image[data-v-7797a1da] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
}
.benefit-explain[data-v-7797a1da] {
  height: 260px;
  overflow-y: auto;
  margin-top: 10px;
}
.news-card[data-v-7797a1da] {
  width: 268px;
  height: 160px;
  margin: 10px auto;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 10px;
}
.news-card .news-card-img[data-v-7797a1da] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.news-card .news-card-img img[data-v-7797a1da] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news-card .news-title[data-v-7797a1da] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-7797a1da] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.carousel[data-v-7797a1da] .mtd-carousel-item-mask {
  background: none;
}
.carousel[data-v-7797a1da] .blue-theme-carousel-item-mask {
  background: none;
}
.carousel[data-v-7797a1da] .mtd-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-7797a1da] .blue-theme-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-7797a1da] .mtd-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-7797a1da] .blue-theme-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-7797a1da] .blue-theme-icon {
  color: #fff;
}
.thin-background[data-v-7797a1da] {
  width: 130px;
}
.not-show-card[data-v-7797a1da] {
  display: none;
}
.title-status[data-v-7797a1da] {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: rgba(17, 25, 37, 0.65);
  text-align: center;
  padding: 10px;
}
.news-equity[data-v-7797a1da] {
  display: flex;
  align-items: top;
}
.news-equity .equity-title[data-v-7797a1da] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-7797a1da]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-7797a1da]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.unmature-benefit[data-v-7797a1da] {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.equity-bottom[data-v-7797a1da] {
  font-size: 13px;
  color: #a8a8a8;
  height: 38px;
  display: flex;
  align-items: end;
}
.link-text[data-v-7797a1da] {
  text-decoration: underline;
}
.sub-title[data-v-8e21f356] {
  font-weight: 600;
}
.table[data-v-8e21f356] {
  margin-bottom: 40px;
}
.explain-text[data-v-8e21f356] {
  color: rgba(0, 0, 0, 0.5);
  line-height: 70%;
}
.complete-color[data-v-8e21f356] {
  color: #67c23a;
}
.incomplete-color[data-v-8e21f356] {
  color: #909399;
}
[data-v-8e21f356] .mtd-table-cell {
  text-align: center;
}
.img-done[data-v-1ec33dd8] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.card-img-done[data-v-1ec33dd8] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.card-img-undone[data-v-1ec33dd8] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.news-card[data-v-1ec33dd8] {
  width: 350px;
  margin: 20px auto;
  text-align: center;
}
.news-card .star-icon[data-v-1ec33dd8] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.news-card .news-title[data-v-1ec33dd8] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-1ec33dd8] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.news-equity[data-v-1ec33dd8] {
  display: flex;
  align-items: center;
}
.news-equity .equity-title[data-v-1ec33dd8] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-1ec33dd8]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-1ec33dd8]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.equity-bottom[data-v-1ec33dd8] {
  font-size: 13px;
  color: #a8a8a8;
}
@charset "UTF-8";
[data-v-13f99b1f] .blue-theme-card {
  height: 111px !important;
  background: url(assets/background.9a036fc4e8b0b4a2ef10.png);
  background-size: 100%;
}
[data-v-13f99b1f] .blue-theme .blue-theme-progress-text,[data-v-13f99b1f] .blue-theme .blue-theme-progress-percentage {
  display: none !important;
}
[data-v-13f99b1f] .blue-theme .blue-theme-icon {
  color: #b1b1b1;
}
[data-v-13f99b1f] .blue-theme .blue-theme-progress-bar-outer {
  width: 101%;
}
a[data-v-13f99b1f],
a[data-v-13f99b1f]:hover,
a[data-v-13f99b1f]:link,
a[data-v-13f99b1f]:visited {
  text-decoration: none;
}
.more-content[data-v-13f99b1f] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.blue-theme-card:hover .more-content[data-v-13f99b1f] {
  display: block;
}
.show-more[data-v-13f99b1f] {
  margin-bottom: 15px;
}
.show-more .plan-color[data-v-13f99b1f] {
  display: flex;
  align-items: center;
  position: relative;
}
.show-more .plan-color .task-plan[data-v-13f99b1f] {
  font-size: 13px;
}
.show-more .plan-color .plan-progress[data-v-13f99b1f] {
  width: 82% !important;
  display: flex;
}
.show-more .plan-color .plan-data[data-v-13f99b1f] {
  font-size: 13px;
  color: #b1b1b1;
  padding-left: 19px;
}
.show-more .plan-color .plan-data span[data-v-13f99b1f] {
  font-size: 29px;
  color: #000;
}
.show-more .task-header[data-v-13f99b1f] {
  display: flex;
  justify-content: space-between;
  height: 25px;
  margin-bottom: 6px;
}
.show-more .task-header .task-title[data-v-13f99b1f] {
  font-size: 16px;
  font-weight: 700;
}
.show-more .task-header .task-info[data-v-13f99b1f] {
  display: flex;
  align-items: center;
}
.show-more .task-header .task-info .task-countdown[data-v-13f99b1f] {
  font-size: 12px;
}
.show-more .task-header .task-info .task-countdown .highlight-red[data-v-13f99b1f] {
  color: red;
}
.show-more .task-header .task-info .task-countdown span[data-v-13f99b1f] {
  font-size: 15px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.show-more .task-header .task-info .task-feedback[data-v-13f99b1f],
.show-more .task-header .task-info .task-more[data-v-13f99b1f] {
  font-size: 12px;
  color: #b1b1b1;
  line-height: 25px;
}
.show-more .task-header .task-info > div[data-v-13f99b1f]:not(:last-child)::after {
  content: "｜";
  margin-left: 10px;
  color: #b1b1b1;
}
.show-more .rule-color[data-v-13f99b1f] {
  font-size: 13px;
}
.card-img-undone[data-v-13f99b1f] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.progress-img[data-v-13f99b1f] {
  width: 32px;
  height: 32px;
}
.card-img-done[data-v-13f99b1f] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.star-img[data-v-13f99b1f] {
  width: 40px;
  height: 40px;
}
.blue-theme-card {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
}
.blue-theme-card:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
.blue-theme-col {
  padding: 0 16px 0 0 !important;
}
.home {
  padding-left: 16px;
}
.blue-theme-row {
  margin-top: 16px;
}
@media (max-width: 1440px) {
.home {
    width: 1392px;
}
.home .blue-theme-card {
    height: 304px;
}
.home .quality-score .score-list {
    height: 218px;
}
.home .quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    /* stylelint-disable-next-line */
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
.home .daily-evaluation .polar-chart {
    height: 174px;
}
.home .unread-message .message-list {
    height: 218px;
}
.home .unread-message .message-list .message-title {
    width: 75%;
}
.home .unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
}
@media (min-width: 1440px) and (max-width: 1920px) {
.blue-theme-card {
    height: 304px;
}
.quality-score .score-list {
    height: 218px;
}
.quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
.daily-evaluation .polar-chart {
    height: 174px;
}
.unread-message .message-list {
    height: 218px;
}
.unread-message .message-list .message-title {
    width: 75%;
}
.unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
}
@media (min-width: 1920px) {
.blue-theme-card {
    height: 364px;
}
.quality-score .score-list {
    height: 278px;
}
.quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 85%);
    mask-image: linear-gradient(to right, black 80%, transparent 85%);
}
.daily-evaluation .polar-chart {
    height: 234px;
}
.unread-message .message-list {
    height: 278px;
}
.unread-message .message-list .message-title {
    width: 80%;
}
.unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 85%);
    mask-image: linear-gradient(to right, black 80%, transparent 85%);
}
}
.mtd-cascader-menu-item[data-v-da0644fc]:hover {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item[data-v-da0644fc]:active {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item-active[data-v-da0644fc] {
  color: rgb(10, 112, 245);
}
.mtd-multiple-input[data-v-4a2d1131] {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  width: 100%;
  text-align: left;
  outline: none;
  padding: 0 8px 5px;
  font-size: 14px;
  min-height: 32px;
}
.mtd-multiple-input-rendered[data-v-4a2d1131] {
  line-height: 1;
  display: block;
  position: relative;
}
.mtd-multiple-input-field-wrap[data-v-4a2d1131] {
  display: inline-block;
}
.mtd-multiple-input-field-wrap .mtd-multiple-input-field[data-v-4a2d1131] {
  width: 0.75em;
  max-width: 99%;
  display: inline-block;
  vertical-align: top;
  border: none;
  outline: none;
  line-height: inherit;
  padding: 0;
  margin: 0;
  font-size: inherit;
  background-color: transparent;
}
.mtd-multiple-input-field-wrap .mtd-multiple-input-field-mirror[data-v-4a2d1131] {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.mtd-multiple-input-suffix-inner[data-v-4a2d1131] {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.36);
  z-index: 2;
}
.mtd-multiple-input.mtd-multiple-input-suffix[data-v-4a2d1131] {
  padding-right: 32px;
}
.mtd-multiple-input .mtd-multiple-input-suffix-inner[data-v-4a2d1131] {
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.mtd-multiple-input-rendered[data-v-4a2d1131] > * {
  vertical-align: top;
}
.mtd-multiple-input .mtd-multiple-input-rendered[data-v-4a2d1131] > * {
  margin-top: 5px;
  line-height: 20px;
}
.mtd-multiple-input-placeholder[data-v-4a2d1131] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  max-width: 100%;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.24);
}
.mtd-cascader-popper[data-v-44335448] {
  display: flex;
  position: absolute;
  z-index: 2009;
}
.cascader-has-selected[data-v-44335448] {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.has-selected-value-list[data-v-44335448] {
  height: 180px;
}
.has-selected-value-list > ul[data-v-44335448] {
  list-style-type: none;
  margin: 0;
  padding: 0 16px;
  height: 100%;
  overflow: auto;
}
.has-selected-value-list > ul li[data-v-44335448] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  white-space: nowrap;
}
.has-selected-value-list > ul li .icon.icon-close[data-v-44335448] {
  margin-left: 40px;
  cursor: pointer;
}
.has-selected-value[data-v-44335448] {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  height: 40px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.has-selected-value .button-selected[data-v-44335448] {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.has-selected-value .button-selected span[data-v-44335448] {
  color: rgba(0, 0, 0, 0.38);
  font-weight: 400;
}
.has-selected-value .button-clear[data-v-44335448] {
  color: #1c6cdc;
}
.case-monitor-header[data-v-5ca949f5] {
  top: 0;
  position: sticky;
  z-index: 2;
}
.header-tab[data-v-5ca949f5] {
  display: flex;
}
.filter[data-v-5ca949f5] {
  width: 100%;
  height: 76px;
  background-color: #fafafa;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  padding: 11px 0;
}
.search-name[data-v-5ca949f5] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
  margin-bottom: 4px;
}
.search-box[data-v-5ca949f5] {
  display: block;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
}
.search-btn[data-v-5ca949f5] {
  height: 32px;
  border-radius: 6px;
  border-color: #1c6cdc;
  border-width: 1px;
  border-style: solid;
  margin-left: 8px;
}
.search-btn-group[data-v-5ca949f5] {
  white-space: nowrap;
}
.search-btn.search[data-v-5ca949f5] {
  width: 72px;
  background-color: #1c6cdc;
  color: #fff;
}
.search-btn.save-freq-search[data-v-5ca949f5] {
  width: 142px;
  background-color: #fff;
  color: #1c6cdc;
}
.search-btn.delete[data-v-5ca949f5] {
  background-color: #fff;
  color: #1c6cdc;
  width: 72px;
}
.toolbox[data-v-5ca949f5] {
  height: 48px;
  z-index: 1;
  min-width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fafafa;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.tool[data-v-5ca949f5] {
  font-size: 14px;
  line-height: 22px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.84);
}
.tool.expend-opt[data-v-5ca949f5] {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
}
.case-monitor[data-v-5ca949f5] {
  position: relative;
  padding-bottom: 20px;
  height: 100%;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.case-monitor .blue-theme-row[data-v-5ca949f5] {
  margin-top: 0;
  padding: 11px 8px;
}
.case-monitor .blue-theme-col[data-v-5ca949f5] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 8px;
}
.case-monitor .blue-theme-col[data-v-5ca949f5]:last-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.cascader-select-all[data-v-5ca949f5] {
  padding-top: 10px;
  padding-left: 16px;
  font-weight: 500;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.icon.reverse-icon[data-v-5ca949f5] {
  display: inline-table;
  transform: rotate(180deg);
}
[data-v-5ca949f5]  .blue-theme-tabs-nav-scroll {
  margin-right: 32px;
}
[data-v-5ca949f5]  .case-monitor-tab {
  width: 80%;
  background-color: #fafafa;
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container {
  padding: 12px 16px;
  height: 48px;
  background-color: #fafafa;
  align-items: baseline;
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-nav-scroll {
  margin-right: 50px;
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-action {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-page .blue-theme-tabs-action-disabled {
  color: rgba(0, 0, 0, 0.2);
  background-color: unset;
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 32px 0 0;
  height: 35px;
  color: rgba(0, 0, 0, 0.5);
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large:hover {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large.blue-theme-tab-active {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-5ca949f5]  .case-monitor-tab > .blue-theme-tabs-content {
  padding: 0;
}
[data-v-5ca949f5]  .blue-theme-btn.tool .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-5ca949f5]  .blue-theme-btn.tool:hover {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-5ca949f5]  .blue-theme-btn.tool:hover .blue-theme-btn-before {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-5ca949f5]  .blue-theme-btn.tool:hover .icon {
  color: var(--cs-index-main-tab-active-color) !important;
}
[data-v-5ca949f5]  .blue-theme-btn-text:focus {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-5ca949f5]  .blue-theme-btn.search-btn.delete {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.13);
}
[data-v-5ca949f5]  .blue-theme-btn.search-btn.delete .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-5ca949f5]  .blue-theme-tabs-bottom-border {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.12);
}
[data-v-5ca949f5]  .blue-theme-multiple-input-rendered {
  display: flex;
}
[data-v-5ca949f5]  .blue-theme-tag,[data-v-5ca949f5]  .blue-theme-tag.blue-theme-tag-closable {
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.6);
  font-family: ArialMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  height: 20px;
  padding: 0 4px;
}
[data-v-5ca949f5]  .blue-theme-multiple-input-rendered .blue-theme-tag {
  border-radius: 4px;
}
[data-v-5ca949f5]  .blue-theme-multiple-input {
  border-radius: 6px;
}
[data-v-5ca949f5]  .blue-theme-tabs-nocard .blue-theme-tabs-bar {
  background-color: var(--cs-index-main-tab-active-color);
}
@media (max-width: 1440px) {
.case-monitor[data-v-5ca949f5] {
    width: 1392px;
}
.case-monitor-header[data-v-5ca949f5] {
    width: 1392px;
}
}
#dashboard-business-performance[data-v-5ca949f5],
#dashboard-rank-analysis[data-v-5ca949f5] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dashboard-loading[data-v-5ca949f5] {
  height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
/* overrides extra padding on button elements in Firefox */
@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }
@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 999999;
  background-color: #212121;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
  background: radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative; }

tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative; }

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0); }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(33, 33, 33, 0.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 15px rgba(33, 33, 33, 0.4);
          box-shadow: 0 2px 15px rgba(33, 33, 33, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .introjs-helperLayer * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .introjs-helperLayer *:before {
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
    .introjs-helperLayer *:after {
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }

.introjs-tooltipReferenceLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(33, 33, 33, 0.3);
  background: #ff3019;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
  -webkit-box-shadow: 0 2px 5px rgba(33, 33, 33, 0.4);
          box-shadow: 0 2px 5px rgba(33, 33, 33, 0.4); }

.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-bottom-color: #ffffff; }

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #ffffff; }

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #ffffff; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #ffffff; }

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #ffffff; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: #ffffff; }

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #ffffff; }

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #ffffff; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #ffffff; }

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #ffffff; }

.introjs-tooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: #ffffff;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px rgba(33, 33, 33, 0.4);
          box-shadow: 0 1px 10px rgba(33, 33, 33, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap; }

.introjs-button {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff;
  font: 11px / normal sans-serif;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #e0e0e0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  border-radius: 0.2em;
  zoom: 1;
  *display: inline;
  margin: 10px 0 0; }
  .introjs-button:hover {
    border-color: #bdbdbd;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 1px #e3e3e3;
            box-shadow: 0px 1px 1px #e3e3e3; }
  .introjs-button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
    background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4); }
  .introjs-button:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
    background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4); }
  .introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-right: 5px;
  color: #616161; }

.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #bdbdbd;
  border-radius: 0.2em; }

.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0; }

.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em; }

.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }
  .introjs-disabled:hover {
    color: #9e9e9e;
    border-color: #bdbdbd;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none; }
  .introjs-disabled:focus {
    color: #9e9e9e;
    border-color: #bdbdbd;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none; }

.introjs-hidden {
  display: none; }

.introjs-bullets {
  text-align: center; }
  .introjs-bullets ul {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block; }
    .introjs-bullets ul li {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      list-style: none;
      float: left;
      margin: 0 2px; }
      .introjs-bullets ul li a {
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        display: block;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer; }
        .introjs-bullets ul li a:hover {
          background: #999; }
      .introjs-bullets ul li a.active {
        background: #999; }

.introjs-progress {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #e0e0e0; }

.introjs-progressbar {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c; }

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%; }

.introjs-fixedTooltip {
  position: fixed; }

.introjs-hint {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer; }
  .introjs-hint:focus {
    border: 0;
    outline: 0; }
  .introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hidehint {
  display: none; }

.introjs-fixedhint {
  position: fixed; }

.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
          animation: none; }

.introjs-hint-dot {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
          animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0; }

.guide-entrance-modal .guide-entrance-pic {
  margin-bottom: 28px;
  width: 100%;
}
.guide-entrance-modal .guide-entrance-title {
  margin-bottom: 8px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 28px;
  color: rgba(42, 42, 42, 0.92);
  text-align: center;
  line-height: 42px;
  font-weight: 600;
}
.guide-entrance-modal .guide-entrance-content {
  padding: 0 150px;
  margin-bottom: 24px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0.5px;
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}
.guide-entrance-modal .guide-entrance-footer {
  margin-bottom: 38px;
  text-align: center;
}
.guide-entrance-modal .guide-entrance-footer .guide-entrance-button {
  width: 120px;
  height: 40px;
  color: #fff;
  background: #0A70F5;
  border-radius: 8px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.guide-entrance-modal .mtd-modal-content-wrapper {
  padding: 0;
}

.introjs-helperLayer {
  border-radius: 6px;
}
.introjs-helperLayer.dark-systheme-helperLayer {
  background-color: rgba(255, 255, 255, 0.3);
}

.hide-layer {
  display: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip {
  padding: 16px 24px;
  background-color: #ffffff;
  min-width: 270px;
  max-width: 300px;
  border-radius: 8px;
}
.introjs-tooltipReferenceLayer .intro-text-title {
  margin-bottom: 8px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 500;
}
.introjs-tooltipReferenceLayer .intro-text-content {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.introjs-tooltipReferenceLayer .intro-text-step {
  position: absolute;
  left: 24px;
  bottom: 18px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 20px;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton.introjs-donebutton {
  display: inline-block;
}
.introjs-tooltipReferenceLayer .introjs-prevbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-button {
  margin-top: 16px;
  background: #1C6CDC !important;
  border: 0;
  border-radius: 4px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  color: #FFFFFF;
  text-shadow: 0 0 black;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
#cs-guide-popover {
  padding: 4px 8px;
  border-radius: 6px;
  z-index: 50;
  background-color: #212121;
  /* stylelint-disable */
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  /* stylelint-enable */
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  /* &[data-popper-escaped] {
    visibility: hidden;
    pointer-events: none;
  } */
}
#cs-guide-popover #cs-guide-arrow,
#cs-guide-popover #cs-guide-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}
#cs-guide-popover #cs-guide-arrow::before {
  content: "";
  transform: rotate(45deg);
  background: #212121;
}
#cs-guide-popover[data-popper-placement^=top] > #cs-guide-arrow {
  bottom: -4px;
}
#cs-guide-popover[data-popper-placement^=bottom] > #cs-guide-arrow {
  top: -4px;
}
#cs-guide-popover[data-popper-placement^=left] > #cs-guide-arrow {
  right: -4px;
}
#cs-guide-popover[data-popper-placement^=right] > #cs-guide-arrow {
  left: -4px;
}
#cs-guide-popover .icon {
  color: #fff;
  cursor: pointer;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@charset "UTF-8";.cs-icon.iconfont[data-v-29b520f7]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-icon.icon[data-v-29b520f7]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.cs-common-fold-tag[data-v-5652c892]{position:relative;display:flex;padding-top:5px;cursor:pointer}.cs-common-fold-tag .fold-tag-list[data-v-5652c892]{display:flex;align-items:center}.cs-common-fold-tag .fold-tag-list .tag-refund-icon[data-v-5652c892]{margin-left:4px}.cs-common-fold-tag .fold-tag-list .tag-word[data-v-5652c892]{margin-left:4px;margin-top:4px;padding:2px 8px;font-size:12px;line-height:14px;border-radius:8px}.cs-common-fold-tag .fold-tag-list.fold-tag-is-wrap[data-v-5652c892]{flex-wrap:wrap}.cs-common-fold-tag .fold-dropdown[data-v-5652c892]{align-self:end}.cs-common-fold-tag .fold-dropdown .tag-more[data-v-5652c892]{display:flex;justify-content:center;align-items:center;width:44px;height:20px;padding:4px;margin-left:4px;font-size:12px}.cs-common-fold-tag .fold-dropdown .tag-more[data-v-5652c892]:hover{border-radius:4px;background:#0000000f}.cs-common-fold-tag .mtd-popper.fold-hide-empty-content,.cs-common-fold-tag .cs-mtd-popper.fold-hide-empty-content{display:none}.cs-common-fold-tag .mtd-popper .mtd-dropdown-menu.tag-list-down-item,.cs-common-fold-tag .mtd-popper .cs-mtd-dropdown-menu.tag-list-down-item,.cs-common-fold-tag .cs-mtd-popper .mtd-dropdown-menu.tag-list-down-item,.cs-common-fold-tag .cs-mtd-popper .cs-mtd-dropdown-menu.tag-list-down-item{padding:6px}.cs-common-fold-tag .mtd-popper .tag-word,.cs-common-fold-tag .cs-mtd-popper .tag-word{display:inline-block;padding:2px 8px;font-size:12px;line-height:14px;border-radius:8px;cursor:pointer}.pagination-for-has-next-container[data-v-3ae9d526]{padding:0;margin:0}.pagination-for-has-next-container .no-count-pagination-item[data-v-3ae9d526]{border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:0 4px;cursor:pointer;background:#fff;text-align:center;transition:all .3s;font-size:14px;min-width:24px;height:24px;line-height:22px;display:inline-block;vertical-align:top}.pagination-for-has-next-container .no-count-pagination-item[data-v-3ae9d526]:not(:last-child){margin-right:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-3ae9d526]{color:#000000d6;border-color:#0000001f;background:#fff;opacity:.45;cursor:not-allowed;transition-duration:0s}.pagination-for-has-next-container .order-page-operation[data-v-3ae9d526]{margin-right:16px;font-size:14px}.pagination-for-has-next-container[data-v-51461252]{padding:0;margin:0}.pagination-for-has-next-container .no-count-pagination-item[data-v-51461252]{border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:0 4px;cursor:pointer;background:#fff;text-align:center;transition:all .3s;font-size:14px;min-width:24px;height:24px;line-height:22px;display:inline-block;vertical-align:top}.pagination-for-has-next-container .no-count-pagination-item[data-v-51461252]:not(:last-child){margin-right:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-51461252]{color:#000000d6;border-color:#0000001f;background:#fff;opacity:.45;cursor:not-allowed;transition-duration:0s}.pagination-for-has-next-container .order-page-operation[data-v-51461252]{margin-right:10px;font-size:14px}.table-pagination-for-total-count[data-v-84457ede]{text-align:center;font-size:14px}.table-pagination-for-total-count[data-v-84457ede] .mtd-pager-item,.table-pagination-for-total-count[data-v-84457ede] .cs-mtd-pager-item{font-size:14px}.scroll-container{width:100%;height:100%;overflow:auto}video[data-v-0bbd26cc]{width:100%;height:100%;object-fit:contain}.cs-cascader-popper .mtd-cascader .mtd-input-wrapper,.cs-cascader-popper .cs-mtd-cascader .cs-mtd-input-wrapper{width:300px}.cs-cascader-popper .mtd-cascader-menus-addendum-footer,.cs-cascader-popper .cs-mtd-cascader-menus-addendum-footer{grid-area:sidebar;height:200px;border:none;border-left:1px solid rgba(0,0,0,.06)}.cs-cascader-popper .mtd-cascader-menus,.cs-cascader-popper .cs-mtd-cascader-menus{grid-area:content;height:200px}.cs-cascader-popper .mtd-cascader-menus-addendum-header,.cs-cascader-popper .cs-mtd-cascader-menus-addendum-header{grid-area:header;display:flex;justify-content:space-between;align-items:center}.cs-cascader-popper .mtd-cascader-menus-wrapper,.cs-cascader-popper .cs-mtd-cascader-menus-wrapper{display:grid;grid-template-columns:1fr min-content;grid-template-areas:"header header" "content sidebar"}.cs-cascader-popper .panel{min-width:180px}.cs-cascader-popper .panel-selected,.cs-cascader-popper .panel-header,.cs-cascader-popper .panel-item{color:#333;display:flex;min-width:180px;align-items:center;justify-content:space-between;white-space:nowrap;padding:0 16px}.cs-cascader-popper .panel-selected .mtdicon-error-circle,.cs-cascader-popper .panel-header .mtdicon-error-circle,.cs-cascader-popper .panel-item .mtdicon-error-circle{color:red;cursor:pointer;margin-left:40px}.cs-cascader-popper .panel-header,.cs-cascader-popper .panel-item{height:36px}.cs-cascader-popper .panel-header{border-bottom:1px solid rgba(0,0,0,.06)}.cs-cascader-popper .panel-selected{min-height:36px;height:100%;border-left:1px solid rgba(0,0,0,.06)}.cs-form-item[data-v-62938b9b]{height:30px;background:#37b359;border:1px solid #2bac4f;border-radius:2px;padding:3px 5px;margin:5px;display:flex;flex-direction:row;align-items:center}.cs-form-item .cs-form-item-left[data-v-62938b9b]{color:#fff}.cs-form-item .required-item[data-v-62938b9b]{padding-left:5px;position:relative}.cs-form-item .required-item[data-v-62938b9b]:before{content:"*";display:inline-block;position:absolute;top:0;left:-4px;color:#f54b1e;font-weight:700;font-size:16px}.cs-form-item .cs-form-item-right[data-v-62938b9b]{color:#fff;padding-right:5px;display:flex;align-items:center}.virtual-scroll-container[data-v-d6226e23]{width:100%;height:100%;overflow-y:auto}.virtual-scroll-wrapper[data-v-d6226e23]{width:100%;height:0}.chips-container[data-v-b7a2f389] .mtd-input-wrapper,.chips-container[data-v-b7a2f389] .cs-mtd-input-wrapper{border:none}.cs-f-chips[data-v-b7a2f389]{min-width:230px;display:flex;gap:4px;flex-wrap:wrap;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:4px}.cs-f-chips .chip[data-v-b7a2f389]{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border-radius:2px;background-color:#0000000f;color:#000000d6;font-size:14px}.cs-f-chips .chip:hover i[data-v-b7a2f389]{color:#000}.cs-f-chips .chip i[data-v-b7a2f389]{margin-left:4px}.chips-tip[data-v-b7a2f389]{text-align:left;text-indent:12px;font-size:12px;color:#00000080;margin-top:-2px;white-space:nowrap}.chips-tip-error[data-v-b7a2f389]{color:#f5483b}.success[data-v-b7a2f389]{border-color:var(--cs-common-primary-color)}.fail[data-v-b7a2f389]{border-color:#f5483b}.chips-input[data-v-b7a2f389]{flex-basis:100px;flex-grow:1}[data-v-ffae0aea] .text-highlight{color:orange}.cs-load-fail-container[data-v-79d29881]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.cs-load-fail-text[data-v-79d29881]{font-weight:400;font-size:14px;color:#00000059;letter-spacing:0;text-align:center;line-height:22px}.preview-viewer-swiper[data-v-e1fa63c3]{width:160px;height:160px;margin:auto;position:relative}.preview-viewer-swiper .preview-viewer-swiper-image[data-v-e1fa63c3]{width:100%;height:100%}.preview-viewer-swiper .swiper-switch[data-v-e1fa63c3]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px}.preview-viewer-swiper .swiper-switch-left[data-v-e1fa63c3]{left:-20px}.preview-viewer-swiper .swiper-switch-right[data-v-e1fa63c3]{right:-20px}.preview-viewer-swiper .preview-viewer-swiper-checkbox[data-v-e1fa63c3]{width:100%;display:flex;justify-content:center}.cs-common-ocr-notice{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:20px}/*!
* Cropper.js v1.5.13
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2022-11-20T05:30:43.444Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.preview-viewer-popup .preview-viewer-container[data-v-b185b6e2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85vw;height:85vh;display:flex;justify-content:center;align-items:center;opacity:1}.preview-viewer-popup[data-v-b185b6e2] .mtd-modal,.preview-viewer-popup[data-v-b185b6e2] .cs-mtd-modal{width:0px;height:0px}.preview-viewer-popup .preview-img[data-v-b185b6e2],.preview-viewer-popup .preview-audio[data-v-b185b6e2],.preview-viewer-popup .preview-video[data-v-b185b6e2]{position:absolute;width:70%;height:70%;display:flex;justify-content:center;align-items:center;margin-bottom:100px}.preview-viewer-popup .preview-img .image-preview-drag[data-v-b185b6e2],.preview-viewer-popup .preview-audio .image-preview-drag[data-v-b185b6e2],.preview-viewer-popup .preview-video .image-preview-drag[data-v-b185b6e2]{cursor:move}.preview-viewer-popup .preview-img .image-origin[data-v-b185b6e2],.preview-viewer-popup .preview-audio .image-origin[data-v-b185b6e2],.preview-viewer-popup .preview-video .image-origin[data-v-b185b6e2]{max-width:100%;max-height:100%}.preview-viewer-popup .preview-img video[data-v-b185b6e2],.preview-viewer-popup .preview-audio video[data-v-b185b6e2],.preview-viewer-popup .preview-video video[data-v-b185b6e2]{width:100%;height:100%}.preview-viewer-popup .close[data-v-b185b6e2]{position:absolute;color:#fff;cursor:pointer;top:10px;right:10px;opacity:.8;width:48px;height:48px;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:#000000e6;border-radius:50%}.preview-viewer-popup .switch[data-v-b185b6e2]{position:absolute;color:#fff9;cursor:pointer;left:24px;top:calc(50% - 22px);width:48px;height:48px;font-size:20px;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:50%}.preview-viewer-popup .right[data-v-b185b6e2]{left:initial;right:24px}.preview-viewer-popup .image-preview-name[data-v-b185b6e2]{position:absolute;bottom:61px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:418px;height:auto;background:#00000052;border-radius:4px;opacity:.6;font-size:12px;color:#fff;line-height:20px;font-weight:400;padding:8px 12px}.preview-viewer-popup .image-preview-operaction-box[data-v-b185b6e2]{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;height:48px}.preview-viewer-popup .image-preview-operaction[data-v-b185b6e2]{height:48px;font-size:24px;display:flex;align-items:center;background:#00000061;border-radius:4px;color:#ffffff80;padding-right:10px}.preview-viewer-popup .image-preview-operaction .operaction[data-v-b185b6e2]{display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-viewer-popup .image-preview-operaction .operaction-auto[data-v-b185b6e2]{margin:0 10px}.preview-viewer-popup .image-preview-operaction .left[data-v-b185b6e2],.preview-viewer-popup .image-preview-operaction .right[data-v-b185b6e2],.preview-viewer-popup .image-preview-operaction .clockwise[data-v-b185b6e2],.preview-viewer-popup .image-preview-operaction .download[data-v-b185b6e2]{margin:0 20px}.preview-viewer-popup .image-preview-operaction .add[data-v-b185b6e2]{margin:0 13px}.preview-viewer-popup .image-preview-operaction .count[data-v-b185b6e2]{font-size:14px}.preview-viewer-popup .image-preview-operaction .origin-switch[data-v-b185b6e2]{font-size:20px;line-height:40px}.preview-viewer-popup .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-b185b6e2]{font-size:24px}.preview-viewer-popup .image-preview-operaction .download[data-v-b185b6e2]{position:relative}.preview-viewer-popup .image-preview-operaction .download a[data-v-b185b6e2]{top:0;left:0;position:absolute;display:block;width:24px;height:24px}.preview-viewer-popup .image-preview-operaction .icon[data-v-b185b6e2]{width:30px;height:35px}.preview-viewer-popup .image-preview-operaction i[data-v-b185b6e2]:hover{color:#fff}.cropper-confirm-box[data-v-b185b6e2]{display:flex;justify-content:space-evenly;align-items:center;position:absolute;right:0;top:100%;width:80px;height:40px;background:#fff;border-radius:8px;padding:0 4px}.cropper-confirm-box-operation[data-v-b185b6e2]{font-size:16px}.preview .preview-secret[data-v-f3753128]{cursor:pointer;font-weight:600;font-size:12px}.preview .preview-viewer .no-photos[data-v-f3753128]{font-weight:600;font-size:12px}.preview .preview-viewer .preview-viewer-list[data-v-f3753128]{display:flex;flex-wrap:wrap}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item img[data-v-f3753128]{margin:0 16px 0 0;width:110px;height:110px;border:1px solid #e5e5e5;border-radius:6px}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .file-list-item[data-v-f3753128]{margin:0 16px 0 0;width:110px;height:110px;display:inline-block;border:1px solid #e5e5e5;cursor:pointer;border-radius:6px}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .audio-item[data-v-f3753128]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-audio.png) center no-repeat}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .other-item[data-v-f3753128]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-file.png) center no-repeat}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .video-item[data-v-f3753128]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png) center no-repeat}.chosen-item[data-v-d7abc08d]{display:flex;flex-direction:row;justify-content:space-between;margin:5px 16px}.button-delete[data-v-d7abc08d]{height:12px;border-radius:50%}.button-delete[data-v-d7abc08d]:hover,.button-delete[data-v-01397ed5]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-01397ed5] input{color:#fff;font-size:12px;border:none}[data-v-01397ed5] input::placeholder{color:#fff}[data-v-01397ed5] .mtd-input-wrapper,[data-v-01397ed5] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-01397ed5] .mtd-input-wrapper .mtd-input,[data-v-01397ed5] .mtd-input-wrapper .cs-mtd-input,[data-v-01397ed5] .cs-mtd-input-wrapper .mtd-input,[data-v-01397ed5] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-01397ed5] .mtd-input-suffix-inner,[data-v-01397ed5] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-01397ed5] .mtd-select-search-field,[data-v-01397ed5] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-01397ed5] .mtd-tag,[data-v-01397ed5] .cs-mtd-tag{color:#fff;margin-top:0;margin-bottom:0;height:20px;width:50px;line-height:22px;background-color:#0000;border:none}[data-v-01397ed5] .mtd-tag .mtd-tag-content,[data-v-01397ed5] .mtd-tag .cs-mtd-tag-content,[data-v-01397ed5] .cs-mtd-tag .mtd-tag-content,[data-v-01397ed5] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-01397ed5] .mtd-select-tags-text,[data-v-01397ed5] .cs-mtd-select-tags-text{line-height:20px}[data-v-01397ed5] .mtd-select,[data-v-01397ed5] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-78ecafa9]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.date-time-input[data-v-78ecafa9]{margin-left:5px}[data-v-78ecafa9] .mtd-input,[data-v-78ecafa9] .cs-mtd-input{padding-left:5px;font-size:12px;background-color:#28a448;border:none;color:#fff}[data-v-78ecafa9] .mtd-input::placeholder,[data-v-78ecafa9] .cs-mtd-input::placeholder{color:#fff}[data-v-78ecafa9] .mtd-input-wrapper,[data-v-78ecafa9] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-78ecafa9] .mtd-input-wrapper .mtd-input,[data-v-78ecafa9] .mtd-input-wrapper .cs-mtd-input,[data-v-78ecafa9] .cs-mtd-input-wrapper .mtd-input,[data-v-78ecafa9] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}.button-delete[data-v-4d5ee17b]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-4d5ee17b] input{color:#fff;font-size:12px;border:none}[data-v-4d5ee17b] input::placeholder{color:#fff}[data-v-4d5ee17b] .mtd-input-wrapper,[data-v-4d5ee17b] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-4d5ee17b] .mtd-input-wrapper .mtd-input,[data-v-4d5ee17b] .mtd-input-wrapper .cs-mtd-input,[data-v-4d5ee17b] .cs-mtd-input-wrapper .mtd-input,[data-v-4d5ee17b] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-4d5ee17b] .mtd-input-suffix-inner,[data-v-4d5ee17b] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-4d5ee17b] .mtd-select-search-field,[data-v-4d5ee17b] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-4d5ee17b] .mtd-tag,[data-v-4d5ee17b] .cs-mtd-tag{color:#fff;margin-top:0;margin-bottom:0;height:20px;width:50px;line-height:22px;background-color:#0000;border:none}[data-v-4d5ee17b] .mtd-tag .mtd-tag-content,[data-v-4d5ee17b] .mtd-tag .cs-mtd-tag-content,[data-v-4d5ee17b] .cs-mtd-tag .mtd-tag-content,[data-v-4d5ee17b] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-4d5ee17b] .mtd-select-tags-text,[data-v-4d5ee17b] .cs-mtd-select-tags-text{line-height:20px}[data-v-4d5ee17b] .mtd-select,[data-v-4d5ee17b] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-3feb2a2f]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-3feb2a2f] input{color:#fff;font-size:12px;border:none}[data-v-3feb2a2f] input::placeholder{color:#fff}[data-v-3feb2a2f] .mtd-input-wrapper,[data-v-3feb2a2f] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-3feb2a2f] .mtd-input-wrapper .mtd-input,[data-v-3feb2a2f] .mtd-input-wrapper .cs-mtd-input,[data-v-3feb2a2f] .cs-mtd-input-wrapper .mtd-input,[data-v-3feb2a2f] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-3feb2a2f] .mtd-input-suffix-inner,[data-v-3feb2a2f] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-3feb2a2f] .mtd-select-search-field,[data-v-3feb2a2f] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-3feb2a2f] .mtd-tag,[data-v-3feb2a2f] .cs-mtd-tag{color:#fff;margin-top:0;margin-bottom:0;height:20px;width:50px;line-height:22px;background-color:#0000;border:none}[data-v-3feb2a2f] .mtd-tag .mtd-tag-content,[data-v-3feb2a2f] .mtd-tag .cs-mtd-tag-content,[data-v-3feb2a2f] .cs-mtd-tag .mtd-tag-content,[data-v-3feb2a2f] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-3feb2a2f] .mtd-select-tags-text,[data-v-3feb2a2f] .cs-mtd-select-tags-text{line-height:20px}[data-v-3feb2a2f] .mtd-select,[data-v-3feb2a2f] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-e5ceb8c0]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.input-number[data-v-e5ceb8c0]{margin-left:5px;height:22px;width:100%}.input-number[data-v-e5ceb8c0] input{background:#28a448;color:#fff;border:none}.input-number[data-v-e5ceb8c0] input::placeholder{color:#fff}.button-delete[data-v-594a7edb]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-594a7edb] input{color:#fff;font-size:12px;border:none}[data-v-594a7edb] input::placeholder{color:#fff}[data-v-594a7edb] .mtd-input-wrapper,[data-v-594a7edb] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-594a7edb] .mtd-input-wrapper .mtd-input,[data-v-594a7edb] .mtd-input-wrapper .cs-mtd-input,[data-v-594a7edb] .cs-mtd-input-wrapper .mtd-input,[data-v-594a7edb] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-594a7edb] .mtd-input-suffix-inner,[data-v-594a7edb] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-594a7edb] .mtd-select-search-field,[data-v-594a7edb] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-594a7edb] .mtd-tag,[data-v-594a7edb] .cs-mtd-tag{color:#fff;margin-top:0;margin-bottom:0;height:20px;width:50px;line-height:22px;background-color:#0000;border:none}[data-v-594a7edb] .mtd-tag .mtd-tag-content,[data-v-594a7edb] .mtd-tag .cs-mtd-tag-content,[data-v-594a7edb] .cs-mtd-tag .mtd-tag-content,[data-v-594a7edb] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-594a7edb] .mtd-select-tags-text,[data-v-594a7edb] .cs-mtd-select-tags-text{line-height:20px}[data-v-594a7edb] .mtd-select,[data-v-594a7edb] .cs-mtd-select{width:260px;margin-left:5px}[data-v-594a7edb] .mtd-cascader,[data-v-594a7edb] .cs-mtd-cascader{width:300px;padding-left:5px}[data-v-594a7edb] .mtd-cascader .mtd-multiple-select-choices,[data-v-594a7edb] .mtd-cascader .cs-mtd-multiple-select-choices,[data-v-594a7edb] .cs-mtd-cascader .mtd-multiple-select-choices,[data-v-594a7edb] .cs-mtd-cascader .cs-mtd-multiple-select-choices{flex-wrap:nowrap}.button-delete[data-v-24dacd42]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-input[data-v-24dacd42]{margin-left:5px}[data-v-24dacd42] input{color:#fff;font-size:12px;border:none;padding-left:5px}[data-v-24dacd42] input::placeholder{color:#fff}[data-v-24dacd42] .mtd-input-wrapper,[data-v-24dacd42] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-24dacd42] .mtd-input-wrapper .mtd-input,[data-v-24dacd42] .mtd-input-wrapper .cs-mtd-input,[data-v-24dacd42] .cs-mtd-input-wrapper .mtd-input,[data-v-24dacd42] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-24dacd42] .mtd-input-suffix-inner,[data-v-24dacd42] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}.button-delete[data-v-c6bad445]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-c6bad445] input{color:#fff;font-size:12px;border:none}[data-v-c6bad445] input::placeholder{color:#fff}[data-v-c6bad445] .mtd-input-wrapper,[data-v-c6bad445] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-c6bad445] .mtd-input-wrapper .mtd-input,[data-v-c6bad445] .mtd-input-wrapper .cs-mtd-input,[data-v-c6bad445] .cs-mtd-input-wrapper .mtd-input,[data-v-c6bad445] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-c6bad445] .mtd-input-suffix-inner,[data-v-c6bad445] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-c6bad445] .mtd-select-search-field,[data-v-c6bad445] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-c6bad445] .mtd-tag,[data-v-c6bad445] .cs-mtd-tag{color:#fff;margin-top:0;margin-bottom:0;height:20px;width:50px;line-height:22px;background-color:#0000;border:none}[data-v-c6bad445] .mtd-tag .mtd-tag-content,[data-v-c6bad445] .mtd-tag .cs-mtd-tag-content,[data-v-c6bad445] .cs-mtd-tag .mtd-tag-content,[data-v-c6bad445] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-c6bad445] .mtd-select-tags-text,[data-v-c6bad445] .cs-mtd-select-tags-text{line-height:20px}[data-v-c6bad445] .mtd-select,[data-v-c6bad445] .cs-mtd-select{width:260px;margin-left:5px}.text-upload[data-v-39c93fbb] .mtd-upload-dragger,.text-upload[data-v-39c93fbb] .cs-mtd-upload-dragger{width:100px;height:32px;line-height:32px}.picture-upload[data-v-39c93fbb] .mtd-upload-dragger,.picture-upload[data-v-39c93fbb] .cs-mtd-upload-dragger{width:100px;height:100px;border:none;box-sizing:content-box;background:none}.rich-text-editor-container[data-v-c30256c4]{width:100%;border:1px solid #ccc;font-synthesis:style}.rich-text-editor-container .rich-text-toolbar[data-v-c30256c4]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-c30256c4]{overflow-y:hidden}.microphone-container[data-v-a9d3225d]{line-height:normal}.microphone-container .microphone-row[data-v-a9d3225d]{display:flex;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.microphone-container .microphone-row .microphone[data-v-a9d3225d]{cursor:pointer}.microphone-container .microphone-row .microphone.fill[data-v-a9d3225d]{width:20px;height:20px;border-radius:20px;background-color:#f5483b;display:flex;justify-content:center;align-items:center}.microphone-container .microphone-row .end-button[data-v-a9d3225d]{margin:0 0 0 8px;padding:2px 8px;height:24px;line-height:20px;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;cursor:pointer}.microphone-container .microphone-row .text[data-v-a9d3225d]{margin-left:5px;font-size:14px;color:var(--cs-common-primary-color, #009155);cursor:pointer}.microphone-container .microphone-row .new-tag[data-v-a9d3225d]{margin-left:4px;color:#fff;width:38px;height:20px;text-align:center;line-height:20px;background-color:#ff4a47;border-radius:10px}.asr-container[data-v-87ee0ae7]{position:relative;display:inline-block;width:100%}.asr-container .microphone-container[data-v-87ee0ae7]{position:absolute;left:2px;bottom:1px;padding-left:8px;background-color:#fff;width:calc(100% - 4px);height:24px}

@charset "UTF-8";
.mtd-tooltip {
  white-space: normal;
}

.mtd-tag .mtd-tag-close i {
  font-size: 12px;
  color: currentColor;
}

.mtd-tag .mtd-tag-close {
  color: currentColor;
}

.mtd-tooltip.mtd-tooltip-light {
  width: fit-content;
  white-space: pre-wrap !important;
}

.router-container {
  display: flex;
  flex-direction: row;
  overflow: auto;
  height: 100%;
}

.view {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}

.root-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 1420px !important;
  overflow: hidden;
}

.nav-bar {
  height: 100%;
}

.submenu-popover-style {
  max-width: 170px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
.submenu-popover-style .mtd-menu-item {
  padding: 0 7px 0 12px;
}
.submenu-popover-style .mtd-menu-item-title,
.submenu-popover-style .mtd-submenu-title {
  padding-left: 8px !important;
}
.submenu-popover-style .mtd-menu-item-title:hover,
.submenu-popover-style .mtd-submenu-title:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.06);
}
.submenu-popover-style .mtd-menu-item-active .mtd-menu-item-title,
.submenu-popover-style .mtd-menu-item-active > .mtd-menu-item-title:hover,
.submenu-popover-style .mtd-menu-item-active > .mtd-menu-item-title.hover {
  color: #000;
  background: rgba(0, 0, 0, 0.12);
}

.mtd-cascader-popper .mtd-cascader-menu-item {
  line-height: 32px;
  padding-left: 8px;
  margin-left: 8px;
  border-radius: 6px;
}

.required::before {
  content: "*";
  color: Red;
}

.content-visibility {
  content-visibility: auto;
}

.mtd-modal-header {
  font-weight: 600;
}

.module-title {
  font: 600 16px/24px PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  display: flex;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  padding-left: 12px;
  margin: 28px 0 16px 0;
}
.module-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: var(--cs-common-nav-boundary-line-color);
  border-radius: 2px;
}

.remind-popper {
  color: #fff;
  background: #f5483b;
}
.remind-popper.sepd-popper[x-placement^=top] .sepd-popper-arrow::after {
  color: #f5483b;
}

.mtd-popper.noun-tooltip {
  background-color: #ff5f57 !important;
}
.mtd-popper.noun-tooltip .mtd-popper-arrow {
  border-right-color: #f4f4f4 !important;
}
.mtd-popper.noun-tooltip .mtd-popper-arrow::after {
  color: #ff5f57 !important;
}

.flex-horizontal-center {
  display: flex;
  justify-content: center;
}

:root textarea {
  background-color: #fff;
}

body a {
  color: var(--cs-common-primary-color, #5dc77b);
}
body a:hover {
  color: var(--cs-common-primary1-color, #4aae66);
}
body a:focus {
  color: var(--cs-common-primary1-color, #4aae66);
}

.cs-lc-tabs.mtd-tabs .mtd-tabs-item {
  height: 34px;
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: normal;
  color: rgb(17, 25, 37);
  font-family: pingfang sc;
  padding: 5px 12px;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item-normal {
  margin: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item:hover {
  color: rgb(17, 25, 37);
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active {
  background-color: var(--cs-common-primary-color, #00BA73);
  border-radius: 6px 6px 0 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active,
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: #fff;
  font-weight: 500;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-bottom-border {
  background-color: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-bar {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-content {
  padding: 12px 0 0 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bottom-border {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 12px;
  justify-content: center;
  margin: 0;
  align-items: center;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-left: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2) {
  border-left: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 6px 0 0 6px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type {
  border-radius: 0 6px 6px 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  background: #fff;
  border-radius: 0;
  border-color: var(--cs-common-primary-color, #00BA73);
  box-shadow: -1px 0 0 var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2) {
  border-radius: 6px 0 0 6px;
  box-shadow: none;
  border-left: 1px solid var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type {
  border-radius: 0 6px 6px 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active,
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-bar-active {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  padding: 3px 12px;
  margin-right: 8px;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2) {
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type {
  margin-right: 0px;
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  border: 1px solid var(--cs-common-primary-color, #00BA73);
  border-radius: 36px;
  box-shadow: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2) {
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type {
  margin-right: 0px;
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  padding: 3px 12px;
  border: none;
  border-radius: 0;
  margin: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  border: none;
  border-radius: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bar-active {
  display: block;
  background-color: var(--cs-common-primary-color, #00BA73);
}

.cs-lc-form .mtd-form-item-label {
  color: rgba(17, 25, 37, 0.6) !important;
  display: flex;
}
.cs-lc-form .mtd-form-item-label,
.cs-lc-form .mtd-form-item-content {
  line-height: 22px;
  height: auto;
  word-break: break-word;
  min-height: 22px;
}
.cs-lc-form .mtd-form-item {
  margin-bottom: 0;
}
.cs-lc-form .label-position-col .mtd-form-item-label {
  width: 100% !important;
  justify-content: flex-start;
  text-align: left;
}
.cs-lc-form .label-position-col .mtd-form-item-content {
  margin-left: 0 !important;
  width: 100%;
}
.cs-lc-form .label-position-row .mtd-form-item-label {
  margin-right: 10px;
  padding-right: 0px;
}
.cs-lc-form .node-render .block-line-item {
  padding-bottom: 16px;
}

.cs-lc-table .flex-line-item,
.cs-lc-block-search .flex-line-item {
  column-gap: 0px !important;
}
.cs-lc-table .flex-line-item .mtd-form-item-content,
.cs-lc-block-search .flex-line-item .mtd-form-item-content {
  margin-right: 24px;
}
.cs-lc-table .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child),
.cs-lc-block-search .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child) {
  margin-right: 8px;
}
.cs-lc-table .flex-line-item .label-position-row,
.cs-lc-block-search .flex-line-item .label-position-row {
  display: flex;
  align-items: center;
}
.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-label,
.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-label {
  text-align: left;
  justify-content: flex-start;
}
.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input,
.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input {
  max-width: 200px;
  margin-right: 0px;
}
.cs-lc-table .flex-line-item > .node-render:nth-last-child(2) .mtd-form-item-content, .cs-lc-table .flex-line-item > .node-render:nth-last-child(1) .mtd-form-item-content,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(2) .mtd-form-item-content,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(1) .mtd-form-item-content {
  width: auto;
}
.cs-lc-table .flex-line-item > .node-render:nth-last-child(2) .mtd-btn + .mtd-btn, .cs-lc-table .flex-line-item > .node-render:nth-last-child(1) .mtd-btn + .mtd-btn,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(2) .mtd-btn + .mtd-btn,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(1) .mtd-btn + .mtd-btn {
  margin-left: 8px;
}

.table-pagination .mtd-pager-item {
  font-size: 14px;
}

.mtd-table-cell > .lc-tags-container {
  margin-bottom: 0;
}
.mtd-table-cell > .lc-tags-container .cs-lc-tag {
  margin: 2px 3px;
}

.cs-lc-table .mtd-table .mtd-table-cell {
  word-break: break-word;
}
.cs-lc-table .mtd-table th {
  background-color: rgb(248, 248, 249);
}
.cs-lc-table .mtd-table .mtd-table-current-row td {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-row {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-row td {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-default-row {
  background-color: #fff;
}
.cs-lc-table .mtd-table .selector-default-row td {
  background-color: #fff;
}
.cs-lc-table .mtd-dropdown-menu-item {
  margin: 4px;
}

.cs-lc-selector-tabs {
  margin-top: 16px;
}
.cs-lc-selector-tabs .selector-index {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 257px;
  background: var(--cs-common-primary-color, #00BA73);
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
  margin-right: 8px;
}
.cs-lc-selector-tabs .selector-title {
  color: #111925;
  font-size: 14px;
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-table {
  border-radius: 6px 6px 0 0;
  border: 1px solid #D4D5D6;
}
.cs-lc-selector-tabs .mtd-table .mtd-table-cell {
  color: #111925;
}
.cs-lc-selector-tabs .mtd-table th .mtd-table-cell {
  font-weight: normal;
}
.cs-lc-selector-tabs .mtd-table tr:not(:last-child) td {
  border-bottom: 1px solid #D4D5D6;
}
.cs-lc-selector-tabs .mtd-table tr td:first-child .mtd-table-cell {
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-btn-primary, .cs-lc-selector-tabs .mtd-btn-primary.hover, .cs-lc-selector-tabs .mtd-btn-primary:focus, .cs-lc-selector-tabs .mtd-btn-primary:hover {
  background: var(--cs-common-primary-color, #00BA73);
  border: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-selector-tabs .mtd-tabs-item {
  height: 28px;
  line-height: 22px;
  opacity: 0.65;
  color: rgba(0, 0, 0, 0.9);
}
.cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item.hover, .cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item:hover {
  color: rgba(0, 0, 0, 0.9);
}
.cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active, .cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon, .cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: rgba(0, 0, 0, 0.9) !important;
  opacity: 1;
}
.cs-lc-selector-tabs .mtd-tab-active {
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-tabs-bar {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.cs-lc-selector-tabs .mtd-tab-active {
  font-weight: 600 !important;
}
.cs-lc-selector-tabs .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs {
  margin-left: 0;
}
.cs-lc-selector-tabs .lc-block .lc-block-content {
  padding: 0 !important;
}
.cs-lc-selector-tabs .mtd-radio-checked .mtd-radio-inner {
  background-color: var(--cs-common-primary-color, #00BA73);
  border-color: var(--cs-common-primary-color, #00BA73);
}

[flex] {
  flex: 1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

[layout],
[layout=column],
[layout=row] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

[layout=column] {
  flex-direction: column;
}

[layout=row] {
  flex-direction: row;
}

[layout-align],
[layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

[layout-align=start],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  justify-content: flex-start;
}

[layout-align=center],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  justify-content: center;
}

[layout-align=end],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
  justify-content: flex-end;
}

[layout-align=space-around],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  justify-content: space-around;
}

[layout-align=space-between],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

[layout-align="start center"] > *,
[layout-align="center center"] > *,
[layout-align="end center"] > *,
[layout-align="space-between center"] > *,
[layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}

.show-three-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cs-select .mtd-cascader {
  width: 100%;
  max-width: 300px;
}
.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
.cs-select .mtd-input:disabled {
  color: #666;
}
.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
.cs-select .mtd-select-disabled {
  opacity: 1;
}
.cs-select .cs-field-right {
  flex-direction: column;
  align-items: flex-start;
}
.cs-select .text-color-red {
  color: red;
}
.cs-select .cs-f-select {
  border: 1px solid red;
}

.cs-textarea {
  flex-grow: 1;
}
.cs-textarea .textarea-wrapper {
  position: relative;
  flex-grow: 1;
}
.cs-textarea .textarea-wrapper .mtd-textarea {
  width: 100%;
  border: none;
  resize: none;
  height: 100px;
  font-size: 14px;
  line-height: 20px;
}
.cs-textarea .textarea-wrapper textarea {
  border: none;
}
.cs-textarea .limit-exceeded {
  border-color: #ff4a47;
}
.cs-textarea .textarea-limit-exceeded-tip {
  color: #ff4a47;
}
.cs-textarea .nlp-textarea {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 104px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .icon-cscs-icon-nlp-delete {
  line-height: 22px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .nlp-default-recommend-tag {
  background: #a3fdc2;
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-right: 8px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .mtd-btn {
  height: 24px;
}
.cs-textarea .nlp-textarea .mtd-textarea {
  height: 100%;
}
.cs-textarea .recommend-textarea {
  position: relative;
  padding-bottom: 24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.cs-textarea .recommend-textarea .preload-textarea {
  color: rgba(0, 0, 0, 0.6);
  opacity: unset;
  cursor: default;
  height: 80px;
  overflow: auto;
  padding: 4px 8px;
  width: 100%;
}
.cs-textarea .recommend-textarea .recommend-textarea-operation {
  position: absolute;
  right: 6px;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}
.cs-textarea .mtd-btn > span {
  line-height: 20px;
}
.cs-textarea .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.cs-textarea .cancel-btn-span {
  line-height: 12px;
}
.cs-textarea .cancel-btn {
  color: var(--cs-common-primary2-color);
  display: inline;
  cursor: pointer;
  margin: 0 8px;
}
.cs-textarea .icon-style {
  color: var(--cs-common-primary2-color);
  display: inline;
  cursor: pointer;
  margin: 12px;
}
.cs-textarea .clear-icon {
  margin: 0 12px;
}
.cs-textarea .mtdicon-copy-o {
  cursor: pointer;
}
.cs-textarea .textareat-edit-slot,
.cs-textarea .textarea-not-edit-slot {
  width: 100%;
}
.cs-textarea .refresh-btn {
  color: var(--cs-common-primary2-color);
}
.cs-textarea .mtdicon-refresh-o {
  color: var(--cs-common-primary2-color);
}
.cs-textarea .view-all-icon {
  margin: 0 7px 0 12px;
}

.cs-text .mtd-input-wrapper {
  width: 100%;
  max-width: 300px;
}
.cs-text .cs-field-right {
  flex-direction: column;
  align-items: start;
}

.cs-radio .mtd-radio {
  max-width: 100%;
  align-items: flex-start;
}
.cs-radio .mtd-radio-inner {
  margin-top: 2px;
}
.cs-radio .mtd-radio-nlp-recommend {
  padding-left: 2px;
}
.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner {
  position: relative !important;
}
.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
  border-radius: 50%;
}

.cs-checkbox .mtd-checkbox {
  margin-bottom: 4px;
}
.cs-checkbox .mtd-checkbox-nlp-recommend {
  padding-left: 2px;
  margin-right: 32px !important;
}
.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner {
  position: relative !important;
}
.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
}
.cs-checkbox .mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox:last-child {
  margin-right: 32px !important;
}

.cs-secret-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
  max-width: 300px;
}
.cs-secret-input .icon-style {
  cursor: pointer;
  color: #00ba73;
  position: absolute;
  text-align: center;
  height: 80%;
  right: 3px;
  top: 25%;
}
.cs-secret-input .edit-input .mtd-input-wrapper {
  max-width: 100px;
}
.cs-secret-input .mtd-input-suffix-inner {
  width: 20px;
}
.cs-secret-input .mtd-input-wrapper.mtd-input-suffix .mtd-input {
  padding-right: 20px;
}

.cs-multiple-select .mtd-select {
  width: 100%;
}
.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
.cs-multiple-select .mtd-input:disabled {
  color: #666;
}
.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
.cs-multiple-select .mtd-select-disabled {
  opacity: 1;
}

.cs-dynamic-multiple-select .mtd-select {
  width: 100%;
}

.cs-graph .mtd-carousel .mtd-carousel-btn {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000 !important;
}
.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-prev {
  left: 0;
}
.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-next {
  right: 0;
}
.cs-graph .mtd-carousel-inside {
  padding-inline-start: 0;
}
.cs-graph .mtd-carousel .mtd-carousel-indicator.mtd-carousel-outside .mtd-carousel-dot {
  background-color: rgba(17, 25, 37, 0.15);
}
.cs-graph .mtd-carousel .mtd-carousel-indicator.mtd-carousel-outside .mtd-carousel-dot.mtd-carousel-active-dot {
  background-color: rgba(17, 25, 37, 0.65);
}

.cs-number {
  width: 100%;
}
.cs-number .mtd-input:read-only {
  border-color: transparent;
}
.cs-number .mtd-input-number-wrapper {
  width: 100%;
}
.cs-number .mtd-input-number-small {
  height: 32px;
  width: 100%;
}
.cs-number .mtd-input-number-small .mtd-input-number {
  padding-top: 2px;
  line-height: 32px;
}
.cs-number .mtd-input:read-only {
  border-color: transparent;
}
.cs-number .mtd-input-number-wrapper {
  width: 100%;
}

.cs-lc-steps-content .mtd-steps {
  flex-wrap: nowrap !important;
  overflow-x: scroll;
}
.cs-lc-steps-content .mtd-steps .mtd-step-process > .mtd-step-main-description {
  color: rgba(17, 25, 37, 0.85);
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal {
  min-width: unset;
  flex: 1 1 auto !important;
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-icon {
  width: auto;
  min-width: unset;
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-line {
  min-width: 62px;
}
.cs-lc-steps-content .name-step-bar .mtd-step-head-icon {
  min-width: 80px;
  line-height: 30px;
  border-radius: 6px;
  font-size: 12px;
  color: #fff;
  padding: 0 6px;
  background: var(--cs-common-primary-color);
}
.cs-lc-steps-content .name-step-bar .mtd-step-error > .mtd-step-head-icon {
  background: #ff1f1f;
}
.cs-lc-steps-content .name-step-bar .mtd-step-cancel > .mtd-step-head-icon {
  background: #f70;
}
.cs-lc-steps-content .name-step-bar .mtd-step-wait > .mtd-step-head-icon {
  background: rgba(17, 25, 37, 0.3);
}
.cs-lc-steps-content .name-step-bar .mtd-step-flex {
  flex: 1;
}
.cs-lc-steps-content .component-step-bar .mtd-step-flex {
  flex: 1;
}

.cs-date-select .mtd-input-wrapper {
  width: 100%;
}

.cs-field-container .cs-field-left {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  flex-shrink: 0;
}
.cs-field-container .cs-field-left .field-display-name {
  /**
  * word-break: break-all; // 任意位置断开，会影响单词的完整性，加lang='en'+hyphens:auto也不会出现连字符（-）
  * 【采用方式】word-break: break-word; // 先尝试正常换行，如果不行再强制断开，不会导致溢出，可能影响单词的完整性，配合lang='en'+hyphens:auto会出现连字符（-）弥补该问题
  * word-break: auto; // 不会强制断开长单词，可能导致溢出
  */
  word-break: break-word;
  display: inline-block;
  position: relative;
  color: #646971;
}
.cs-field-container .required {
  width: 1em;
  height: 1em;
  margin-right: 2px;
  font-size: 8px;
  vertical-align: baseline;
}
.cs-field-container svg:not(:root) {
  overflow: hidden;
}
.cs-field-container .cs-field-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-word;
  width: 100%;
}
.cs-field-container .cs-field-right .mtd-textarea,
.cs-field-container .cs-field-right .mtd-input {
  color: rgba(0, 0, 0, 0.9);
}

.cs-field-container-row .cs-field-left {
  width: 112px;
  margin-right: 12px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: left;
}

.cs-field-container-column {
  width: 100%;
}
.cs-field-container-column .cs-field-right {
  width: 100%;
  margin-top: 4px;
}

[cs-style-env=CustomStepBar] [cs-field-label-max-width="50%"] .cs-field-container .cs-field-left {
  max-width: 50%;
}
@charset "UTF-8";
/* Automatically generated by './generator/css.js' */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Heiti SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5714285714;
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}

code,
pre {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}

button,
input,
optgroup,
select,
textarea {
  overflow: visible;
  padding: 0;
  font-family: inherit;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
  -webkit-appearance: none;
}

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

::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

button,
select {
  text-transform: none;
}

a {
  color: #0a70f5;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s;
  text-decoration: none;
}
a:hover, a.hover, a.hover {
  color: #2a8efe;
  text-decoration: underline;
}
a:active, a.active, a.active {
  color: #bae2ff;
}
a.black-link {
  color: rgba(0, 0, 0, 0.9);
}
a.black-link:hover, a.black-link:active {
  color: rgba(0, 0, 0, 0.9);
}
a.grey-link {
  color: rgba(0, 0, 0, 0.5);
}
a.grey-link:hover, a.grey-link:active {
  color: rgba(0, 0, 0, 0.9);
}
a.underline {
  text-decoration: underline;
}
a.use-visited:visited {
  color: #005ade;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.7);
  cursor: not-allowed;
  pointer-events: none;
}
a.disabled-link {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}
a i:last-child {
  vertical-align: -10%;
}

h1 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

h4,
h5,
h6 {
  font-size: inherit;
  line-height: 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.collapse-transition {
  transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out, 0.2s padding-bottom ease-in-out;
}

.collapse-overflow {
  overflow: hidden;
}

.fade-in-enter-active, .fade-in-leave-active {
  transition: opacity linear 0.3s;
}
.fade-in-enter, .fade-in-leave-active {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
@font-face {
  font-family: "mtdicon";
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot);
  /* IE9*/
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot#iefix) format("embedded-opentype"), url(assets/mtdicon.c5d3a5ae9a54c07ad96f.woff) format("woff"), url(assets/mtdicon.a1c13b4afd97439090a4.ttf) format("truetype"), url(assets/mtdicon.e91bcb210b8ae2edf875.svg#mtdicon) format("svg");
  /* iOS 4.1- */
}
/* .blue-theme-icon {
  font-family: "mtdicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
.blue-theme-icon-floor-fill:before {
  content: "\e000";
}

.blue-theme-icon-floor:before {
  content: "\e001";
}

.blue-theme-icon-globe:before {
  content: "\e002";
}

.blue-theme-icon-location-o:before {
  content: "\e003";
}

.blue-theme-icon-location:before {
  content: "\e004";
}

.blue-theme-icon-align-center:before {
  content: "\e005";
}

.blue-theme-icon-align-justify:before {
  content: "\e006";
}

.blue-theme-icon-align-left:before {
  content: "\e007";
}

.blue-theme-icon-align-right:before {
  content: "\e008";
}

.blue-theme-icon-alphabetically:before {
  content: "\e009";
}

.blue-theme-icon-cleaner-format:before {
  content: "\e00a";
}

.blue-theme-icon-collapse:before {
  content: "\e00b";
}

.blue-theme-icon-color-fill:before {
  content: "\e00c";
}

.blue-theme-icon-color-font:before, .blue-theme-icon-colorfont:before {
  content: "\e00d";
}

.blue-theme-icon-delete-selected-row:before {
  content: "\e00e";
}

.blue-theme-icon-expand:before {
  content: "\e00f";
}

.blue-theme-icon-font-size-1:before, .blue-theme-icon-h1:before {
  content: "\e010";
}

.blue-theme-icon-font-size-2:before, .blue-theme-icon-h2:before {
  content: "\e011";
}

.blue-theme-icon-form:before {
  content: "\e012";
}

.blue-theme-icon-format-bold:before, .blue-theme-icon-formatbold:before {
  content: "\e013";
}

.blue-theme-icon-header-column:before {
  content: "\e014";
}

.blue-theme-icon-header-line:before {
  content: "\e015";
}

.blue-theme-icon-insert-column-left:before {
  content: "\e016";
}

.blue-theme-icon-insert-column-right:before {
  content: "\e017";
}

.blue-theme-icon-insert-row-down:before {
  content: "\e018";
}

.blue-theme-icon-insert-row-up:before {
  content: "\e019";
}

.blue-theme-icon-italic:before {
  content: "\e01a";
}

.blue-theme-icon-list-bulleted:before {
  content: "\e01b";
}

.blue-theme-icon-list-numbered:before {
  content: "\e01c";
}

.blue-theme-icon-list-view:before {
  content: "\e01d";
}

.blue-theme-icon-merge-cells:before {
  content: "\e01e";
}

.blue-theme-icon-paint:before {
  content: "\e01f";
}

.blue-theme-icon-serikeethrough:before {
  content: "\e020";
}

.blue-theme-icon-toc:before {
  content: "\e021";
}

.blue-theme-icon-underlined:before {
  content: "\e022";
}

.blue-theme-icon-unmerge-cells:before {
  content: "\e023";
}

.blue-theme-icon-cancel-circle-fill:before {
  content: "\e024";
}

.blue-theme-icon-cancel-circle:before {
  content: "\e025";
}

.blue-theme-icon-check-thick:before {
  content: "\e026";
}

.blue-theme-icon-check:before, .blue-theme-icon-close-thick:before {
  content: "\e027";
}

.blue-theme-icon-checkbox-checked-o:before {
  content: "\e028";
}

.blue-theme-icon-checkbox-checked:before {
  content: "\e029";
}

.blue-theme-icon-checkbox-unchecked-o:before, .blue-theme-icon-checkbox-unchecked:before {
  content: "\e02a";
}

.blue-theme-icon-checkmini:before {
  content: "\e02b";
}

.blue-theme-icon-close:before, .blue-theme-icon-close-thick:before {
  content: "\e02c";
}

.blue-theme-icon-closemini:before {
  content: "\e02d";
}

.blue-theme-icon-error-circle:before {
  content: "\e02e";
}

.blue-theme-icon-error:before, .blue-theme-icon-error-o:before {
  content: "\e02f";
}

.blue-theme-icon-info-circle-o:before {
  content: "\e030";
}

.blue-theme-icon-info-circle:before {
  content: "\e031";
}

.blue-theme-icon-nosign:before {
  content: "\e032";
}

.blue-theme-icon-provisional:before {
  content: "\e033";
}

.blue-theme-icon-question-circle-o:before {
  content: "\e034";
}

.blue-theme-icon-question-circle:before {
  content: "\e035";
}

.blue-theme-icon-question-mark:before {
  content: "\e036";
}

.blue-theme-icon-questionmini:before {
  content: "\e037";
}

.blue-theme-icon-radio-unchecked:before {
  content: "\e038";
}

.blue-theme-icon-shield-fill:before {
  content: "\e039";
}

.blue-theme-icon-shield-success-fill:before {
  content: "\e03a";
}

.blue-theme-icon-shield-success:before {
  content: "\e03b";
}

.blue-theme-icon-shield:before {
  content: "\e03c";
}

.blue-theme-icon-success-circle:before {
  content: "\e03d";
}

.blue-theme-icon-success-o:before {
  content: "\e03e";
}

.blue-theme-icon-warning-circle-o:before {
  content: "\e03f";
}

.blue-theme-icon-warning-circle:before {
  content: "\e040";
}

.blue-theme-icon-warning:before {
  content: "\e041";
}

.blue-theme-icon-warningmini:before {
  content: "\e042";
}

.blue-theme-icon-adaptation-screen:before {
  content: "\e043";
}

.blue-theme-icon-airplayvideo:before {
  content: "\e044";
}

.blue-theme-icon-bell-o:before {
  content: "\e045";
}

.blue-theme-icon-bell-slash-fill:before {
  content: "\e046";
}

.blue-theme-icon-bell:before {
  content: "\e047";
}

.blue-theme-icon-camera-fill:before {
  content: "\e048";
}

.blue-theme-icon-camera:before {
  content: "\e049";
}

.blue-theme-icon-customer-o:before {
  content: "\e04a";
}

.blue-theme-icon-customer:before {
  content: "\e04b";
}

.blue-theme-icon-demonstration:before {
  content: "\e04c";
}

.blue-theme-icon-enlarge:before {
  content: "\e04d";
}

.blue-theme-icon-exit-fullscreen-o:before {
  content: "\e04e";
}

.blue-theme-icon-fullscreen-o:before {
  content: "\e04f";
}

.blue-theme-icon-keyboard:before {
  content: "\e050";
}

.blue-theme-icon-laser-pen:before {
  content: "\e051";
}

.blue-theme-icon-log-out:before {
  content: "\e052";
}

.blue-theme-icon-micrify:before {
  content: "\e053";
}

.blue-theme-icon-monitor:before {
  content: "\e054";
}

.blue-theme-icon-mosaic:before {
  content: "\e055";
}

.blue-theme-icon-original:before, .blue-theme-icon-originalsize:before {
  content: "\e056";
}

.blue-theme-icon-phone:before {
  content: "\e057";
}

.blue-theme-icon-picture-fill:before {
  content: "\e058";
}

.blue-theme-icon-picture:before {
  content: "\e059";
}

.blue-theme-icon-play-fill:before {
  content: "\e05a";
}

.blue-theme-icon-play:before {
  content: "\e05b";
}

.blue-theme-icon-quote:before {
  content: "\e05c";
}

.blue-theme-icon-rotate:before {
  content: "\e05d";
}

.blue-theme-icon-search:before {
  content: "\e05e";
}

.blue-theme-icon-shape:before {
  content: "\e05f";
}

.blue-theme-icon-tailoring:before {
  content: "\e060";
}

.blue-theme-icon-unbell:before {
  content: "\e061";
}

.blue-theme-icon-video:before, .blue-theme-icon-video1:before {
  content: "\e062";
}

.blue-theme-icon-volume:before {
  content: "\e063";
}

.blue-theme-icon-volume1:before {
  content: "\e064";
}

.blue-theme-icon-volume2:before {
  content: "\e065";
}

.blue-theme-icon-volume3:before {
  content: "\e066";
}

.blue-theme-icon-bank-card-fill:before {
  content: "\e067";
}

.blue-theme-icon-calculator-o:before {
  content: "\e068";
}

.blue-theme-icon-calculator:before {
  content: "\e069";
}

.blue-theme-icon-calendar-o:before {
  content: "\e06a";
}

.blue-theme-icon-calendar:before {
  content: "\e06b";
}

.blue-theme-icon-cart-o:before, .blue-theme-icon-cart:before {
  content: "\e06c";
}

.blue-theme-icon-database-fill:before {
  content: "\e06d";
}

.blue-theme-icon-database-o:before {
  content: "\e06e";
}

.blue-theme-icon-ellipsis:before {
  content: "\e06f";
}

.blue-theme-icon-handle:before {
  content: "\e070";
}

.blue-theme-icon-home-o:before {
  content: "\e071";
}

.blue-theme-icon-home:before {
  content: "\e072";
}

.blue-theme-icon-invoice-fill:before {
  content: "\e073";
}

.blue-theme-icon-invoice:before, .blue-theme-icon-invoice-o:before {
  content: "\e074";
}

.blue-theme-icon-load:before {
  content: "\e075";
}

.blue-theme-icon-menus-o:before {
  content: "\e076";
}

.blue-theme-icon-more-circle-fill:before {
  content: "\e077";
}

.blue-theme-icon-more-circle-o-fill:before {
  content: "\e078";
}

.blue-theme-icon-more-circle:before {
  content: "\e079";
}

.blue-theme-icon-more:before {
  content: "\e07a";
}

.blue-theme-icon-nonetwork:before {
  content: "\e07b";
}

.blue-theme-icon-point:before {
  content: "\e07c";
}

.blue-theme-icon-slider-settings:before {
  content: "\e07d";
}

.blue-theme-icon-square-stack-up-fill:before {
  content: "\e07e";
}

.blue-theme-icon-square-stack-up:before {
  content: "\e07f";
}

.blue-theme-icon-template:before {
  content: "\e080";
}

.blue-theme-icon-theme-o:before {
  content: "\e081";
}

.blue-theme-icon-theme:before {
  content: "\e082";
}

.blue-theme-icon-time-o:before {
  content: "\e083";
}

.blue-theme-icon-time:before {
  content: "\e084";
}

.blue-theme-icon-wifi-o:before {
  content: "\e085";
}

.blue-theme-icon-at:before {
  content: "\e086";
}

.blue-theme-icon-avatar-add-fill:before {
  content: "\e087";
}

.blue-theme-icon-avatar-add:before {
  content: "\e088";
}

.blue-theme-icon-avatar-fill:before {
  content: "\e089";
}

.blue-theme-icon-avatar-group-fill:before {
  content: "\e08a";
}

.blue-theme-icon-avatar-group:before {
  content: "\e08b";
}

.blue-theme-icon-avatar-o:before {
  content: "\e08c";
}

.blue-theme-icon-badge:before {
  content: "\e08d";
}

.blue-theme-icon-bolt:before {
  content: "\e08e";
}

.blue-theme-icon-comment-fill:before {
  content: "\e08f";
}

.blue-theme-icon-comment:before {
  content: "\e090";
}

.blue-theme-icon-contacts-fill:before {
  content: "\e091";
}

.blue-theme-icon-contacts:before {
  content: "\e092";
}

.blue-theme-icon-dislike-fill:before {
  content: "\e093";
}

.blue-theme-icon-education-fill:before {
  content: "\e094";
}

.blue-theme-icon-education:before {
  content: "\e095";
}

.blue-theme-icon-fabulous-fill:before {
  content: "\e096";
}

.blue-theme-icon-flame-fill:before {
  content: "\e097";
}

.blue-theme-icon-flame:before {
  content: "\e098";
}

.blue-theme-icon-forward-o:before, .blue-theme-icon-share-2:before {
  content: "\e099";
}

.blue-theme-icon-id-card-fill:before {
  content: "\e09a";
}

.blue-theme-icon-id-card:before {
  content: "\e09b";
}

.blue-theme-icon-jigsaw-fill:before {
  content: "\e09c";
}

.blue-theme-icon-jigsaw:before {
  content: "\e09d";
}

.blue-theme-icon-like-fill:before {
  content: "\e09e";
}

.blue-theme-icon-dislike:before {
  content: "\e09f";
}

.blue-theme-icon-fabulous:before {
  content: "\e0a0";
}

.blue-theme-icon-like:before {
  content: "\e0a1";
}

.blue-theme-icon-meetingroom-fill:before {
  content: "\e0a2";
}

.blue-theme-icon-meetingroom:before {
  content: "\e0a3";
}

.blue-theme-icon-meh-o:before {
  content: "\e0a4";
}

.blue-theme-icon-meh:before {
  content: "\e0a5";
}

.blue-theme-icon-paperplane-fill:before {
  content: "\e0a6";
}

.blue-theme-icon-paperplane:before {
  content: "\e0a7";
}

.blue-theme-icon-review:before {
  content: "\e0a8";
}

.blue-theme-icon-sad-o:before {
  content: "\e0a9";
}

.blue-theme-icon-sad:before {
  content: "\e0aa";
}

.blue-theme-icon-share-o:before {
  content: "\e0ab";
}

.blue-theme-icon-share:before {
  content: "\e0ac";
}

.blue-theme-icon-smile-o:before {
  content: "\e0ad";
}

.blue-theme-icon-smile:before {
  content: "\e0ae";
}

.blue-theme-icon-star-half:before {
  content: "\e0af";
}

.blue-theme-icon-star-o:before {
  content: "\e0b0";
}

.blue-theme-icon-star:before {
  content: "\e0b1";
}

.blue-theme-icon-telephone-fill:before {
  content: "\e0b2";
}

.blue-theme-icon-telephone:before {
  content: "\e0b3";
}

.blue-theme-icon-trophy-fill:before {
  content: "\e0b4";
}

.blue-theme-icon-trophy:before {
  content: "\e0b5";
}

.blue-theme-icon-visibility-off-o:before {
  content: "\e0b6";
}

.blue-theme-icon-visibility-on-fill:before {
  content: "\e0b7";
}

.blue-theme-icon-visibility-on-o:before {
  content: "\e0b8";
}

.blue-theme-icon-areachart-o:before {
  content: "\e0b9";
}

.blue-theme-icon-areachart:before {
  content: "\e0ba";
}

.blue-theme-icon-bar-chart-fill:before {
  content: "\e0bb";
}

.blue-theme-icon-bar-chart:before {
  content: "\e0bc";
}

.blue-theme-icon-barschart-o:before {
  content: "\e0bd";
}

.blue-theme-icon-barschart:before {
  content: "\e0be";
}

.blue-theme-icon-cloud-fill:before {
  content: "\e0bf";
}

.blue-theme-icon-cloud-o:before {
  content: "\e0c0";
}

.blue-theme-icon-code-off:before {
  content: "\e0c1";
}

.blue-theme-icon-code-on:before {
  content: "\e0c2";
}

.blue-theme-icon-drill-down-fill:before {
  content: "\e0c3";
}

.blue-theme-icon-drill-down-o:before {
  content: "\e0c4";
}

.blue-theme-icon-funnel-chart-fill:before {
  content: "\e0c5";
}

.blue-theme-icon-funnel-chart:before {
  content: "\e0c6";
}

.blue-theme-icon-hierarchy-fill:before {
  content: "\e0c7";
}

.blue-theme-icon-hierarchy-o:before {
  content: "\e0c8";
}

.blue-theme-icon-paste-code-fill:before {
  content: "\e0c9";
}

.blue-theme-icon-paste-code-o:before {
  content: "\e0ca";
}

.blue-theme-icon-piechart-o:before {
  content: "\e0cb";
}

.blue-theme-icon-piechart:before {
  content: "\e0cc";
}

.blue-theme-icon-table-fill:before {
  content: "\e0cd";
}

.blue-theme-icon-table:before {
  content: "\e0ce";
}

.blue-theme-icon-annex:before {
  content: "\e0cf";
}

.blue-theme-icon-briefcase-fill:before, .blue-theme-icon-briefcasefill:before {
  content: "\e0d0";
}

.blue-theme-icon-briefcase:before {
  content: "\e0d1";
}

.blue-theme-icon-file-export-fill:before {
  content: "\e0d2";
}

.blue-theme-icon-file-export:before {
  content: "\e0d3";
}

.blue-theme-icon-file-fill:before {
  content: "\e0d4";
}

.blue-theme-icon-file-import-fill:before {
  content: "\e0d5";
}

.blue-theme-icon-file-import:before {
  content: "\e0d6";
}

.blue-theme-icon-file-send-fill:before {
  content: "\e0d7";
}

.blue-theme-icon-file-send:before {
  content: "\e0d8";
}

.blue-theme-icon-file:before, .blue-theme-icon-file-o:before {
  content: "\e0d9";
}

.blue-theme-icon-folder-fill:before {
  content: "\e0da";
}

.blue-theme-icon-folder:before {
  content: "\e0db";
}

.blue-theme-icon-link-o:before {
  content: "\e0dc";
}

.blue-theme-icon-lookup-fill:before {
  content: "\e0dd";
}

.blue-theme-icon-lookup:before {
  content: "\e0de";
}

.blue-theme-icon-mail-fill:before {
  content: "\e0df";
}

.blue-theme-icon-mail-o:before {
  content: "\e0e0";
}

.blue-theme-icon-qrcode:before {
  content: "\e0e1";
}

.blue-theme-icon-refresh:before {
  content: "\e0e2";
}

.blue-theme-icon-schedule-fill:before {
  content: "\e0e3";
}

.blue-theme-icon-schedule:before {
  content: "\e0e4";
}

.blue-theme-icon-underfined:before, .blue-theme-icon-compress:before {
  content: "\e0e5";
}

.blue-theme-icon-unlink:before {
  content: "\e0e6";
}

.blue-theme-icon-add-square-fill:before, .blue-theme-icon-file-add:before {
  content: "\e0e7";
}

.blue-theme-icon-add-square-o:before, .blue-theme-icon-file-add-o:before {
  content: "\e0e8";
}

.blue-theme-icon-add:before {
  content: "\e0e9";
}

.blue-theme-icon-checkbox-indetermina:before {
  content: "\e0ea";
}

.blue-theme-icon-copy-o:before {
  content: "\e0eb";
}

.blue-theme-icon-copy:before {
  content: "\e0ec";
}

.blue-theme-icon-cycle:before {
  content: "\e0ed";
}

.blue-theme-icon-delete-o:before {
  content: "\e0ee";
}

.blue-theme-icon-delete:before {
  content: "\e0ef";
}

.blue-theme-icon-edit-o:before {
  content: "\e0f0";
}

.blue-theme-icon-edit:before {
  content: "\e0f1";
}

.blue-theme-icon-filter-o:before {
  content: "\e0f2";
}

.blue-theme-icon-filter:before {
  content: "\e0f3";
}

.blue-theme-icon-history:before {
  content: "\e0f4";
}

.blue-theme-icon-import-export-o:before {
  content: "\e0f5";
}

.blue-theme-icon-lock-fill:before {
  content: "\e0f6";
}

.blue-theme-icon-lock-o:before {
  content: "\e0f7";
}

.blue-theme-icon-printing-fill:before {
  content: "\e0f8";
}

.blue-theme-icon-printing:before {
  content: "\e0f9";
}

.blue-theme-icon-redo:before {
  content: "\e0fa";
}

.blue-theme-icon-refresh-o:before {
  content: "\e0fb";
}

.blue-theme-icon-remove:before, .blue-theme-icon-minus:before {
  content: "\e0fc";
}

.blue-theme-icon-save-o:before {
  content: "\e0fd";
}

.blue-theme-icon-save:before {
  content: "\e0fe";
}

.blue-theme-icon-sort:before {
  content: "\e0ff";
}

.blue-theme-icon-undo-o:before {
  content: "\e100";
}

.blue-theme-icon-unlock-fill:before {
  content: "\e101";
}

.blue-theme-icon-unlock:before {
  content: "\e102";
}

.blue-theme-icon-arrow-down:before {
  content: "\e103";
}

.blue-theme-icon-arrow-left:before {
  content: "\e104";
}

.blue-theme-icon-arrow-right:before {
  content: "\e105";
}

.blue-theme-icon-arrow-up:before {
  content: "\e106";
}

.blue-theme-icon-down-thick:before {
  content: "\e107";
}

.blue-theme-icon-down:before {
  content: "\e108";
}

.blue-theme-icon-download-o:before {
  content: "\e109";
}

.blue-theme-icon-export-o:before {
  content: "\e10a";
}

.blue-theme-icon-fast-backward:before {
  content: "\e10b";
}

.blue-theme-icon-fast-forward:before {
  content: "\e10c";
}

.blue-theme-icon-left-thick:before {
  content: "\e10d";
}

.blue-theme-icon-left:before {
  content: "\e10e";
}

.blue-theme-icon-right-thick:before {
  content: "\e10f";
}

.blue-theme-icon-right:before {
  content: "\e110";
}

.blue-theme-icon-top:before {
  content: "\e111";
}

.blue-theme-icon-triangle-down:before {
  content: "\e112";
}

.blue-theme-icon-triangle-left:before {
  content: "\e113";
}

.blue-theme-icon-triangle-right:before {
  content: "\e114";
}

.blue-theme-icon-triangle-up:before {
  content: "\e115";
}

.blue-theme-icon-up-thick:before {
  content: "\e116";
}

.blue-theme-icon-up:before {
  content: "\e117";
}

.blue-theme-icon-add-message-fill:before {
  content: "\e118";
}

.blue-theme-icon-add-message:before {
  content: "\e119";
}

.blue-theme-icon-bank-card:before, .blue-theme-icon-bankcard:before {
  content: "\e11a";
}

.blue-theme-icon-folder-list-fill:before, .blue-theme-icon-folderlistfill:before {
  content: "\e11b";
}

.blue-theme-icon-folder-list:before, .blue-theme-icon-folderlist:before {
  content: "\e11c";
}

.blue-theme-icon-new-folde:before, .blue-theme-icon-newfolde:before {
  content: "\e11d";
}

.blue-theme-icon-review-fill:before, .blue-theme-icon-reviewfill:before {
  content: "\e11e";
}

.blue-theme-icon-sort-up-and-down-o:before, .blue-theme-icon-sortupanddown-o:before {
  content: "\e11f";
}

.blue-theme-icon-video-fill:before, .blue-theme-icon-videofill:before {
  content: "\e120";
}

.blue-theme-icon-volume-fill:before, .blue-theme-icon-volumefill:before {
  content: "\e121";
}

.blue-theme-icon-volume-slash-fill:before, .blue-theme-icon-volumeslashfill:before {
  content: "\e122";
}

.blue-theme-icon-volume-slash:before, .blue-theme-icon-volumeslash:before {
  content: "\e123";
}

.blue-theme-icon-volume1-fill:before, .blue-theme-icon-volume1fill:before {
  content: "\e124";
}

.blue-theme-icon-volume2-fill:before, .blue-theme-icon-volume2fill:before {
  content: "\e125";
}

.blue-theme-icon-volume3-fill:before, .blue-theme-icon-volume3fill:before {
  content: "\e126";
}

.blue-theme-icon-label:before {
  content: "\e127";
}

.blue-theme-icon-bolt-fill:before {
  content: "\e128";
}

.blue-theme-icon-addmini:before {
  content: "\e129";
}

.blue-theme-icon-archery-fill:before {
  content: "\e12a";
}

.blue-theme-icon-avatar-group-o:before {
  content: "\e12b";
}

.blue-theme-icon-bag-fill:before {
  content: "\e12c";
}

.blue-theme-icon-check-bold:before {
  content: "\e12d";
}

.blue-theme-icon-circle-o:before {
  content: "\e12e";
}

.blue-theme-icon-comment-o:before {
  content: "\e12f";
}

.blue-theme-icon-cooking-o:before {
  content: "\e130";
}

.blue-theme-icon-crown-undo-o:before {
  content: "\e131";
}

.blue-theme-icon-expression-add-o:before {
  content: "\e132";
}

.blue-theme-icon-fast-downword:before {
  content: "\e133";
}

.blue-theme-icon-fast-upword:before {
  content: "\e134";
}

.blue-theme-icon-file-warning-fill:before {
  content: "\e135";
}

.blue-theme-icon-filebox-o:before {
  content: "\e136";
}

.blue-theme-icon-find-o:before {
  content: "\e137";
}

.blue-theme-icon-focus-o:before {
  content: "\e138";
}

.blue-theme-icon-html-o:before {
  content: "\e139";
}

.blue-theme-icon-jumpout-o:before {
  content: "\e13a";
}

.blue-theme-icon-lab-o:before {
  content: "\e13b";
}

.blue-theme-icon-flowchart-o:before {
  content: "\e13c";
}

.blue-theme-icon-focus-fill:before {
  content: "\e13d";
}

.blue-theme-icon-focus-add-o:before {
  content: "\e13e";
}

.blue-theme-icon-link2:before {
  content: "\e13f";
}

.blue-theme-icon-lock-log-o:before {
  content: "\e140";
}

.blue-theme-icon-mark-o:before {
  content: "\e141";
}

.blue-theme-icon-market-fill:before {
  content: "\e142";
}

.blue-theme-icon-market-o:before {
  content: "\e143";
}

.blue-theme-icon-menu-point:before {
  content: "\e144";
}

.blue-theme-icon-money-circle-fill:before {
  content: "\e145";
}

.blue-theme-icon-notebook-check-fill:before {
  content: "\e146";
}

.blue-theme-icon-mute-o:before {
  content: "\e147";
}

.blue-theme-icon-mindmap-o:before {
  content: "\e148";
}

.blue-theme-icon-notebook-o:before {
  content: "\e149";
}

.blue-theme-icon-notebook-time-o:before {
  content: "\e14a";
}

.blue-theme-icon-order-warning-fill:before {
  content: "\e14b";
}

.blue-theme-icon-read:before {
  content: "\e14c";
}

.blue-theme-icon-renewal:before {
  content: "\e14d";
}

.blue-theme-icon-share-arrow-fill:before {
  content: "\e14e";
}

.blue-theme-icon-shuffl-playback:before {
  content: "\e14f";
}

.blue-theme-icon-page-fill:before {
  content: "\e150";
}

.blue-theme-icon-page-o:before {
  content: "\e151";
}

.blue-theme-icon-state-o:before {
  content: "\e152";
}

.blue-theme-icon-subscript:before {
  content: "\e153";
}

.blue-theme-icon-superscript:before {
  content: "\e154";
}

.blue-theme-icon-telephone-down-fill:before {
  content: "\e155";
}

.blue-theme-icon-textformat:before {
  content: "\e156";
}

.blue-theme-icon-time-countdown-o:before {
  content: "\e157";
}

.blue-theme-icon-unlink2:before {
  content: "\e158";
}

.blue-theme-icon-upload-cloud-fill:before {
  content: "\e159";
}

.blue-theme-icon-upload-cloud-o:before {
  content: "\e15a";
}

.blue-theme-icon-vpn-o:before {
  content: "\e15b";
}

.blue-theme-icon-wifi-fill:before {
  content: "\e15c";
}

.blue-theme-icon-word-o:before {
  content: "\e15d";
}

.blue-theme-icon-vertical-center:before {
  content: "\e15e";
}

.blue-theme-icon-vertical-down:before {
  content: "\e15f";
}

.blue-theme-icon-vertical-up:before {
  content: "\e160";
}

.blue-theme-icon-wifi-slash-fill:before {
  content: "\e161";
}

.blue-theme-icon-instructions-fill:before {
  content: "\e162";
}

.blue-theme-icon-removemini:before {
  content: "\e163";
}

.blue-theme-icon-line:before {
  content: "\e164";
}

.blue-theme-icon-file-move:before {
  content: "\e165";
}

.blue-theme-icon-expand-panel:before {
  content: "\e166";
}

.blue-theme-icon-checkbox-part-o:before, .blue-theme-icon-checkbox-indetermina-o:before {
  content: "\e167";
}

.blue-theme-icon-dialogue-o:before {
  content: "\e168";
}

.blue-theme-icon-monitor-video-fill:before {
  content: "\e169";
}

.blue-theme-icon-delete-column:before, .blue-theme-icon-delete-selectedcolumn:before {
  content: "\e16a";
}

.blue-theme-icon-lattice:before {
  content: "\e16b";
}

.blue-theme-icon-telephonevolume-fill:before {
  content: "\e16c";
}

.blue-theme-icon-comment-q-fill:before {
  content: "\e16d";
}

.blue-theme-icon-alipay:before {
  content: "\e16e";
}

.blue-theme-icon-amazon:before {
  content: "\e16f";
}

.blue-theme-icon-android:before {
  content: "\e170";
}

.blue-theme-icon-apple:before {
  content: "\e171";
}

.blue-theme-icon-chrome:before {
  content: "\e172";
}

.blue-theme-icon-dropbox:before {
  content: "\e173";
}

.blue-theme-icon-github:before {
  content: "\e174";
}

.blue-theme-icon-google:before {
  content: "\e175";
}

.blue-theme-icon-qq:before {
  content: "\e176";
}

.blue-theme-icon-slack:before {
  content: "\e177";
}

.blue-theme-icon-twitter:before {
  content: "\e178";
}

.blue-theme-icon-wechat:before {
  content: "\e179";
}

.blue-theme-icon-wechatpay:before {
  content: "\e17a";
}

.blue-theme-icon-weibo:before {
  content: "\e17b";
}

.blue-theme-icon-html5:before, .blue-theme-icon-html:before {
  content: "\e17c";
}

.blue-theme-icon-ie:before {
  content: "\e17d";
}

.blue-theme-icon-cart-fill:before {
  content: "\e17e";
}

.blue-theme-icon-topic:before {
  content: "\e17f";
}

.blue-theme-icon-check-switch:before {
  content: "\e180";
}

.blue-theme-icon-close-switch:before {
  content: "\e181";
}

.blue-theme-icon-star-o-rate:before {
  content: "\e182";
}

.blue-theme-icon-star-half-rate:before {
  content: "\e183";
}

.blue-theme-icon-star-rate:before {
  content: "\e184";
}

.blue-theme-icon-slash:before {
  content: "\e185";
}

.blue-theme-icon-setting-fill:before {
  content: "\e186";
}

.blue-theme-icon-setting:before {
  content: "\e187";
}

.blue-theme-icon-calendar-y:before {
  content: "\e188";
}

.blue-theme-icon-cart-y:before {
  content: "\e189";
}

.blue-theme-icon-home-y:before {
  content: "\e18a";
}

.blue-theme-icon-time-y:before {
  content: "\e18b";
}

/* .blue-theme-icon-icon-test {
  @extend .blue-theme-icon-topic;
} */
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-icon-loading {
  display: inline-block;
}
.blue-theme-icon-loading::before {
  display: none;
}
.blue-theme-icon-loading::after {
  animation: rotating linear 1s infinite;
  content: " ";
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-radius: 50%;
}

.blue-theme-icon {
  display: inline-block;
}

[class^=blue-theme-icon-],
[class*=" blue-theme-icon-"] {
  font-family: "mtdicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-popper {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  border-color: #fff;
}
.blue-theme-popper-wrapper {
  display: inline-block;
}
.blue-theme-popper .blue-theme-popper-arrow {
  color: #ebeef5;
}
.blue-theme-popper .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-popper .blue-theme-dropdown-menu {
  border: none;
}
.blue-theme-popper-arrow, .blue-theme-popper-arrow:after {
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}
.blue-theme-popper-arrow:after {
  content: " ";
}
.blue-theme-popper[x-placement^=top] {
  margin-bottom: 4px;
}
.blue-theme-popper[x-placement^=top] .blue-theme-popper-arrow {
  bottom: -4px;
  border-bottom: 0px;
  border-top-color: currentColor;
}
.blue-theme-popper[x-placement^=top] .blue-theme-popper-arrow:after {
  bottom: 1px;
  left: -4px;
  border-bottom: 0px;
  border-top-color: currentColor;
}
.blue-theme-popper[x-placement^=bottom] {
  margin-top: 4px;
}
.blue-theme-popper[x-placement^=bottom] .blue-theme-popper-arrow {
  top: -4px;
  border-top: 0px;
  border-bottom-color: currentColor;
}
.blue-theme-popper[x-placement^=bottom] .blue-theme-popper-arrow:after {
  top: 1px;
  left: -4px;
  border-top: 0px;
  border-bottom-color: currentColor;
}
.blue-theme-popper[x-placement^=left] {
  margin-right: 4px;
}
.blue-theme-popper[x-placement^=left] .blue-theme-popper-arrow {
  right: -4px;
  border-right: 0px;
  border-left-color: currentColor;
}
.blue-theme-popper[x-placement^=left] .blue-theme-popper-arrow:after {
  right: 1px;
  top: -4px;
  border-right: 0px;
  border-left-color: currentColor;
}
.blue-theme-popper[x-placement^=right] {
  margin-left: 4px;
}
.blue-theme-popper[x-placement^=right] .blue-theme-popper-arrow {
  left: -4px;
  border-left: 0px;
  border-right-color: currentColor;
}
.blue-theme-popper[x-placement^=right] .blue-theme-popper-arrow:after {
  left: 1px;
  top: -4px;
  border-left: 0px;
  border-right-color: currentColor;
}

.blue-theme-popper-show-arrow[x-placement^=top] {
  margin-bottom: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=bottom] {
  margin-top: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=left] {
  margin-right: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=right] {
  margin-left: 8px;
}

.blue-theme-lock-scroll {
  overflow: hidden;
}

.blue-theme-visible-hidden {
  visibility: hidden;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
@font-face {
  font-family: "mtdicon";
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot);
  /* IE9*/
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot#iefix) format("embedded-opentype"), url(assets/mtdicon.c5d3a5ae9a54c07ad96f.woff) format("woff"), url(assets/mtdicon.a1c13b4afd97439090a4.ttf) format("truetype"), url(assets/mtdicon.e91bcb210b8ae2edf875.svg#mtdicon) format("svg");
  /* iOS 4.1- */
}
/* .blue-theme-icon {
  font-family: "mtdicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
.blue-theme-icon-floor-fill:before {
  content: "\e000";
}

.blue-theme-icon-floor:before {
  content: "\e001";
}

.blue-theme-icon-globe:before {
  content: "\e002";
}

.blue-theme-icon-location-o:before {
  content: "\e003";
}

.blue-theme-icon-location:before {
  content: "\e004";
}

.blue-theme-icon-align-center:before {
  content: "\e005";
}

.blue-theme-icon-align-justify:before {
  content: "\e006";
}

.blue-theme-icon-align-left:before {
  content: "\e007";
}

.blue-theme-icon-align-right:before {
  content: "\e008";
}

.blue-theme-icon-alphabetically:before {
  content: "\e009";
}

.blue-theme-icon-cleaner-format:before {
  content: "\e00a";
}

.blue-theme-icon-collapse:before {
  content: "\e00b";
}

.blue-theme-icon-color-fill:before {
  content: "\e00c";
}

.blue-theme-icon-color-font:before, .blue-theme-icon-colorfont:before {
  content: "\e00d";
}

.blue-theme-icon-delete-selected-row:before {
  content: "\e00e";
}

.blue-theme-icon-expand:before {
  content: "\e00f";
}

.blue-theme-icon-font-size-1:before, .blue-theme-icon-h1:before {
  content: "\e010";
}

.blue-theme-icon-font-size-2:before, .blue-theme-icon-h2:before {
  content: "\e011";
}

.blue-theme-icon-form:before {
  content: "\e012";
}

.blue-theme-icon-format-bold:before, .blue-theme-icon-formatbold:before {
  content: "\e013";
}

.blue-theme-icon-header-column:before {
  content: "\e014";
}

.blue-theme-icon-header-line:before {
  content: "\e015";
}

.blue-theme-icon-insert-column-left:before {
  content: "\e016";
}

.blue-theme-icon-insert-column-right:before {
  content: "\e017";
}

.blue-theme-icon-insert-row-down:before {
  content: "\e018";
}

.blue-theme-icon-insert-row-up:before {
  content: "\e019";
}

.blue-theme-icon-italic:before {
  content: "\e01a";
}

.blue-theme-icon-list-bulleted:before {
  content: "\e01b";
}

.blue-theme-icon-list-numbered:before {
  content: "\e01c";
}

.blue-theme-icon-list-view:before {
  content: "\e01d";
}

.blue-theme-icon-merge-cells:before {
  content: "\e01e";
}

.blue-theme-icon-paint:before {
  content: "\e01f";
}

.blue-theme-icon-serikeethrough:before {
  content: "\e020";
}

.blue-theme-icon-toc:before {
  content: "\e021";
}

.blue-theme-icon-underlined:before {
  content: "\e022";
}

.blue-theme-icon-unmerge-cells:before {
  content: "\e023";
}

.blue-theme-icon-cancel-circle-fill:before {
  content: "\e024";
}

.blue-theme-icon-cancel-circle:before {
  content: "\e025";
}

.blue-theme-icon-check-thick:before {
  content: "\e026";
}

.blue-theme-icon-check:before, .blue-theme-icon-close-thick:before {
  content: "\e027";
}

.blue-theme-icon-checkbox-checked-o:before {
  content: "\e028";
}

.blue-theme-icon-checkbox-checked:before {
  content: "\e029";
}

.blue-theme-icon-checkbox-unchecked-o:before, .blue-theme-icon-checkbox-unchecked:before {
  content: "\e02a";
}

.blue-theme-icon-checkmini:before {
  content: "\e02b";
}

.blue-theme-icon-close:before, .blue-theme-icon-close-thick:before {
  content: "\e02c";
}

.blue-theme-icon-closemini:before {
  content: "\e02d";
}

.blue-theme-icon-error-circle:before {
  content: "\e02e";
}

.blue-theme-icon-error:before, .blue-theme-icon-error-o:before {
  content: "\e02f";
}

.blue-theme-icon-info-circle-o:before {
  content: "\e030";
}

.blue-theme-icon-info-circle:before {
  content: "\e031";
}

.blue-theme-icon-nosign:before {
  content: "\e032";
}

.blue-theme-icon-provisional:before {
  content: "\e033";
}

.blue-theme-icon-question-circle-o:before {
  content: "\e034";
}

.blue-theme-icon-question-circle:before {
  content: "\e035";
}

.blue-theme-icon-question-mark:before {
  content: "\e036";
}

.blue-theme-icon-questionmini:before {
  content: "\e037";
}

.blue-theme-icon-radio-unchecked:before {
  content: "\e038";
}

.blue-theme-icon-shield-fill:before {
  content: "\e039";
}

.blue-theme-icon-shield-success-fill:before {
  content: "\e03a";
}

.blue-theme-icon-shield-success:before {
  content: "\e03b";
}

.blue-theme-icon-shield:before {
  content: "\e03c";
}

.blue-theme-icon-success-circle:before {
  content: "\e03d";
}

.blue-theme-icon-success-o:before {
  content: "\e03e";
}

.blue-theme-icon-warning-circle-o:before {
  content: "\e03f";
}

.blue-theme-icon-warning-circle:before {
  content: "\e040";
}

.blue-theme-icon-warning:before {
  content: "\e041";
}

.blue-theme-icon-warningmini:before {
  content: "\e042";
}

.blue-theme-icon-adaptation-screen:before {
  content: "\e043";
}

.blue-theme-icon-airplayvideo:before {
  content: "\e044";
}

.blue-theme-icon-bell-o:before {
  content: "\e045";
}

.blue-theme-icon-bell-slash-fill:before {
  content: "\e046";
}

.blue-theme-icon-bell:before {
  content: "\e047";
}

.blue-theme-icon-camera-fill:before {
  content: "\e048";
}

.blue-theme-icon-camera:before {
  content: "\e049";
}

.blue-theme-icon-customer-o:before {
  content: "\e04a";
}

.blue-theme-icon-customer:before {
  content: "\e04b";
}

.blue-theme-icon-demonstration:before {
  content: "\e04c";
}

.blue-theme-icon-enlarge:before {
  content: "\e04d";
}

.blue-theme-icon-exit-fullscreen-o:before {
  content: "\e04e";
}

.blue-theme-icon-fullscreen-o:before {
  content: "\e04f";
}

.blue-theme-icon-keyboard:before {
  content: "\e050";
}

.blue-theme-icon-laser-pen:before {
  content: "\e051";
}

.blue-theme-icon-log-out:before {
  content: "\e052";
}

.blue-theme-icon-micrify:before {
  content: "\e053";
}

.blue-theme-icon-monitor:before {
  content: "\e054";
}

.blue-theme-icon-mosaic:before {
  content: "\e055";
}

.blue-theme-icon-original:before, .blue-theme-icon-originalsize:before {
  content: "\e056";
}

.blue-theme-icon-phone:before {
  content: "\e057";
}

.blue-theme-icon-picture-fill:before {
  content: "\e058";
}

.blue-theme-icon-picture:before {
  content: "\e059";
}

.blue-theme-icon-play-fill:before {
  content: "\e05a";
}

.blue-theme-icon-play:before {
  content: "\e05b";
}

.blue-theme-icon-quote:before {
  content: "\e05c";
}

.blue-theme-icon-rotate:before {
  content: "\e05d";
}

.blue-theme-icon-search:before {
  content: "\e05e";
}

.blue-theme-icon-shape:before {
  content: "\e05f";
}

.blue-theme-icon-tailoring:before {
  content: "\e060";
}

.blue-theme-icon-unbell:before {
  content: "\e061";
}

.blue-theme-icon-video:before, .blue-theme-icon-video1:before {
  content: "\e062";
}

.blue-theme-icon-volume:before {
  content: "\e063";
}

.blue-theme-icon-volume1:before {
  content: "\e064";
}

.blue-theme-icon-volume2:before {
  content: "\e065";
}

.blue-theme-icon-volume3:before {
  content: "\e066";
}

.blue-theme-icon-bank-card-fill:before {
  content: "\e067";
}

.blue-theme-icon-calculator-o:before {
  content: "\e068";
}

.blue-theme-icon-calculator:before {
  content: "\e069";
}

.blue-theme-icon-calendar-o:before {
  content: "\e06a";
}

.blue-theme-icon-calendar:before {
  content: "\e06b";
}

.blue-theme-icon-cart-o:before, .blue-theme-icon-cart:before {
  content: "\e06c";
}

.blue-theme-icon-database-fill:before {
  content: "\e06d";
}

.blue-theme-icon-database-o:before {
  content: "\e06e";
}

.blue-theme-icon-ellipsis:before {
  content: "\e06f";
}

.blue-theme-icon-handle:before {
  content: "\e070";
}

.blue-theme-icon-home-o:before {
  content: "\e071";
}

.blue-theme-icon-home:before {
  content: "\e072";
}

.blue-theme-icon-invoice-fill:before {
  content: "\e073";
}

.blue-theme-icon-invoice:before, .blue-theme-icon-invoice-o:before {
  content: "\e074";
}

.blue-theme-icon-load:before {
  content: "\e075";
}

.blue-theme-icon-menus-o:before {
  content: "\e076";
}

.blue-theme-icon-more-circle-fill:before {
  content: "\e077";
}

.blue-theme-icon-more-circle-o-fill:before {
  content: "\e078";
}

.blue-theme-icon-more-circle:before {
  content: "\e079";
}

.blue-theme-icon-more:before {
  content: "\e07a";
}

.blue-theme-icon-nonetwork:before {
  content: "\e07b";
}

.blue-theme-icon-point:before {
  content: "\e07c";
}

.blue-theme-icon-slider-settings:before {
  content: "\e07d";
}

.blue-theme-icon-square-stack-up-fill:before {
  content: "\e07e";
}

.blue-theme-icon-square-stack-up:before {
  content: "\e07f";
}

.blue-theme-icon-template:before {
  content: "\e080";
}

.blue-theme-icon-theme-o:before {
  content: "\e081";
}

.blue-theme-icon-theme:before {
  content: "\e082";
}

.blue-theme-icon-time-o:before {
  content: "\e083";
}

.blue-theme-icon-time:before {
  content: "\e084";
}

.blue-theme-icon-wifi-o:before {
  content: "\e085";
}

.blue-theme-icon-at:before {
  content: "\e086";
}

.blue-theme-icon-avatar-add-fill:before {
  content: "\e087";
}

.blue-theme-icon-avatar-add:before {
  content: "\e088";
}

.blue-theme-icon-avatar-fill:before {
  content: "\e089";
}

.blue-theme-icon-avatar-group-fill:before {
  content: "\e08a";
}

.blue-theme-icon-avatar-group:before {
  content: "\e08b";
}

.blue-theme-icon-avatar-o:before {
  content: "\e08c";
}

.blue-theme-icon-badge:before {
  content: "\e08d";
}

.blue-theme-icon-bolt:before {
  content: "\e08e";
}

.blue-theme-icon-comment-fill:before {
  content: "\e08f";
}

.blue-theme-icon-comment:before {
  content: "\e090";
}

.blue-theme-icon-contacts-fill:before {
  content: "\e091";
}

.blue-theme-icon-contacts:before {
  content: "\e092";
}

.blue-theme-icon-dislike-fill:before {
  content: "\e093";
}

.blue-theme-icon-education-fill:before {
  content: "\e094";
}

.blue-theme-icon-education:before {
  content: "\e095";
}

.blue-theme-icon-fabulous-fill:before {
  content: "\e096";
}

.blue-theme-icon-flame-fill:before {
  content: "\e097";
}

.blue-theme-icon-flame:before {
  content: "\e098";
}

.blue-theme-icon-forward-o:before, .blue-theme-icon-share-2:before {
  content: "\e099";
}

.blue-theme-icon-id-card-fill:before {
  content: "\e09a";
}

.blue-theme-icon-id-card:before {
  content: "\e09b";
}

.blue-theme-icon-jigsaw-fill:before {
  content: "\e09c";
}

.blue-theme-icon-jigsaw:before {
  content: "\e09d";
}

.blue-theme-icon-like-fill:before {
  content: "\e09e";
}

.blue-theme-icon-dislike:before {
  content: "\e09f";
}

.blue-theme-icon-fabulous:before {
  content: "\e0a0";
}

.blue-theme-icon-like:before {
  content: "\e0a1";
}

.blue-theme-icon-meetingroom-fill:before {
  content: "\e0a2";
}

.blue-theme-icon-meetingroom:before {
  content: "\e0a3";
}

.blue-theme-icon-meh-o:before {
  content: "\e0a4";
}

.blue-theme-icon-meh:before {
  content: "\e0a5";
}

.blue-theme-icon-paperplane-fill:before {
  content: "\e0a6";
}

.blue-theme-icon-paperplane:before {
  content: "\e0a7";
}

.blue-theme-icon-review:before {
  content: "\e0a8";
}

.blue-theme-icon-sad-o:before {
  content: "\e0a9";
}

.blue-theme-icon-sad:before {
  content: "\e0aa";
}

.blue-theme-icon-share-o:before {
  content: "\e0ab";
}

.blue-theme-icon-share:before {
  content: "\e0ac";
}

.blue-theme-icon-smile-o:before {
  content: "\e0ad";
}

.blue-theme-icon-smile:before {
  content: "\e0ae";
}

.blue-theme-icon-star-half:before {
  content: "\e0af";
}

.blue-theme-icon-star-o:before {
  content: "\e0b0";
}

.blue-theme-icon-star:before {
  content: "\e0b1";
}

.blue-theme-icon-telephone-fill:before {
  content: "\e0b2";
}

.blue-theme-icon-telephone:before {
  content: "\e0b3";
}

.blue-theme-icon-trophy-fill:before {
  content: "\e0b4";
}

.blue-theme-icon-trophy:before {
  content: "\e0b5";
}

.blue-theme-icon-visibility-off-o:before {
  content: "\e0b6";
}

.blue-theme-icon-visibility-on-fill:before {
  content: "\e0b7";
}

.blue-theme-icon-visibility-on-o:before {
  content: "\e0b8";
}

.blue-theme-icon-areachart-o:before {
  content: "\e0b9";
}

.blue-theme-icon-areachart:before {
  content: "\e0ba";
}

.blue-theme-icon-bar-chart-fill:before {
  content: "\e0bb";
}

.blue-theme-icon-bar-chart:before {
  content: "\e0bc";
}

.blue-theme-icon-barschart-o:before {
  content: "\e0bd";
}

.blue-theme-icon-barschart:before {
  content: "\e0be";
}

.blue-theme-icon-cloud-fill:before {
  content: "\e0bf";
}

.blue-theme-icon-cloud-o:before {
  content: "\e0c0";
}

.blue-theme-icon-code-off:before {
  content: "\e0c1";
}

.blue-theme-icon-code-on:before {
  content: "\e0c2";
}

.blue-theme-icon-drill-down-fill:before {
  content: "\e0c3";
}

.blue-theme-icon-drill-down-o:before {
  content: "\e0c4";
}

.blue-theme-icon-funnel-chart-fill:before {
  content: "\e0c5";
}

.blue-theme-icon-funnel-chart:before {
  content: "\e0c6";
}

.blue-theme-icon-hierarchy-fill:before {
  content: "\e0c7";
}

.blue-theme-icon-hierarchy-o:before {
  content: "\e0c8";
}

.blue-theme-icon-paste-code-fill:before {
  content: "\e0c9";
}

.blue-theme-icon-paste-code-o:before {
  content: "\e0ca";
}

.blue-theme-icon-piechart-o:before {
  content: "\e0cb";
}

.blue-theme-icon-piechart:before {
  content: "\e0cc";
}

.blue-theme-icon-table-fill:before {
  content: "\e0cd";
}

.blue-theme-icon-table:before {
  content: "\e0ce";
}

.blue-theme-icon-annex:before {
  content: "\e0cf";
}

.blue-theme-icon-briefcase-fill:before, .blue-theme-icon-briefcasefill:before {
  content: "\e0d0";
}

.blue-theme-icon-briefcase:before {
  content: "\e0d1";
}

.blue-theme-icon-file-export-fill:before {
  content: "\e0d2";
}

.blue-theme-icon-file-export:before {
  content: "\e0d3";
}

.blue-theme-icon-file-fill:before {
  content: "\e0d4";
}

.blue-theme-icon-file-import-fill:before {
  content: "\e0d5";
}

.blue-theme-icon-file-import:before {
  content: "\e0d6";
}

.blue-theme-icon-file-send-fill:before {
  content: "\e0d7";
}

.blue-theme-icon-file-send:before {
  content: "\e0d8";
}

.blue-theme-icon-file:before, .blue-theme-icon-file-o:before {
  content: "\e0d9";
}

.blue-theme-icon-folder-fill:before {
  content: "\e0da";
}

.blue-theme-icon-folder:before {
  content: "\e0db";
}

.blue-theme-icon-link-o:before {
  content: "\e0dc";
}

.blue-theme-icon-lookup-fill:before {
  content: "\e0dd";
}

.blue-theme-icon-lookup:before {
  content: "\e0de";
}

.blue-theme-icon-mail-fill:before {
  content: "\e0df";
}

.blue-theme-icon-mail-o:before {
  content: "\e0e0";
}

.blue-theme-icon-qrcode:before {
  content: "\e0e1";
}

.blue-theme-icon-refresh:before {
  content: "\e0e2";
}

.blue-theme-icon-schedule-fill:before {
  content: "\e0e3";
}

.blue-theme-icon-schedule:before {
  content: "\e0e4";
}

.blue-theme-icon-underfined:before, .blue-theme-icon-compress:before {
  content: "\e0e5";
}

.blue-theme-icon-unlink:before {
  content: "\e0e6";
}

.blue-theme-icon-add-square-fill:before, .blue-theme-icon-file-add:before {
  content: "\e0e7";
}

.blue-theme-icon-add-square-o:before, .blue-theme-icon-file-add-o:before {
  content: "\e0e8";
}

.blue-theme-icon-add:before {
  content: "\e0e9";
}

.blue-theme-icon-checkbox-indetermina:before {
  content: "\e0ea";
}

.blue-theme-icon-copy-o:before {
  content: "\e0eb";
}

.blue-theme-icon-copy:before {
  content: "\e0ec";
}

.blue-theme-icon-cycle:before {
  content: "\e0ed";
}

.blue-theme-icon-delete-o:before {
  content: "\e0ee";
}

.blue-theme-icon-delete:before {
  content: "\e0ef";
}

.blue-theme-icon-edit-o:before {
  content: "\e0f0";
}

.blue-theme-icon-edit:before {
  content: "\e0f1";
}

.blue-theme-icon-filter-o:before {
  content: "\e0f2";
}

.blue-theme-icon-filter:before {
  content: "\e0f3";
}

.blue-theme-icon-history:before {
  content: "\e0f4";
}

.blue-theme-icon-import-export-o:before {
  content: "\e0f5";
}

.blue-theme-icon-lock-fill:before {
  content: "\e0f6";
}

.blue-theme-icon-lock-o:before {
  content: "\e0f7";
}

.blue-theme-icon-printing-fill:before {
  content: "\e0f8";
}

.blue-theme-icon-printing:before {
  content: "\e0f9";
}

.blue-theme-icon-redo:before {
  content: "\e0fa";
}

.blue-theme-icon-refresh-o:before {
  content: "\e0fb";
}

.blue-theme-icon-remove:before, .blue-theme-icon-minus:before {
  content: "\e0fc";
}

.blue-theme-icon-save-o:before {
  content: "\e0fd";
}

.blue-theme-icon-save:before {
  content: "\e0fe";
}

.blue-theme-icon-sort:before {
  content: "\e0ff";
}

.blue-theme-icon-undo-o:before {
  content: "\e100";
}

.blue-theme-icon-unlock-fill:before {
  content: "\e101";
}

.blue-theme-icon-unlock:before {
  content: "\e102";
}

.blue-theme-icon-arrow-down:before {
  content: "\e103";
}

.blue-theme-icon-arrow-left:before {
  content: "\e104";
}

.blue-theme-icon-arrow-right:before {
  content: "\e105";
}

.blue-theme-icon-arrow-up:before {
  content: "\e106";
}

.blue-theme-icon-down-thick:before {
  content: "\e107";
}

.blue-theme-icon-down:before {
  content: "\e108";
}

.blue-theme-icon-download-o:before {
  content: "\e109";
}

.blue-theme-icon-export-o:before {
  content: "\e10a";
}

.blue-theme-icon-fast-backward:before {
  content: "\e10b";
}

.blue-theme-icon-fast-forward:before {
  content: "\e10c";
}

.blue-theme-icon-left-thick:before {
  content: "\e10d";
}

.blue-theme-icon-left:before {
  content: "\e10e";
}

.blue-theme-icon-right-thick:before {
  content: "\e10f";
}

.blue-theme-icon-right:before {
  content: "\e110";
}

.blue-theme-icon-top:before {
  content: "\e111";
}

.blue-theme-icon-triangle-down:before {
  content: "\e112";
}

.blue-theme-icon-triangle-left:before {
  content: "\e113";
}

.blue-theme-icon-triangle-right:before {
  content: "\e114";
}

.blue-theme-icon-triangle-up:before {
  content: "\e115";
}

.blue-theme-icon-up-thick:before {
  content: "\e116";
}

.blue-theme-icon-up:before {
  content: "\e117";
}

.blue-theme-icon-add-message-fill:before {
  content: "\e118";
}

.blue-theme-icon-add-message:before {
  content: "\e119";
}

.blue-theme-icon-bank-card:before, .blue-theme-icon-bankcard:before {
  content: "\e11a";
}

.blue-theme-icon-folder-list-fill:before, .blue-theme-icon-folderlistfill:before {
  content: "\e11b";
}

.blue-theme-icon-folder-list:before, .blue-theme-icon-folderlist:before {
  content: "\e11c";
}

.blue-theme-icon-new-folde:before, .blue-theme-icon-newfolde:before {
  content: "\e11d";
}

.blue-theme-icon-review-fill:before, .blue-theme-icon-reviewfill:before {
  content: "\e11e";
}

.blue-theme-icon-sort-up-and-down-o:before, .blue-theme-icon-sortupanddown-o:before {
  content: "\e11f";
}

.blue-theme-icon-video-fill:before, .blue-theme-icon-videofill:before {
  content: "\e120";
}

.blue-theme-icon-volume-fill:before, .blue-theme-icon-volumefill:before {
  content: "\e121";
}

.blue-theme-icon-volume-slash-fill:before, .blue-theme-icon-volumeslashfill:before {
  content: "\e122";
}

.blue-theme-icon-volume-slash:before, .blue-theme-icon-volumeslash:before {
  content: "\e123";
}

.blue-theme-icon-volume1-fill:before, .blue-theme-icon-volume1fill:before {
  content: "\e124";
}

.blue-theme-icon-volume2-fill:before, .blue-theme-icon-volume2fill:before {
  content: "\e125";
}

.blue-theme-icon-volume3-fill:before, .blue-theme-icon-volume3fill:before {
  content: "\e126";
}

.blue-theme-icon-label:before {
  content: "\e127";
}

.blue-theme-icon-bolt-fill:before {
  content: "\e128";
}

.blue-theme-icon-addmini:before {
  content: "\e129";
}

.blue-theme-icon-archery-fill:before {
  content: "\e12a";
}

.blue-theme-icon-avatar-group-o:before {
  content: "\e12b";
}

.blue-theme-icon-bag-fill:before {
  content: "\e12c";
}

.blue-theme-icon-check-bold:before {
  content: "\e12d";
}

.blue-theme-icon-circle-o:before {
  content: "\e12e";
}

.blue-theme-icon-comment-o:before {
  content: "\e12f";
}

.blue-theme-icon-cooking-o:before {
  content: "\e130";
}

.blue-theme-icon-crown-undo-o:before {
  content: "\e131";
}

.blue-theme-icon-expression-add-o:before {
  content: "\e132";
}

.blue-theme-icon-fast-downword:before {
  content: "\e133";
}

.blue-theme-icon-fast-upword:before {
  content: "\e134";
}

.blue-theme-icon-file-warning-fill:before {
  content: "\e135";
}

.blue-theme-icon-filebox-o:before {
  content: "\e136";
}

.blue-theme-icon-find-o:before {
  content: "\e137";
}

.blue-theme-icon-focus-o:before {
  content: "\e138";
}

.blue-theme-icon-html-o:before {
  content: "\e139";
}

.blue-theme-icon-jumpout-o:before {
  content: "\e13a";
}

.blue-theme-icon-lab-o:before {
  content: "\e13b";
}

.blue-theme-icon-flowchart-o:before {
  content: "\e13c";
}

.blue-theme-icon-focus-fill:before {
  content: "\e13d";
}

.blue-theme-icon-focus-add-o:before {
  content: "\e13e";
}

.blue-theme-icon-link2:before {
  content: "\e13f";
}

.blue-theme-icon-lock-log-o:before {
  content: "\e140";
}

.blue-theme-icon-mark-o:before {
  content: "\e141";
}

.blue-theme-icon-market-fill:before {
  content: "\e142";
}

.blue-theme-icon-market-o:before {
  content: "\e143";
}

.blue-theme-icon-menu-point:before {
  content: "\e144";
}

.blue-theme-icon-money-circle-fill:before {
  content: "\e145";
}

.blue-theme-icon-notebook-check-fill:before {
  content: "\e146";
}

.blue-theme-icon-mute-o:before {
  content: "\e147";
}

.blue-theme-icon-mindmap-o:before {
  content: "\e148";
}

.blue-theme-icon-notebook-o:before {
  content: "\e149";
}

.blue-theme-icon-notebook-time-o:before {
  content: "\e14a";
}

.blue-theme-icon-order-warning-fill:before {
  content: "\e14b";
}

.blue-theme-icon-read:before {
  content: "\e14c";
}

.blue-theme-icon-renewal:before {
  content: "\e14d";
}

.blue-theme-icon-share-arrow-fill:before {
  content: "\e14e";
}

.blue-theme-icon-shuffl-playback:before {
  content: "\e14f";
}

.blue-theme-icon-page-fill:before {
  content: "\e150";
}

.blue-theme-icon-page-o:before {
  content: "\e151";
}

.blue-theme-icon-state-o:before {
  content: "\e152";
}

.blue-theme-icon-subscript:before {
  content: "\e153";
}

.blue-theme-icon-superscript:before {
  content: "\e154";
}

.blue-theme-icon-telephone-down-fill:before {
  content: "\e155";
}

.blue-theme-icon-textformat:before {
  content: "\e156";
}

.blue-theme-icon-time-countdown-o:before {
  content: "\e157";
}

.blue-theme-icon-unlink2:before {
  content: "\e158";
}

.blue-theme-icon-upload-cloud-fill:before {
  content: "\e159";
}

.blue-theme-icon-upload-cloud-o:before {
  content: "\e15a";
}

.blue-theme-icon-vpn-o:before {
  content: "\e15b";
}

.blue-theme-icon-wifi-fill:before {
  content: "\e15c";
}

.blue-theme-icon-word-o:before {
  content: "\e15d";
}

.blue-theme-icon-vertical-center:before {
  content: "\e15e";
}

.blue-theme-icon-vertical-down:before {
  content: "\e15f";
}

.blue-theme-icon-vertical-up:before {
  content: "\e160";
}

.blue-theme-icon-wifi-slash-fill:before {
  content: "\e161";
}

.blue-theme-icon-instructions-fill:before {
  content: "\e162";
}

.blue-theme-icon-removemini:before {
  content: "\e163";
}

.blue-theme-icon-line:before {
  content: "\e164";
}

.blue-theme-icon-file-move:before {
  content: "\e165";
}

.blue-theme-icon-expand-panel:before {
  content: "\e166";
}

.blue-theme-icon-checkbox-part-o:before, .blue-theme-icon-checkbox-indetermina-o:before {
  content: "\e167";
}

.blue-theme-icon-dialogue-o:before {
  content: "\e168";
}

.blue-theme-icon-monitor-video-fill:before {
  content: "\e169";
}

.blue-theme-icon-delete-column:before, .blue-theme-icon-delete-selectedcolumn:before {
  content: "\e16a";
}

.blue-theme-icon-lattice:before {
  content: "\e16b";
}

.blue-theme-icon-telephonevolume-fill:before {
  content: "\e16c";
}

.blue-theme-icon-comment-q-fill:before {
  content: "\e16d";
}

.blue-theme-icon-alipay:before {
  content: "\e16e";
}

.blue-theme-icon-amazon:before {
  content: "\e16f";
}

.blue-theme-icon-android:before {
  content: "\e170";
}

.blue-theme-icon-apple:before {
  content: "\e171";
}

.blue-theme-icon-chrome:before {
  content: "\e172";
}

.blue-theme-icon-dropbox:before {
  content: "\e173";
}

.blue-theme-icon-github:before {
  content: "\e174";
}

.blue-theme-icon-google:before {
  content: "\e175";
}

.blue-theme-icon-qq:before {
  content: "\e176";
}

.blue-theme-icon-slack:before {
  content: "\e177";
}

.blue-theme-icon-twitter:before {
  content: "\e178";
}

.blue-theme-icon-wechat:before {
  content: "\e179";
}

.blue-theme-icon-wechatpay:before {
  content: "\e17a";
}

.blue-theme-icon-weibo:before {
  content: "\e17b";
}

.blue-theme-icon-html5:before, .blue-theme-icon-html:before {
  content: "\e17c";
}

.blue-theme-icon-ie:before {
  content: "\e17d";
}

.blue-theme-icon-cart-fill:before {
  content: "\e17e";
}

.blue-theme-icon-topic:before {
  content: "\e17f";
}

.blue-theme-icon-check-switch:before {
  content: "\e180";
}

.blue-theme-icon-close-switch:before {
  content: "\e181";
}

.blue-theme-icon-star-o-rate:before {
  content: "\e182";
}

.blue-theme-icon-star-half-rate:before {
  content: "\e183";
}

.blue-theme-icon-star-rate:before {
  content: "\e184";
}

.blue-theme-icon-slash:before {
  content: "\e185";
}

.blue-theme-icon-setting-fill:before {
  content: "\e186";
}

.blue-theme-icon-setting:before {
  content: "\e187";
}

.blue-theme-icon-calendar-y:before {
  content: "\e188";
}

.blue-theme-icon-cart-y:before {
  content: "\e189";
}

.blue-theme-icon-home-y:before {
  content: "\e18a";
}

.blue-theme-icon-time-y:before {
  content: "\e18b";
}

/* .blue-theme-icon-icon-test {
  @extend .blue-theme-icon-topic;
} */
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-icon-loading {
  display: inline-block;
}
.blue-theme-icon-loading::before {
  display: none;
}
.blue-theme-icon-loading::after {
  animation: rotating linear 1s infinite;
  content: " ";
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-radius: 50%;
}

.blue-theme-icon {
  display: inline-block;
}

[class^=blue-theme-icon-],
[class*=" blue-theme-icon-"] {
  font-family: "mtdicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.blue-theme-switch {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2000px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.3s, background-color 0.3s;
  font-weight: 500;
  line-height: 24px;
  min-width: 44px;
  height: 24px;
}
.blue-theme-switch .blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch:hover {
  background: #c0c5cc;
}
.blue-theme-switch:active {
  background: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch:active .blue-theme-switch-btn {
  width: 24px;
}
.blue-theme-switch-input {
  display: none;
}
.blue-theme-switch-btn {
  display: inline-flex;
  box-sizing: border-box;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 0px solid transparent;
  border-radius: 2000px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
}
.blue-theme-switch-active {
  background: #0a70f5;
  color: #fff;
}
.blue-theme-switch-active .blue-theme-loading-circle {
  color: #0a70f5;
}
.blue-theme-switch-active:hover {
  background: #0049bf;
}
.blue-theme-switch-active:active {
  background: #005ade;
}
.blue-theme-switch-inner {
  display: inline-flex;
  align-items: center;
}
.blue-theme-switch-loading {
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-switch-disabled {
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #F4F5F7;
}
.blue-theme-switch-disabled .blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch-disabled.blue-theme-switch-active {
  background-color: #CBE1FE;
}
.blue-theme-switch-disabled.blue-theme-switch-active .blue-theme-loading-circle {
  color: #CBE1FE;
}
.blue-theme-switch .blue-theme-switch-inner {
  margin-left: calc(20px + 2 * 2px);
  margin-right: 8px;
}
.blue-theme-switch .blue-theme-switch-btn {
  width: 20px;
  height: 20px;
  margin: 2px;
}
.blue-theme-switch.blue-theme-switch-active .blue-theme-switch-btn {
  left: 100%;
  transform: translateX(-100%);
  margin-left: calc(-2px);
}
.blue-theme-switch.blue-theme-switch-active .blue-theme-switch-inner {
  margin-left: 8px;
  margin-right: calc(20px + 2 * 2px);
}
.blue-theme-switch-small {
  line-height: 20px;
  min-width: 36px;
  height: 20px;
}
.blue-theme-switch-small .blue-theme-switch-inner {
  margin-left: calc(16px + 2 * 2px);
  margin-right: 8px;
}
.blue-theme-switch-small .blue-theme-switch-btn {
  width: 16px;
  height: 16px;
  margin: 2px;
}
.blue-theme-switch-small.blue-theme-switch-active .blue-theme-switch-btn {
  left: 100%;
  transform: translateX(-100%);
  margin-left: calc(-2px);
}
.blue-theme-switch-small.blue-theme-switch-active .blue-theme-switch-inner {
  margin-left: 8px;
  margin-right: calc(16px + 2 * 2px);
}
.blue-theme-switch-small:active .blue-theme-switch-btn {
  width: 19px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled,
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  text-decoration: none;
}

.blue-theme-breadcrumb {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-breadcrumb-separator {
  color: rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.blue-theme-breadcrumb::before,
.blue-theme-breadcrumb::after {
  display: table;
  content: "";
}

.blue-theme-breadcrumb::after {
  clear: both;
}

.blue-theme-breadcrumb-item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.blue-theme-breadcrumb-inner {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.blue-theme-breadcrumb-inner, .blue-theme-breadcrumb-inner > a {
  text-decoration: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-breadcrumb-inner:hover, .blue-theme-breadcrumb-inner.hover, .blue-theme-breadcrumb-inner > a:hover, .blue-theme-breadcrumb-inner > a.hover {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: underline;
}
.blue-theme-breadcrumb-inner:active, .blue-theme-breadcrumb-inner.active, .blue-theme-breadcrumb-inner > a:active, .blue-theme-breadcrumb-inner > a.active {
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  max-width: 400px;
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a {
  cursor: text;
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner:hover, .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner.hover,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a:hover,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a.hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-separator {
  display: none;
}

.blue-theme-breadcrumb-cur-none .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-breadcrumb-cur-normal .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-breadcrumb-cur-bold .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.blue-theme-breadcrumb .blue-theme-breadcrumb-separator {
  margin: 0 8px;
  font-size: 14px;
}
.blue-theme-breadcrumb .blue-theme-breadcrumb-inner {
  font-size: 14px;
}
.blue-theme-breadcrumb-small {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-breadcrumb-small .blue-theme-breadcrumb-separator {
  margin: 0 6px;
  font-size: 12px;
}
.blue-theme-breadcrumb-small .blue-theme-breadcrumb-inner {
  font-size: 12px;
}
.blue-theme-breadcrumb-large {
  font-size: 16px;
  line-height: 24px;
}
.blue-theme-breadcrumb-large .blue-theme-breadcrumb-separator {
  margin: 0 6px;
  font-size: 16px;
}
.blue-theme-breadcrumb-large .blue-theme-breadcrumb-inner {
  font-size: 16px;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled,
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  text-decoration: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item-group {
  display: flex;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-badge {
  position: relative;
  display: inline-block;
  font-family: Helvetica;
}
.blue-theme-badge-text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  line-height: 18px;
  color: #fff;
  background-color: #f5483b;
  border-radius: 2000px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 6px;
  white-space: nowrap;
  border: 1px solid #fff;
}
.blue-theme-badge-position {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 100%;
  transform: translate(-6px, -50%);
}
.blue-theme-badge-position.blue-theme-badge-dot {
  transform: translate(0, -50%);
}
.blue-theme-badge-dot {
  height: 10px;
  width: 10px;
  padding: 0;
  border-radius: 50%;
}
.blue-theme-badge-rounded {
  width: 20px;
  padding: 0;
  text-align: center;
}
.blue-theme-badge-hidden {
  display: none;
}
.blue-theme-badge-success {
  background-color: #00ba73;
}
.blue-theme-badge-warning {
  background-color: #ffd100;
}
.blue-theme-badge-process {
  background-color: #0a70f5;
}
.blue-theme-badge-error {
  background-color: #f5483b;
}
.blue-theme-badge-disabled {
  background-color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-popover {
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  padding: 12px 12px;
  font-size: 14px;
  line-height: 20px;
}
.blue-theme-popover > .blue-theme-popper-arrow {
  color: #ebeef5;
}
.blue-theme-popover-icon {
  font-size: 20px;
  flex: 0 0 auto;
  min-width: 0;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  color: #0a70f5;
}
.blue-theme-popover-small {
  padding: 12px 12px;
  font-size: 12px;
  line-height: 16px;
}
.blue-theme-popover-small .blue-theme-popover-icon {
  font-size: 16px;
}
.blue-theme-popover-title {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 4px;
}
.blue-theme-popover-small .blue-theme-popover-title {
  font-size: 14px;
  margin-bottom: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-teleport-hidden {
  visibility: hidden;
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0a70f5;
  background-color: #0a70f5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0a70f5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio-group {
  font-size: 0;
  display: inline-flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  vertical-align: middle;
}
.blue-theme-radio-group-slider {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 2px;
  position: relative;
  z-index: 0;
}
.blue-theme-radio-group-slider-item {
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  background-color: white;
  border-radius: 4px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  height: 0;
  width: 0;
  left: 0;
}
.blue-theme-radio-group-normal {
  display: inline-block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border: 1px solid #e0e0e0;
  vertical-align: top;
  /*   &:hover,
  &.hover {
    border-color: $radio-button-hover-border-color;

    &:not(:first-child) {
      box-shadow: -1px 0 0 $radio-button-hover-border-color;
    }
  } */
  min-width: 0;
  height: 32px;
  padding: 0px 8px;
  font-size: 14px;
  line-height: 30px;
}
.blue-theme-radio-button-checked:hover {
  opacity: 0.8;
}
.blue-theme-radio-button-line {
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border-color: #e0e0e0;
}
.blue-theme-radio-button-line:hover {
  color: #0a70f5;
  background-color: transparent;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked {
  background-color: #fff;
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-radio-button-line.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked:not(:first-child) {
  box-shadow: -1px 0 0 #0a70f5;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked:not(:first-child).blue-theme-radio-button-disabled:not(:first-child) {
  box-shadow: -1px 0 0 #e0e0e0;
}
.blue-theme-radio-button-fill {
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border-color: #e0e0e0;
}
.blue-theme-radio-button-fill:hover {
  color: #0a70f5;
  background-color: transparent;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked {
  background-color: #0a70f5;
  color: #fff;
  border-color: #0a70f5;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-radio-button-fill.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked:not(:first-child) {
  box-shadow: -1px 0 0 #0a70f5;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked:not(:first-child).blue-theme-radio-button-disabled:not(:first-child) {
  box-shadow: -1px 0 0 #e0e0e0;
}
.blue-theme-radio-button-slider {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border-color: #e0e0e0;
  z-index: 2;
  border: none;
  position: relative;
}
.blue-theme-radio-button-slider:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked {
  background-color: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: transparent;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-slider .blue-theme-radio-button-division {
  height: 16px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.blue-theme-radio-button-slider:first-child .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked {
  box-shadow: none;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked + .blue-theme-radio-button-slider .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button:not(:first-child) {
  border-left: none;
}
.blue-theme-radio-button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-radio-button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-radio-button-checked {
  /* &:hover,
  &.hover {
    color: $radio-button-checked-hover-text-color;
  } */
}
.blue-theme-radio-button-disabled, .blue-theme-radio-button-disabled:hover {
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
  opacity: 1;
}
.blue-theme-radio-button-disabled {
  /* &.blue-theme-radio-button-checked,
  &.blue-theme-radio-button-checked:hover {
    //background-color: $radio-button-disabled-checked-bgc;
    border-color: $radio-button-disabled-checked-border-color;
    //color: $radio-button-disabled-checked-color;
    box-shadow: none;
  } */
}
.blue-theme-radio-button:after {
  height: 32px;
}
.blue-theme-radio-button.blue-theme-radio-button-slider {
  height: 28px;
  line-height: 26px;
}
.blue-theme-radio-button-small {
  min-width: 0;
  height: 24px;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 22px;
}
.blue-theme-radio-button-small:after {
  height: 24px;
}
.blue-theme-radio-button-small.blue-theme-radio-button-slider {
  height: 20px;
  line-height: 18px;
}
.blue-theme-radio-button-large {
  min-width: 0;
  height: 40px;
  padding: 0px 12px;
  font-size: 16px;
  line-height: 38px;
}
.blue-theme-radio-button-large:after {
  height: 40px;
}
.blue-theme-radio-button-large.blue-theme-radio-button-slider {
  height: 36px;
  line-height: 34px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio {
  line-height: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  font-size: 14px;
}
.blue-theme-radio-text {
  padding-left: 8px;
  padding-right: 24px;
  min-width: 0;
  flex: 1 1 auto;
  line-height: 22px;
}
.blue-theme-radio-inner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
}

.blue-theme-radio-small {
  font-size: 12px;
}
.blue-theme-radio-small .blue-theme-radio-inner {
  width: 12px;
  height: 12px;
}
.blue-theme-radio-small .blue-theme-radio-text {
  line-height: 20px;
  padding-left: 4px;
}
.blue-theme-radio-large {
  font-size: 16px;
}
.blue-theme-radio-large .blue-theme-radio-inner {
  width: 18px;
  height: 18px;
}
.blue-theme-radio-large .blue-theme-radio-text {
  line-height: 24px;
  padding-left: 8px;
}
.blue-theme-radio:hover .blue-theme-radio-inner {
  border-color: #0a70f5;
  transition: all 0.5s ease-in-out;
}
.blue-theme-radio-checked {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-radio-checked .blue-theme-radio-inner {
  border-color: #0a70f5;
  background-color: #0a70f5;
}
.blue-theme-radio-inner:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  transform: scale(0);
}
.blue-theme-radio-checked .blue-theme-radio-inner:after {
  transform: scale(1);
  transition: transform 0.1s ease-in-out;
}
.blue-theme-radio-small .blue-theme-radio-inner:after {
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
}
.blue-theme-radio-large .blue-theme-radio-inner:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
}
.blue-theme-radio-disabled {
  color: rgba(0, 0, 0, 0.7);
  cursor: not-allowed;
  opacity: 0.45;
}
.blue-theme-radio-disabled .blue-theme-radio-inner {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.blue-theme-radio-disabled.blue-theme-radio-checked .blue-theme-radio-inner {
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-radio-disabled .blue-theme-radio-inner:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-radio-disabled:hover .blue-theme-radio-inner {
  border-color: rgba(0, 0, 0, 0.2);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox-group .blue-theme-checkbox {
  margin-right: 32px;
}
.blue-theme-checkbox-group .blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 0;
}
.blue-theme-checkbox-group .blue-theme-checkbox:last-child {
  margin-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-textarea {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  vertical-align: bottom;
  padding: 4px 8px;
  max-width: 100%;
  width: 100%;
  min-height: 32px;
  resize: vertical;
  line-height: 22px;
  height: 100%;
}
.blue-theme-textarea-wrapper {
  position: relative;
  display: inline-block;
  text-align: right;
  width: 260px;
}
.blue-theme-textarea:hover, .blue-theme-textarea.hover {
  border-color: #2a8efe;
}
.blue-theme-textarea:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-textarea-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  /* position: absolute;
  bottom: $s-1;
  right: $s-1; */
}
.blue-theme-textarea-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-readonly:hover, .blue-theme-textarea-readonly.hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-readonly:focus {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-disabled {
  cursor: not-allowed;
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-textarea-disabled:hover, .blue-theme-textarea-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-error {
  border-color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0a70f5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/* @mixin tag-pure-color($color, $bgc) {

  // 面型
  &.blue-theme-tag-pure {
    background-color: $bgc;
    color: $color;
    border-color: $bgc;
  }
}
 */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  border: 1px solid;
  transition: all 0.3s;
  font-size: 0;
  height: 24px;
  padding: 2px 4px;
  min-width: 32px;
  max-width: 220px;
  border-radius: 4px;
}
.blue-theme-tag-clickable {
  cursor: pointer;
}
.blue-theme-tag-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tag-content-prefix {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tag-close {
  flex: 0 0 auto;
  margin-left: 0.5em;
  vertical-align: middle;
  cursor: pointer;
  color: currentColor;
  line-height: 0;
  padding: 1px;
}
.blue-theme-tag-close:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2000px;
}
.blue-theme-tag-close i {
  transform: scale(0.8);
}
.blue-theme-tag-normal-color {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-tag-normal-color.blue-theme-tag-ghost {
  background-color: #fff;
}
.blue-theme-tag-normal-color.blue-theme-tag-pure {
  border: none;
}
.blue-theme-tag-gray {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-gray.blue-theme-tag-fuzzy {
  background-color: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-pure {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  color: white;
}
.blue-theme-tag-blue {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-blue.blue-theme-tag-fuzzy {
  background-color: rgba(10, 112, 245, 0.06);
  border-color: rgba(10, 112, 245, 0.1);
  color: #0a70f5;
}
.blue-theme-tag-blue.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-tag-blue.blue-theme-tag-pure {
  background-color: #0a70f5;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-green {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-green.blue-theme-tag-fuzzy {
  background-color: rgba(0, 186, 115, 0.06);
  border-color: rgba(0, 186, 115, 0.1);
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #00ba73;
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-pure {
  background-color: #00ba73;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-red {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-red.blue-theme-tag-fuzzy {
  background-color: rgba(255, 74, 71, 0.06);
  border-color: rgba(255, 74, 71, 0.1);
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #ff4a47;
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-pure {
  background-color: #ff4a47;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-purple {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-purple.blue-theme-tag-fuzzy {
  background-color: rgba(125, 26, 255, 0.06);
  border-color: rgba(125, 26, 255, 0.1);
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #7D1AFF;
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-pure {
  background-color: #7D1AFF;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-orange {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-orange.blue-theme-tag-fuzzy {
  background-color: rgba(255, 94, 0, 0.06);
  border-color: rgba(255, 94, 0, 0.1);
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FF5E00;
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-pure {
  background-color: #FF5E00;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-brown {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-brown.blue-theme-tag-fuzzy {
  background-color: rgba(158, 117, 73, 0.06);
  border-color: rgba(158, 117, 73, 0.1);
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #9E7549;
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-pure {
  background-color: #9E7549;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  background-color: rgba(255, 209, 0, 0.06);
  border-color: rgba(255, 209, 0, 0.1);
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FFD100;
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  background-color: #FFD100;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tag-unbordered {
  border-color: transparent !important;
}
.blue-theme-tag-disabled {
  cursor: not-allowed;
  border-color: #e2e6ed !important;
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}
.blue-theme-tag-disabled .blue-theme-tag-close {
  pointer-events: none;
  color: #d7dbe2;
}
.blue-theme-tag-small {
  height: 20px;
  padding: 2px 4px;
  min-width: 28px;
  max-width: 170px;
  border-radius: 4px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-close {
  font-size: 10px;
  margin-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-rounded {
  font-size: 10px;
  padding: 2px 8px;
}
.blue-theme-tag-small.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-close {
  font-size: 12px;
  margin-left: 2px;
}
.blue-theme-tag.blue-theme-tag-rounded {
  font-size: 12px;
  padding: 2px 8px;
}
.blue-theme-tag.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-large {
  height: 32px;
  padding: 2px 4px;
  min-width: 44px;
  max-width: 270px;
  border-radius: 4px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-close {
  font-size: 14px;
  margin-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-rounded {
  font-size: 14px;
  padding: 2px 8px;
}
.blue-theme-tag-large.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-rounded {
  border-radius: 100px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/* @import "./dropdown-menu.scss";
@import "./dropdown-menu-item.scss"; */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

.blue-theme-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  text-align: left;
  cursor: pointer;
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      display: inline-block;
      transition: transform 0.3s;
      transform: rotate(0deg);

      &.blue-theme-icon-down-reverse {
        transform: rotate(180deg);
      }
    }
  } */
  /* &-choices {
    margin: $s-1 0;
  } */
  /*   &-tags-li {
    float: right;
    line-height: $input-height - 2px;
    font-size: $font-size-1;
    color: $select-tags-text-color;
    text-align: left;
  } */
}
.blue-theme-select .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}
.blue-theme-select .blue-theme-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-select input {
  font-size: 14px;
}
.blue-theme-select-large {
  width: 200px;
}
.blue-theme-select-large input {
  font-size: 16px;
}
.blue-theme-select-large .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 40px;
  line-height: 40px;
  font-size: 18px;
}
.blue-theme-select-large .blue-theme-tag-large {
  height: 32px;
  line-height: 30px;
}
.blue-theme-select-small {
  width: 160px;
}
.blue-theme-select-small input {
  font-size: 12px;
}
.blue-theme-select-small .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 24px;
  line-height: 24px;
  font-size: 14px;
}
.blue-theme-select-disabled,
.blue-theme-select .blue-theme-input-disabled,
.blue-theme-select .blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-select-search-focus {
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      transform: rotate(180deg);
    }
  } */
}
.blue-theme-select-search-focus .blue-theme-input-wrapper {
  border-color: #0a70f5;
}
.blue-theme-select-group-wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
.blue-theme-select-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  margin-bottom: 4px;
  padding: 0 12px;
}
.blue-theme-select-group {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-select-selected-check {
  float: right;
  line-height: inherit;
  color: inherit;
}
.blue-theme-select-dropdown-empty, .blue-theme-select-dropdown-loading {
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-select-multiple {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-select-multiple-input {
  padding-left: 8px;
  padding-right: 8px;
}
.blue-theme-select-multiple-input .blue-theme-tag-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-select-multiple-line {
  border-width: 0;
  border-bottom-width: 1px;
}
.blue-theme-select-multiple-invalid {
  border-color: #f5483b;
}
.blue-theme-select-multiple-focus {
  border-color: #0a70f5;
}
.blue-theme-select-multiple .blue-theme-select-input {
  position: absolute;
  z-index: 1;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  line-height: 1;
}
.blue-theme-select-multiple .blue-theme-select-input .blue-theme-input {
  border: none;
}
.blue-theme-select-tags {
  padding-left: 4px;
  padding-right: 32px;
  position: relative;
  z-index: 2;
}
.blue-theme-select-tags-text {
  line-height: 30px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-left: 2px;
}
.blue-theme-select-tags-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.blue-theme-select-search-line {
  display: inline-block;
  line-height: 1;
}
.blue-theme-select-choice {
  display: flex;
  align-items: center;
  float: left;
  font-size: 0;
  max-width: 100%;
}
.blue-theme-select-search-field-wrap {
  display: inline-block;
}
.blue-theme-select-search-field {
  line-height: 30px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 32px;
  line-height: 32px;
  font-size: 16px;
}
.blue-theme-select-no-matched, .blue-theme-select-loading, .blue-theme-select-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-select-allow-create {
  cursor: pointer;
  text-decoration: none;
}
.blue-theme-select .blue-theme-select-input-readonly {
  background-color: inherit;
  color: inherit;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.blue-theme-dropdown-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-dropdown .blue-theme-icon-down,
.blue-theme-dropdown .blue-theme-icon-down-thick {
  color: rgba(0, 0, 0, 0.35);
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.blue-theme-dropdown-expended .blue-theme-icon-down,
.blue-theme-dropdown-expended .blue-theme-icon-down-thick {
  transform: rotate(180deg);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu {
  list-style-type: none;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  max-height: 300px;
  min-width: 128px;
  font-size: 14px;
}
.blue-theme-dropdown-menu-small {
  max-height: 300px;
  min-width: 128px;
  font-size: 12px;
}
.blue-theme-dropdown-menu-small .blue-theme-dropdown-menu-item {
  line-height: 28px;
  padding: 0px 12px;
}
.blue-theme-dropdown-menu-large {
  max-height: 300px;
  min-width: 128px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-large .blue-theme-dropdown-menu-item {
  line-height: 44px;
  padding: 0px 12px;
}
.blue-theme-dropdown-menu-item-group:not(:first-child) {
  margin-top: 8px;
}
.blue-theme-dropdown-menu-item-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  padding: 0 8px;
}
.blue-theme-dropdown-menu-cascader {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #eff8ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #eff8ff;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.blue-theme-dropdown-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-dropdown .blue-theme-icon-down,
.blue-theme-dropdown .blue-theme-icon-down-thick {
  color: rgba(0, 0, 0, 0.35);
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.blue-theme-dropdown-expended .blue-theme-icon-down,
.blue-theme-dropdown-expended .blue-theme-icon-down-thick {
  transform: rotate(180deg);
}

.blue-theme-picker {
  cursor: pointer;
  max-width: 200px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-picker-selection {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.blue-theme-picker-rendered {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  flex: 1 1 auto;
}
.blue-theme-picker-icon {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.35);
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-picker-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-popper {
  display: flex;
  min-height: 0;
  flex-direction: column;
  padding: 4px 0px;
}
.blue-theme-picker-filter {
  padding: 4px 8px;
}
.blue-theme-picker-filter .blue-theme-input-wrapper {
  width: 100%;
}
.blue-theme-picker-menus {
  border: none;
  padding: 0;
}
.blue-theme-picker-selected {
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
.blue-theme-picker-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-picker-no-matched, .blue-theme-picker-loading, .blue-theme-picker-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #eff8ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #eff8ff;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

.blue-theme-option-label-wrapper {
  width: 100%;
}
.blue-theme-option-label-wrapper .text__highlight {
  background: transparent;
  color: #0a70f5;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-virtual-container {
  overflow: auto;
}
.blue-theme-virtual-footer, .blue-theme-virtual-header {
  padding: 8px 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s, width 0.3s;
  width: 100%;
  text-align: left;
  line-height: 36px;
  font-size: 0;
}
.blue-theme-menu-vertical .blue-theme-submenu-direction {
  transform: rotateZ(-90deg);
}
.blue-theme-menu-horizontal {
  white-space: nowrap;
  line-height: 36px;
}
.blue-theme-menu-horizontal .blue-theme-menu-item,
.blue-theme-menu-horizontal .blue-theme-submenu {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 0;
}
.blue-theme-menu-horizontal .blue-theme-menu-item-title,
.blue-theme-menu-horizontal .blue-theme-submenu-title {
  padding-bottom: 6px;
}
.blue-theme-menu-inline {
  padding: 6px 2px;
}

.blue-theme-menu {
  /*   &-horizontal,
  &-vertical {
    .blue-theme-menu-light {

      .blue-theme-menu-item-active,
      .blue-theme-submenu-active {
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 100%;
          z-index: -1;
          background: $menu-light-active-color;
        }
      }

    }
  } */
}
.blue-theme-menu-light {
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
}
.blue-theme-menu-light .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-title.hover {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #0a70f5;
  background: #eff8ff;
  font-weight: 500;
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #0a70f5;
  background: #eff8ff;
}
.blue-theme-menu-light .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0a70f5;
  background: #eff8ff;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(0, 0, 0, 0.9);
  background: none;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(0, 0, 0, 0.9);
  background: none;
}
.blue-theme-menu-light .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #0a70f5;
  background: #eff8ff;
  opacity: 0.45;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0a70f5;
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active {
  position: relative;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 0;
  height: 3px;
  background: #0a70f5;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before {
  left: 16px;
  width: calc(100% - 24px - 8px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  left: 12px;
  width: calc(100% - 24px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 4px;
}
.blue-theme-menu-light .blue-theme-submenu-direction {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-menu-dark {
  color: rgba(255, 255, 255, 0.7);
  background: #303640;
}
.blue-theme-menu-dark .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-title.hover {
  background: rgba(68, 78, 94, 0.7);
  color: #fff;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  font-weight: 500;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}
.blue-theme-menu-dark .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  opacity: 0.45;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: none;
}

.blue-theme-menu.blue-theme-menu-collapse {
  width: 60px;
}
.blue-theme-menu-collapse .blue-theme-submenu-icon,
.blue-theme-menu-collapse .blue-theme-menu-item-icon {
  width: 100%;
  padding: 0;
  margin: 0;
}
.blue-theme-menu-collapse .blue-theme-menu-item-title,
.blue-theme-menu-collapse .blue-theme-submenu-title {
  max-width: 100%;
}
.blue-theme-menu-collapse .blue-theme-submenu-direction {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu-item {
  position: relative;
  cursor: pointer;
}
.blue-theme-menu-item-title {
  border-radius: 6px;
  margin: 0 4px;
  padding: 0 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  color: currentColor;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: padding 0.3s;
}
.blue-theme-menu-item-title:hover, .blue-theme-menu-item-title.hover {
  text-decoration: none;
}
.blue-theme-menu-item-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-menu-item-icon {
  display: flex;
  align-items: center;
  height: 36px;
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  margin-right: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-title {
  position: relative;
  padding: 0 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: padding 0.3s;
  margin: 0 4px;
  border-radius: 6px;
}
.blue-theme-submenu-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-submenu-icon {
  font-size: 16px;
  min-width: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-right: 8px;
}
.blue-theme-submenu-direction {
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  text-align: center;
  margin-left: 12px;
  transition: transform 0.3s;
}
.blue-theme-submenu-direction-expanded {
  transform: rotateZ(180deg);
}
.blue-theme-submenu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-submenu-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-child-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-dropdown {
  list-style-type: none;
  margin: 0;
  padding: 4px 0px;
  width: 180px;
}
.blue-theme-submenu-dropdown .blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-dropdown .blue-theme-menu-item-active:before {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-row {
  position: relative;
  box-sizing: border-box;
}
.blue-theme-row::before,
.blue-theme-row::after {
  display: table;
  content: "";
}

.blue-theme-row::after {
  clear: both;
}

.blue-theme-row-flex {
  display: flex;
}
.blue-theme-row-flex:before, .blue-theme-row-flex:after {
  display: none;
}
.blue-theme-row-justify-center {
  justify-content: center;
}
.blue-theme-row-justify-end {
  justify-content: flex-end;
}
.blue-theme-row-justify-space-between {
  justify-content: space-between;
}
.blue-theme-row-justify-space-around {
  justify-content: space-around;
}
.blue-theme-row-align-middle {
  align-items: center;
}
.blue-theme-row-align-bottom {
  align-items: flex-end;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
[class*=blue-theme-col-] {
  float: left;
  box-sizing: border-box;
}

.blue-theme-col-0 {
  display: none;
}

.blue-theme-col-0 {
  width: 0%;
}

.blue-theme-col-offset-0 {
  margin-left: 0%;
}

.blue-theme-col-pull-0 {
  position: relative;
  right: 0%;
}

.blue-theme-col-push-0 {
  position: relative;
  left: 0%;
}

.blue-theme-col-1 {
  width: 4.1666666667%;
}

.blue-theme-col-offset-1 {
  margin-left: 4.1666666667%;
}

.blue-theme-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.blue-theme-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.blue-theme-col-2 {
  width: 8.3333333333%;
}

.blue-theme-col-offset-2 {
  margin-left: 8.3333333333%;
}

.blue-theme-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.blue-theme-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.blue-theme-col-3 {
  width: 12.5%;
}

.blue-theme-col-offset-3 {
  margin-left: 12.5%;
}

.blue-theme-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.blue-theme-col-push-3 {
  position: relative;
  left: 12.5%;
}

.blue-theme-col-4 {
  width: 16.6666666667%;
}

.blue-theme-col-offset-4 {
  margin-left: 16.6666666667%;
}

.blue-theme-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.blue-theme-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.blue-theme-col-5 {
  width: 20.8333333333%;
}

.blue-theme-col-offset-5 {
  margin-left: 20.8333333333%;
}

.blue-theme-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.blue-theme-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.blue-theme-col-6 {
  width: 25%;
}

.blue-theme-col-offset-6 {
  margin-left: 25%;
}

.blue-theme-col-pull-6 {
  position: relative;
  right: 25%;
}

.blue-theme-col-push-6 {
  position: relative;
  left: 25%;
}

.blue-theme-col-7 {
  width: 29.1666666667%;
}

.blue-theme-col-offset-7 {
  margin-left: 29.1666666667%;
}

.blue-theme-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.blue-theme-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.blue-theme-col-8 {
  width: 33.3333333333%;
}

.blue-theme-col-offset-8 {
  margin-left: 33.3333333333%;
}

.blue-theme-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.blue-theme-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.blue-theme-col-9 {
  width: 37.5%;
}

.blue-theme-col-offset-9 {
  margin-left: 37.5%;
}

.blue-theme-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.blue-theme-col-push-9 {
  position: relative;
  left: 37.5%;
}

.blue-theme-col-10 {
  width: 41.6666666667%;
}

.blue-theme-col-offset-10 {
  margin-left: 41.6666666667%;
}

.blue-theme-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.blue-theme-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.blue-theme-col-11 {
  width: 45.8333333333%;
}

.blue-theme-col-offset-11 {
  margin-left: 45.8333333333%;
}

.blue-theme-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.blue-theme-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.blue-theme-col-12 {
  width: 50%;
}

.blue-theme-col-offset-12 {
  margin-left: 50%;
}

.blue-theme-col-pull-12 {
  position: relative;
  right: 50%;
}

.blue-theme-col-push-12 {
  position: relative;
  left: 50%;
}

.blue-theme-col-13 {
  width: 54.1666666667%;
}

.blue-theme-col-offset-13 {
  margin-left: 54.1666666667%;
}

.blue-theme-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.blue-theme-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.blue-theme-col-14 {
  width: 58.3333333333%;
}

.blue-theme-col-offset-14 {
  margin-left: 58.3333333333%;
}

.blue-theme-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.blue-theme-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.blue-theme-col-15 {
  width: 62.5%;
}

.blue-theme-col-offset-15 {
  margin-left: 62.5%;
}

.blue-theme-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.blue-theme-col-push-15 {
  position: relative;
  left: 62.5%;
}

.blue-theme-col-16 {
  width: 66.6666666667%;
}

.blue-theme-col-offset-16 {
  margin-left: 66.6666666667%;
}

.blue-theme-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.blue-theme-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.blue-theme-col-17 {
  width: 70.8333333333%;
}

.blue-theme-col-offset-17 {
  margin-left: 70.8333333333%;
}

.blue-theme-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.blue-theme-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.blue-theme-col-18 {
  width: 75%;
}

.blue-theme-col-offset-18 {
  margin-left: 75%;
}

.blue-theme-col-pull-18 {
  position: relative;
  right: 75%;
}

.blue-theme-col-push-18 {
  position: relative;
  left: 75%;
}

.blue-theme-col-19 {
  width: 79.1666666667%;
}

.blue-theme-col-offset-19 {
  margin-left: 79.1666666667%;
}

.blue-theme-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.blue-theme-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.blue-theme-col-20 {
  width: 83.3333333333%;
}

.blue-theme-col-offset-20 {
  margin-left: 83.3333333333%;
}

.blue-theme-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.blue-theme-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.blue-theme-col-21 {
  width: 87.5%;
}

.blue-theme-col-offset-21 {
  margin-left: 87.5%;
}

.blue-theme-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.blue-theme-col-push-21 {
  position: relative;
  left: 87.5%;
}

.blue-theme-col-22 {
  width: 91.6666666667%;
}

.blue-theme-col-offset-22 {
  margin-left: 91.6666666667%;
}

.blue-theme-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.blue-theme-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.blue-theme-col-23 {
  width: 95.8333333333%;
}

.blue-theme-col-offset-23 {
  margin-left: 95.8333333333%;
}

.blue-theme-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.blue-theme-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.blue-theme-col-24 {
  width: 100%;
}

.blue-theme-col-offset-24 {
  margin-left: 100%;
}

.blue-theme-col-pull-24 {
  position: relative;
  right: 100%;
}

.blue-theme-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 576px) {
  .blue-theme-col-xs-0 {
    display: none;
  }
  .blue-theme-col-xs-0 {
    width: 0%;
  }
  .blue-theme-col-xs-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xs-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xs-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xs-3 {
    width: 12.5%;
  }
  .blue-theme-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xs-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xs-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xs-6 {
    width: 25%;
  }
  .blue-theme-col-xs-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xs-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xs-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xs-9 {
    width: 37.5%;
  }
  .blue-theme-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xs-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xs-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xs-12 {
    width: 50%;
  }
  .blue-theme-col-xs-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xs-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xs-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xs-15 {
    width: 62.5%;
  }
  .blue-theme-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xs-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xs-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xs-18 {
    width: 75%;
  }
  .blue-theme-col-xs-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xs-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xs-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xs-21 {
    width: 87.5%;
  }
  .blue-theme-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xs-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xs-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xs-24 {
    width: 100%;
  }
  .blue-theme-col-xs-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .blue-theme-col-sm-0 {
    display: none;
  }
  .blue-theme-col-sm-0 {
    width: 0%;
  }
  .blue-theme-col-sm-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-sm-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-sm-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-sm-3 {
    width: 12.5%;
  }
  .blue-theme-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-sm-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-sm-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-sm-6 {
    width: 25%;
  }
  .blue-theme-col-sm-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-sm-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-sm-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-sm-9 {
    width: 37.5%;
  }
  .blue-theme-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-sm-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-sm-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-sm-12 {
    width: 50%;
  }
  .blue-theme-col-sm-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-sm-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-sm-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-sm-15 {
    width: 62.5%;
  }
  .blue-theme-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-sm-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-sm-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-sm-18 {
    width: 75%;
  }
  .blue-theme-col-sm-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-sm-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-sm-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-sm-21 {
    width: 87.5%;
  }
  .blue-theme-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-sm-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-sm-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-sm-24 {
    width: 100%;
  }
  .blue-theme-col-sm-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .blue-theme-col-md-0 {
    display: none;
  }
  .blue-theme-col-md-0 {
    width: 0%;
  }
  .blue-theme-col-md-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-md-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-md-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-md-3 {
    width: 12.5%;
  }
  .blue-theme-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-md-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-md-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-md-6 {
    width: 25%;
  }
  .blue-theme-col-md-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-md-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-md-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-md-9 {
    width: 37.5%;
  }
  .blue-theme-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-md-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-md-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-md-12 {
    width: 50%;
  }
  .blue-theme-col-md-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-md-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-md-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-md-15 {
    width: 62.5%;
  }
  .blue-theme-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-md-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-md-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-md-18 {
    width: 75%;
  }
  .blue-theme-col-md-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-md-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-md-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-md-21 {
    width: 87.5%;
  }
  .blue-theme-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-md-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-md-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-md-24 {
    width: 100%;
  }
  .blue-theme-col-md-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .blue-theme-col-lg-0 {
    display: none;
  }
  .blue-theme-col-lg-0 {
    width: 0%;
  }
  .blue-theme-col-lg-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-lg-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-lg-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-lg-3 {
    width: 12.5%;
  }
  .blue-theme-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-lg-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-lg-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-lg-6 {
    width: 25%;
  }
  .blue-theme-col-lg-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-lg-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-lg-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-lg-9 {
    width: 37.5%;
  }
  .blue-theme-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-lg-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-lg-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-lg-12 {
    width: 50%;
  }
  .blue-theme-col-lg-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-lg-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-lg-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-lg-15 {
    width: 62.5%;
  }
  .blue-theme-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-lg-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-lg-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-lg-18 {
    width: 75%;
  }
  .blue-theme-col-lg-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-lg-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-lg-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-lg-21 {
    width: 87.5%;
  }
  .blue-theme-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-lg-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-lg-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-lg-24 {
    width: 100%;
  }
  .blue-theme-col-lg-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .blue-theme-col-xl-0 {
    display: none;
  }
  .blue-theme-col-xl-0 {
    width: 0%;
  }
  .blue-theme-col-xl-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xl-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xl-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xl-3 {
    width: 12.5%;
  }
  .blue-theme-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xl-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xl-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xl-6 {
    width: 25%;
  }
  .blue-theme-col-xl-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xl-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xl-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xl-9 {
    width: 37.5%;
  }
  .blue-theme-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xl-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xl-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xl-12 {
    width: 50%;
  }
  .blue-theme-col-xl-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xl-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xl-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xl-15 {
    width: 62.5%;
  }
  .blue-theme-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xl-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xl-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xl-18 {
    width: 75%;
  }
  .blue-theme-col-xl-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xl-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xl-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xl-21 {
    width: 87.5%;
  }
  .blue-theme-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xl-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xl-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xl-24 {
    width: 100%;
  }
  .blue-theme-col-xl-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .blue-theme-col-xxl-0 {
    display: none;
  }
  .blue-theme-col-xxl-0 {
    width: 0%;
  }
  .blue-theme-col-xxl-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xxl-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xxl-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xxl-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xxl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xxl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xxl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xxl-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xxl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xxl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xxl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xxl-3 {
    width: 12.5%;
  }
  .blue-theme-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xxl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xxl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xxl-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xxl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xxl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xxl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xxl-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xxl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xxl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xxl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xxl-6 {
    width: 25%;
  }
  .blue-theme-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xxl-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xxl-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xxl-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xxl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xxl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xxl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xxl-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xxl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xxl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xxl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xxl-9 {
    width: 37.5%;
  }
  .blue-theme-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xxl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xxl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xxl-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xxl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xxl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xxl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xxl-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xxl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xxl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xxl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xxl-12 {
    width: 50%;
  }
  .blue-theme-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xxl-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xxl-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xxl-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xxl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xxl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xxl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xxl-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xxl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xxl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xxl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xxl-15 {
    width: 62.5%;
  }
  .blue-theme-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xxl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xxl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xxl-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xxl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xxl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xxl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xxl-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xxl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xxl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xxl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xxl-18 {
    width: 75%;
  }
  .blue-theme-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xxl-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xxl-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xxl-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xxl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xxl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xxl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xxl-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xxl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xxl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xxl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xxl-21 {
    width: 87.5%;
  }
  .blue-theme-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xxl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xxl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xxl-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xxl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xxl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xxl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xxl-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xxl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xxl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xxl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xxl-24 {
    width: 100%;
  }
  .blue-theme-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xxl-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xxl-push-24 {
    position: relative;
    left: 100%;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-search {
  display: inline-flex;
}
.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-input-group .blue-theme-input-number-wrapper {
  width: 100%;
}

.blue-theme-input-number {
  font-size: inherit;
  text-align: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: none;
}
.blue-theme-input-number-wrapper {
  display: inline-flex;
  position: relative;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  width: 112px;
  height: 32px;
  font-size: 14px;
}
.blue-theme-input-number-wrapper:hover, .blue-theme-input-number-wrapper:focus {
  border-color: #0a70f5;
}
.blue-theme-input-number-wrapper .blue-theme-input-number {
  padding: 0 38px;
  font-weight: 400;
}
.blue-theme-input-number-wrapper .blue-theme-input-number-handle {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-wrapper {
  border-radius: 6px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right {
  width: 69px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 27px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 19px;
  height: 15px;
  font-size: 14px;
  line-height: 15px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 15px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-without-controls {
  width: 52px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}
.blue-theme-input-number:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-number-handle {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0;
  color: rgba(0, 0, 0, 0.7);
  background-color: #fff;
  cursor: pointer;
}
.blue-theme-input-number-handle:hover, .blue-theme-input-number-handle.hover {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-number-handle:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-up {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-down {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-disabled {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}
.blue-theme-input-number-handle-disabled:hover, .blue-theme-input-number-handle-disabled.hover {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-input-number-disabled {
  opacity: 1;
}
.blue-theme-input-number-disabled .blue-theme-input-number {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-number-disabled .blue-theme-input-number-handle {
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  cursor: not-allowed;
}
.blue-theme-input-number-error {
  border-color: #f5483b;
}
.blue-theme-input-number-warning {
  border-color: #ff9d00;
}
.blue-theme-input-number-success {
  border-color: #00ba73;
}
.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0;
}
.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  left: initial;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: none;
}
.blue-theme-input-number-small {
  width: 92px;
  height: 24px;
  font-size: 12px;
}
.blue-theme-input-number-small .blue-theme-input-number {
  padding: 0 30px;
  font-weight: 400;
}
.blue-theme-input-number-small .blue-theme-input-number-handle {
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
}
.blue-theme-input-number-small.blue-theme-input-number-wrapper {
  border-radius: 4px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right {
  width: 63px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 23px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 15px;
  height: 11px;
  font-size: 12px;
  line-height: 11px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 11px;
}
.blue-theme-input-number-small.blue-theme-input-number-without-controls {
  width: 48px;
}
.blue-theme-input-number-small.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}
.blue-theme-input-number-large {
  width: 132px;
  height: 40px;
  font-size: 16px;
}
.blue-theme-input-number-large .blue-theme-input-number {
  padding: 0 46px;
  font-weight: 400;
}
.blue-theme-input-number-large .blue-theme-input-number-handle {
  width: 38px;
  height: 38px;
  font-size: 20px;
  line-height: 38px;
}
.blue-theme-input-number-large.blue-theme-input-number-wrapper {
  border-radius: 6px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right {
  width: 79px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 31px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 23px;
  height: 19px;
  font-size: 16px;
  line-height: 19px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 19px;
}
.blue-theme-input-number-large.blue-theme-input-number-without-controls {
  width: 56px;
}
.blue-theme-input-number-large.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-autocomplete {
  width: 180px;
}
.blue-theme-autocomplete .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-cascader {
  display: inline-block;
  width: 180px;
  cursor: pointer;
}
.blue-theme-cascader-error .blue-theme-input-wrapper {
  border-color: #f5483b;
}
.blue-theme-cascader .blue-theme-input-wrapper {
  vertical-align: top;
  width: 100%;
}
.blue-theme-cascader .blue-theme-input {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-cascader-selected .blue-theme-select-multiple-input {
  padding-left: 3px;
}
.blue-theme-cascader-large {
  width: 200px;
}
.blue-theme-cascader-small {
  width: 160px;
}
.blue-theme-cascader .blue-theme-input-suffix-inner > i,
.blue-theme-cascader .blue-theme-multiple-input-suffix-inner > i {
  transition: transform 0.3s;
}
.blue-theme-cascader.focus .blue-theme-input-suffix-inner > i,
.blue-theme-cascader.focus .blue-theme-multiple-input-suffix-inner > i {
  transform: rotate(180deg);
}

.blue-theme-cascader-popper {
  overflow: hidden;
}
.blue-theme-cascader-popper.blue-theme-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.blue-theme-cascader-menus {
  white-space: nowrap;
  height: 188px;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-cascader-menus-addendum-header {
  overflow: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-cascader-menus-addendum-footer {
  overflow: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.blue-theme-cascader-menu {
  border-radius: 6px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  padding: 4px 4px;
  margin: 0;
  list-style: none;
  min-width: 160px;
  height: 100%;
  overflow: auto;
  display: inline-block;
  vertical-align: top;
}
.blue-theme-cascader-menu:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-cascader-menu-loading, .blue-theme-cascader-menu-empty {
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 100%;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  white-space: normal;
}
.blue-theme-cascader-menu-loading .blue-theme-loading-message {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.blue-theme-cascader-menu-empty-item {
  padding: 0;
  margin: 0;
  text-align: center;
}
.blue-theme-cascader-menu-empty-icon {
  margin-right: 6px;
}

.blue-theme-cascader-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  line-height: 36px;
  padding: 0px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.blue-theme-cascader-menu-item:hover, .blue-theme-cascader-menu-item.hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-cascader-menu-item-expand-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 14px;
  right: 8px;
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-cascader-menu-item-expand-icon .blue-themeicon-loading {
  font-size: 12px;
  color: #0a70f5;
}
.blue-theme-cascader-menu-item-checkbox {
  margin-right: 8px;
}
.blue-theme-cascader-menu-item-expanded {
  color: rgba(0, 0, 0, 0.9);
  background: #eff8ff;
  font-weight: 600;
}
.blue-theme-cascader-menu-item-expanded:hover, .blue-theme-cascader-menu-item-expanded.hover {
  color: rgba(0, 0, 0, 0.9);
  background: #eff8ff;
}
.blue-theme-cascader-menu-item-expanded .blue-theme-cascader-menu-item-selected-icon {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-cascader-menu-item-disabled:hover, .blue-theme-cascader-menu-item-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-cascader-menus {
  /* &-wrapper {
    box-shadow: $cascader-menu-shadow;
  } */
}

.blue-theme-cascader-menu-empty-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-line-scale {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
.blue-theme-loading {
  text-align: center;
}
.blue-theme-loading-nested {
  position: relative;
}
.blue-theme-loading-nested .blue-theme-loading {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.blue-theme-loading-nested .blue-theme-loading-container {
  transition: opacity linear 0.3s;
}
.blue-theme-loading-nested .blue-theme-loading-blur {
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}
.blue-theme-loading-message {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
}
.blue-theme-loading-flex {
  display: flex;
  align-items: center;
}
.blue-theme-loading-flex .blue-theme-loading-message {
  margin-left: 4px;
  margin-top: 0;
}
.blue-theme-loading-line-scale {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  color: #0a70f5;
  font-size: 0;
}
.blue-theme-loading-line-scale > div:nth-child(1) {
  animation: mtd-line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(2) {
  animation: mtd-line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(3) {
  animation: mtd-line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(4) {
  animation: mtd-line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(5) {
  animation: mtd-line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div {
  background-color: currentColor;
  animation-fill-mode: both;
  width: 3px;
  height: 100%;
  border-radius: 2px;
  margin: 1px;
  display: inline-block;
}
.blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.35);
  display: inline-block;
  vertical-align: top;
  animation: wrapRotate linear 1.5s infinite;
}
.blue-theme-loading-small .blue-theme-loading-message {
  font-size: 12px;
}
.blue-theme-loading-large .blue-theme-loading-message {
  font-size: 16px;
}

@keyframes wrapRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-node-content {
  cursor: pointer;
  border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  user-select: none;
}
.blue-theme-tree-node-content:hover, .blue-theme-tree-node-content.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-content > .blue-theme-checkbox {
  margin-right: 8px;
  flex: 0 0 auto;
}
.blue-theme-tree-node-content-wrapper {
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
}
.blue-theme-tree-node-expand-icon, .blue-theme-tree-node-loading-icon {
  flex: 0 0 auto;
  margin-right: 0;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-loading-icon {
  font-size: 12px;
  padding: 4px;
}
.blue-theme-tree-node-expand-icon {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  cursor: pointer;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  padding: 0px;
}
.blue-theme-tree-node-expanded > .blue-theme-tree-node-content > .blue-theme-tree-node-expand-icon {
  transform: rotate(0deg);
}
.blue-theme-tree-node-extend {
  margin-left: 25px;
}
.blue-theme-tree-node-selected > .blue-theme-tree-node-content {
  font-weight: bold;
  background-color: #eff8ff;
}
.blue-theme-tree-node-disabled > .blue-theme-tree-node-content {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-tree {
  text-align: left;
  padding: 4px;
}
.blue-theme-tree-draggable {
  position: relative;
}
.blue-theme-tree-drop-inner > .blue-theme-tree-node-content {
  background-color: #eff8ff;
}
.blue-theme-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #0a70f5;
}
.blue-theme-tree-empty {
  padding: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-node-content {
  cursor: pointer;
  border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  user-select: none;
}
.blue-theme-tree-node-content:hover, .blue-theme-tree-node-content.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-content > .blue-theme-checkbox {
  margin-right: 8px;
  flex: 0 0 auto;
}
.blue-theme-tree-node-content-wrapper {
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
}
.blue-theme-tree-node-expand-icon, .blue-theme-tree-node-loading-icon {
  flex: 0 0 auto;
  margin-right: 0;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-loading-icon {
  font-size: 12px;
  padding: 4px;
}
.blue-theme-tree-node-expand-icon {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  cursor: pointer;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  padding: 0px;
}
.blue-theme-tree-node-expanded > .blue-theme-tree-node-content > .blue-theme-tree-node-expand-icon {
  transform: rotate(0deg);
}
.blue-theme-tree-node-extend {
  margin-left: 25px;
}
.blue-theme-tree-node-selected > .blue-theme-tree-node-content {
  font-weight: bold;
  background-color: #eff8ff;
}
.blue-theme-tree-node-disabled > .blue-theme-tree-node-content {
  color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-select {
  cursor: pointer;
  width: 180px;
}
.blue-theme-tree-select-drop {
  max-height: 300px;
  overflow: auto;
}
.blue-theme-tree-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-tree-select-selected .blue-theme-select-multiple-input {
  padding-left: 3px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-time-picker-with-range .blue-theme-picker-panel-content {
  flex-direction: column;
}
.blue-theme-time-picker-cells {
  font-size: 14px;
  line-height: 22px;
  padding: 0 6px;
  min-width: 56px;
}
.blue-theme-time-picker-cells-with-minutes {
  min-width: 84px;
}
.blue-theme-time-picker-cells-with-seconds {
  min-width: 84px;
}
.blue-theme-time-picker-cells-list {
  width: 32px;
  max-height: 180px;
  float: left;
  overflow: auto;
  position: relative;
  margin: 0 6px;
  margin-right: 2px;
}
.blue-theme-time-picker-cells-units {
  font-weight: 500;
}
.blue-theme-time-picker-cells-units, .blue-theme-time-picker-cells-list-wrapper {
  display: flex;
  justify-content: space-around;
}
.blue-theme-time-picker-cells-list-hour-wrapper .blue-theme-time-picker-cells-list {
  width: 100%;
  padding: 8px 0;
}
.blue-theme-time-picker-cells-list-hour-wrapper .blue-theme-time-picker-cells-cell {
  width: 100%;
  padding: 0 12px;
}
.blue-theme-time-picker-cells-unit {
  display: inline-block;
  text-align: center;
  width: 28px;
  max-height: 180px;
  color: rgba(0, 0, 0, 0.5);
  margin: 8px 0;
}
.blue-theme-time-picker-cells-list {
  overflow: overlay;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-time-picker-cells-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-time-picker-cells-list + .blue-theme-time-picker-cells-list {
  border-left: none;
}
.blue-theme-time-picker-cells-list:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.blue-theme-time-picker-cells-list:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.blue-theme-time-picker-cells-ul {
  width: 100%;
  margin: 0;
  padding: 0 0 0;
  list-style: none;
}
.blue-theme-time-picker-cells-cell {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  display: block;
  height: 28px;
  width: 28px;
  line-height: 28px;
  border-radius: 6px;
  margin: 2px auto;
  text-align: center;
  user-select: none;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease-in-out;
}
.blue-theme-time-picker-cells-cell:hover:not(.blue-theme-time-picker-cells-cell-selected, .blue-theme-time-picker-cells-cell-disabled), .blue-theme-time-picker-cells-cell.hover:not(.blue-theme-time-picker-cells-cell-selected, .blue-theme-time-picker-cells-cell-disabled) {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-time-picker-cells-cell-selected {
  color: #fff;
  background-color: #0a70f5;
  font-weight: 600;
}
.blue-theme-time-picker-cells-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.02);
  cursor: not-allowed;
}

.blue-theme-picker-panel {
  position: relative;
}
.blue-theme-picker-panel-sidebar {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 120px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  overflow: auto;
  background-color: #fff;
}
.blue-theme-picker-panel-shortcut {
  padding: 0 16px;
  line-height: 32px;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}
.blue-theme-picker-panel-shortcut:hover, .blue-theme-picker-panel-shortcut.hover {
  background-color: #f5f5f5;
  color: #0a70f5;
}
.blue-theme-picker-panel-sidebar + .blue-theme-picker-panel-body {
  margin-left: 120px;
}
.blue-theme-picker-panel-body {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
}
.blue-theme-picker-panel-content {
  display: inline-flex;
}
.blue-theme-picker-panel-icon-btn {
  line-height: 22px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-panel-icon-btn:hover, .blue-theme-picker-panel-icon-btn.hover {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-panel-spinner-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 9px;
}
.blue-theme-picker-panel-time {
  display: inline-block;
}
.blue-theme-picker-panel-multiple-body {
  padding: 0 12px;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-multiple-content {
  text-align: center;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-multiple-content .blue-theme-time-picker-multiple-header {
  margin: 8px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-content-right {
  margin-left: 12px;
}
.blue-theme-picker-panel--multiple-content + .blue-theme-picker-panel--multiple-content {
  margin-left: 12px;
}
.blue-theme-picker-panel-footer {
  display: flex;
  justify-content: flex-end;
}
.blue-theme-picker-panel-footer .btn {
  font-family: PingFangSC-Regular;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 12px 8px 0;
}
.blue-theme-picker-panel-footer .cancelbtn {
  border: none;
}

.blue-theme-picker-confirm {
  clear: both;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 12px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blue-theme-picker-confirm .blue-theme-button + .blue-theme-button {
  margin-left: 4px;
}

.blue-theme-range-picker {
  text-align: left;
}
.blue-theme-range-picker .range-separator {
  line-height: 30px;
}
.blue-theme-range-picker input {
  text-align: center;
  display: inline-block;
  border: none;
  outline: none;
  width: 45%;
  height: 100%;
  border-bottom: 0px solid transparent;
  transition: border-bottom 0.3s;
}
.blue-theme-range-picker input:focus {
  border-bottom: 1px solid #0a70f5;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-date-picker {
  display: inline-block;
  min-width: 200px;
}
.blue-theme-date-picker .blue-theme-input {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-date-picker .blue-theme-input-readonly {
  background-color: #fff;
}
.blue-theme-date-picker > .blue-theme-input-wrapper {
  width: 100%;
}
.blue-theme-date-picker-spinner-popper {
  padding: 0;
}
.blue-theme-date-picker-current {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-weight: 500;
}
.blue-theme-date-picker-reverse {
  flex-direction: row-reverse;
}
.blue-theme-date-picker-cells {
  width: 252px;
  margin: 0 20px;
  white-space: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  padding-bottom: 14px;
}
.blue-theme-date-picker-cells-cell, .blue-theme-date-picker-cells-header span {
  margin: 2px 0;
  padding: 0 2px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  transition: all 0.1s ease-in-out;
}
.blue-theme-date-picker-cells-cell em, .blue-theme-date-picker-cells-header span em {
  display: inline-block;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  font-style: normal;
  box-sizing: border-box;
  vertical-align: top;
}
.blue-theme-date-picker-cells-header span em {
  font-weight: 500;
}
.blue-theme-date-picker-cells-header span {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-date-picker-cells-cell {
  cursor: pointer;
}
.blue-theme-date-picker-cells-cell em {
  transition: all 0.3s;
}
.blue-theme-date-picker-cells-cell-today em {
  color: #0a70f5;
  position: relative;
}
.blue-theme-date-picker-cells-cell-today em::before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #0a70f5;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.blue-theme-date-picker-cells-cell-today em > span {
  display: inline-block;
  line-height: 18px;
  padding: 2px;
}
.blue-theme-date-picker-cells-cell em:hover {
  background: #eff8ff;
}
.blue-theme-date-picker-cells-cell-prev-month em, .blue-theme-date-picker-cells-cell-next-month em {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-date-picker-cells-cell-prev-month em:hover, .blue-theme-date-picker-cells-cell-prev-month em.hover, .blue-theme-date-picker-cells-cell-next-month em:hover, .blue-theme-date-picker-cells-cell-next-month em.hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.blue-theme-date-picker-cells-cell-week-label, .blue-theme-date-picker-cells-cell-disabled {
  user-select: none;
  font-size: 10px;
}
.blue-theme-date-picker-cells-cell-week-label em,
.blue-theme-date-picker-cells-cell-week-label em:hover, .blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-cells-cell-disabled em:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: inherit;
}
.blue-theme-date-picker-cells-cell-range {
  background-color: rgba(22, 111, 247, 0.06);
}
.blue-theme-date-picker-cells-cell-range:hover {
  background-color: rgba(22, 111, 247, 0.15);
}
.blue-theme-date-picker-cells-cell-range em {
  background-color: transparent;
}
.blue-theme-date-picker-cells-cell-range em:hover, .blue-theme-date-picker-cells-cell-range em.hover {
  background-color: transparent;
}
.blue-theme-date-picker-cells-cell-range-head {
  background: linear-gradient(to right, transparent 50%, rgba(22, 111, 247, 0.06) 0);
}
.blue-theme-date-picker-cells-cell-range-head em {
  border-radius: 6px 0 0 6px;
}
.blue-theme-date-picker-cells-cell-range-tail {
  background: linear-gradient(to right, rgba(22, 111, 247, 0.06) 50%, transparent 0);
}
.blue-theme-date-picker-cells-cell-range-tail em {
  border-radius: 0 6px 6px 0;
}
.blue-theme-date-picker-cells-cell-selected.blue-theme-date-picker-cells-cell-today em::before {
  background-color: #fff;
}
.blue-theme-date-picker-cells-cell-selected em {
  font-weight: 500;
  color: #fff;
  background: #0a70f5;
  font-weight: 500;
}
.blue-theme-date-picker-cells-cell-selected em:hover, .blue-theme-date-picker-cells-cell-selected em.hover {
  color: #fff;
  background: #0a70f5;
}
.blue-theme-date-picker-cells-cell-disabled {
  cursor: not-allowed;
  background-color: #f2f2f2;
}
.blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-cells-cell-disabled em:hover {
  background: transparent;
}
.blue-theme-date-picker-cells + .blue-theme-picker-panel-time {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-date-picker-cells-year .blue-theme-date-picker-cells-cell {
  line-height: 30px;
  width: 63px;
  height: 32px;
  margin: 20px 0px;
}
.blue-theme-date-picker-cells-year .blue-theme-date-picker-cells-cell em {
  width: 100%;
  height: 100%;
}
.blue-theme-date-picker-cells-month .blue-theme-date-picker-cells-cell {
  height: 32px;
  line-height: 32px;
  width: 63px;
  padding: 0 10.5px;
  margin: 10.5px 0;
}
.blue-theme-date-picker-cells-month .blue-theme-date-picker-cells-cell em {
  width: 100%;
  height: 100%;
}
.blue-theme-date-picker-cells-quarter {
  width: 176px;
}
.blue-theme-date-picker-cells-quarter .blue-theme-date-picker-cells-cell {
  padding: 0 6px;
  margin: 12px 0;
}
.blue-theme-date-picker-cells-quarter .blue-theme-date-picker-cells-cell em {
  width: 32px;
}
.blue-theme-date-picker-cells-halfyear {
  width: 176px;
  display: flex;
  justify-content: center;
}
.blue-theme-date-picker-cells-halfyear .blue-theme-date-picker-cells-cell {
  padding: 0 6px;
  margin: 12px 0;
}
.blue-theme-date-picker-cells-halfyear .blue-theme-date-picker-cells-cell em {
  width: 32px;
}
.blue-theme-date-picker-cells-show-week-numbers {
  width: 288px;
}
.blue-theme-date-picker-time-header {
  padding: 8px 0px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-date-picker-time-header .blue-theme-input-wrapper {
  width: 100px;
}
.blue-theme-date-picker-time-header .blue-theme-date-picker {
  width: 100px;
  margin-left: 12px;
}
.blue-theme-date-picker-week-cells {
  /* em:hover {
    color: $date-picker-cell-hover-color;
    background: $date-picker-cell-hover-bgc;
  } */
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-selected {
  color: #fff;
  background: #0a70f5;
  /* &:hover{
    color: $date-picker-cell-selected-color;
    background: $date-picker-cell-selected-bgc;
  } */
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-selected em {
  background-color: transparent;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-value-head {
  border-radius: 6px 0 0 6px;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-value-tail {
  border-radius: 0 6px 6px 0;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range {
  background-color: rgba(22, 111, 247, 0.06);
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range em {
  background-color: transparent;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range em:hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled {
  background-color: #f2f2f2;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled em:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.blue-theme-date-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  border-bottom: 1px solid transparent;
  padding: 9px 20px;
  font-size: 14px;
  white-space: normal;
}
.blue-theme-date-picker-header-label {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 4px;
  margin-right: 4px;
}
.blue-theme-date-picker-header-label:hover, .blue-theme-date-picker-header-label.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-date-picker-prev-btn {
  float: left;
}
.blue-theme-date-picker-next-btn {
  float: right;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-spinner {
  display: inline-block;
  padding: 4px;
}
.blue-theme-spinner-ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 360px;
  overflow: auto;
  overflow: overlay;
}
.blue-theme-spinner-ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-spinner-ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-spinner-ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-spinner-ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-spinner-li {
  padding: 0 4px;
  margin: 0;
  list-style: none;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  list-style: none;
  text-align: center;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  user-select: none;
}
.blue-theme-spinner-li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-spinner-li-selected {
  color: #0a70f5;
  background-color: rgba(22, 111, 247, 0.06);
  border-radius: 4px;
}
.blue-theme-spinner-arrow {
  cursor: pointer;
  display: flex;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-tabs {
  color: rgba(0, 0, 0, 0.7);
  transition: all linear 0.3s;
}
.blue-theme-tabs .width-skeleton {
  font-weight: 600;
  visibility: hidden;
  overflow: hidden;
  color: transparent;
  height: 0;
  overflow: hidden;
}
.blue-theme-tabs-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.blue-theme-tabs .blue-theme-tab-active {
  font-weight: 600;
}
.blue-theme-tabs-flex {
  display: flex;
  flex-direction: column;
}
.blue-theme-tabs-flex .blue-theme-tabs-nav {
  flex: 0 0 auto;
}

.blue-theme-tabs-content {
  padding: 8px;
  text-align: left;
}

.blue-theme-tabs-large .blue-theme-tabs-content {
  padding: 16px;
}

.blue-theme-tabs-small .blue-theme-tabs-content {
  padding: 8px;
}

.blue-theme-tabs-bottom-border {
  width: 100%;
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.06);
  z-index: 1;
}

.blue-theme-tabs-card .blue-theme-tabs-bottom-border,
.blue-theme-tabs-border-card .blue-theme-tabs-bottom-border {
  display: none;
}

.blue-theme-tabs-item-small {
  max-width: 170px;
  height: 36px;
  line-height: 36px;
  padding: 0 0;
  margin: 0 20px 0 0;
  font-size: 12px;
  border-radius: 0;
}
.blue-theme-tabs-item-small.blue-theme-tab-active {
  max-width: 360px;
}
.blue-theme-tabs-item-small .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-small .blue-theme-tab-icon {
  margin-right: 7px;
}
.blue-theme-tabs-item-normal {
  max-width: 220px;
  height: 40px;
  line-height: 40px;
  padding: 0 0;
  margin: 0 24px 0 0;
  font-size: 14px;
  border-radius: 0;
}
.blue-theme-tabs-item-normal.blue-theme-tab-active {
  max-width: 400px;
}
.blue-theme-tabs-item-normal .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-normal .blue-theme-tab-icon {
  margin-right: 7px;
}
.blue-theme-tabs-item-large {
  max-width: 270px;
  height: 50px;
  line-height: 50px;
  padding: 0 0;
  margin: 0 28px 0 0;
  font-size: 16px;
  border-radius: 0;
}
.blue-theme-tabs-item-large.blue-theme-tab-active {
  max-width: 440px;
}
.blue-theme-tabs-item-large .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-large .blue-theme-tab-icon {
  margin-right: 8px;
}
.blue-theme-tabs > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 1px;
}
.blue-theme-tabs-small > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 1px;
}
.blue-theme-tabs-large > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 3px;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  max-width: none;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  font-size: 16px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  max-width: none;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  font-size: 16px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  max-width: none;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  font-size: 18px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-add,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-add {
  margin-left: 0;
  padding: 0px;
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item {
  border-radius: 6px 6px 0 0;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label {
  display: flex;
  align-items: center;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label span,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label span {
  display: inline-block;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-picker-selected {
  vertical-align: top;
  color: currentColor;
  font-weight: inherit;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item:hover, .blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item.hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2a8efe;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tab-active {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tab-active .blue-theme-picker-selected {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tabs-text .blue-theme-tabs-bottom-border {
  background-color: transparent;
}
.blue-theme-tabs-text .blue-theme-tabs-content {
  padding-left: 0px;
  padding-right: 0px;
}

.blue-theme-tabs-nav {
  position: relative;
}

.blue-theme-tabs-nocard {
  /* .blue-theme-tab-icon {
    color: $tabs-icon-color;
  } */
}
.blue-theme-tabs-nocard .blue-theme-tabs-content {
  padding-left: 0px;
  padding-right: 0px;
}
.blue-theme-tabs-nocard.blue-theme-tabs-left {
  display: flex;
}
.blue-theme-tabs-nocard.blue-theme-tabs-left > .blue-theme-tabs-content {
  padding: 0 16px;
}
.blue-theme-tabs-nocard .blue-theme-tabs-bar {
  position: absolute;
  z-index: 1;
  align-self: flex-end;
  background-color: #0a70f5;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
  height: 2px;
  border-radius: 0px;
}

.blue-theme-tabs-nav-container {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
}

.blue-theme-tabs-nav-scroll {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.blue-theme-tabs-nav-animated {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}

.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-input-wrapper {
  font-size: 1em;
  color: currentColor;
  vertical-align: baseline;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item-label {
  display: flex;
  align-items: center;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item-label > span {
  display: inline-block;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tabs-nocard .blue-theme-tab-active .blue-theme-input-wrapper {
  font-weight: 600;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2a8efe;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover .blue-theme-input, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover .blue-theme-input {
  color: #2a8efe;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active {
  color: #0a70f5;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-picker-selected .blue-theme-picker-icon,
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-tab-icon .blue-theme-picker-icon {
  color: #0a70f5;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  width: 30px;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input-wrapper {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input-disabled .blue-theme-input {
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-picker-selected {
  vertical-align: top;
  color: currentColor;
  font-weight: inherit;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-input {
  color: #2a8efe;
}

.blue-theme-tabs-left > .blue-theme-tabs-nav {
  float: left;
  border-bottom: none;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-nav-animated {
  flex-direction: column;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-bar {
  bottom: auto;
  right: 0;
  width: 2px;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  display: block;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item {
  text-align: right;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-bottom-border {
  height: 100%;
  right: 0;
  width: 1px;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-content {
  float: left;
}
.blue-theme-tabs-right {
  display: flex;
  justify-content: space-between;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav {
  float: right;
  border-bottom: none;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-nav-animated {
  flex-direction: column;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-bar {
  bottom: auto;
  left: 0;
  width: 2px;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  display: block;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item {
  text-align: left;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-bottom-border {
  height: 100%;
  left: 0;
  width: 1px;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-content {
  float: left;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  margin-right: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-tabs-tab-close {
  position: relative;
  width: 0;
  vertical-align: middle;
  overflow: hidden;
  top: -1px;
  transform-origin: 100% 50%;
  display: inline-block;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover {
  color: #2a8efe;
  border-bottom-color: rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small {
  padding: 0 -2px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal {
  padding: 0 -21px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large {
  padding: 0 8px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2a8efe;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active {
  color: #0a70f5;
  border-bottom-color: #fff;
  background-color: #fff;
  position: relative;
  /* &::after {
            content: '';
            position: absolute;
  z-index: 1; // 🐟for lowcode render
            left: -6px;
            bottom: 0;
            width: 6px;
            height: 6px;
            background: radial-gradient(circle at 0% 0%, transparent 6px, #00caf5 0)
          } */
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small {
  padding: 0 -2px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal {
  padding: 0 -21px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large {
  padding: 0 8px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-icon {
  color: #0a70f5;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-scroll,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-scroll {
  border: 2px solid #e0e0e0;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled:hover, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled.hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled:hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  font-weight: 400;
}
.blue-theme-tabs-card .blue-theme-tabs-content,
.blue-theme-tabs-border-card .blue-theme-tabs-content {
  margin-top: -1px;
  border-top: 1px solid #e0e0e0;
}

.blue-theme-tabs-border-card .blue-theme-tabs-content {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  border-top-left-radius: 0;
}

.blue-theme-tabs-action {
  border-radius: 2px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tabs-action:hover, .blue-theme-tabs-action.hover {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-action-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-action-disabled:hover, .blue-theme-tabs-action-disabled.hover {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-tabs-page {
  margin-left: 15px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: auto;
}
.blue-theme-tabs-page .blue-theme-tabs-action:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-tabs-page .blue-theme-tabs-action:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.blue-theme-tabs-item-disabled.blue-theme-tabs-item {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.45;
  background-color: transparent;
}
.blue-theme-tabs-item-disabled.blue-theme-tabs-item:hover, .blue-theme-tabs-item-disabled.blue-theme-tabs-item.hover {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
  background-color: transparent;
}

.blue-theme-tabs-select .blue-theme-dropdown-menu {
  min-width: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox-group .blue-theme-checkbox {
  margin-right: 32px;
}
.blue-theme-checkbox-group .blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 0;
}
.blue-theme-checkbox-group .blue-theme-checkbox:last-child {
  margin-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #eff8ff;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #eff8ff;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

.blue-theme-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
  /* &-show-summary {
    .blue-theme-table-footer {
      &>tbody {
        &>tr:last-child {
          &>td {
            border: none;
          }
        }
      }
    }
  } */
  /***
    &-enable-row-transition {
      .blue-theme-table-body td {
        transition: background-color .25s ease;
      }
    }
  ***/
}
.blue-theme-table th {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  background-color: #f5f5f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 7px 0;
}
.blue-theme-table th:hover .divider {
  opacity: 1;
}
.blue-theme-table-hidden {
  visibility: hidden;
}
.blue-theme-table .divider {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 100%;
  transform: translateX(-1px);
  box-sizing: content-box;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.04);
  z-index: 1;
}
.blue-theme-table .divider.hover {
  opacity: 1;
}
.blue-theme-table .divider:hover, .blue-theme-table .divider.active {
  background-color: #0a70f5;
  opacity: 1;
}
.blue-theme-table th,
.blue-theme-table td {
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-table th.blue-theme-table-is-fixed-left,
.blue-theme-table td.blue-theme-table-is-fixed-left {
  position: sticky;
  z-index: 1;
  left: 0;
}
.blue-theme-table th.blue-theme-table-is-fixed-right,
.blue-theme-table td.blue-theme-table-is-fixed-right {
  position: sticky;
  z-index: 1;
  right: 0;
}
.blue-theme-table-is-fixed-left {
  position: sticky;
  z-index: 1;
  left: 0;
}
.blue-theme-table-is-fixed-left-side::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  transform: translateX(100%);
}
.blue-theme-table-is-fixed-right {
  position: sticky;
  z-index: 1;
  right: 0;
}
.blue-theme-table-is-fixed-right-side::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  transform: translateX(-100%);
}
.blue-theme-table td {
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
.blue-theme-table tr {
  background-color: #fff;
}
.blue-theme-table tr.blue-theme-table-current-row {
  background-color: #eff8ff;
}
.blue-theme-table tr.blue-theme-table-current-row > td {
  background-color: #eff8ff;
}
.blue-theme-table-cell {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 22px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
}
.blue-theme-table-cell > .blue-theme-checkbox {
  vertical-align: top;
}
.blue-theme-table-cell-tooltip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-table-text-center > .blue-theme-table-cell {
  justify-content: center;
}
.blue-theme-table-text-left > .blue-theme-table-cell {
  justify-content: start;
}
.blue-theme-table-text-right > .blue-theme-table-cell {
  justify-content: end;
}
.blue-theme-table-empty-block {
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%); */
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-table-loading-block {
  min-height: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-table-loading .blue-theme-table-body {
  opacity: 0.5;
}
.blue-theme-table-loading .blue-theme-table-body-wrapper {
  min-height: 120px;
}
.blue-theme-table-expand-column .blue-theme-table-cell {
  text-align: center;
}
.blue-theme-table-expand-icon {
  display: inline-flex;
  align-items: center;
}
.blue-theme-table-expand-icon, .blue-theme-table-tree-expand-icon {
  position: relative;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
  text-align: center;
}
.blue-theme-table-expand-icon.blue-theme-table-expand-icon-expanded, .blue-theme-table-tree-expand-icon.blue-theme-table-expand-icon-expanded {
  transform: rotate(90deg);
}
.blue-theme-table-tree-expand-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-right: 8px;
  font-size: 16px;
}
.blue-theme-table-expanded-cell {
  background-color: #fff;
}
.blue-theme-table-expanded-cell[class*=blue-theme-table-cell] {
  padding: 20px 50px;
}
.blue-theme-table-expanded-cell > .blue-theme-table-cell {
  padding: 0;
}
.blue-theme-table-expanded-cell:hover, .blue-theme-table-expanded-cell.hover {
  background-color: transparent !important;
}
.blue-theme-table-large th {
  padding: 7px 0;
}
.blue-theme-table-large td {
  padding: 16px 0;
}
.blue-theme-table-large th .blue-theme-table-cell,
.blue-theme-table-large td .blue-theme-table-cell {
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-table-small th {
  padding: 7px 0;
}
.blue-theme-table-small td {
  padding: 8px 0;
}
.blue-theme-table-small th .blue-theme-table-cell,
.blue-theme-table-small td .blue-theme-table-cell {
  line-height: 20px;
  font-size: 14px;
}
.blue-theme-table-border {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-right: none;
  border-bottom: none;
}
.blue-theme-table-border th,
.blue-theme-table-border td {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border::after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.06);
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
.blue-theme-table-border::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.06);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  z-index: 2;
}
.blue-theme-table-header-wrapper, .blue-theme-table-body-wrapper, .blue-theme-table-footer-wrapper {
  width: 100%;
}
.blue-theme-table-footer-wrapper {
  margin-top: -1px;
}
.blue-theme-table-footer-wrapper td {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fff;
  font-weight: 500;
}
.blue-theme-table-header th > .blue-theme-table-cell {
  display: flex;
  align-items: center;
}
.blue-theme-table-footer td {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-table-header, .blue-theme-table-body, .blue-theme-table-footer {
  table-layout: fixed;
  border-collapse: separate;
}
.blue-theme-table-header-wrapper, .blue-theme-table-footer-wrapper {
  overflow: hidden;
}
.blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-left-side::after {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-right-side::after {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-left .blue-theme-table-is-fixed-right-side::after {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-right .blue-theme-table-is-fixed-left-side::after {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-body-wrapper {
  overflow: hidden;
  position: relative;
}
.blue-theme-table-border .blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-left .blue-theme-table-is-fixed-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-right .blue-theme-table-is-fixed-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-scrollable-x .blue-theme-table-body-wrapper {
  overflow-x: auto;
}
.blue-theme-table-scrollable-y .blue-theme-table-body-wrapper {
  overflow-y: auto;
}
.blue-theme-table-is-sortable {
  cursor: pointer;
  z-index: 1;
}
.blue-theme-table-is-sortable:hover {
  background-color: #f0f0f0;
}
.blue-theme-table-sortable {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  transform: scale(0.8);
}
.blue-theme-table-sortable-icon {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  z-index: 1;
  left: 5px;
}
.blue-theme-table-sortable-ascending {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-top: none;
  top: 3px;
}
.blue-theme-table-sortable-descending {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom: none;
  bottom: 3px;
}
.blue-theme-table .ascending .blue-theme-table-sortable-ascending {
  border-bottom-color: #0a70f5;
}
.blue-theme-table .descending .blue-theme-table-sortable-descending {
  border-top-color: #0a70f5;
}
.blue-theme-table-hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  z-index: -1;
}
.blue-theme-table-striped .blue-theme-table-body tr.blue-theme-table-row-striped td {
  background: #fafafa;
}
.blue-theme-table-striped .blue-theme-table-body tr.blue-theme-table-row-striped:hover > td {
  background-color: #f5f5f5;
}
.blue-theme-table-column-has-actions {
  user-select: none;
}
.blue-theme-table-column-has-filters {
  padding-right: 32px;
}
.blue-theme-table-column-has-filters > .blue-theme-table-cell {
  overflow: visible;
  position: relative;
}
.blue-theme-table-column-has-filters > .blue-theme-table-cell .blue-theme-table-column-filter-trigger {
  position: absolute;
  z-index: 1;
  height: calc(14px + 100%);
  right: 0px;
}
.blue-theme-table-column-filter-trigger {
  text-align: center;
  height: 20px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.blue-theme-table-column-filter-trigger i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.blue-theme-table-column-filter-trigger-filtered i {
  color: #2a8efe;
}
.blue-theme-table-column-filter-trigger:hover, .blue-theme-table-column-filter-trigger.hover {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-table-filter-panel-dropdown {
  padding: 4px;
}
.blue-theme-table-filter-checkbox-group > .blue-theme-checkbox {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
.blue-theme-table-filter-footer {
  padding: 8px 12px;
  overflow: hidden;
}
.blue-theme-table-filter-footer-clear {
  float: right;
}
.blue-theme-table-filter-footer-confirm {
  margin-right: 8px;
}
.blue-theme-table-filter-footer > a {
  cursor: pointer;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-table-filter-footer > a:hover {
  color: #0a70f5;
}
.blue-theme-table-column-resize-proxy {
  position: absolute;
  z-index: 1;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.06);
  transform: translateX(-1px);
  z-index: 10;
}
.blue-theme-table-body tr:hover > td,
.blue-theme-table-body tr.hover > td {
  background-color: #f5f5f5;
}
.blue-theme-table-body-striped > tbody > tr > td {
  border: none;
}
.blue-theme-table-fluid-height .blue-theme-table-fixed,
.blue-theme-table-fluid-height .blue-theme-table-fixed-right {
  bottom: 0;
  overflow: hidden;
}
.blue-theme-table .blue-theme-table-expanded-cell {
  padding: 0px;
  font-size: 1em;
}
.blue-theme-table th .drag-line {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
}
.blue-theme-table th:hover .drag-line {
  display: block;
}
.blue-theme-table-gutter {
  position: sticky;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.blue-theme-table-column-selection {
  text-align: center;
}
.blue-theme-table-column-selection .blue-theme-table-cell {
  display: inline-flex;
  align-items: center;
  overflow: visible;
  padding-right: 24px;
}
.blue-theme-table-column-index {
  text-align: center;
}
.blue-theme-table-column-resizable {
  position: relative;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-card {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
.blue-theme-card-always-shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-card-hover-shadow:hover, .blue-theme-card-hover-shadow.hover, .blue-theme-card-hover-shadow:focus {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-card-title {
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-card-extra {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 16px;
}
.blue-theme-card-body {
  padding: 16px 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-notification {
  display: flex;
  align-items: flex-start;
  width: 340px;
  padding: 16px 24px 24px 24px;
  border-radius: 6px;
  box-sizing: border-box;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  border: 0px solid transparent;
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.blue-theme-notification.right {
  right: 16px;
}
.blue-theme-notification.left {
  left: 16px;
}
.blue-theme-notification-group {
  flex: 1 1 auto;
}
.blue-theme-notification-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.7);
}

.blue-theme-notification-time {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 20px;
}

.blue-theme-notification-content {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin: 8px 0 0 0;
}

.blue-theme-notification-icon {
  font-size: 24px;
  margin-right: 8px;
}

.blue-theme-notification-close {
  position: absolute;
  z-index: 1;
  top: 14px;
  right: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-notification-close:hover, .blue-theme-notification-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}

.blue-theme-notification-success .blue-theme-notification-icon {
  color: #00ba73;
}
.blue-theme-notification-success.blue-theme-notification-colorful {
  background: #edfaf4;
  border: 1px solid #00ba73;
}
.blue-theme-notification-error .blue-theme-notification-icon {
  color: #f5483b;
}
.blue-theme-notification-error.blue-theme-notification-colorful {
  background: #fff2f0;
  border: 1px solid #f5483b;
}
.blue-theme-notification-info .blue-theme-notification-icon {
  color: #0a70f5;
}
.blue-theme-notification-info.blue-theme-notification-colorful {
  background: #eff8ff;
  border: 1px solid #0a70f5;
}
.blue-theme-notification-warning .blue-theme-notification-icon {
  color: #ff9d00;
}
.blue-theme-notification-warning.blue-theme-notification-colorful {
  background: #fff6e0;
  border: 1px solid #ff9d00;
}

.blue-theme-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.blue-theme-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}

.blue-theme-notification-fade-leave-to {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-drawer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  overflow: auto;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-drawer-mask, .blue-theme-drawer-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.blue-theme-drawer-mask {
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-drawer-close {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  /* position: absolute;
  top: $drawer-close-top;
  right: $drawer-close-right; */
  line-height: 24px;
  cursor: pointer;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.blue-theme-drawer-close:hover, .blue-theme-drawer-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-drawer-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-drawer-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  align-items: center;
}
.blue-theme-drawer-header-wrapper-reverse {
  flex-direction: row-reverse;
}
.blue-theme-drawer-header-wrapper-reverse > .blue-theme-drawer-close {
  margin-left: 0;
  margin-right: 8px;
}
.blue-theme-drawer-header {
  flex-grow: 1;
  line-height: 24px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.blue-theme-drawer-content {
  padding: 0 24px;
}
.blue-theme-drawer-footer {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  padding: 16px 24px;
}
.blue-theme-drawer-right {
  left: auto;
}
.blue-theme-drawer-bottom {
  top: auto;
}

.fade-in-left-enter-active {
  animation: fade-in-left 0.3s;
}
.fade-in-left-leave-active {
  animation: fade-in-left 0.3s reverse;
}

.fade-in-right-enter-active {
  animation: fade-in-right 0.3s;
}
.fade-in-right-leave-active {
  animation: fade-in-right 0.3s reverse;
}

.fade-in-top-enter-active {
  animation: fade-in-top 0.3s;
}
.fade-in-top-leave-active {
  animation: fade-in-top 0.3s reverse;
}

.fade-in-bottom-enter-active {
  animation: fade-in-bottom 0.3s;
}
.fade-in-bottom-leave-active {
  animation: fade-in-bottom 0.3s reverse;
}

@keyframes fade-in-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fade-in-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fade-in-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0a70f5;
  background-color: #0a70f5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0a70f5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-slider {
  position: relative;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  height: 10px;
  border-radius: 2000px;
  cursor: pointer;
}
.blue-theme-slider-large {
  height: 13px;
}
.blue-theme-slider-large .blue-theme-slider-button {
  width: 17px;
  height: 17px;
  border-width: 3px;
}
.blue-theme-slider-large .blue-theme-slider-bar,
.blue-theme-slider-large .blue-theme-slider-bar-bgc,
.blue-theme-slider-large .blue-theme-slider-bar-stop {
  height: 6px;
}
.blue-theme-slider-marks {
  margin-bottom: 3.5px;
}
.blue-theme-slider-bar {
  height: 3px;
  background-color: #0a70f5;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
  position: absolute;
  z-index: 1;
  left: 0;
}
.blue-theme-slider-bar-bgc {
  width: 100%;
  height: 3px;
  background-color: rgb(224, 224, 224);
  position: absolute;
  z-index: 1;
  left: 0;
  border-radius: 2000px;
}
.blue-theme-slider-button {
  position: absolute;
  z-index: 1;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  top: 50%;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #0a70f5;
  text-align: center;
  z-index: 999;
  font-size: 0;
  box-shadow: none;
  /*     &:hover {
    box-shadow: $slider-button-hover-shadow;
  } */
}
.blue-theme-slider-button-hover {
  border-color: #0a70f5;
  box-shadow: 0 0 0 6px rgba(22, 111, 247, 0.2);
}
.blue-theme-slider-button-range {
  overflow: hidden;
}
.blue-theme-slider-disabled {
  cursor: not-allowed;
}
.blue-theme-slider-disabled .blue-theme-slider-button {
  border-color: #cecece;
  box-shadow: none;
}
.blue-theme-slider-disabled .blue-theme-slider-bar {
  background-color: #A2A2A4;
}
.blue-theme-slider-disabled .blue-theme-slider-bar-bgc {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-slider-disabled:hover {
  cursor: not-allowed;
}
.blue-theme-slider-stop {
  width: 2px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 3.5px;
  text-align: center;
  margin-left: -1.5px;
  z-index: 2;
}
.blue-theme-slider-tracks {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 2000px;
}
.blue-theme-slider-track {
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
}
.blue-theme-slider-track-right {
  right: 0;
  left: auto;
  background: rgb(224, 224, 224);
}
.blue-theme-slider-track-left {
  background: rgb(224, 224, 224);
  z-index: 1;
}
.blue-theme-slider-fixed-bar {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 3px;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
  background-color: #ebebeb;
}
.blue-theme-slider-mark {
  position: absolute;
  z-index: 1;
  color: rgba(0, 0, 0, 0.7);
  left: 0;
  margin-top: 8px;
  width: 100%;
}
.blue-theme-slider-mark-text {
  position: absolute;
  z-index: 1;
  transform: translate(-50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.blue-theme-slider-vertical {
  height: 100%;
  width: 10px;
  padding: 0 3.5px;
}
.blue-theme-slider-vertical .blue-theme-slider-mark {
  top: 0;
  width: auto;
  height: 100%;
  left: 3px;
  margin-top: 0;
  margin-left: 8px;
}
.blue-theme-slider-vertical .blue-theme-slider-mark-text {
  position: absolute;
  z-index: 1;
  transform: translate(0, 50%);
}
.blue-theme-slider-vertical .blue-theme-slider-bar {
  left: 3px;
  width: 3px;
  border-radius: 0;
  border-bottom-left-radius: 2000px;
  border-bottom-right-radius: 2000px;
  bottom: 0;
}
.blue-theme-slider-vertical .blue-theme-slider-bar-bgc {
  left: 3px;
  width: 3px;
  height: 100%;
}
.blue-theme-slider-vertical .blue-theme-slider-button {
  top: auto;
  left: 50%;
  transform: translate(-50%, 50%);
}
.blue-theme-slider-large.blue-theme-slider-vertical {
  width: 13px;
}
.blue-theme-slider-large.blue-theme-slider-vertical .blue-theme-slider-bar,
.blue-theme-slider-large.blue-theme-slider-vertical .blue-theme-slider-bar-bgc {
  height: 6px;
}
.blue-theme-slider-vertical .blue-theme-slider-stop {
  width: 100%;
  margin-left: 0px;
  top: auto;
  left: 0px;
  transform: translate(0, 50%);
}
.blue-theme-slider-large .blue-theme-slider-stop {
  width: 6px;
  height: 6px;
  top: auto;
  left: auto;
}
.blue-theme-slider-vertical .blue-theme-slider-fixed-bar {
  bottom: 0;
  width: 3px;
  border-radius: 0;
  border-bottom-left-radius: 2000px;
  border-bottom-right-radius: 2000px;
}
.blue-theme-slider-vertical .blue-theme-slider-track {
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
}
.blue-theme-slider-vertical .blue-theme-slider-track-right {
  top: 0;
  bottom: auto;
}
.blue-theme-slider-no-shade .blue-theme-slider-bar,
.blue-theme-slider-no-shade .blue-theme-slider-track-right,
.blue-theme-slider-no-shade .blue-theme-slider-track-left {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0a70f5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

.blue-theme-modal {
  pointer-events: auto;
  text-align: left;
  min-width: 400px;
  min-height: auto;
  max-width: 90vw;
  max-height: 82vh;
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.blue-theme-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.blue-theme-modal-drag .blue-theme-modal-title {
  cursor: move;
}
.blue-theme-modal-top {
  justify-content: flex-start;
}
.blue-theme-modal-top .blue-theme-modal {
  top: 20px;
}
.blue-theme-modal-top .blue-theme-modal-fullscreen {
  top: 0;
}
.blue-theme-modal-fullscreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.blue-theme-modal-header {
  padding: 16px 24px;
  flex: 0 0 auto;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-modal-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-modal-content-wrapper {
  padding: 16px 24px;
  overflow: auto;
  flex: 1 1 auto;
}
.blue-theme-modal-footer {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.blue-theme-modal-footer .blue-theme-btn + .blue-theme-btn {
  margin-left: 12px;
}
.blue-theme-modal-header + .blue-theme-modal-content-wrapper {
  padding-top: 0px;
}
.blue-theme-modal-content-wrapper + .blue-theme-modal-footer {
  padding-top: 0px;
}
.blue-theme-modal-close {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 24px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  flex: 0;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-modal-close:hover, .blue-theme-modal-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-menu {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 24px;
  display: flex;
}

.modal-fade-enter-active {
  animation: modal-fade-in 0.2s;
}
.modal-fade-leave-active {
  animation: modal-fade-out 0.2s;
}

@keyframes modal-fade-in {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-message {
  min-width: 220px;
  max-width: 1000px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: opacity 0.3s, transform 0.4s;
  font-weight: inherit;
}
.blue-theme-message-icon {
  font-size: 20px;
  margin-right: 8px;
}

.blue-theme-message-content-wrapper {
  display: flex;
  align-items: center;
}
.blue-theme-message-content {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-message-close {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  cursor: pointer;
}
.blue-theme-message-close:hover, .blue-theme-message-close:focus {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-message-close:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.06);
}

.blue-theme-message-closable .blue-theme-message-content {
  padding-right: 16px;
}

.blue-theme-message-success {
  /* .blue-theme-message-content {
    color: $message-success-content-color;
  } */
}
.blue-theme-message-success .blue-theme-message-icon {
  color: #00ba73;
}
.blue-theme-message-success.blue-theme-message-colorful {
  background: #edfaf4;
  box-shadow: none;
}
.blue-theme-message-success.blue-theme-message-colorful .blue-theme-message-content {
  color: #007038;
}
.blue-theme-message-error {
  /* .blue-theme-message-content {
    color: $message-danger-content-color;
  } */
}
.blue-theme-message-error .blue-theme-message-icon {
  color: #ff4a47;
}
.blue-theme-message-error.blue-theme-message-colorful {
  background: #fff2f0;
  box-shadow: none;
}
.blue-theme-message-error.blue-theme-message-colorful .blue-theme-message-content {
  color: #B3090E;
}
.blue-theme-message-info {
  /* .blue-theme-message-content {
    color: $message-info-content-color;
  } */
}
.blue-theme-message-info .blue-theme-message-icon {
  color: #0a70f5;
}
.blue-theme-message-info.blue-theme-message-colorful {
  background: #eff8ff;
  box-shadow: none;
}
.blue-theme-message-info.blue-theme-message-colorful .blue-theme-message-content {
  color: #005ade;
}
.blue-theme-message-warning {
  /* .blue-theme-message-content {
    color: $message-warning-content-color;
  } */
}
.blue-theme-message-warning .blue-theme-message-icon {
  color: #ff9d00;
}
.blue-theme-message-warning.blue-theme-message-colorful {
  background: #fff6e0;
  box-shadow: none;
}
.blue-theme-message-warning.blue-theme-message-colorful .blue-theme-message-content {
  color: #8A4100;
}
.blue-theme-message-loading {
  background-color: #fff;
}
.blue-theme-message-loading .blue-theme-message-content {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-message-loading .blue-theme-message-icon {
  font-size: 16px;
}
.blue-theme-message .blue-theme-icon-loading {
  color: #0a70f5;
}

.blue-theme-message-fade-enter,
.blue-theme-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-progress {
  display: inline-flex;
  align-items: center;
  color: #0a70f5;
  line-height: 1;
}
.blue-theme-progress-bar {
  display: inline-block;
  width: 100%;
  /*     padding-right: $progress-text-width;
      margin-right: -$progress-text-width; */
}
.blue-theme-progress-bar-outer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
}
.blue-theme-progress-bar-inner {
  width: 0%;
  height: 100%;
  max-width: 100%;
  background-color: currentColor;
  border-radius: 100px;
  transition: all 0.3s;
}
.blue-theme-progress-stroke-linecap-square .blue-theme-progress-bar-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-progress-error {
  color: #f5483b;
}
.blue-theme-progress-error .blue-theme-progress-bar-inner {
  background-color: #f5483b;
}
.blue-theme-progress-success {
  color: #00ba73;
}
.blue-theme-progress-success .blue-theme-progress-bar-inner {
  background-color: #00ba73;
}
.blue-theme-progress-text {
  color: rgba(0, 0, 0, 0.9);
  display: inline-block;
  font-size: 14px;
}
.blue-theme-progress-icon {
  display: inline-block;
  font-size: 20px;
}
.blue-theme-progress-line {
  text-align: left;
  width: 100%;
}
.blue-theme-progress-line .blue-theme-progress-percentage {
  display: inline-block;
  margin-left: 12px;
}
.blue-theme-progress-circle circle {
  transition: all 0.3s;
}
.blue-theme-progress-circle .blue-theme-icon-check, .blue-theme-progress-circle .blue-theme-icon-close-thick,
.blue-theme-progress-circle .blue-theme-icon-close {
  font-weight: 1000;
}
.blue-theme-progress-circle-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-progress-percentage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
}
.blue-theme-progress-circle .blue-theme-progress-percentage {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.blue-theme-progress-circle {
  display: inline-block;
  position: relative;
}
.blue-theme-progress-circle .blue-theme-progress-icon {
  display: inline;
}
.blue-theme-progress-circle-outer {
  color: rgba(0, 0, 0, 0.04);
  stroke: rgba(0, 0, 0, 0.04);
}
.blue-theme-progress-pie {
  display: inline-block;
  border-radius: 50%;
}
.blue-theme-progress-hide-rate .blue-theme-progress-bar {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-collapse {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  text-align: left;
}
.blue-theme-collapse > :last-child {
  border-bottom: none;
}
.blue-theme-collapse > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  background-color: #fff;
}
.blue-theme-collapse > .blue-theme-collapse-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.blue-theme-collapse > .blue-theme-collapse-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-collapse-sample {
  border-left: none;
  border-right: none;
}
.blue-theme-collapse-sample > .blue-theme-collapse-item > .blue-theme-collapse-item-header {
  background-color: #fff;
}
.blue-theme-collapse-sample > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  border-top: none;
}
.blue-theme-collapse-area {
  border: none;
}
.blue-theme-collapse-area > .blue-theme-collapse-item {
  border-bottom: none;
  margin-bottom: 2px;
}
.blue-theme-collapse-area > .blue-theme-collapse-item > .blue-theme-collapse-item-header {
  background-color: #f5f5f5;
}
.blue-theme-collapse-area > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  background-color: #f5f5f5;
  border-top: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-collapse-item {
  font-size: 14px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-collapse-item-header {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fafafa;
  font-size: 14px;
  padding: 11px 8px;
  line-height: 22px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-collapse-item-header-right {
  padding-left: 32px;
}
.blue-theme-collapse-item-header-left {
  padding-right: 32px;
}
.blue-theme-collapse-item-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-collapse-item-content {
  color: rgba(0, 0, 0, 0.7);
  padding: 16px 12px 16px 36px;
}
.blue-theme-collapse-item .blue-theme-collapse-arrow {
  position: absolute;
  z-index: 1;
  text-align: center;
  top: 0;
  width: 32px;
  line-height: 44px;
  color: rgba(0, 0, 0, 0.5);
  transition: transform 0.3s;
  font-size: 16px;
}
.blue-theme-collapse-item-active .blue-theme-collapse-arrow-right {
  transform: rotate(-90deg);
}
.blue-theme-collapse-item-active .blue-theme-collapse-arrow-left {
  transform: rotate(90deg);
}
.blue-theme-collapse-item-collapse .blue-theme-collapse-arrow-right {
  transform: rotate(90deg);
}
.blue-theme-collapse-item-collapse .blue-theme-collapse-arrow-left {
  transform: rotate(-90deg);
}
.blue-theme-collapse-item-disabled .blue-theme-collapse-item-header {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-collapse-item-disabled .blue-theme-collapse-arrow {
  color: #ddd;
}
.blue-theme-collapse-item-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 121px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.blue-theme-list-loading {
  text-align: center;
}
.blue-theme-list-split .blue-theme-list-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-list-small {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-list-small .blue-theme-list-item,
.blue-theme-list-small .blue-theme-list-loading {
  padding: 8px 16px;
}
.blue-theme-list-normal .blue-theme-list-item,
.blue-theme-list-normal .blue-theme-list-loading {
  padding: 11px 16px;
}
.blue-theme-list-large {
  font-size: 16px;
  line-height: 24px;
}
.blue-theme-list-large .blue-theme-list-item,
.blue-theme-list-large .blue-theme-list-loading {
  padding: 14px 16px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list-item:hover, .blue-theme-list-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-list-item:active, .blue-theme-list-item.active {
  background-color: rgba(0, 0, 0, 0.06);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list-item-group-header {
  color: rgba(0, 0, 0, 0.35);
  padding: 7px 16px;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-contextmenu {
  position: fixed;
  z-index: 2000;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
}

.fade-in-blue-theme-contextmenu-enter-active {
  animation: fade-in-ctxmenu 0.2s;
}
.fade-in-blue-theme-contextmenu-leave-active {
  animation: fade-in-ctxmenu 0.2 reverse;
}

@keyframes fade-in-ctxmenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-skeleton-content {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.02) 37%, rgba(0, 0, 0, 0.04) 63%);
  background-size: 400% 100%;
}
.blue-theme-skeleton-active {
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.blue-theme-skeleton-paragraph {
  width: 100%;
  border-radius: 4px;
}
.blue-theme-skeleton-avatar {
  border-radius: 50%;
}
.blue-theme-skeleton-picture {
  width: 190px;
  height: 110px;
  border-radius: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-form-item-top .blue-theme-form-item-label {
  float: none;
  text-align: left;
  display: block;
  line-height: 22px;
  padding-right: 0;
  margin-bottom: 4px;
}
.blue-theme-form-inline .blue-theme-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-form-item {
  margin-bottom: 16px;
  vertical-align: top;
}
.blue-theme-form-item::before,
.blue-theme-form-item::after {
  display: table;
  content: "";
}

.blue-theme-form-item::after {
  clear: both;
}

.blue-theme-form-item-label {
  text-align: right;
  vertical-align: middle;
  float: left;
  padding-right: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 32px;
}
.blue-theme-form-item-left .blue-theme-form-item-label {
  text-align: left;
}
.blue-theme-form-item-content {
  position: relative;
  line-height: 32px;
  min-height: 32px;
  text-align: left;
  align-items: center;
}
.blue-theme-form-item-error-tip {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-error-tip.blue-theme-form-item-error-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-warning-tip {
  display: block;
  color: #ff9d00;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-warning-tip.blue-theme-form-item-warning-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-success-tip {
  display: block;
  color: #00ba73;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-success-tip.blue-theme-form-item-warning-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-helper {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 0;
}
.blue-theme-form-item-helper-right {
  margin-top: 0;
  margin-left: 8px;
  display: inline-block;
}
.blue-theme-form-item .blue-theme-form-item {
  margin-bottom: 0;
}
.blue-theme-form-item-error-bottom {
  margin-bottom: 0;
}
.blue-theme-form-item-required > .blue-theme-form-item-label:before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-carousel {
  position: relative;
  width: 100%;
}
.blue-theme-carousel:hover .blue-theme-carousel-btn.blue-theme-carousel-hover, .blue-theme-carousel.hover .blue-theme-carousel-btn.blue-theme-carousel-hover {
  visibility: visible;
}
.blue-theme-carousel .blue-theme-carousel-itemList-outer {
  position: relative;
  overflow: hidden;
}
.blue-theme-carousel .blue-theme-carousel-itemList::before {
  display: table;
  content: "";
}
.blue-theme-carousel .blue-theme-carousel-itemList::after {
  display: table;
  content: "";
  clear: both;
}
.blue-theme-carousel .blue-theme-carousel-itemList .blue-theme-carousel-item {
  float: left;
}
.blue-theme-carousel .blue-theme-carousel-indicator {
  text-align: center;
  margin: 0;
  padding: 0;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -16px);
  font-size: 0px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot {
  display: inline-block;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.25);
  cursor: pointer;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot-line {
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-active-dot {
  background-color: #fff;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-top {
  top: 0%;
  transform: translate(-50%, 16px);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-left {
  left: 0;
  top: 50%;
  transform: translateX(16px) translate(-50%, 0) rotate(90deg);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-right {
  right: 0;
  top: 50%;
  transform: translateX(-16px) translate(50%, 0) rotate(90deg);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside {
  position: relative;
  font-size: 0px;
  margin-top: 16px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot {
  display: inline-block;
  margin: 0 4px;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-line {
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-circle {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-circle.blue-theme-carousel-active-dot {
  width: 12px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-active-dot {
  background-color: rgba(0, 0, 0, 0.7);
}
.blue-theme-carousel .blue-theme-carousel-btn {
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-prev {
  top: 50%;
  left: 16px;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-next {
  top: 50%;
  right: 16px;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-always {
  visibility: visible;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-never {
  visibility: hidden;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-hover {
  visibility: hidden;
}
.blue-theme-carousel .blue-theme-carousel-btn i {
  font-size: 24px;
  font-weight: 500;
}
.blue-theme-carousel .blue-theme-carousel-item {
  position: absolute;
  z-index: 1;
  animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
}
.blue-theme-carousel .blue-theme-carousel-item-mask {
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-right {
  animation-name: turnover-right;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-left {
  animation-name: turnover-left;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-top {
  animation-name: turnover-top;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-bottom {
  animation-name: turnover-bottom;
}
.blue-theme-carousel-normal .blue-theme-carousel-item {
  transition-property: left, transform;
  transform: translateZ(-1px);
  left: -100%;
}
.blue-theme-carousel-normal .blue-theme-carousel-item-active {
  left: 0;
  transform: translateZ(100px);
}
.blue-theme-carousel-vertical .blue-theme-carousel-item {
  transition-property: top, transform;
  transform: translateZ(-1px);
  top: 0;
}
.blue-theme-carousel-vertical .blue-theme-carousel-item-active {
  top: 0;
  transform: translateZ(100px);
}
.blue-theme-carousel-card .blue-theme-carousel-item {
  transition-property: transform, left, opacity;
  opacity: 0.8;
  transform: scale(0.86) translateZ(-1px);
  left: 10%;
}
.blue-theme-carousel-card .blue-theme-carousel-item-active {
  left: 10%;
  opacity: 1;
  transform: translateZ(100px);
}
.blue-theme-carousel-card .blue-theme-carousel-item-prev-active {
  left: 0;
  transform-origin: 0 50%;
  transform: scale(0.86) translateZ(1px);
}
.blue-theme-carousel-card .blue-theme-carousel-item-next-active {
  left: 20%;
  transform-origin: 100% 50%;
  transform: scale(0.86) translateZ(1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item {
  transition-property: transform, opacity;
  opacity: 0;
  transform: translateZ(-1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-active {
  opacity: 1;
  transform: translateZ(100px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-prev-active {
  transform: translateZ(1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-next-active {
  transform: translateZ(1px);
}
@keyframes turnover-left {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes turnover-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes turnover-top {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@keyframes turnover-bottom {
  from {
    top: 100%;
  }
  to {
    top: 0;
  }
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-carousel-item {
  position: relative;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-steps {
  display: flex;
  overflow: hidden;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-step {
  position: relative;
  min-width: 150px;
}
.blue-theme-step-flex {
  flex: 1 1 auto;
}
.blue-theme-step-head {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.blue-theme-step-head-line {
  flex-grow: 1;
  height: 1px;
}
.blue-theme-step-head-line-dot {
  margin-top: 9px;
}
.blue-theme-step-head-number-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 2.4px;
  margin: 0 4px;
}
.blue-theme-step-head-number {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: inherit;
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.blue-theme-step-head-number i {
  font-weight: 1000;
}
.blue-theme-step-head-number .blue-theme-step-head-dot {
  border-radius: 50%;
  background: currentColor;
  background-clip: content-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 2px;
  border-style: solid;
}
.blue-theme-step-head-number .blue-theme-step-head-dot {
  width: 10px;
  height: 10px;
}
.blue-theme-step-head-number .blue-theme-step-head-line {
  height: 2px;
}
.blue-theme-step-head-icon {
  width: 28px;
  height: 28px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 28px;
  margin: 0 4px;
}
.blue-theme-step-dot .blue-theme-step-main-title {
  padding: 8px 8px 2px 8px;
}
.blue-theme-step-dot .blue-theme-step-head-number {
  height: 10px;
  width: 10px;
  margin: 4px;
}
.blue-theme-step-main {
  text-align: center;
}
.blue-theme-step-main-title {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 8px 2px 8px;
  font-weight: 500;
}
.blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0px 8px;
  word-break: break-all;
}
.blue-theme-step-finish > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #0a70f5;
  border: 1.5px solid #0a70f5;
  background-color: #fff;
}
.blue-theme-step-finish > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-step-finish > .blue-theme-step-head-line-first {
  background-color: #0a70f5;
}
.blue-theme-step-finish .blue-theme-step-nav-right {
  color: #0a70f5;
}
.blue-theme-step-finish .blue-theme-step-main-title {
  border-bottom-color: #0a70f5;
}
.blue-theme-step-finish > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-finish > .blue-theme-step-head-icon {
  color: #0a70f5;
}
.blue-theme-step-finish .blue-theme-step-main-title {
  font-weight: 400;
}
.blue-theme-step-finish > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-step-finish-next .blue-theme-step-head-line-last {
  background-color: #0a70f5;
}
.blue-theme-step-error > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #ff4a47;
  border: 1.5px solid #ff4a47;
  background-color: #fff;
}
.blue-theme-step-error > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-step-error > .blue-theme-step-head-line-first {
  background-color: #ff7d7a;
}
.blue-theme-step-error .blue-theme-step-nav-right {
  color: #ff7d7a;
}
.blue-theme-step-error .blue-theme-step-main-title {
  border-bottom-color: #ff7d7a;
}
.blue-theme-step-error > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-error > .blue-theme-step-head-icon {
  color: #ff4a47;
}
.blue-theme-step-error .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-error > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #ff4a47;
}
.blue-theme-step-error-next .blue-theme-step-head-line-last {
  background-color: #ff7d7a;
}
.blue-theme-step-cancel > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #ff9d00;
  border: 1.5px solid #ff9d00;
  background-color: #fff;
}
.blue-theme-step-cancel > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-step-cancel > .blue-theme-step-head-line-first {
  background-color: #ffc152;
}
.blue-theme-step-cancel .blue-theme-step-nav-right {
  color: #ffc152;
}
.blue-theme-step-cancel .blue-theme-step-main-title {
  border-bottom-color: #ffc152;
}
.blue-theme-step-cancel > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-cancel > .blue-theme-step-head-icon {
  color: #ff9d00;
}
.blue-theme-step-cancel .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-cancel > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #ff9d00;
}
.blue-theme-step-cancel-next .blue-theme-step-head-line-last {
  background-color: #ffc152;
}
.blue-theme-step-wait > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: rgba(0, 0, 0, 0.25);
  border: 1.5px solid rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.blue-theme-step-wait > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-step-wait > .blue-theme-step-head-line-first {
  background-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait .blue-theme-step-nav-right {
  color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait .blue-theme-step-main-title {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-wait > .blue-theme-step-head-icon {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-step-wait .blue-theme-step-main-title {
  font-weight: 400;
}
.blue-theme-step-wait > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.blue-theme-step-wait-next .blue-theme-step-head-line-last {
  background-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-process > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #fff;
  border: 1.5px solid #0a70f5;
  background-color: #0a70f5;
}
.blue-theme-step-process > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-step-process > .blue-theme-step-head-line-first {
  background-color: #0a70f5;
}
.blue-theme-step-process .blue-theme-step-nav-right {
  color: #0a70f5;
}
.blue-theme-step-process .blue-theme-step-main-title {
  border-bottom-color: #0a70f5;
}
.blue-theme-step-process > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-process > .blue-theme-step-head-icon {
  color: #0a70f5;
}
.blue-theme-step-process .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-process > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-step-process-next .blue-theme-step-head-line-last {
  background-color: #0a70f5;
}
.blue-theme-step:first-child .blue-theme-step-head .blue-theme-step-head-line-first {
  visibility: hidden;
}
.blue-theme-step:last-child .blue-theme-step-head .blue-theme-step-head-line-last {
  visibility: hidden;
}

.blue-theme-steps-right .blue-theme-step-head {
  left: -50%;
  margin-left: 14px;
}
.blue-theme-steps-right .blue-theme-step-head-number-wrapper {
  margin: 0 12px;
}
.blue-theme-steps-right .blue-theme-step-main {
  position: relative;
  margin: -33px 0 0 28px;
  z-index: 2;
  text-align: left;
}
.blue-theme-steps-right .blue-theme-step-main-title {
  display: inline-block;
  background: #fff;
  padding-right: 12px;
}
.blue-theme-steps-right .blue-theme-step-main-description {
  padding: 0 8px;
}

.blue-theme-steps-nav .blue-theme-step-nav-right {
  position: absolute;
  z-index: 1;
  font-size: 26px;
}
.blue-theme-steps-nav .blue-theme-step-head-line {
  opacity: 0;
}
.blue-theme-steps-nav .blue-theme-step-main-title {
  padding-bottom: 12px;
  border-bottom-width: 1px;
}
.blue-theme-steps-nav.blue-theme-steps {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blue-theme-steps-vertical {
  display: flex;
  flex-flow: column;
}
.blue-theme-steps-vertical .blue-theme-step {
  display: flex;
}
.blue-theme-steps-vertical .blue-theme-step-head {
  flex-grow: 0;
  width: 28px;
  min-height: 50px;
  left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blue-theme-steps-vertical .blue-theme-step-head-line {
  flex-grow: 1;
  width: 1px;
}
.blue-theme-steps-vertical .blue-theme-step-head-line-first {
  display: none;
}
.blue-theme-steps-vertical .blue-theme-step-head-number {
  min-height: 10px;
  margin: 4px 0;
}
.blue-theme-steps-vertical .blue-theme-step-main {
  text-align: left;
  /*     position: absolute;
  top: $size/2 - $lineHeight/2 - $steps-horizontal-statustext-margin-vertical;
  left: $size + $steps-vertical-statustext-margin-horizontal; */
  margin: 0;
  margin-left: 12px;
}
.blue-theme-steps-vertical .blue-theme-step-main-title {
  padding: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}
.blue-theme-steps-vertical .blue-theme-step-main-description {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 26px;
}
.blue-theme-steps-vertical .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-title {
  margin-top: -1px;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head-line {
  height: calc(100% - 18px);
  width: 1px;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head {
  width: 10px;
}

.blue-theme-steps-small .blue-theme-step-head-line-dot {
  margin-top: 5px;
}
.blue-theme-steps-small .blue-theme-step-head-number-wrapper {
  width: 20px;
  height: 20px;
  padding: 1.6px;
}
.blue-theme-steps-small .blue-theme-step-head-number {
  font-size: 12px;
  line-height: inherit;
}
.blue-theme-steps-small .blue-theme-step-head-number .blue-theme-step-head-dot {
  width: 10px;
  height: 10px;
}
.blue-theme-steps-small .blue-theme-step-head-number .blue-theme-step-head-line {
  height: 2px;
}
.blue-theme-steps-small .blue-theme-step-head-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.blue-theme-steps-small .blue-theme-step-main-title {
  font-size: 12px;
  line-height: 22px;
  padding: 8px 0 2px 0;
}
.blue-theme-steps-small .blue-theme-step-main-description {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-head {
  margin-left: 10px;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-main {
  margin: -29px 0 0 20px;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-main-title {
  padding: 8px 0 2px 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical {
  display: flex;
  flex-flow: column;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step {
  display: flex;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head {
  flex-grow: 0;
  width: 20px;
  min-height: 50px;
  left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-line {
  flex-grow: 1;
  width: 1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-line-first {
  display: none;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-number {
  min-height: 10px;
  margin: 4px 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main {
  text-align: left;
  /*     position: absolute;
  top: $size/2 - $lineHeight/2 - $steps-horizontal-statustext-margin-vertical;
  left: $size + $steps-vertical-statustext-margin-horizontal; */
  margin: 0;
  margin-left: 12px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-title {
  padding: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-description {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 26px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-title {
  margin-top: -1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head-line {
  height: calc(100% - 18px);
  width: 1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-small .blue-theme-step-nav-right {
  font-size: 18px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-timeline {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-holder {
  flex: 1 1 0;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-title {
  flex: 1 1 0;
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-content-wrapper {
  flex: 1 1 0;
  text-align: left;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-content-wrapper-reverse {
  flex: 1 1 0;
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-title {
  text-align: left;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper {
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper-reverse {
  text-align: left;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-timeline-item {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.blue-theme-timeline-item-title {
  color: rgba(0, 0, 0, 0.9);
  width: 40px;
  text-align: right;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 22px;
  padding-right: 12px;
}
.blue-theme-timeline-item-holder {
  flex: 0 0 auto;
  padding-right: 12px;
}
.blue-theme-timeline-item-content-wrapper {
  padding-left: 12px;
}
.blue-theme-timeline-item-content-wrapper-reverse {
  padding-right: 12px;
}
.blue-theme-timeline-item-content-wrapper, .blue-theme-timeline-item-content-wrapper-reverse, .blue-theme-timeline-item-title {
  margin-top: -4px;
  padding-bottom: 20px;
}
.blue-theme-timeline-item:last-of-type .blue-theme-timeline-item-line-tail {
  display: none;
}
.blue-theme-timeline-item-right {
  flex-direction: row-reverse;
  text-align: right;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-holder {
  padding-left: 10px;
  padding-right: 0px;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-title {
  padding-left: 10px;
  padding-right: 0px;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper {
  padding-left: 0px;
  padding-right: 10px;
}

.blue-theme-timeline-item-dot {
  display: inline-flex;
  color: #0a70f5;
  align-items: center;
  justify-content: center;
}
.blue-theme-timeline-item-dot > span {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-timeline-item-dot i {
  font-size: 16px;
}
.blue-theme-timeline-item-dot-normal, .blue-theme-timeline-item-dot-solid {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #0a70f5;
  box-shadow: none;
  border: 1px solid #0a70f5;
}
.blue-theme-timeline-item-dot-master {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #0a70f5;
  box-shadow: 0px 0px 0px 4px rgba(78, 115, 255, 0.12);
  border: 0px solid #0a70f5;
}
.blue-theme-timeline-item-dot-hollow {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  box-shadow: none;
  border: 2px solid #0a70f5;
}
.blue-theme-timeline-item-dot-disabled {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border: 0px solid transparent;
}
.blue-theme-timeline-item-dot-small .blue-theme-timeline-item-dot-content {
  width: 6px;
  height: 6px;
}
.blue-theme-timeline-item-dot-large .blue-theme-timeline-item-dot-content {
  width: 16px;
  height: 16px;
}

.blue-theme-timeline-item-line {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.blue-theme-timeline-item-line-tail {
  width: 0;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-timeline-item-line-tail-ghost {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0a70f5;
  background-color: #0a70f5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0a70f5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-rate {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}
.blue-theme-rate:focus, .blue-theme-rate:active, .blue-theme-rate.active {
  outline-width: 0;
}
.blue-theme-rate-item-wrapper {
  width: 32px;
}
.blue-theme-rate-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
  height: 32px;
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-rate-item:hover .blue-theme-rate-icon,
.blue-theme-rate-item:hover .blue-theme-rate-decimal {
  font-size: 32px;
  margin: 0;
}

.blue-theme-rate-icon, .blue-theme-rate-decimal {
  display: inline-flex;
  align-items: flex-end;
  font-size: 24px;
}
.blue-theme-rate-icon {
  color: rgba(0, 0, 0, 0.12);
  transition: all 0.1s linear;
}
.blue-theme-rate-decimal {
  position: absolute;
  z-index: 1;
  left: 0;
  overflow: hidden;
  transition: all 0.1s linear;
}
.blue-theme-rate-text {
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.9);
  margin-left: 0px;
}
.blue-theme-rate-item {
  cursor: pointer;
}
.blue-theme-rate-item-wrapper {
  font-size: 0;
  display: inline-flex;
  justify-content: center;
}
.blue-theme-rate-item-full {
  color: #ffd100;
}
.blue-theme-rate-item-full .blue-theme-rate-icon {
  color: currentColor;
}
.blue-theme-rate-item-half {
  color: #ffd100;
}
.blue-theme-rate-item-half .blue-theme-rate-decimal {
  color: currentColor;
}
.blue-theme-rate-disabled {
  pointer-events: none;
}
.blue-theme-rate-disabled .blue-theme-rate-item {
  cursor: default;
}
.blue-theme-rate-items-wrapper {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.blue-theme-rate-text-right .blue-theme-rate-text {
  margin-left: 12px;
}
.blue-theme-rate-text-bottom {
  flex-direction: column;
}
.blue-theme-rate-text-top {
  flex-direction: column-reverse;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-transfer-panel {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  max-height: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.blue-theme-transfer-panel-body {
  padding: 4px 0;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
.blue-theme-transfer-panel-body.with-footer {
  padding-bottom: 40px;
}

.blue-theme-transfer-panel-pagination {
  margin: 8px 0 4px;
  text-align: right;
}
.blue-theme-transfer-panel-list {
  margin: 0;
  flex: 1 1 auto;
  width: 100%;
  list-style: none;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 0 4px;
  overflow: overlay;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-transfer-panel-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.blue-theme-transfer-panel-item {
  height: 36px;
  line-height: 36px;
  padding-left: 12px;
  border-radius: 4px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blue-theme-transfer-panel-item + .blue-theme-transfer-panel-item {
  margin-left: 0;
}
.blue-theme-transfer-panel-item.blue-theme-checkbox {
  display: block;
  margin-right: 0;
}
.blue-theme-transfer-panel-item:hover, .blue-theme-transfer-panel-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-transfer-panel-filter {
  text-align: center;
  margin: 4px 12px;
  box-sizing: border-box;
}
.blue-theme-transfer-panel-filter.blue-theme-input-wrapper {
  width: auto;
  flex: 0 0 auto;
}

.blue-theme-transfer-panel .blue-theme-transfer-panel-header {
  display: block;
  height: 40px;
  background: #fff;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-checkbox {
  line-height: 40px;
  margin-right: 8px;
  vertical-align: top;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-transfer-panel-separation {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer {
  height: 40px;
  background: #fff;
  margin: 0;
  padding: 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer .blue-theme-checkbox {
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-transfer-panel .blue-theme-transfer-sum {
  float: right;
  margin-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 40px;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px 0;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.blue-theme-transfer {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
}
.blue-theme-transfer-buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
}

.blue-theme-transfer-button.blue-theme-btn {
  display: flex;
  margin: 0 auto 12px;
  width: 32px;
  height: 32px;
  min-width: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
  text-align: center;
}
.blue-theme-transfer-button-with-texts.blue-theme-btn {
  padding: 0 12px;
  border-radius: 4px;
  width: auto;
}
.blue-theme-transfer-button-with-texts.blue-theme-btn span {
  font-size: 14px;
}
.blue-theme-transfer-button-disabled {
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.06);
}
.blue-theme-transfer-button-disabled:hover, .blue-theme-transfer-button-disabled.hover {
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.06);
}

.blue-theme-transfer-button:first-child {
  margin-bottom: 10px;
}
.blue-theme-transfer-button:nth-child(2) {
  margin: 0;
}
.blue-theme-transfer-button > i,
.blue-theme-transfer-button > span {
  line-height: 18px;
}
.blue-theme-transfer-button i {
  font-size: 14px;
}
.blue-theme-transfer-button [class*=blue-theme-icon-] + span {
  margin-left: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-transfer-panel {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  max-height: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.blue-theme-transfer-panel-body {
  padding: 4px 0;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
.blue-theme-transfer-panel-body.with-footer {
  padding-bottom: 40px;
}

.blue-theme-transfer-panel-pagination {
  margin: 8px 0 4px;
  text-align: right;
}
.blue-theme-transfer-panel-list {
  margin: 0;
  flex: 1 1 auto;
  width: 100%;
  list-style: none;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 0 4px;
  overflow: overlay;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-transfer-panel-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.blue-theme-transfer-panel-item {
  height: 36px;
  line-height: 36px;
  padding-left: 12px;
  border-radius: 4px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blue-theme-transfer-panel-item + .blue-theme-transfer-panel-item {
  margin-left: 0;
}
.blue-theme-transfer-panel-item.blue-theme-checkbox {
  display: block;
  margin-right: 0;
}
.blue-theme-transfer-panel-item:hover, .blue-theme-transfer-panel-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-transfer-panel-filter {
  text-align: center;
  margin: 4px 12px;
  box-sizing: border-box;
}
.blue-theme-transfer-panel-filter.blue-theme-input-wrapper {
  width: auto;
  flex: 0 0 auto;
}

.blue-theme-transfer-panel .blue-theme-transfer-panel-header {
  display: block;
  height: 40px;
  background: #fff;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-checkbox {
  line-height: 40px;
  margin-right: 8px;
  vertical-align: top;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-transfer-panel-separation {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer {
  height: 40px;
  background: #fff;
  margin: 0;
  padding: 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer .blue-theme-checkbox {
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-transfer-panel .blue-theme-transfer-sum {
  float: right;
  margin-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 40px;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px 0;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-announcement {
  padding: 7px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #fff6e0;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
  display: flex;
  width: 100%;
}
.blue-theme-announcement-success {
  background-color: #eff8ff;
  color: #005ade;
}
.blue-theme-announcement-success .blue-theme-announcement-icon {
  color: #0a70f5;
}
.blue-theme-announcement-success .blue-theme-announcement-description {
  color: #005ade;
}

.blue-theme-announcement-success {
  background-color: #edfaf4;
  color: #007038;
}
.blue-theme-announcement-success .blue-theme-announcement-icon {
  color: #00ba73;
}
.blue-theme-announcement-success .blue-theme-announcement-description {
  color: #007038;
}

.blue-theme-announcement-warning {
  background-color: #fff6e0;
  color: #8A4100;
}
.blue-theme-announcement-warning .blue-theme-announcement-icon {
  color: #ff9d00;
}
.blue-theme-announcement-warning .blue-theme-announcement-description {
  color: #8A4100;
}

.blue-theme-announcement-error {
  background-color: #fff2f0;
  color: #B3090E;
}
.blue-theme-announcement-error .blue-theme-announcement-icon {
  color: #f5483b;
}
.blue-theme-announcement-error .blue-theme-announcement-description {
  color: #B3090E;
}

.blue-theme-announcement-info {
  background-color: #eff8ff;
  color: #005ade;
}
.blue-theme-announcement-info .blue-theme-announcement-icon {
  color: #0a70f5;
}
.blue-theme-announcement-info .blue-theme-announcement-description {
  color: #005ade;
}

.blue-theme-announcement-secondary {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-announcement-secondary .blue-theme-announcement-icon {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-announcement-secondary .blue-theme-announcement-description {
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-announcement-icon {
  font-size: 20px;
  margin-top: 1px;
}

.blue-theme-announcement.blue-theme-announcement-closable .blue-theme-announcement-content {
  padding-right: 20px;
}
.blue-theme-announcement-icon + .blue-theme-announcement-content {
  margin-left: 8px;
}
.blue-theme-announcement-content {
  flex: 1 1 auto;
  word-break: break-word;
}
.blue-theme-announcement-has-description {
  padding: 12px 16px;
}
.blue-theme-announcement-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.blue-theme-announcement-title-large {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.blue-theme-announcement-title-large.blue-theme-announcement-icon {
  line-height: 22px;
}

.blue-theme-announcement-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.35);
}

.blue-theme-announcement-close {
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.blue-theme-announcement-close:hover, .blue-theme-announcement-close.hover, .blue-theme-announcement-close:focus {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

.blue-theme-announcement-fade-enter,
.blue-theme-announcement-fade-leave-active {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/* @mixin tag-pure-color($color, $bgc) {

  // 面型
  &.blue-theme-tag-pure {
    background-color: $bgc;
    color: $color;
    border-color: $bgc;
  }
}
 */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  border: 1px solid;
  transition: all 0.3s;
  font-size: 0;
  height: 24px;
  padding: 2px 4px;
  min-width: 32px;
  max-width: 220px;
  border-radius: 4px;
}
.blue-theme-tag-clickable {
  cursor: pointer;
}
.blue-theme-tag-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tag-content-prefix {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tag-close {
  flex: 0 0 auto;
  margin-left: 0.5em;
  vertical-align: middle;
  cursor: pointer;
  color: currentColor;
  line-height: 0;
  padding: 1px;
}
.blue-theme-tag-close:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2000px;
}
.blue-theme-tag-close i {
  transform: scale(0.8);
}
.blue-theme-tag-normal-color {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-tag-normal-color.blue-theme-tag-ghost {
  background-color: #fff;
}
.blue-theme-tag-normal-color.blue-theme-tag-pure {
  border: none;
}
.blue-theme-tag-gray {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-gray.blue-theme-tag-fuzzy {
  background-color: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-pure {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  color: white;
}
.blue-theme-tag-blue {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-blue.blue-theme-tag-fuzzy {
  background-color: rgba(10, 112, 245, 0.06);
  border-color: rgba(10, 112, 245, 0.1);
  color: #0a70f5;
}
.blue-theme-tag-blue.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-tag-blue.blue-theme-tag-pure {
  background-color: #0a70f5;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-green {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-green.blue-theme-tag-fuzzy {
  background-color: rgba(0, 186, 115, 0.06);
  border-color: rgba(0, 186, 115, 0.1);
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #00ba73;
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-pure {
  background-color: #00ba73;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-red {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-red.blue-theme-tag-fuzzy {
  background-color: rgba(255, 74, 71, 0.06);
  border-color: rgba(255, 74, 71, 0.1);
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #ff4a47;
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-pure {
  background-color: #ff4a47;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-purple {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-purple.blue-theme-tag-fuzzy {
  background-color: rgba(125, 26, 255, 0.06);
  border-color: rgba(125, 26, 255, 0.1);
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #7D1AFF;
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-pure {
  background-color: #7D1AFF;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-orange {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-orange.blue-theme-tag-fuzzy {
  background-color: rgba(255, 94, 0, 0.06);
  border-color: rgba(255, 94, 0, 0.1);
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FF5E00;
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-pure {
  background-color: #FF5E00;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-brown {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-brown.blue-theme-tag-fuzzy {
  background-color: rgba(158, 117, 73, 0.06);
  border-color: rgba(158, 117, 73, 0.1);
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #9E7549;
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-pure {
  background-color: #9E7549;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  background-color: rgba(255, 209, 0, 0.06);
  border-color: rgba(255, 209, 0, 0.1);
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FFD100;
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  background-color: #FFD100;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tag-unbordered {
  border-color: transparent !important;
}
.blue-theme-tag-disabled {
  cursor: not-allowed;
  border-color: #e2e6ed !important;
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}
.blue-theme-tag-disabled .blue-theme-tag-close {
  pointer-events: none;
  color: #d7dbe2;
}
.blue-theme-tag-small {
  height: 20px;
  padding: 2px 4px;
  min-width: 28px;
  max-width: 170px;
  border-radius: 4px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-close {
  font-size: 10px;
  margin-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-rounded {
  font-size: 10px;
  padding: 2px 8px;
}
.blue-theme-tag-small.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-close {
  font-size: 12px;
  margin-left: 2px;
}
.blue-theme-tag.blue-theme-tag-rounded {
  font-size: 12px;
  padding: 2px 8px;
}
.blue-theme-tag.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-large {
  height: 32px;
  padding: 2px 4px;
  min-width: 44px;
  max-width: 270px;
  border-radius: 4px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-close {
  font-size: 14px;
  margin-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-rounded {
  font-size: 14px;
  padding: 2px 8px;
}
.blue-theme-tag-large.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-rounded {
  border-radius: 100px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2a8efe;
}
.blue-theme-input:focus {
  border-color: #0a70f5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0a70f5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2a8efe;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0a70f5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2a8efe;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0a70f5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0a70f5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/* @import "./dropdown-menu.scss";
@import "./dropdown-menu-item.scss"; */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

.blue-theme-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  text-align: left;
  cursor: pointer;
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      display: inline-block;
      transition: transform 0.3s;
      transform: rotate(0deg);

      &.blue-theme-icon-down-reverse {
        transform: rotate(180deg);
      }
    }
  } */
  /* &-choices {
    margin: $s-1 0;
  } */
  /*   &-tags-li {
    float: right;
    line-height: $input-height - 2px;
    font-size: $font-size-1;
    color: $select-tags-text-color;
    text-align: left;
  } */
}
.blue-theme-select .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}
.blue-theme-select .blue-theme-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-select input {
  font-size: 14px;
}
.blue-theme-select-large {
  width: 200px;
}
.blue-theme-select-large input {
  font-size: 16px;
}
.blue-theme-select-large .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 40px;
  line-height: 40px;
  font-size: 18px;
}
.blue-theme-select-large .blue-theme-tag-large {
  height: 32px;
  line-height: 30px;
}
.blue-theme-select-small {
  width: 160px;
}
.blue-theme-select-small input {
  font-size: 12px;
}
.blue-theme-select-small .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 24px;
  line-height: 24px;
  font-size: 14px;
}
.blue-theme-select-disabled,
.blue-theme-select .blue-theme-input-disabled,
.blue-theme-select .blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-select-search-focus {
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      transform: rotate(180deg);
    }
  } */
}
.blue-theme-select-search-focus .blue-theme-input-wrapper {
  border-color: #0a70f5;
}
.blue-theme-select-group-wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
.blue-theme-select-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  margin-bottom: 4px;
  padding: 0 12px;
}
.blue-theme-select-group {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-select-selected-check {
  float: right;
  line-height: inherit;
  color: inherit;
}
.blue-theme-select-dropdown-empty, .blue-theme-select-dropdown-loading {
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-select-multiple {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-select-multiple-input {
  padding-left: 8px;
  padding-right: 8px;
}
.blue-theme-select-multiple-input .blue-theme-tag-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-select-multiple-line {
  border-width: 0;
  border-bottom-width: 1px;
}
.blue-theme-select-multiple-invalid {
  border-color: #f5483b;
}
.blue-theme-select-multiple-focus {
  border-color: #0a70f5;
}
.blue-theme-select-multiple .blue-theme-select-input {
  position: absolute;
  z-index: 1;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  line-height: 1;
}
.blue-theme-select-multiple .blue-theme-select-input .blue-theme-input {
  border: none;
}
.blue-theme-select-tags {
  padding-left: 4px;
  padding-right: 32px;
  position: relative;
  z-index: 2;
}
.blue-theme-select-tags-text {
  line-height: 30px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-left: 2px;
}
.blue-theme-select-tags-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.blue-theme-select-search-line {
  display: inline-block;
  line-height: 1;
}
.blue-theme-select-choice {
  display: flex;
  align-items: center;
  float: left;
  font-size: 0;
  max-width: 100%;
}
.blue-theme-select-search-field-wrap {
  display: inline-block;
}
.blue-theme-select-search-field {
  line-height: 30px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 32px;
  line-height: 32px;
  font-size: 16px;
}
.blue-theme-select-no-matched, .blue-theme-select-loading, .blue-theme-select-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-select-allow-create {
  cursor: pointer;
  text-decoration: none;
}
.blue-theme-select .blue-theme-select-input-readonly {
  background-color: inherit;
  color: inherit;
}

.no-padding {
  padding: 0;
}

.blue-theme-pager {
  user-select: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin-left: -8px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-pager-item {
  font-size: 14px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-left: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 0px 4px;
  display: inline-block;
  cursor: pointer;
  background: #fff;
  text-align: center;
  vertical-align: top;
  transition: all 0.3s;
}
.blue-theme-pager-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-item.blue-theme-pager-prev, .blue-theme-pager-item.blue-theme-pager-quickprev, .blue-theme-pager-item.blue-theme-pager-next, .blue-theme-pager-item.blue-theme-pager-quicknext {
  font-size: 20px;
}
.blue-theme-pager-prev, .blue-theme-pager-next, .blue-theme-pager-simple-item {
  color: rgba(0, 0, 0, 0.5);
  border-width: 0;
}
.blue-theme-pager-prev:hover, .blue-theme-pager-prev.hover, .blue-theme-pager-prev:focus, .blue-theme-pager-next:hover, .blue-theme-pager-next.hover, .blue-theme-pager-next:focus, .blue-theme-pager-simple-item:hover, .blue-theme-pager-simple-item.hover, .blue-theme-pager-simple-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-pager-prev:active, .blue-theme-pager-next:active, .blue-theme-pager-simple-item:active {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-pager-quickprev, .blue-theme-pager-quicknext {
  border: none;
  line-height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* background-color: transparent; */
}
.blue-theme-pager-quickprev:hover, .blue-theme-pager-quickprev.hover, .blue-theme-pager-quickprev:focus, .blue-theme-pager-quicknext:hover, .blue-theme-pager-quicknext.hover, .blue-theme-pager-quicknext:focus {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-pager-quickprev:active, .blue-theme-pager-quicknext:active {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-pager-active {
  border: 1px solid #4D97FF;
  background: #fff;
  color: #0a70f5;
  font-weight: 400;
  cursor: default;
}
.blue-theme-pager-active:hover, .blue-theme-pager-active.hover, .blue-theme-pager-active:focus {
  border-color: #4D97FF;
  background: #fff;
  color: #0a70f5;
}
.blue-theme-pager-disabled, .blue-theme-pager-disabled:hover, .blue-theme-pager-disabled.hover, .blue-theme-pager-disabled:focus {
  cursor: not-allowed;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-pager-small {
  margin-left: -8px;
}
.blue-theme-pager-small .blue-theme-pager-item {
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  margin-left: 8px;
}
.blue-theme-pager-small .blue-theme-pager-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-small .blue-theme-pager-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-prev, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-quickprev, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-next, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-quicknext {
  font-size: 16px;
}
.blue-theme-pager-small .blue-theme-pager-quickprev,
.blue-theme-pager-small .blue-theme-pager-quicknext {
  min-width: auto;
  line-height: 24px;
}
.blue-theme-pager-small .blue-theme-pager-simple-span {
  font-size: 24px;
}
.blue-theme-pager-small .blue-theme-pager-simple-item {
  line-height: 24px;
  height: 24px;
  vertical-align: top;
}
.blue-theme-pager-small .blue-theme-pager-simple-item .blue-theme-pager-simple-input {
  width: 24px;
}
.blue-theme-pager-unborder .blue-theme-pager-item {
  border: 1px solid transparent;
}
.blue-theme-pager-simple-item {
  font-size: 14px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-left: 8px;
  display: inline-block;
  padding: 0 7px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  cursor: pointer;
}
.blue-theme-pager-simple-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-simple-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-simple-item.blue-theme-pager-prev, .blue-theme-pager-simple-item.blue-theme-pager-quickprev, .blue-theme-pager-simple-item.blue-theme-pager-next, .blue-theme-pager-simple-item.blue-theme-pager-quicknext {
  font-size: 20px;
}
.blue-theme-pager-simple-item .blue-theme-pager-simple-input {
  margin-left: 0;
  margin-right: 4px;
}
.blue-theme-pager-simple-popper {
  padding: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu {
  min-width: 48px;
  max-height: 170px;
  width: 48px;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item {
  text-align: center;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item-selected {
  font-weight: 400;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu::-webkit-scrollbar {
  width: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu .blue-theme-virtual-container::-webkit-scrollbar {
  width: 0;
}

.blue-theme-pagination {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  /* .blue-theme-input-wrapper {
    border-color: $pagination-border-color
  } */
}
.blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):focus, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):focus {
  color: #4D97FF;
  border-color: #4D97FF;
}
.blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):active, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):active {
  color: #0049bf;
  border-color: #0049bf;
  background: #F4F5F7;
}
.blue-theme-pagination-fullfill .blue-theme-pager-active {
  color: #fff;
  background-color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):focus {
  color: #4D97FF;
  background-color: transparent;
}
.blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):active {
  color: #0049bf;
  background-color: transparent;
}
.blue-theme-pagination-unborder .blue-theme-pager-active {
  color: #005ade;
  background-color: #eff8ff;
  border-color: transparent;
}
.blue-theme-pagination-options, .blue-theme-pagination-jumper {
  display: inline-block;
  margin-left: 16px;
}
.blue-theme-pagination-total {
  margin-right: 8px;
}
.blue-theme-pagination-total {
  color: rgba(0, 0, 0, 0.35);
  line-height: 32px;
}
.blue-theme-pagination-jumper-input {
  width: 40px;
  height: 32px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0px 4px;
  margin-left: 8px;
  background-color: #fff;
  font-size: inherit;
  text-align: center;
  -webkit-appearance: none;
  background-image: none;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
}
.blue-theme-pagination-jumper-input:hover, .blue-theme-pagination-jumper-input.hover, .blue-theme-pagination-jumper-input:focus, .blue-theme-pagination-jumper-input:active, .blue-theme-pagination-jumper-input.active {
  border-color: #4D97FF;
}
.blue-theme-pagination-jumper-input::-webkit-inner-spin-button, .blue-theme-pagination-jumper-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.blue-theme-pagination-small {
  font-size: 12px;
}
.blue-theme-pagination-small .blue-theme-pagination-total,
.blue-theme-pagination-small .blue-theme-pagination-options {
  margin-left: 8px;
}
.blue-theme-pagination-small .blue-theme-pagination-total {
  line-height: 24px;
}
.blue-theme-pagination-small .blue-theme-pagination-jumper {
  margin-left: 8px;
}
.blue-theme-pagination-small .blue-theme-pagination-jumper-input {
  width: 40px;
  height: 24px;
  margin-left: 4px;
}
.blue-theme-pagination .blue-theme-select {
  width: 100px;
}

.blue-theme-pager-simple-popper {
  padding: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu {
  min-width: 48px;
  max-height: 170px;
  width: 48px;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item {
  text-align: center;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item-selected {
  font-weight: 400;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu::-webkit-scrollbar {
  width: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu .blue-theme-virtual-container::-webkit-scrollbar {
  width: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-affix {
  position: fixed;
  z-index: 1900;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-affix {
  position: fixed;
  z-index: 1900;
}

.blue-theme-anchor {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-anchor-wrapper {
  overflow: auto;
  padding-left: 4px;
  margin-left: -4px;
}
.blue-theme-anchor {
  position: relative;
  padding-left: 2px;
}
.blue-theme-anchor-ink {
  position: absolute;
  z-index: 1;
  height: 100%;
  left: 0;
  top: 0;
}
.blue-theme-anchor-ink:before {
  content: " ";
  position: relative;
  width: 2px;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.06);
  margin: 0 auto;
}
.blue-theme-anchor-ink-ball {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 2px;
  height: 20px;
  background: #0a70f5;
  left: 50%;
  transition: top 0.2s ease-in-out;
  transform: translate3d(-50%, 0px, 0px);
}
.blue-theme-anchor-ink-right {
  left: auto;
  right: 0;
}
.blue-theme-anchor.fixed .blue-theme-anchor-ink .blue-theme-anchor-ink-ball {
  display: none;
}
.blue-theme-anchor-link {
  padding: 4px 0 4px 12px;
  text-align: left;
}
.blue-theme-anchor-link-right {
  padding-right: 12px;
  padding-left: 0;
  text-align: right;
}
.blue-theme-anchor-link:nth-child(2) {
  padding-top: 0;
}
.blue-theme-anchor-link:last-child {
  padding-bottom: 0;
}
.blue-theme-anchor-link-title {
  display: block;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.blue-theme-anchor-link-title:only-child {
  margin-bottom: 0;
}
.blue-theme-anchor-link-title:hover, .blue-theme-anchor-link-title.hover {
  text-decoration: none;
  color: #0a70f5;
  font-weight: 400;
}
.blue-theme-anchor-link-active > .blue-theme-anchor-link-title {
  color: #0a70f5;
  font-weight: 500;
}
.blue-theme-anchor-link .blue-theme-anchor-link {
  padding-top: 4px;
  padding-bottom: 4px;
}
.blue-theme-anchor-link .blue-theme-anchor-link:last-child {
  padding-bottom: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  box-sizing: border-box;
  min-width: 0;
}
.blue-theme-container-vertical {
  flex-direction: column;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-main {
  display: block;
  flex: 1 1 auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-popconfirm {
  padding: 12px 12px;
}
.blue-theme-popconfirm-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.blue-theme-popconfirm-content {
  flex: 1;
  min-width: 0;
}
.blue-theme-popconfirm-actions {
  text-align: right;
}
.blue-theme-popconfirm-actions .blue-theme-btn {
  margin-left: 8px;
}
.blue-theme-popconfirm-icon {
  color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-file {
  position: relative;
  vertical-align: top;
}
.blue-theme-file:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-file-type-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-file-type-filled-panel {
  border: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-file-type-filled-panel:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-file-type-filled-panel.blue-theme-file-fail {
  background-color: #fff2f0;
}
.blue-theme-file-type-picture-card {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  display: inline-flex;
}
.blue-theme-file-type-picture-card.blue-theme-file-fail > div {
  border-color: #ff4a47;
}
.blue-theme-file-type-picture-card .blue-theme-file-thumbnail {
  height: 100%;
  width: 100%;
}
.blue-theme-file-type-picture-card > div {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.02);
}
.blue-theme-file-type-picture-card-uploading {
  height: 100%;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.blue-theme-file-type-picture-card:hover .blue-theme-file-pic-actions {
  display: inline-flex;
}
.blue-theme-file-content {
  text-align: left;
  flex-grow: 1;
  padding: 0 8px;
  overflow: hidden;
}
.blue-theme-file-title {
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-file-msg {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  display: inline-flex;
  align-items: center;
}
.blue-theme-file-msg > span:not(:last-child) {
  margin-right: 8px;
}
.blue-theme-file-icon {
  height: 100%;
  display: inline-flex;
}
.blue-theme-file-icon > i {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  margin-left: 12px;
  transition: all;
}
.blue-theme-file-icon > i:hover {
  font-weight: 600;
}
.blue-theme-file-fail {
  border-color: #FFD4CC;
}
.blue-theme-file-fail .blue-theme-file-msg {
  color: #ff4a47;
}
.blue-theme-file-pic-actions {
  height: 24px;
  position: absolute;
  z-index: 1;
  top: -6px;
  right: -6px;
  display: flex;
  z-index: 1;
  display: none;
}
.blue-theme-file-pic-actions > div {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  font-size: 14px;
  color: #fff;
  background-color: #4c4c4c;
}
.blue-theme-file-pic-actions > div:hover {
  background-color: #616161;
}
.blue-theme-file-pic-actions > div:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.blue-theme-file-pic-actions > div:last-child i {
  margin-right: 4px;
}
.blue-theme-file-pic-actions > div:first-child {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
.blue-theme-file-pic-actions > div:first-child i {
  margin-left: 4px;
}
.blue-theme-file-pic {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-size: 100% 100%;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-progress {
  display: inline-flex;
  align-items: center;
  color: #0a70f5;
  line-height: 1;
}
.blue-theme-progress-bar {
  display: inline-block;
  width: 100%;
  /*     padding-right: $progress-text-width;
      margin-right: -$progress-text-width; */
}
.blue-theme-progress-bar-outer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
}
.blue-theme-progress-bar-inner {
  width: 0%;
  height: 100%;
  max-width: 100%;
  background-color: currentColor;
  border-radius: 100px;
  transition: all 0.3s;
}
.blue-theme-progress-stroke-linecap-square .blue-theme-progress-bar-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-progress-error {
  color: #f5483b;
}
.blue-theme-progress-error .blue-theme-progress-bar-inner {
  background-color: #f5483b;
}
.blue-theme-progress-success {
  color: #00ba73;
}
.blue-theme-progress-success .blue-theme-progress-bar-inner {
  background-color: #00ba73;
}
.blue-theme-progress-text {
  color: rgba(0, 0, 0, 0.9);
  display: inline-block;
  font-size: 14px;
}
.blue-theme-progress-icon {
  display: inline-block;
  font-size: 20px;
}
.blue-theme-progress-line {
  text-align: left;
  width: 100%;
}
.blue-theme-progress-line .blue-theme-progress-percentage {
  display: inline-block;
  margin-left: 12px;
}
.blue-theme-progress-circle circle {
  transition: all 0.3s;
}
.blue-theme-progress-circle .blue-theme-icon-check, .blue-theme-progress-circle .blue-theme-icon-close-thick,
.blue-theme-progress-circle .blue-theme-icon-close {
  font-weight: 1000;
}
.blue-theme-progress-circle-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-progress-percentage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
}
.blue-theme-progress-circle .blue-theme-progress-percentage {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.blue-theme-progress-circle {
  display: inline-block;
  position: relative;
}
.blue-theme-progress-circle .blue-theme-progress-icon {
  display: inline;
}
.blue-theme-progress-circle-outer {
  color: rgba(0, 0, 0, 0.04);
  stroke: rgba(0, 0, 0, 0.04);
}
.blue-theme-progress-pie {
  display: inline-block;
  border-radius: 50%;
}
.blue-theme-progress-hide-rate .blue-theme-progress-bar {
  padding-right: 0;
}

.blue-theme-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  /* 照片墙模式 */
}
.blue-theme-upload-input {
  display: none;
}

.blue-theme-upload [class^=blue-theme-icon-] {
  display: inline-block;
}
.blue-theme-upload-tip {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 7px;
}
.blue-theme-upload iframe {
  position: absolute;
  z-index: 1;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}
.blue-theme-upload-picture-card {
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  cursor: pointer;
  line-height: 100px;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-upload-picture-card i {
  font-size: 28px;
}
.blue-theme-upload-picture-card:hover, .blue-theme-upload-picture-card.hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-upload:focus {
  border-color: #0a70f5;
  color: #0a70f5;
}
.blue-theme-upload:focus .blue-theme-upload-dragger {
  border-color: #0a70f5;
}

.blue-theme-upload-dragger {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.blue-theme-upload-dragger .blue-theme-icon-export-o {
  font-size: 36px;
  color: rgba(0, 0, 0, 0.7);
  margin: 40px 0 10px;
  line-height: 50px;
}
.blue-theme-upload-dragger .blue-theme-icon-add {
  display: inline-block;
}
.blue-theme-upload-dragger + .blue-theme-upload-tip {
  text-align: center;
}
.blue-theme-upload-dragger ~ .blue-theme-upload-files {
  border-top: #e0e0e0;
  margin-top: 7px;
  padding-top: 5px;
}
.blue-theme-upload-dragger .blue-theme-upload-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  text-align: center;
}
.blue-theme-upload-dragger:hover, .blue-theme-upload-dragger.hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-upload-dragger-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #0a70f5;
}

.blue-theme-upload-list {
  margin: 0;
  margin-top: 12px;
  padding: 0;
  list-style: none;
}
.blue-theme-upload-list-enter-active, .blue-theme-upload-list-leave-active {
  transition: all 1s;
}
.blue-theme-upload-list-enter, .blue-theme-upload-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.blue-theme-upload-list-item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  line-height: 22px;
  font-weight: 400;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  background-color: inherit;
}
.blue-theme-upload-list-item .blue-theme-progress {
  position: absolute;
  z-index: 1;
  top: 10px;
  width: 100%;
}
.blue-theme-upload-list-item .blue-theme-upload-list-item-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 100%;
  text-align: left;
  font-size: 12px;
  transform: translate(0%, -50%);
  padding: 0 5px;
}
.blue-theme-upload-list-item .blue-theme-progress-text {
  display: none;
}
.blue-theme-upload-list-item .blue-theme-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.blue-theme-upload-list-item:first-child {
  margin-top: 10px;
}
.blue-theme-upload-list-item:hover, .blue-theme-upload-list-item.hover {
  background-color: #f5f7fa;
}
.blue-theme-upload-list-item:hover .blue-theme-icon-item-text, .blue-theme-upload-list-item.hover .blue-theme-icon-item-text {
  display: none;
}
.blue-theme-upload-list-item:hover .blue-theme-icon-item-text-hover, .blue-theme-upload-list-item.hover .blue-theme-icon-item-text-hover {
  display: inline-block;
}
.blue-theme-upload-list-item:focus {
  outline: none;
}
.blue-theme-upload-list-item-name {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-upload-list-item-name:hover, .blue-theme-upload-list-item-name.hover {
  color: inherit;
  text-decoration: none;
}
.blue-theme-upload-list-item-name .blue-theme-icon {
  height: 100%;
  margin-right: 7px;
  color: #808AB1;
  line-height: inherit;
  font-size: inherit;
}
.blue-theme-upload-list-item-status-text {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 3px;
  line-height: inherit;
  background: #abc;
  z-index: 1;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o {
  color: #00ba73;
  display: inline-block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  font-size: inherit;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text:hover, .blue-theme-upload-list-item-status-text .blue-theme-icon-item-text.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o.hover {
  color: inherit;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text-hover {
  display: none;
  position: absolute;
  z-index: 1;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o {
  right: 15px;
  color: #f5483b;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle {
  color: #B5BBD1;
  font-weight: 600;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o {
  color: #B5BBD1;
  right: 15px;
  font-weight: 600;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-fail {
  color: #f5483b;
}
.blue-theme-upload-list-picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.blue-theme-upload-list-picture-card .blue-theme-file-type-picture-card {
  margin: 0 8px 8px 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0a70f5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

.blue-theme-modal {
  pointer-events: auto;
  text-align: left;
  min-width: 400px;
  min-height: auto;
  max-width: 90vw;
  max-height: 82vh;
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.blue-theme-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.blue-theme-modal-drag .blue-theme-modal-title {
  cursor: move;
}
.blue-theme-modal-top {
  justify-content: flex-start;
}
.blue-theme-modal-top .blue-theme-modal {
  top: 20px;
}
.blue-theme-modal-top .blue-theme-modal-fullscreen {
  top: 0;
}
.blue-theme-modal-fullscreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.blue-theme-modal-header {
  padding: 16px 24px;
  flex: 0 0 auto;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-modal-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-modal-content-wrapper {
  padding: 16px 24px;
  overflow: auto;
  flex: 1 1 auto;
}
.blue-theme-modal-footer {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.blue-theme-modal-footer .blue-theme-btn + .blue-theme-btn {
  margin-left: 12px;
}
.blue-theme-modal-header + .blue-theme-modal-content-wrapper {
  padding-top: 0px;
}
.blue-theme-modal-content-wrapper + .blue-theme-modal-footer {
  padding-top: 0px;
}
.blue-theme-modal-close {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 24px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  flex: 0;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-modal-close:hover, .blue-theme-modal-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-menu {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 24px;
  display: flex;
}

.modal-fade-enter-active {
  animation: modal-fade-in 0.2s;
}
.modal-fade-leave-active {
  animation: modal-fade-out 0.2s;
}

@keyframes modal-fade-in {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2a8efe;
  border-color: #2a8efe;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ade;
  border-color: #005ade;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0a70f5;
  border-color: #0a70f5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0a70f5;
  border-color: #0a70f5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0a70f5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2a8efe;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ade;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ade;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0a70f5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-confirm-icon {
  float: left;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.blue-theme-confirm-icon i {
  vertical-align: top;
  line-height: 26px;
}
.blue-theme-confirm-warning {
  color: #ff9d00;
}
.blue-theme-confirm-error {
  color: #f5483b;
}
.blue-theme-confirm-success {
  color: #00ba73;
}
.blue-theme-confirm-info {
  color: #0a70f5;
}
.blue-theme-confirm-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 22px;
}
.blue-theme-confirm-title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-confirm-footer {
  text-align: right;
}
.blue-theme-confirm-footer button + button {
  margin-left: 12px;
}
.blue-theme-confirm-typed {
  margin: 0px 0px 0;
}
.blue-theme-confirm-typed .blue-theme-confirm-right {
  margin-left: 32px;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s, width 0.3s;
  width: 100%;
  text-align: left;
  line-height: 36px;
  font-size: 0;
}
.blue-theme-menu-vertical .blue-theme-submenu-direction {
  transform: rotateZ(-90deg);
}
.blue-theme-menu-horizontal {
  white-space: nowrap;
  line-height: 36px;
}
.blue-theme-menu-horizontal .blue-theme-menu-item,
.blue-theme-menu-horizontal .blue-theme-submenu {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 0;
}
.blue-theme-menu-horizontal .blue-theme-menu-item-title,
.blue-theme-menu-horizontal .blue-theme-submenu-title {
  padding-bottom: 6px;
}
.blue-theme-menu-inline {
  padding: 6px 2px;
}

.blue-theme-menu {
  /*   &-horizontal,
  &-vertical {
    .blue-theme-menu-light {

      .blue-theme-menu-item-active,
      .blue-theme-submenu-active {
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 100%;
          z-index: -1;
          background: $menu-light-active-color;
        }
      }

    }
  } */
}
.blue-theme-menu-light {
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
}
.blue-theme-menu-light .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-title.hover {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #0a70f5;
  background: #eff8ff;
  font-weight: 500;
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #0a70f5;
  background: #eff8ff;
}
.blue-theme-menu-light .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0a70f5;
  background: #eff8ff;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(0, 0, 0, 0.9);
  background: none;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(0, 0, 0, 0.9);
  background: none;
}
.blue-theme-menu-light .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #0a70f5;
  background: #eff8ff;
  opacity: 0.45;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0a70f5;
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active {
  position: relative;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 0;
  height: 3px;
  background: #0a70f5;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before {
  left: 16px;
  width: calc(100% - 24px - 8px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  left: 12px;
  width: calc(100% - 24px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 4px;
}
.blue-theme-menu-light .blue-theme-submenu-direction {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-menu-dark {
  color: rgba(255, 255, 255, 0.7);
  background: #303640;
}
.blue-theme-menu-dark .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-title.hover {
  background: rgba(68, 78, 94, 0.7);
  color: #fff;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  font-weight: 500;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}
.blue-theme-menu-dark .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  opacity: 0.45;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: none;
}

.blue-theme-menu.blue-theme-menu-collapse {
  width: 60px;
}
.blue-theme-menu-collapse .blue-theme-submenu-icon,
.blue-theme-menu-collapse .blue-theme-menu-item-icon {
  width: 100%;
  padding: 0;
  margin: 0;
}
.blue-theme-menu-collapse .blue-theme-menu-item-title,
.blue-theme-menu-collapse .blue-theme-submenu-title {
  max-width: 100%;
}
.blue-theme-menu-collapse .blue-theme-submenu-direction {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-title {
  position: relative;
  padding: 0 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: padding 0.3s;
  margin: 0 4px;
  border-radius: 6px;
}
.blue-theme-submenu-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-submenu-icon {
  font-size: 16px;
  min-width: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-right: 8px;
}
.blue-theme-submenu-direction {
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  text-align: center;
  margin-left: 12px;
  transition: transform 0.3s;
}
.blue-theme-submenu-direction-expanded {
  transform: rotateZ(180deg);
}
.blue-theme-submenu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-submenu-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-child-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-dropdown {
  list-style-type: none;
  margin: 0;
  padding: 4px 0px;
  width: 180px;
}
.blue-theme-submenu-dropdown .blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-dropdown .blue-theme-menu-item-active:before {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu-item {
  position: relative;
  cursor: pointer;
}
.blue-theme-menu-item-title {
  border-radius: 6px;
  margin: 0 4px;
  padding: 0 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  color: currentColor;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: padding 0.3s;
}
.blue-theme-menu-item-title:hover, .blue-theme-menu-item-title.hover {
  text-decoration: none;
}
.blue-theme-menu-item-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-menu-item-icon {
  display: flex;
  align-items: center;
  height: 36px;
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  margin-right: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0a70f5;
  background-color: #0a70f5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0a70f5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0a70f5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-sidebar {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(8, 28, 66, 0.1);
  width: 200px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  transition: width linear 0.3s;
  overflow: hidden;
}
.blue-theme-sidebar-header {
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  line-height: 56px;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  white-space: nowrap;
}
.blue-theme-sidebar-header-icon {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  font-size: 20px;
  top: 0px;
  right: 16px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.blue-theme-sidebar-header-icon > .blue-theme-icon {
  position: relative;
  z-index: 1;
}
.blue-theme-sidebar-menus {
  height: calc(100% - 56px);
  overflow: auto;
}
.blue-theme-sidebar-menus > .blue-theme-menu {
  background-color: transparent;
}
.blue-theme-sidebar-dark {
  background-color: #303640;
  color: rgba(255, 255, 255, 0.7);
}
.blue-theme-sidebar-dark .blue-theme-sidebar-header, .blue-theme-sidebar-dark .blue-theme-sidebar-header-icon {
  color: #fff;
}

.blue-theme-sidebar-collapse.blue-theme-sidebar {
  width: 60px;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-menus,
.blue-theme-sidebar-collapse .blue-theme-sidebar-header {
  width: 60px;
  max-width: 100%;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-menus .blue-theme-nav-link:before {
  margin-right: 0;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header {
  padding: 0px;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-title {
  display: none;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-icon {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  line-height: 56px;
  transform: none;
  border-radius: 0;
  background: none;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-icon::before {
  display: none;
}

.mtd-btn.mtd-btn-primary.mtd-btn-disabled,
.mtd-btn.mtd-btn-success.mtd-btn-disabled {
  color: #fff;
  background: var(--cs-common-primary2-color);
  border-color: var(--cs-common-primary2-color);
  opacity: 0.45;
}

.water-mark[data-v-20639c70] {
  z-index: 99999;
  position: absolute;
  pointer-events: none;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.03;
  background-size: 312px 95px;
  background-repeat: repeat;
  background-position: 0 0;
}

template[data-v-59adfa70] {
  display: block;
}
.notification-fade-leave-active {
  transition: all 0.3s ease;
}
.notification-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}
.notification-fade-enter-active {
  transition: all 0.3s ease;
}
.notification-fade-enter-from {
  transform: translateX(100%);
  opacity: 0;
}
.notification {
  display: flex;
  align-items: flex-start;
  width: 340px;
  padding: 16px 24px;
  border-radius: 10px;
  box-sizing: border-box;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border: 0 solid rgba(0, 0, 0, 0);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.notification-icon {
  font-size: 24px;
  margin-right: 8px;
}
.notification-title {
  font-family: PingFang SC, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.notification-content {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  margin: 16px 0 0;
}
.notification-footer {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  margin: 16px 0 0;
}
.notification-close {
  position: absolute;
  top: 14px;
  right: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chat-msg-popup[data-v-653c7c55] {
  width: 300px;
  height: 76px;
  padding: 0;
  z-index: 77;
  cursor: pointer;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
}
.chat-msg-popup .chat-msg-content[data-v-653c7c55] {
  padding: 16px;
}
.chat-msg-popup .chat-msg-header[data-v-653c7c55] {
  display: inline-block;
}
.chat-msg-popup .chat-msg-header .header-img[data-v-653c7c55] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.chat-msg-popup .chat-message[data-v-653c7c55] {
  width: 192px;
  display: inline-block;
  margin-left: 10px;
}
.chat-msg-popup .chat-message .message-name[data-v-653c7c55] {
  font-weight: 500;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
}
.chat-msg-popup .chat-message .message-content[data-v-653c7c55] {
  font-weight: 400;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-v-653c7c55] .notification-fade-enter-active {
  transform: translateX(100%);
}
[data-v-653c7c55] .notification-fade-leave-active {
  transition: opacity 1s;
}
[data-v-653c7c55] .notification-fade-leave-to {
  opacity: 0;
}
[data-v-653c7c55] .notification-close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15px;
  right: 12px;
}
[data-v-653c7c55] .notification-close:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
[data-v-1fe43ae3] .news-template-secret {
  width: auto;
}
[data-v-1fe43ae3] .news-template-secret .cs-f-secret-field .text-unsecret {
  white-space: normal;
  word-break: break-word;
}
.news-popup-item[data-v-1fe43ae3] {
  width: 300px;
  min-height: 82px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.news-popup-item .news-popup-left[data-v-1fe43ae3] {
  width: 82px;
  min-height: 82px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-shrink: 0;
}
.news-popup-item .news-popup-left .mg-icon[data-v-1fe43ae3] {
  color: #fff;
  font-size: 33px;
}
.news-popup-item.danger .news-popup-left[data-v-1fe43ae3] {
  background: #ed532a;
}
.news-popup-item.info .news-popup-left[data-v-1fe43ae3] {
  background: #00abff;
}
.news-popup-item.warning .news-popup-left[data-v-1fe43ae3] {
  background: #ffc100;
}
.news-popup-item .news-popup-right-header.title-danger[data-v-1fe43ae3] {
  color: #f00;
}
.news-popup-right[data-v-1fe43ae3] {
  display: flex;
  padding: 10px;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  justify-content: center;
}
.news-popup-right .news-popup-right-header[data-v-1fe43ae3] {
  font-size: 16px;
  color: #999;
}
.news-popup-right .news-popup-right-body[data-v-1fe43ae3] {
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-popup-right .news-popup-right-body .saas-both-call[data-v-1fe43ae3] {
  display: flex;
}
.news-popup-right .notification-later-button[data-v-1fe43ae3] {
  align-self: flex-end;
}
.news-popup-right .notification-later-button[data-v-1fe43ae3] .mtd-btn {
  height: 24px;
  font-size: 12px;
}
.news-popup-right .ws-visit-news-container[data-v-1fe43ae3] {
  height: 137px;
  overflow-y: scroll;
}
.news-popup-right .appoint-call-back-news-container[data-v-1fe43ae3] {
  height: 95px;
}
.background-danger[data-v-1fe43ae3] {
  background-color: var(--color-danger-2, #fff2f0);
}
.new-popup-component[data-v-185995dc] {
  position: fixed;
  z-index: 77;
  top: 238px;
  right: 10px;
  cursor: pointer;
}
[data-v-185995dc] .notification {
  width: 300px;
  padding: 0;
  border-radius: 0;
}
.new-popup-component-header[data-v-185995dc] {
  position: absolute;
  top: -30px;
  right: 0;
}
.new-popup-component-header-later[data-v-185995dc] {
  margin-left: 20px;
}
.news-popup-wrap[data-v-185995dc] {
  margin: 20px 0;
}
.news-popup-notification[data-v-185995dc] {
  position: relative;
}
[data-v-185995dc] .notification-footer {
  margin: 0;
}
[data-v-185995dc] .notification-content {
  margin: 0;
}
[data-v-185995dc] .notification-close {
  width: 14px;
  height: 14px;
  top: 10px;
  right: 5px;
  font-size: 14px;
}
[data-v-185995dc] .notification-close:hover {
  color: #f6f5ec;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.order-query-box[data-v-7c83d680] {
  min-width: 450px;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 10px;
}
.order-query-box[data-v-7c83d680] .mtd-form-item-label {
  text-align: center;
}
.order-query-box[data-v-7c83d680] .mtd-select {
  width: 210px;
}
.order-query-box .buttonBox[data-v-7c83d680] {
  margin-top: 20px;
}
.order-query-box .buttonBox .mtd-btn[data-v-7c83d680] {
  margin-left: 10px;
}
.manager-notice-form-box[data-v-5350a260] {
  min-width: 450px;
  margin-top: 10px;
}
.manager-notice-form-box[data-v-5350a260] .mtd-select {
  width: 320px;
}
.manager-notice-form-box[data-v-5350a260] .mtd-textarea-wrapper {
  text-align: left;
}
.manager-notice-form-box[data-v-5350a260] .mtd-textarea {
  width: 320px;
}
.case-query-box[data-v-6a3383c9] {
  width: 500px;
}
.case-query-box .case-query-search[data-v-6a3383c9] {
  width: 100%;
  margin-top: 12px;
  text-align: center;
}
.case-query-box .case-query-search-input[data-v-6a3383c9] {
  margin: 0 6px;
}
.case-query-box .case-detail-show[data-v-6a3383c9] {
  margin-top: 12px;
  margin-left: 58px;
}
.case-query-box .case-detail-show .case-detail-show-items[data-v-6a3383c9] {
  display: flex;
}
.case-query-box .case-detail-show .case-detail-show-items .case-detail-show-item[data-v-6a3383c9] {
  flex: 1;
  padding: 10px 0;
  margin-right: 10px;
  max-width: 221px;
  white-space: normal;
  word-break: break-word;
}
.select-businesses[data-v-1c2c194e] {
  max-height: 60px;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-up-operate-button[data-v-1c2c194e] {
  display: flex;
  justify-content: center;
  margin-left: -100px;
}
.width-300[data-v-1c2c194e] {
  width: 300px;
}
@charset "UTF-8";
.cs-icon.iconfont[data-v-545a02b4] {
  font-family: "iconfont", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-icon.icon[data-v-545a02b4] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}
@charset "UTF-8";
/* stylelint-disable no-descending-specificity */
.sidebar-aside[data-v-98ae60f0] {
  height: 100%;
  border-right: var(--cs-mc-sidebar-aside-border-right, 1px solid rgba(0, 0, 0, 0.06));
}
.sidebar-aside[data-v-98ae60f0]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--cs-index-nav-image);
  background-size: 48px auto;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #f0f0f0;
  opacity: 1;
}
.sidebar-aside[data-v-98ae60f0]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--cs-index-nav-expanded-image);
  background-size: 162px auto;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #f0f0f0;
  opacity: 0;
  z-index: -1;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title {
  overflow: visible;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title {
  padding: 0 6px;
  margin: 0;
  color: var(--cs-main-nav-item-color);
  margin-bottom: 2px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title::before,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title::before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: -6px;
  right: -8px;
  left: -8px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-collapse .mtd-menu-item-title,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-collapse .mtd-submenu-title {
  width: 32px;
  height: 32px;
  padding: 0;
  padding-left: 6px !important;
  border-radius: 6px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-text,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-text {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu:first-child {
  margin-top: 4px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-submenu-content {
  width: calc(100% + 10px);
  overflow-y: hidden;
  overflow-x: hidden;
  max-height: 280px !important;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-submenu-content::-webkit-scrollbar {
  background: transparent;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-submenu-content::-webkit-scrollbar-thumb {
  height: 30px;
  border-radius: 4px;
  background-color: #d8d8d8;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-submenu-content:hover {
  overflow-y: scroll;
  overflow-x: hidden;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-menu-item {
  margin: 3px 0;
  line-height: 24px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu .mtd-menu-item-title {
  width: 120px;
  border-radius: 4px;
}
.sidebar-aside[data-v-98ae60f0] .count-space-between .mtd-menu-item-text {
  display: flex;
  justify-content: space-between;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item.item-case-count::before {
  position: absolute;
  top: 5px;
  left: 17px;
  width: 8px;
  height: 9px;
  content: "";
  background-color: #ff5f57;
  border: solid 1px #f5f5f5;
  border-radius: 8px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-active .mtd-menu-item-title,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title:hover,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title.hover,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-submenu-active .mtd-submenu-title,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title:hover,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title:hover {
  color: var(--cs-main-nav-item-active-color);
  background-image: var(--cs-index-nav-active-bc-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  border-radius: 0;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-active .mtd-menu-item-title .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title:hover .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title.hover .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-submenu-active .mtd-submenu-title .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title:hover .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title:hover .mtd-menu-item-icon {
  color: var(--cs-main-nav-item-active-color);
  height: 32px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-active .mtd-menu-item-title .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title:hover .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title.hover .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-light .mtd-submenu-active .mtd-submenu-title .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot,
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title:hover .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title:hover .mtd-menu-item-icon .intelligent-task-workbench .mtd-badge-dot {
  top: 9px;
  left: 16px;
  height: 8px;
  width: 8px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-title:hover,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-title:hover {
  background-image: var(--cs-index-nav-hover-bc-image);
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-icon {
  height: 32px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-menu-item-icon,
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-icon {
  width: 20px;
  margin-right: 4px;
  font-size: 20px;
}
.sidebar-aside[data-v-98ae60f0] .mtd-submenu-direction {
  margin-left: 0;
}
.sidebar-aside[data-v-98ae60f0] .mtdicon.mtdicon-down-thick.mtd-submenu-direction {
  font-size: 16px;
  opacity: 38%;
  margin-right: 6px;
}
.sidebar-aside-expanded[data-v-98ae60f0]::before {
  opacity: 0;
}
.sidebar-aside-expanded[data-v-98ae60f0]::after {
  opacity: 1;
}
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-menu-item-active .mtd-menu-item-title,
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title:hover,
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-menu-light .mtd-menu-item-active .mtd-menu-item-title.hover,
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-menu-light .mtd-submenu-active .mtd-submenu-title {
  background-image: var(--cs-index-nav-expaned-active-bc-image);
}
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-menu-item-title:hover,
.sidebar-aside-expanded[data-v-98ae60f0] .mtd-submenu-title:hover {
  background-image: var(--cs-index-nav-expaned-hover-bc-image);
}
.mtd-menu[data-v-98ae60f0] {
  padding: 4px 0 4px 8px;
  background-color: var(--cs-index-nav-bc-color);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
}
.mtd-menu[data-v-98ae60f0]:not(.mtd-menu-collapse) {
  box-sizing: border-box;
  width: 162px;
}
.mtd-menu.mtd-menu-collapse[data-v-98ae60f0] {
  box-sizing: border-box;
  width: 48px;
  vertical-align: middle;
}
.mtd-menu-item[data-v-98ae60f0],
.mtd-submenu[data-v-98ae60f0] {
  font-size: 13px;
  line-height: 28px;
  margin: 1px 0;
}
.mtd-menu-item .item-case-count[data-v-98ae60f0] {
  height: 18px;
  min-width: 18px;
  margin-top: 5px;
  margin-right: 6px;
  padding: 0 5px;
  background-color: #ff5f57;
  border: solid 1px #f5f5f5;
  border-radius: 10px;
  color: #f5f5f5;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
}
.navbar-setting.navbar-new[data-v-98ae60f0]::before {
  position: absolute;
  top: -5px;
  left: 20px;
  width: 20px;
  height: 20px;
  content: "新";
  background: rgb(255, 48, 44);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 10px 10px 10px 2px;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 20px;
  text-align: center;
}
.navbar-pagination[data-v-98ae60f0] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin: 0 8px;
}
.mtd-menu-light .mtd-menu-item-active[data-v-98ae60f0]::before,
.mtd-menu-light .mtd-submenu-active[data-v-98ae60f0]::before {
  display: none;
}
.collapse-bar[data-v-98ae60f0] {
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  width: 160px;
  height: 40px;
  padding: 4px 14px;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s, width 0.3s;
  color: var(--cs-main-nav-item-color);
}
.collapse-bar .collapse-icon[data-v-98ae60f0] {
  display: inline-block;
  vertical-align: middle;
}
.collapse-bar .collapse-text[data-v-98ae60f0] {
  font-size: 13px;
  line-height: 22px;
}
.collapse-bar.collapse[data-v-98ae60f0] {
  width: 48px;
  overflow: visible;
}
.tab[data-v-4e20729a] {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.content[data-v-4e20729a] {
  display: flex;
  height: 100%;
  min-width: 24px;
  flex-grow: 1;
  overflow: hidden;
  word-break: break-all;
  font-size: 14px;
}
.icon-close-wrap[data-v-4e20729a] {
  position: absolute;
  display: flex;
  width: 28px;
  height: 100%;
  top: 0;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}
.icon-close-wrap:hover .icon-close[data-v-4e20729a] {
  background-color: rgba(0, 0, 0, 0.12);
}
.tab .icon-close-wrap .icon-close[data-v-4e20729a] {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}
.vertical[data-v-4e20729a] {
  width: 304px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 4px;
  padding-left: 26px;
  padding-right: 32px;
  align-items: center;
  border-radius: 4px;
}
.vertical .icon-close-wrap[data-v-4e20729a] {
  right: 8px;
}
.vertical[data-v-4e20729a]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.vertical.active[data-v-4e20729a] {
  padding-left: 4px;
}
.vertical.active .icon-active[data-v-4e20729a] {
  display: flex;
  width: 18px;
  margin-right: 4px;
  align-items: center;
  justify-content: center;
}
.horizontal[data-v-4e20729a] {
  height: 32px;
  width: 156px;
  padding-left: 8px;
  padding-right: 4px;
  line-height: 32px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.horizontal .icon-close-wrap[data-v-4e20729a] {
  right: 4px;
  border-top-right-radius: 6px;
  background: linear-gradient(to right, transparent, #e8e8e8 10px);
}
.horizontal[data-v-4e20729a]::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.12);
  left: 0;
}
.horizontal[data-v-4e20729a]:hover::before, .horizontal[data-v-4e20729a]:hover::after, .horizontal.active[data-v-4e20729a]::before, .horizontal.active[data-v-4e20729a]::after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-image: url(assets/tab-bar-sprite.ebcad2472bf23251490b.png);
  background-repeat: no-repeat;
  background-size: 12px;
  bottom: 0;
}
.horizontal[data-v-4e20729a]:hover::before, .horizontal.active[data-v-4e20729a]::before {
  left: -6px;
}
.horizontal[data-v-4e20729a]:hover::after, .horizontal.active[data-v-4e20729a]::after {
  right: -6px;
}
.horizontal[data-v-4e20729a]:hover::before, .horizontal[data-v-4e20729a]:hover + .tab-operation::before, .horizontal.active[data-v-4e20729a]::before, .horizontal.active[data-v-4e20729a] + .tab-operation::before {
  background-color: transparent;
}
.horizontal[data-v-4e20729a]:hover {
  background-color: #f9f9f9;
}
.horizontal:hover .icon-close-wrap[data-v-4e20729a] {
  background: linear-gradient(to right, transparent, #f9f9f9 10px);
}
.horizontal[data-v-4e20729a]:hover::before {
  background-position: 0 -6px;
}
.horizontal[data-v-4e20729a]:hover::after {
  background-position: -6px -6px;
}
.horizontal.active[data-v-4e20729a] {
  background-color: #fff;
}
.horizontal.active .icon-close-wrap[data-v-4e20729a] {
  background: linear-gradient(to right, transparent, #fff 10px);
}
.horizontal.active[data-v-4e20729a]::before {
  background-position: 0 0;
}
.horizontal.active[data-v-4e20729a]::after {
  background-position: -6px 0;
}
.horizontal[data-v-4e20729a]:first-child::before {
  display: none;
}
.horizontal:hover + .horizontal[data-v-4e20729a]::before, .horizontal.active + .horizontal[data-v-4e20729a]::before {
  background-color: transparent;
}
.tab-icon[data-v-4e20729a] {
  font-size: 16px;
  margin-right: 4px;
}
.tab-icon.icon-cstan[data-v-4e20729a] {
  color: #f08605;
}
.tab-icon.icon-csgong[data-v-4e20729a] {
  color: #166ff7;
}
.tab-icon.icon-csding[data-v-4e20729a] {
  color: #6fcef7;
}
.tab-icon.icon-csyong[data-v-4e20729a] {
  color: #3dc29d;
}
.tab-icon.icon-csshang[data-v-4e20729a] {
  color: #8d67f5;
}
.tab-icon.icon-csye[data-v-4e20729a] {
  color: #ffc300;
}
.tab-icon.icon-cstoolkit[data-v-4e20729a] {
  color: #ee8594;
}
.tab-icon.icon-csxue[data-v-4e20729a] {
  color: #22e41b;
}
.tab-icon.icon-csassistant[data-v-4e20729a] {
  color: #f08605;
}
.tab-bar[data-v-0297ed35] {
  display: flex;
  align-items: flex-end;
  height: 32px;
  flex-shrink: 0;
  width: 100%;
}
.tab-bar-wrap[data-v-0297ed35] {
  position: relative;
  display: flex;
  max-width: 100%;
  padding-right: 68px;
}
.tab-operation[data-v-0297ed35] {
  position: absolute;
  display: flex;
  width: 68px;
  height: 28px;
  padding: 0 12px;
  right: 0;
  bottom: 0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  border-bottom-left-radius: 6px;
  z-index: 2;
}
.icon-more[data-v-0297ed35],
.icon-close[data-v-0297ed35] {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.icon-more[data-v-0297ed35]:hover,
.icon-close[data-v-0297ed35]:hover {
  background: rgba(0, 0, 0, 0.06);
}
.sign-in-modal-tips[data-v-c5ead1e0] {
  margin-bottom: 10px;
}
.sign-in-modal-footer[data-v-c5ead1e0] {
  text-align: center;
}
.sign-in-modal .mtdicon-warning-circle[data-v-c5ead1e0] {
  font-size: 26px;
  vertical-align: middle;
  cursor: pointer;
  color: #336dd4;
}
.notification[data-v-7364b737] {
  min-width: 500px;
  z-index: 80;
}
.title[data-v-7364b737] {
  display: flex;
  align-items: center;
}
.title .title-move-status[data-v-7364b737] {
  margin-left: 8px;
  height: 20px;
  border-radius: 10px;
}
.content .content-base-info[data-v-7364b737] {
  display: flex;
  align-items: center;
}
.content .content-base-info .important-info[data-v-7364b737] {
  color: rgba(0, 0, 0, 0.84);
}
.content .content-base-info .case-info[data-v-7364b737] {
  margin-left: 35px;
}
.content .content-recommend[data-v-7364b737] {
  margin-top: 8px;
  padding: 8px 12px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.footer[data-v-7364b737] {
  display: flex;
  justify-content: flex-end;
}
.footer .close-tooltip[data-v-7364b737] {
  max-width: 300px;
}
.footer .count-down-time[data-v-7364b737] {
  margin-left: 5px;
}
.footer .btn-accept[data-v-7364b737] {
  margin-left: 12px;
}
.effective-evaluate[data-v-5254c893] {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 32px 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.effective-evaluate .accuracy-container[data-v-5254c893] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.effective-evaluate .accuracy-container .title[data-v-5254c893] {
  margin-right: 8px;
}
.effective-evaluate .feedback-container[data-v-5254c893] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.effective-evaluate .feedback-container .feedback-icon[data-v-5254c893] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  padding-right: 6px;
}
.effective-evaluate .mtdicon-close[data-v-5254c893] {
  position: absolute;
  top: 10px;
  right: 8px;
  font-size: 14px;
  font-weight: bolder;
}
.suggestion-message[data-v-195e556f] {
  background: #fff9e6;
  border-radius: 6px;
  padding: 10px 16px;
  margin-bottom: 10px;
}
.suggestion-message .content[data-v-195e556f] {
  font-size: 14px;
  color: rgba(89, 45, 0, 0.84);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.case-question[data-v-195e556f] {
  display: flex;
  align-items: center;
}
.case-question .question-name[data-v-195e556f] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  line-height: 26px;
  font-weight: 500;
  margin-right: 8px;
}
.case-question .case-progress[data-v-195e556f] {
  padding: 2px 5px;
  background: var(--cs-common-primary-color);
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
}
.case-info[data-v-195e556f],
.feedback[data-v-195e556f],
.progress[data-v-195e556f] {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.case-info .title[data-v-195e556f],
.feedback .title[data-v-195e556f],
.progress .title[data-v-195e556f] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  flex-basis: 60px;
  flex-shrink: 0;
  margin-right: 5px;
}
.case-info .content[data-v-195e556f],
.feedback .content[data-v-195e556f],
.progress .content[data-v-195e556f] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.case-info .case-id[data-v-195e556f],
.feedback .case-id[data-v-195e556f],
.progress .case-id[data-v-195e556f] {
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
}
.feedback[data-v-195e556f],
.progress[data-v-195e556f] {
  justify-content: start;
  margin: 10px 0;
}
.progress .content-item[data-v-195e556f] {
  display: flex;
  justify-content: start;
  max-height: 70px;
}
.progress .content-item .item-left[data-v-195e556f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.progress .content-item .item-left .icon[data-v-195e556f] {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 2px solid rgba(0, 0, 0, 0.5);
}
.progress .content-item .item-left .column[data-v-195e556f] {
  border: 1px solid rgba(0, 0, 0, 0.5);
  flex-grow: 1;
  margin: 5px 0;
}
.progress .content-item:first-child .item-left .icon[data-v-195e556f] {
  border: 2px solid var(--cs-common-primary-color);
}
.progress .content-item .item-right[data-v-195e556f] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: -5px 10px 10px 10px;
}
.expand-more[data-v-195e556f],
.pack-up[data-v-195e556f] {
  float: right;
  cursor: pointer;
}
.modal-close[data-v-195e556f] {
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.mtd-modal-close[data-v-195e556f] {
  border: 1px solid red;
  font-size: 50px !important;
}
[data-v-195e556f] .mtd-modal-content-wrapper {
  padding: 0;
  overflow: auto;
  flex: 1 1 auto;
}
.model-content-area[data-v-195e556f] {
  padding: 16px 24px;
}
.effective-evaluate-container[data-v-195e556f] {
  width: 500px;
  padding: 0;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.announcement-icon[data-v-29849529] {
  color: #ffc300;
}
[data-v-29849529] .browser-update-tip {
  font-weight: 500;
  color: var(--cs-common-primary-color);
}
[data-v-29849529] .system-back-link {
  color: var(--cs-common-primary-color);
}
.announcement-wrap[data-v-29849529] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.announcement-wrap .mtdicon-close[data-v-29849529]:hover {
  cursor: pointer;
}
.note-tool[data-v-ffc48cb4] {
  position: fixed;
  bottom: 60px;
  left: 0;
  z-index: 3;
}
.note-tool .note-tool-tooltip[data-v-ffc48cb4] {
  text-align: center;
  padding: 8px 0;
  width: 46px;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px 0 0 4px;
  font-size: 20px;
}
.note-tool .note-tool-tooltip i[data-v-ffc48cb4] {
  display: block;
  cursor: pointer;
  font-size: 24px;
}
.note-tool .note-tool-tooltip .note-tool-tooltip-icon[data-v-ffc48cb4] {
  width: 24px;
  height: 24px;
}
.note-tool .note-tool-tooltip .note-tool-tooltip-name[data-v-ffc48cb4] {
  opacity: 0.9;
  font-size: 11px;
  color: #000;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
}
.note-tool .note-wrap[data-v-ffc48cb4] {
  position: absolute;
  left: 54px;
  top: -263.5px;
  max-width: 537px;
  height: 327px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.note-tool .note-wrap .note-wrap-header[data-v-ffc48cb4] {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  padding: 0 24px;
}
.note-tool .note-wrap .note-wrap-header i[data-v-ffc48cb4] {
  cursor: pointer;
}
.note-tool .note-wrap .note-wrap-container[data-v-ffc48cb4] {
  display: flex;
  height: 268px;
}
.note-tool .note-wrap .note-wrap-container .note-wrap-list[data-v-ffc48cb4] {
  width: 137px;
  overflow-y: auto;
  padding: 8px 0;
  transition: all 0.3s, width 0.3s;
  overflow-x: hidden;
}
.note-tool .note-wrap .note-wrap-container .note-wrap-list .note-wrap-list-item-title[data-v-ffc48cb4] {
  display: block;
  box-sizing: border-box;
  margin-bottom: 4px;
  padding: 0 12px;
  width: 113px;
  height: 36px;
  line-height: 36px;
  margin-left: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.note-tool .note-wrap .note-wrap-container .note-wrap-list .active[data-v-ffc48cb4] {
  background: #eef6ff;
  border-radius: 6px;
  color: #0a70f5;
}
.note-tool .note-wrap .note-wrap-container .note-nodata[data-v-ffc48cb4] {
  width: 137px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-align: center;
}
.note-tool .note-wrap .note-wrap-container .note-nodata .note-nodata-tip[data-v-ffc48cb4] {
  display: block;
  margin-top: 90px;
}
.note-tool .note-wrap .note-wrap-container .note-nodata .note-nodata-add[data-v-ffc48cb4] {
  display: block;
  color: #0a70f5;
  cursor: pointer;
}
.note-tool .note-wrap .note-wrap-container .note-wrap-content[data-v-ffc48cb4] {
  position: relative;
  box-sizing: border-box;
  padding: 15px 22px;
  width: 263px;
  height: 213px;
  overflow-y: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  word-wrap: break-word;
}
.note-tool .note-wrap .note-wrap-container .note-wrap-content .mtdicon-copy-o[data-v-ffc48cb4] {
  cursor: pointer;
}
.note-tool .note-wrap .note-wrap-container .left-border[data-v-ffc48cb4] {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.note-tool .note-wrap .note-wrap-container .group-collapse[data-v-ffc48cb4] {
  width: 0;
}
.note-tool .note-wrap .group-expend-icon[data-v-ffc48cb4] {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-items: center;
  left: 1px;
  cursor: pointer;
  font-size: 13px;
  background-color: #ebebeb;
}
.note-tool .note-wrap .group-expend-icon i[data-v-ffc48cb4] {
  font-size: 20px;
}
.note-tool .note-wrap .note-tool-quote[data-v-ffc48cb4] {
  position: absolute;
  right: 24px;
  bottom: 16px;
}
.notify-popup[data-v-633de95a] {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 100;
}
.notify-popup .notify-popup-container[data-v-633de95a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02), 0 4px 6px 6px rgba(0, 0, 0, 0.02), 0 4px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
.notify-popup .notify-popup-container .notify-popup-title[data-v-633de95a] {
  display: flex;
  align-items: center;
  height: 56px;
  background: #b3090e;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.notify-popup .notify-popup-container .notify-popup-title i[data-v-633de95a] {
  font-size: 24px;
  margin: 0 10px 0 29px;
}
.notify-popup .notify-popup-container .notify-popup-title .text[data-v-633de95a] {
  max-width: 410px;
}
.notify-popup .notify-popup-container .notify-popup-content[data-v-633de95a] {
  max-height: 456px;
  overflow: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding: 20px 24px;
  white-space: pre-wrap;
}
.notify-popup .notify-popup-container .notify-popup-footer[data-v-633de95a] {
  height: 68px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  box-sizing: border-box;
  padding: 0 24px;
}
.notify-popup .notify-popup-container .notify-popup-footer .mtd-btn[data-v-633de95a] {
  width: 110px;
}
.notify-manage .notify-manage-nav[data-v-4d87d745] {
  width: 46px;
  height: 56px;
  position: fixed;
  bottom: 146px;
  left: 0;
  padding: 8px 11px;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  box-sizing: border-box;
  z-index: 79;
}
.notify-manage .notify-manage-nav i[data-v-4d87d745] {
  font-size: 16px;
}
.notify-manage .notify-manage-nav span[data-v-4d87d745] {
  font-size: 11px;
}
.notify-manage .notify-manage-nav[data-v-4d87d745]:hover {
  cursor: pointer;
}
.notify-manage .notify-warning-wrap[data-v-4d87d745] {
  position: fixed;
  z-index: 80;
  right: 0;
  top: 260px;
}
.notify-manage .notify-warning-wrap .notify-warning[data-v-4d87d745] {
  display: flex;
  align-items: center;
  height: 38px;
  z-index: 4;
  margin-bottom: 20px;
  background: #b3090e;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.04);
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  box-sizing: border-box;
  padding: 8px 20px;
}
.notify-manage .notify-warning-wrap .notify-warning .title[data-v-4d87d745] {
  max-width: 322px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notify-manage .notify-warning-wrap .notify-warning i[data-v-4d87d745] {
  margin-right: 4px;
  font-size: 20px;
}
.notify-manage .notify-warning-wrap .notify-warning[data-v-4d87d745] :hover {
  cursor: pointer;
}
.notify-manage .notify-manage-history[data-v-4d87d745] {
  position: fixed;
  left: 50px;
  z-index: 4;
  width: 460px;
  bottom: 146px;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-size: 14px;
  border-bottom: 12px solid #fff;
}
.notify-manage .notify-manage-history .notify-manage-history-nav[data-v-4d87d745] {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  padding: 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.notify-manage .notify-manage-history .notify-manage-history-nav i[data-v-4d87d745] {
  font-size: 16px;
}
.notify-manage .notify-manage-history .notify-manage-history-nav[data-v-4d87d745]:hover {
  cursor: pointer;
}
.notify-manage .notify-manage-history .notify-manage-history-list[data-v-4d87d745] {
  max-height: 534px;
  overflow: auto;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item[data-v-4d87d745] {
  width: 428px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-left: 16px;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-nav[data-v-4d87d745] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-nav .title[data-v-4d87d745] {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-nav .operation[data-v-4d87d745] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-nav .operation i[data-v-4d87d745] {
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-nav[data-v-4d87d745] :hover {
  cursor: pointer;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item .history-item-content[data-v-4d87d745] {
  box-sizing: border-box;
  padding: 8px;
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  margin-bottom: 16px;
  margin-top: -8px;
  white-space: break-spaces;
}
.notify-manage .notify-manage-history .notify-manage-history-list .history-item[data-v-4d87d745]:last-child {
  border: none;
}
.cs-logo[data-v-056cbce3] {
  display: flex;
  align-items: center;
  color: #fff;
  margin: 0 11px 0 0;
}
.cs-logo .logo[data-v-056cbce3] {
  width: 28px;
  height: 28px;
}
.cs-logo .version[data-v-056cbce3] {
  font: 400 12px/18px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: var(--header-icon);
  margin-left: 7px;
}
.demo-modal-footer[data-v-4caa7c0b] {
  margin-top: 10px;
  text-align: center;
}
.info-title[data-v-370fa1db] {
  font-weight: 600;
  font-size: 18px;
  padding: 0 20px;
}
.info-content[data-v-370fa1db] {
  max-height: 200px;
  overflow-y: auto;
}
.info-content .info-text[data-v-370fa1db] {
  padding: 0 20px;
  font-size: 16px;
  word-break: break-all;
}
.info-content .logout-text[data-v-370fa1db] {
  padding: 0 20px 10px;
  font-size: 16px;
}
.info-content .link-table[data-v-370fa1db] {
  padding: 20px;
}
[data-v-370fa1db] .link-time {
  color: var(--cs-common-primary-color);
}
[data-v-370fa1db] .restrict-bold {
  font-weight: 600;
}
.cs-agent-info-avatar[data-v-663a77a5] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.cs-agent-info-avatar .avatar-wrapper[data-v-663a77a5] {
  position: relative;
  width: 36px;
  height: 36px;
}
.cs-agent-info-avatar .avatar-wrapper .avatar-circle[data-v-663a77a5] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cs-agent-info-avatar .avatar-wrapper .avatar-circle .right[data-v-663a77a5] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cs-agent-info-avatar .avatar-wrapper .avatar-circle .right[data-v-663a77a5]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.cs-agent-info-avatar .avatar-wrapper .avatar-circle .right i[data-v-663a77a5]::before {
  font-size: 20px;
}
.cs-agent-info-avatar .avatar-wrapper .avatar-circle .avatar-border[data-v-663a77a5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cs-agent-info-avatar .avatar-wrapper .birthday-crown[data-v-663a77a5] {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -5px;
  top: -5px;
}
.cs-agent-info-avatar .avatar-wrapper .birthday-crown .crown-img[data-v-663a77a5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cs-agent-info-avatar .avatar-wrapper .anniversary-text[data-v-663a77a5] {
  position: absolute;
  bottom: -10px;
  left: -10px;
  font-weight: 500;
  width: 60px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffda42;
  border-radius: 24px;
  color: #613709;
  letter-spacing: 0;
  font-size: 15px;
  transform: scale(0.5);
}
.cs-agent-info-avatar .left[data-v-663a77a5] {
  margin-left: 10px;
}
.cs-agent-info-avatar .left .name[data-v-663a77a5] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 16px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.cs-agent-info-avatar .left .name .birthday-cake[data-v-663a77a5] {
  margin-left: 4px;
}
.cs-agent-info-avatar .left .name .birthday-cake img[data-v-663a77a5] {
  height: 16px;
  width: 16px;
  object-fit: cover;
}
.cs-agent-info-avatar .left .name .anniversary-number[data-v-663a77a5] {
  margin-left: 4px;
  background: #ffda42;
  border-radius: 10px;
  font-weight: 500;
  font-size: 11px;
  color: #613709;
  letter-spacing: 0;
  text-align: left;
  padding: 1px 6px;
}
.cs-agent-info-avatar .left .login-name[data-v-663a77a5] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 12px;
}
.staff-status-logout-tips-dialog[data-v-50fc9012] {
  width: 400px;
}
.staff-status-logout-tips-dialog .staff-status-logout-tips-dialog-footer[data-v-50fc9012] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.staff-status-logout-tips-dialog .staff-status-logout-tips-dialog-footer .staff-status-logout-tips-button[data-v-50fc9012] {
  margin-left: 10px;
}
.cs-agent-info .agent-avatar[data-v-5bf778a3] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cs-agent-info .agent-avatar[data-v-5bf778a3]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.cs-agent-info .agent-avatar i[data-v-5bf778a3]::before {
  font-size: 20px;
}
.cs-agent-info-popover {
  padding: 20px 0 0 0;
  min-width: 250px;
}
.cs-agent-info-popover .cs-agent-popover-content .background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.cs-agent-info-popover .cs-agent-popover-content .icon-image {
  position: absolute;
  right: 22px;
  top: 10px;
  width: 70px;
  height: 70px;
  opacity: 1;
}
.cs-agent-info-popover .cs-agent-popover-content .main-contenter {
  padding: 0 34px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
}
.cs-agent-info-popover .cs-agent-popover-content .main-contenter .avatar-item {
  margin-bottom: 12px;
  padding-left: 8px;
}
.cs-agent-info-popover .cs-agent-popover-content .main-contenter .agent-info-item {
  display: flex;
  flex-direction: row;
  padding-left: 8px;
  line-height: 28px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.cs-agent-info-popover .cs-agent-popover-content .main-contenter .agent-info-item:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.cs-agent-info-popover .cs-agent-popover-content .exit-system {
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  text-align: center;
  cursor: pointer;
}
.cs-agent-info-popover .hover-show-icon {
  visibility: hidden;
  cursor: pointer;
}
.cs-agent-info-popover:hover .hover-show-icon {
  visibility: visible;
}
.details {
  color: #5ad6a0;
}
.cs-agent-switch-popover {
  min-width: 128px;
  background: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  font: 12px/28px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 14px;
  z-index: 7;
}
.cs-agent-switch-popover .agent-type-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 8px;
}
.cs-agent-switch-popover .agent-type-item .check-icon {
  color: transparent;
}
.cs-agent-switch-popover .agent-type-item .check-icon.active {
  color: #0a70f5;
}
.cs-agent-switch-popover .agent-type-item:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.accept-case[data-v-0b34c30a] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accept-case[data-v-0b34c30a]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.accept-case i[data-v-0b34c30a]::before {
  font-size: 20px;
}
.accept-case.active[data-v-0b34c30a] {
  background-color: #0ea4fa;
  border-color: #0ea4fa;
}
.accept-case.active .accept-case-icon[data-v-0b34c30a]::before {
  color: #fff;
}
.control-message[data-v-0b34c30a] {
  white-space: pre-wrap;
}
.mock-oncall-main .row[data-v-4b78eb72] {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
}
.mock-oncall-main .row .left[data-v-4b78eb72] {
  margin-right: 10px;
  width: 70px;
  text-align: end;
  white-space: nowrap;
}
.mock-oncall-main .row .right[data-v-4b78eb72] {
  width: 240px;
}
.mock-oncall-main .yuqing-item .right[data-v-4b78eb72] {
  position: relative;
}
.mock-oncall-main .yuqing-item .right .error-msg[data-v-4b78eb72] {
  position: absolute;
  top: 35px;
  left: 0;
  color: red;
}
.mock-oncall-main .test-warning[data-v-4b78eb72] {
  font-size: small;
  padding-left: 50px;
  color: red;
}
[data-v-4b78eb72] .mock-oncall-footer {
  padding-right: 20px;
  margin-top: 5px;
}
.mock-oncall .mock-oncall-icon[data-v-4cc8aa9f] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mock-oncall .mock-oncall-icon[data-v-4cc8aa9f]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.mock-oncall .mock-oncall-icon i[data-v-4cc8aa9f]::before {
  font-size: 20px;
}
.cs-skill-queue-call[data-v-4053d6fc] {
  height: 32px;
  border: var(--header-icon-content-border);
  border-radius: 16px;
  padding: 7px 12px;
  font: 13px/18px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: var(--header-icon);
}
.cs-skill-queue-call[data-v-4053d6fc]:hover {
  cursor: pointer;
  border: var(--header-icon-content-hover-border);
  background-color: var(--header-icon-content-hover);
}
.cs-skill-queue-call-popover .cs-skill-queue-call-popover-content .item {
  font: 13px/28px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.84);
  white-space: nowrap;
  padding: 0 16px;
  background: #fff;
}
.cs-skill-queue-online[data-v-60afdffc] {
  height: 32px;
  border: var(--header-icon-content-border);
  border-radius: 16px;
  padding: 7px 12px;
  font: 13px/18px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: var(--header-icon);
}
.cs-skill-queue-online[data-v-60afdffc]:hover {
  cursor: pointer;
  border: var(--header-icon-content-hover-border);
  background-color: var(--header-icon-content-hover);
}
.cs-skill-queue-online-popover .cs-skill-queue-online-popover-content .item {
  font: 13px/28px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.84);
  white-space: nowrap;
  padding: 0 16px;
  background: #fff;
}
.online-connection[data-v-f96d1538] {
  cursor: pointer;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
}
.online-connection-icon-gap[data-v-f96d1538] {
  margin: 0 2px 0 0;
}
.online-connection-count[data-v-f96d1538] {
  height: 36px;
  border: 1px solid var(--online-connection-count-border-color);
  padding: 10px 16px;
  border-radius: 18px 0 0 18px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
}
.online-connection-count[data-v-f96d1538]:hover {
  border: 1px solid var(--online-connection-count-hover-border-color);
  background: var(--online-connection-count-hover-color);
}
.online-connection-count-mg[data-v-f96d1538] {
  margin-right: 8px;
}
.online-connection-count-tip[data-v-f96d1538] {
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.online-connection-count-color[data-v-f96d1538] {
  color: var(--online-connection-count-color);
}
.online-connection-count-desc[data-v-f96d1538] {
  font: 13px/22px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin-right: 8px;
}
.online-connection-count-num[data-v-f96d1538] {
  font: 15px/22px Arial-BoldMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin-right: 8px;
}
.online-connection-dialog[data-v-f96d1538] {
  height: 36px;
  padding: 10px 16px 10px 12px;
  border-radius: 0 18px 18px 0;
  border: 1px solid var(--online-connection-dialog-border-color);
  border-left: 0;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
}
.online-connection-dialog-button[data-v-f96d1538] {
  padding: 0 8px;
  height: 24px;
  border-radius: 4px;
  border: none;
  font: 13px/24px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: var(--online-connection-dialog-button-color);
  font-weight: 400;
  background: var(--cs-common-primary-color, #0a70f5);
}
.online-connection-dialog-button[data-v-f96d1538]:hover {
  background-color: var(--cs-common-primary1-color, #2a8efe);
}
.online-connection-dialog-button[disabled][data-v-f96d1538], .online-connection-dialog-button[disabled][data-v-f96d1538]:hover {
  cursor: not-allowed;
  background: var(--online-connection-dialog-button-disabled-bc-color);
  color: var(--online-connection-dialog-button-disabled-text-color);
}
.online-connection-dropdown[data-v-f96d1538] {
  display: flex;
  -webkit-box-align: center;
  flex-direction: column;
  align-items: center;
  align-content: center;
  font-size: 12px;
  max-height: 350px;
  overflow-y: auto;
}
.online-connection-dropdown .dropdown-item[data-v-f96d1538] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 12px 0 24px;
  position: relative;
  border-radius: 4px;
  font-size: 13px;
  height: 24px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.87);
}
.online-connection-dropdown .dropdown-item[data-v-f96d1538]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.online-connection-dropdown .dropdown-item-num[data-v-f96d1538] {
  width: 20px;
}
.online-connection-dropdown .dropdown-item-active[data-v-f96d1538] {
  color: #0a70f5;
  background-color: rgba(0, 0, 0, 0.06);
}
.online-connection-dropdown .dropdown-item-active[data-v-f96d1538]::before {
  position: absolute;
  left: 4px;
  font-size: 14px;
}
.personal-metrics[data-v-77510e58] {
  height: 36px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}
.personal-metrics .personal-metrics-show[data-v-77510e58] {
  height: 36px;
  border: var(--header-personal-metrics-border);
  border-radius: 18px;
  display: flex;
  color: var(--header-personal-metrics-text-color);
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  flex-shrink: 0;
  cursor: pointer;
}
.personal-metrics .personal-metrics-show div[data-v-77510e58] {
  flex-shrink: 0;
  margin-right: 20px;
}
.personal-metrics .personal-metrics-show div span[data-v-77510e58] {
  margin-right: 2px;
}
.personal-metrics .personal-metrics-show div[data-v-77510e58]:last-child {
  margin-right: 0;
}
.personal-metrics .personal-metrics-more[data-v-77510e58] {
  background: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  width: 150px;
  align-self: flex-end;
}
.personal-metrics .personal-metrics-more .personal-metrics-item[data-v-77510e58] {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: 5px;
  max-height: 70px;
  overflow-x: scroll;
}
@media screen and (max-width: 1500px) {
.personal-metrics[data-v-77510e58] {
    min-width: none;
}
.personal-metrics .personal-metrics-show[data-v-77510e58] {
    width: 180px;
    min-width: none;
    flex-wrap: nowrap;
    overflow: hidden;
}
.personal-metrics .personal-metrics-show div[data-v-77510e58] {
    width: 80px;
    display: flex;
    margin-right: 5px;
    justify-content: space-around;
}
}
.network-metrics-container[data-v-73423bff] {
  height: 36px;
  margin: 0 10px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border: var(--header-personal-metrics-border);
  border-radius: 18px;
  color: var(--header-personal-metrics-text-color);
  cursor: pointer;
  font-size: 13px;
}
.network-metrics-container .split-line[data-v-73423bff] {
  margin: 0 10px;
  color: #555a62;
}
.network-metrics-container .metric-name[data-v-73423bff] {
  margin-right: 10px;
}
.hardly-add-a-prompt[data-v-59e9b10e] {
  color: var(--header-hardly-prompt-color, #fff);
}
.hardly-add-a-prompt .text-show[data-v-59e9b10e] {
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  padding: 9px 18px;
  border-radius: 18px;
  border: var(--header-personal-metrics-border);
}
.hardly-add-a-prompt[data-v-59e9b10e] .mtd-tooltip.mtd-popper {
  white-space: pre-wrap;
}
.status-change-reason .status-change-reason-title[data-v-529c8e44] {
  font-size: 14px;
  color: rgba(17, 25, 37, 0.85);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 600;
}
.status-change-reason .status-change-reason-title .status-change-reason-title-icon[data-v-529c8e44] {
  color: #ff1f1f;
}
.status-change-reason .status-change-reason-select-wrapper .status-change-reason-select[data-v-529c8e44] {
  display: flex;
  flex-wrap: wrap;
}
.status-change-reason .status-change-reason-select-wrapper .status-change-reason-select .status-change-reason-tag[data-v-529c8e44] {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 6px;
  align-items: center;
  margin-top: 10px;
  cursor: pointer;
}
.status-change-reason .status-change-reason-select-wrapper .status-change-reason-select .status-change-reason-tag-selected[data-v-529c8e44] {
  border: 1px solid var(--cs-common-primary-color);
  border-radius: 6px;
  color: var(--cs-common-primary-color);
  text-align: justify;
  font-weight: 600;
}
.status-change-reason .status-change-reason-select-wrapper .status-change-reason-input[data-v-529c8e44] {
  resize: none;
  width: 73%;
  height: 55px;
  margin-top: 12px;
  padding: 5px;
  flex-grow: 1;
  background: #fff;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}
.status-change-approve-result[data-v-34f32858] {
  width: 352px;
  padding-top: 20px;
}
.status-change-approve-result .status-change-approve-result-title[data-v-34f32858] {
  font-size: 18px;
  color: #111925;
  letter-spacing: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.status-change-approve-result .status-change-approve-result-title .mtdicon[data-v-34f32858] {
  margin-right: 8px;
  font-size: 24px;
}
.status-change-approve-result .status-change-approve-result-title .mtdicon-success-circle[data-v-34f32858] {
  color: #06a754;
}
.status-change-approve-result .status-change-approve-result-title .mtdicon-warning-circle[data-v-34f32858] {
  color: #166ff6;
}
.status-change-approve-result .status-change-approve-result-content[data-v-34f32858] {
  margin-top: 12px;
  font-size: 14px;
  color: rgba(17, 25, 37, 0.85);
  line-height: 22px;
  font-weight: 400;
  padding-left: 32px;
}
.status-change-approve-result .status-change-approve-result-footer[data-v-34f32858] {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.status-change-approve[data-v-4dc97e2d] {
  width: 500px;
  padding: 0 10px;
}
.status-change-approve .staff-status-tips-title[data-v-4dc97e2d] {
  font-size: 18px;
  margin-bottom: 15px;
}
.status-change-approve .staff-status-tips-content[data-v-4dc97e2d] {
  display: flex;
  align-items: flex-start;
}
.status-change-approve .staff-status-tips-content .staff-status-tips-text[data-v-4dc97e2d] {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.status-change-approve .staff-status-tips-reason[data-v-4dc97e2d] {
  margin-top: 15px;
}
.status-change-approve .staff-status-tips-reason .status-change-reason-approveMis[data-v-4dc97e2d] {
  margin-top: 10px;
}
.status-change-approve .staff-status-tips-footer .staff-status-tips-button[data-v-4dc97e2d] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 12px;
}
.status-change-reason[data-v-05a6b113] {
  width: 400px;
  height: 220px;
  display: flex;
  flex-direction: column;
}
.status-change-reason .status-change-reason-body[data-v-05a6b113] {
  flex-grow: 1;
}
.status-change-reason .status-change-reason-body .status-change-reason-input-box[data-v-05a6b113] {
  background: #f4f5f7;
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.status-change-reason .status-change-reason-body .status-change-reason-input-box .status-change-reason-recommend[data-v-05a6b113] {
  display: flex;
}
.status-change-reason .status-change-reason-body .status-change-reason-input-box .status-change-reason-recommend .status-change-reason-recommend-word[data-v-05a6b113] {
  margin-right: 6px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.7);
  background: rgba(16, 0, 0, 0.05);
  border-radius: 11px;
  height: 21px;
  padding: 0 10px;
  cursor: pointer;
}
.status-change-reason .status-change-reason-body .status-change-reason-input-box .status-change-reason-input[data-v-05a6b113] {
  resize: none;
  width: 100%;
  margin-top: 11px;
  flex-grow: 1;
  border: none;
  background: #f4f5f7;
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  line-height: 1.4;
}
.status-change-reason .status-change-footer[data-v-05a6b113] {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.status-change-reason .status-change-footer .status-change-button[data-v-05a6b113] {
  margin-left: 8px;
}
.staff-status-tips[data-v-6ba4e0d6] {
  width: 323px;
}
.staff-status-tips .staff-status-tips-title[data-v-6ba4e0d6] {
  font-size: 18px;
  margin-bottom: 15px;
}
.staff-status-tips .staff-status-tips-content[data-v-6ba4e0d6] {
  display: flex;
  align-items: flex-start;
}
.staff-status-tips .staff-status-tips-content .staff-status-tips-icon[data-v-6ba4e0d6] {
  margin-right: 6px;
}
.staff-status-tips .staff-status-tips-content .staff-status-tips-text[data-v-6ba4e0d6] {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.staff-status-tips .staff-status-tips-reason[data-v-6ba4e0d6] {
  margin-top: 15px;
}
.staff-status-tips .staff-status-tips-footer .staff-status-tips-button-wrap[data-v-6ba4e0d6] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.staff-status-tips .staff-status-tips-footer .staff-status-tips-button-wrap .staff-status-tips-button[data-v-6ba4e0d6] {
  background: rgba(0, 0, 0, 0.06);
  min-width: 67px;
  border-radius: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.84);
  padding: 0 10px;
  margin-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 28px;
}
.staff-status-tips .staff-status-tips-footer .staff-status-tips-button-wrap .staff-status-tips-button .staff-status-icon-border-box[data-v-6ba4e0d6] {
  width: 12px;
  height: 12px;
  border: 1px solid #1a1a1a;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.staff-status-tips .staff-status-tips-footer .staff-status-tips-button-wrap .staff-status-tips-button .staff-status-button-text[data-v-6ba4e0d6] {
  margin-left: 4px;
}
.staff-status-tips .staff-status-tips-footer .staff-status-tips-button-wrap .staff-status-tips-button[data-v-6ba4e0d6]:hover {
  background: rgba(0, 0, 0, 0.08);
}
.staff-status-tips-dialog[data-v-c03c51e4] {
  width: 400px;
}
.staff-status-tips-dialog .staff-status-tips-dialog-footer[data-v-c03c51e4] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.staff-status-tips-dialog .staff-status-tips-dialog-footer .staff-status-tips-button[data-v-c03c51e4] {
  margin-left: 10px;
}
.online-status-bar[data-v-f69f2b04] {
  height: 36px;
  line-height: 16px;
  margin-right: 5px;
  border-radius: 18px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 13px;
  color: var(--online-status-bar-color);
  border: 1px solid var(--online-status-bar-border-color);
}
.online-status-bar[data-v-f69f2b04]:hover {
  background-color: var(--online-status-bar-hover-color);
  border: 1px solid transparent;
}
.online-status-bar-status-wrapper[data-v-f69f2b04], .online-status-bar-calling-wrapper[data-v-f69f2b04] {
  width: calc(100% - 44px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.online-status-bar-status-wrapper-item[data-v-f69f2b04], .online-status-bar-calling-wrapper-item[data-v-f69f2b04] {
  margin-right: 6px;
  cursor: pointer;
}
.online-status-bar-status-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-selected[data-v-f69f2b04] {
  display: none;
}
.online-status-bar-status-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-unselected[data-v-f69f2b04] {
  display: block;
}
.online-status-bar-status-wrapper-item-icon-block > .online-status-bar-status-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon:hover > .online-status-bar-status-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon-block > .online-status-bar-calling-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon:hover > .online-status-bar-calling-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-block > .online-status-bar-status-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon:hover > .online-status-bar-status-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-block > .online-status-bar-calling-wrapper-item-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon:hover > .online-status-bar-calling-wrapper-item-icon-selected[data-v-f69f2b04] {
  display: block;
}
.online-status-bar-status-wrapper-item-icon-block > .online-status-bar-status-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon:hover > .online-status-bar-status-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon-block > .online-status-bar-calling-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-item-icon:hover > .online-status-bar-calling-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-block > .online-status-bar-status-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon:hover > .online-status-bar-status-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon-block > .online-status-bar-calling-wrapper-item-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-item-icon:hover > .online-status-bar-calling-wrapper-item-icon-unselected[data-v-f69f2b04] {
  display: none;
}
.online-status-bar-status-wrapper-more[data-v-f69f2b04], .online-status-bar-calling-wrapper-more[data-v-f69f2b04] {
  margin-right: 6px;
  cursor: pointer;
}
.online-status-bar-status-wrapper-more-icon[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon[data-v-f69f2b04] {
  width: 16px;
  height: 16px;
  position: relative;
}
.online-status-bar-status-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-selected[data-v-f69f2b04] {
  display: none;
}
.online-status-bar-status-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-unselected[data-v-f69f2b04] {
  display: block;
}
.online-status-bar-status-wrapper-more-icon-block > .online-status-bar-status-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon:hover > .online-status-bar-status-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon-block > .online-status-bar-calling-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon:hover > .online-status-bar-calling-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-block > .online-status-bar-status-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon:hover > .online-status-bar-status-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-block > .online-status-bar-calling-wrapper-more-icon-selected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon:hover > .online-status-bar-calling-wrapper-more-icon-selected[data-v-f69f2b04] {
  display: block;
}
.online-status-bar-status-wrapper-more-icon-block > .online-status-bar-status-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon:hover > .online-status-bar-status-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon-block > .online-status-bar-calling-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-status-wrapper-more-icon:hover > .online-status-bar-calling-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-block > .online-status-bar-status-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon:hover > .online-status-bar-status-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon-block > .online-status-bar-calling-wrapper-more-icon-unselected[data-v-f69f2b04], .online-status-bar-calling-wrapper-more-icon:hover > .online-status-bar-calling-wrapper-more-icon-unselected[data-v-f69f2b04] {
  display: none;
}
.online-status-bar-status-wrapper-drop-item[data-v-f69f2b04], .online-status-bar-calling-wrapper-drop-item[data-v-f69f2b04] {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  margin: 0 12px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  border-radius: 4px;
}
.online-status-bar-status-wrapper-drop-item[data-v-f69f2b04]:hover, .online-status-bar-calling-wrapper-drop-item[data-v-f69f2b04]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.online-status-bar-status-wrapper-drop-item-icon[data-v-f69f2b04], .online-status-bar-calling-wrapper-drop-item-icon[data-v-f69f2b04] {
  margin: 0 10px;
}
.online-status-bar-status-wrapper-drop-item-text[data-v-f69f2b04], .online-status-bar-calling-wrapper-drop-item-text[data-v-f69f2b04] {
  width: 52px;
  white-space: nowrap;
}
.online-status-bar-status-wrapper-drop-item[data-v-f69f2b04]:first-child, .online-status-bar-calling-wrapper-drop-item[data-v-f69f2b04]:first-child {
  margin-top: 8px;
}
.online-status-bar-status-wrapper-drop-item[data-v-f69f2b04]:last-child, .online-status-bar-calling-wrapper-drop-item[data-v-f69f2b04]:last-child {
  margin-bottom: 8px;
}
.online-status-bar-status-wrapper-text[data-v-f69f2b04], .online-status-bar-calling-wrapper-text[data-v-f69f2b04] {
  min-width: 52px;
  text-align: center;
  white-space: nowrap;
}
.online-status-bar .setting-icon[data-v-f69f2b04] {
  margin-left: 4px;
  cursor: pointer;
}
.online-status-bar-worktime[data-v-f69f2b04] {
  width: 52px;
  margin-left: 4px;
}
.online-status-bar-icon-disabled[data-v-f69f2b04] {
  pointer-events: none;
}
.online-status-bar .status-color-190[data-v-f69f2b04] {
  color: #ffd522;
}
.callout-status-popover .radio-group {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.callout-status-popover .radio-group .radio-item {
  height: 30px;
}
.status-bar-popover {
  padding: 14px 15px;
}
#cs-phone-container {
  margin: 0 8px 0 0;
}
.multi-container-config[data-v-004cce46] {
  height: 36px;
  border: var(--header-personal-metrics-border);
  border-radius: 18px;
  display: flex;
  color: var(--header-personal-metrics-text-color);
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  flex-shrink: 0;
  cursor: pointer;
}
.multi-container-config[data-v-004cce46]:hover {
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.12);
}
.text[data-v-004cce46] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text span[data-v-004cce46] {
  padding: 0 5px;
}
.picker__item[data-v-004cce46] {
  width: 56px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
}
.picker__item[data-v-004cce46]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.clear-dialogue-button[data-v-004cce46] {
  background-color: var(--cs-mc-tab-bc-color, rgb(64, 64, 64));
  border: none;
  margin-left: 9px;
}
.clear-dialogue-button__text[data-v-004cce46] {
  margin-left: 4px;
}
.clear-dialogue-button[data-v-004cce46]:hover {
  background-color: var(--cs-mc-tab-hover-color, #666);
}

span[data-v-7da15a18] {
  margin: 5px;
}
.brush-panel[data-v-7da15a18],
.color-panel[data-v-7da15a18] {
  display: inline-block;
}
.brush.active[data-v-7da15a18] {
  background: rgba(0, 0, 0, 0.54);
}
.small-brush[data-v-7da15a18],
.normal-brush[data-v-7da15a18],
.big-brush[data-v-7da15a18] {
  background: rgba(0, 0, 0, 0.24);
  vertical-align: middle;
  margin: 0 10px;
  cursor: pointer;
}
.small-brush[data-v-7da15a18] {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: inline-block;
  position: relative;
}
.normal-brush[data-v-7da15a18] {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.big-brush[data-v-7da15a18] {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.color[data-v-7da15a18] {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  height: 16px;
  width: 16px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.color.active[data-v-7da15a18] {
  height: 22px;
  width: 22px;
}
.red[data-v-7da15a18] {
  background: #ff3440;
}
.yellow[data-v-7da15a18] {
  background: #ffcf50;
}
.green[data-v-7da15a18] {
  background: #00a344;
}
.blue[data-v-7da15a18] {
  background: #0da9d6;
}
.grey[data-v-7da15a18] {
  background: #999;
}
.black[data-v-7da15a18] {
  background: #000;
}
.white[data-v-7da15a18] {
  background: #fff;
}


.upload-file-crop-preview-inner[data-v-444f2023] {
  position: relative;
  font-size: 0;
  line-height: 0;
  user-select: none;
  touch-action: none;
}
.cropper-wrap-box[data-v-444f2023],
.cropper-crop-box[data-v-444f2023],
.cropper-modal[data-v-444f2023] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-modal[data-v-444f2023] {
  opacity: 0.5;
  background-color: #000;
}
.cropper-view-box[data-v-444f2023] {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 2px solid #fff;
  outline-color: rgba(255, 255, 255, 0.5);
}
.cropper-face[data-v-444f2023],
.cropper-line[data-v-444f2023],
.cropper-point[data-v-444f2023] {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.cropper-point[data-v-444f2023] {
  width: 16px;
  height: 16px;
  opacity: 1;
  background-size: cover;
}
.cropper-move[data-v-444f2023] {
  cursor: move;
}
.cropper-face[data-v-444f2023] {
  top: 0;
  left: 0;
  background-color: #fff;
}
.upload-file-crop-preview .cropper-line[data-v-444f2023] {
  background-color: #fff;
}
.upload-file-crop-preview .cropper-line.line-e[data-v-444f2023] {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: col-resize;
}
.upload-file-crop-preview .cropper-line.line-n[data-v-444f2023] {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: row-resize;
}
.upload-file-crop-preview .cropper-line.line-w[data-v-444f2023] {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: col-resize;
}
.upload-file-crop-preview .cropper-line.line-s[data-v-444f2023] {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: row-resize;
}
.cropper-point.point-e[data-v-444f2023] {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  width: 6px;
  cursor: col-resize;
  background: url(assets/vertical.d5a6bde0cca5b7b06622.png) no-repeat center;
}
.cropper-point.point-n[data-v-444f2023] {
  top: -3px;
  left: 50%;
  height: 6px;
  margin-left: -3px;
  cursor: row-resize;
  background: url(assets/horizon.6da87675bbf6ea49146f.png) no-repeat center;
}
.cropper-point.point-w[data-v-444f2023] {
  top: 50%;
  left: -3px;
  width: 6px;
  margin-top: -3px;
  cursor: col-resize;
  background: url(assets/vertical.d5a6bde0cca5b7b06622.png) no-repeat center;
}
.cropper-point.point-s[data-v-444f2023] {
  bottom: -3px;
  left: 50%;
  height: 6px;
  margin-left: -3px;
  cursor: row-resize;
  background: url(assets/horizon.6da87675bbf6ea49146f.png) no-repeat center;
}
.cropper-point.point-ne[data-v-444f2023] {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
  background: url(assets/right-top.dae043e3d9bbe4a49c7a.png) no-repeat center;
}
.cropper-point.point-nw[data-v-444f2023] {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
  background: url(assets/left-top.40f320c7b8c070265023.png) no-repeat center;
}
.cropper-point.point-sw[data-v-444f2023] {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize;
  background: url(assets/left-bottom.9ae7536c3fbcdb428a15.png) no-repeat center;
}
.cropper-point.point-se[data-v-444f2023] {
  right: -3px;
  bottom: -3px;
  cursor: nwse-resize;
  opacity: 1;
  background: url(assets/right-bottom.1b8e02608bdb810ff5b7.png) no-repeat center;
}
.cropper-panel[data-v-444f2023] {
  position: absolute;
  right: 0;
  bottom: -35px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tools-panel-crop-cancel-btn[data-v-444f2023] {
  color: #ff5d4a;
}
.tools-panel-crop-apply-btn[data-v-444f2023] {
  color: #3974cc;
}

.image-editor-wrapper[data-v-6bf9c1d2] {
  position: relative;
  background-color: #f2f3f5;
  border-radius: 3px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.image-editor-wrapper .toolbar-wrapper[data-v-6bf9c1d2] {
  margin: 5px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.image-editor-wrapper span[data-v-6bf9c1d2] {
  margin: 5px;
}
.image-editor-wrapper .zoom[data-v-6bf9c1d2] {
  position: relative;
}
.image-editor-wrapper .range-container[data-v-6bf9c1d2] {
  display: inline-block;
  height: 20px;
  vertical-align: super;
}
.image-editor-wrapper .upload-file-crop-preview[data-v-6bf9c1d2] {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
}
.footer[data-v-50e19dab] {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  padding: 10px;
  gap: 10px;
}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.preview-viewer-popup .image-preview-main[data-v-333c9792] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--32646e24);
  background: rgba(0, 0, 0, 0.87);
}
.preview-viewer-popup .image-preview-main .preview-img[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-audio[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-video[data-v-333c9792] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-viewer-popup .image-preview-main .preview-img .image-origin[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-audio .image-origin[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-video .image-origin[data-v-333c9792] {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}
.preview-viewer-popup .image-preview-main .preview-img video[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-audio video[data-v-333c9792],
.preview-viewer-popup .image-preview-main .preview-video video[data-v-333c9792] {
  width: 100%;
  height: 100%;
}
.preview-viewer-popup .image-preview-main .close[data-v-333c9792] {
  position: absolute;
  color: #fff;
  cursor: pointer;
  top: 24px;
  right: 24px;
  opacity: 0.8;
  width: 48px;
  height: 48px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
}
.preview-viewer-popup .image-preview-main .switch[data-v-333c9792] {
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  left: 24px;
  top: calc(50% - 22px);
  width: 48px;
  height: 48px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.preview-viewer-popup .image-preview-main .right[data-v-333c9792] {
  left: initial;
  right: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-name[data-v-333c9792] {
  position: absolute;
  bottom: 61px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 418px;
  height: auto;
  background: rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  opacity: 0.6;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 12px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction-box[data-v-333c9792] {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  height: 48px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-333c9792] {
  width: 100%;
  height: 48px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  padding-right: 10px;
  flex-wrap: nowrap;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction[data-v-333c9792] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction-auto[data-v-333c9792] {
  margin: 0 10px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .left[data-v-333c9792],
.preview-viewer-popup .image-preview-main .image-preview-operaction .right[data-v-333c9792],
.preview-viewer-popup .image-preview-main .image-preview-operaction .clockwise[data-v-333c9792],
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-333c9792] {
  margin: 0 15px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .tailoring .icon-csimage-to-text[data-v-333c9792] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .add[data-v-333c9792] {
  margin: 0 13px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .count[data-v-333c9792] {
  width: 50px;
  font-size: 14px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch[data-v-333c9792] {
  font-size: 20px;
  line-height: 40px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-333c9792] {
  font-size: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-333c9792] {
  position: relative;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-333c9792] {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .icon[data-v-333c9792] {
  width: 30px;
  height: 35px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction i[data-v-333c9792]:hover {
  color: #fff;
}
.cropper-confirm-box[data-v-333c9792] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  right: 0;
  top: 100%;
  width: 80px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  padding: 0 4px;
}
[data-v-1d776965] .mtd-upload-dragger {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.preview-img[data-v-1d776965] {
  width: 100%;
}
[data-v-73727b48] .preview-viewer-swiper-image {
  object-fit: contain;
}
.submit-form[data-v-73727b48] {
  display: flex;
  align-items: center;
}
.submit-form .left[data-v-73727b48] {
  position: relative;
  top: 30px;
}
.submit-form .left .description[data-v-73727b48] {
  height: 171px;
}
.submit-form .left .input-width[data-v-73727b48] {
  width: 298px;
}
.submit-form .left .type-label[data-v-73727b48] {
  display: inline-flex;
  align-items: center;
}
.submit-form .left[data-v-73727b48] .mtd-form-item-label {
  text-align: left;
  padding-right: 0;
}
.submit-form .right[data-v-73727b48] {
  position: relative;
  left: 28px;
  width: 370px;
  height: 267px;
  border-radius: 6px;
  opacity: 1;
  background-color: #f3f3f4;
}
.submit-form .right .image-index[data-v-73727b48] {
  position: absolute;
  left: 172px;
  top: 10px;
  width: 21px;
  height: 12px;
  opacity: 1;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  letter-spacing: 0;
  color: rgba(17, 25, 37, 0.65);
}
.submit-form .right .image-viewer-container[data-v-73727b48] {
  position: relative;
  top: 50px;
  width: 370px;
  height: 151px;
}
.submit-form .right .image-viewer-container .item-style[data-v-73727b48] {
  margin-left: 36px;
}
.submit-form .right .image-viewer-container .item-style .image-viewer[data-v-73727b48] {
  width: 298px;
  height: 151px;
}
.submit-form .right .image-viewer-container .item-style .image-viewer img[data-v-73727b48] {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.submit-form .right .image-viewer-container .item-style .image-viewer .img-opacity[data-v-73727b48] {
  opacity: 0.5;
}
.submit-form .right .image-viewer-container .item-style .image-viewer .edit-loading[data-v-73727b48] {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  display: block;
}
.submit-form .right .image-viewer-container .item-style .image-viewer .icons[data-v-73727b48] {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  display: none;
}
.submit-form .right .image-viewer-container .item-style .image-viewer .icons .icon[data-v-73727b48] {
  font-size: 24px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  opacity: 0.9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin: 0 20px;
}
.submit-form .right .image-viewer-container .item-style .image-viewer:hover .icons[data-v-73727b48] {
  display: flex;
}
.submit-form .right .empty-image-viewer[data-v-73727b48] {
  width: 370px;
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.submit-form .right .right-mock[data-v-73727b48] {
  height: 240px;
  line-height: 240px;
  text-align: center;
  color: white;
  background-color: #e4d1b9;
}
.submit-form .right .image-button[data-v-73727b48] {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.submit-form .right .image-button-middle[data-v-73727b48] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.submit-form .right .image-button-middle .upload-icon[data-v-73727b48] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.submit-form .right .image-button-middle .upload-icon .upload-icon-text[data-v-73727b48] {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: rgba(17, 25, 37, 0.65);
  margin-top: 8px;
}
.footer[data-v-73727b48] {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  padding: 10px;
  gap: 10px;
}
.detail-drawer .form[data-v-f05c17a0] {
  margin-top: 30px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.detail-drawer .image-item[data-v-f05c17a0] {
  width: 150px;
  height: 100px;
  margin-left: 10px;
  margin-top: 5px;
  object-fit: contain;
}
.detail-drawer .text[data-v-f05c17a0] {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.submit-history .table-container[data-v-5d790c38] {
  height: 320px;
  margin-top: 10px;
}
.submit-history .table-container .table[data-v-5d790c38] {
  height: 100%;
  border: 0;
}
.submit-history .table-container .pagination-container[data-v-5d790c38] {
  margin-top: 20px;
  text-align: center;
}
.feedback-icon[data-v-1bc60f3a] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback-icon[data-v-1bc60f3a]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.feedback-icon i[data-v-1bc60f3a]::before {
  font-size: 20px;
}
.feedback-modal[data-v-1bc60f3a] {
  height: 420px;
}
.page-tab[data-v-1bc60f3a] {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
[data-v-1bc60f3a] .preview-viewer-popup {
  z-index: 4000;
}
.quick-mock-butler[data-v-28ed6c5e] {
  width: 36px;
  height: 36px;
  border: var(--header-icon-content-border);
  color: var(--header-icon);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quick-mock-butler[data-v-28ed6c5e]:hover {
  border: var(--header-icon-content-hover-border);
  background: var(--header-icon-content-hover);
}
.quick-mock-butler i[data-v-28ed6c5e]::before {
  font-size: 20px;
}
.quick-mock-butler .butler-icon[data-v-28ed6c5e] {
  width: 20px;
  height: 20px;
}
.cs-header[data-v-7447ebd6] {
  min-height: 56px;
  background-color: var(--header-bg-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  z-index: 4;
  box-shadow: 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
}
.cs-header .cs-header-right[data-v-7447ebd6],
.cs-header .cs-header-left[data-v-7447ebd6] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cs-header .header-gap[data-v-7447ebd6] {
  margin: 0 8px 0 0;
}
.cs-header-train[data-v-7447ebd6] {
  min-height: 52px;
}
.skill-label[data-v-e9baf948] {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 20px;
}
.skill-label[data-v-e9baf948]:nth-child(n+2)::before {
  content: "|";
  font-size: 12px;
  line-height: 20px;
  margin: 0 4.2px;
}
.transfer-buttons[data-v-1ed3ce9d] {
  display: flex;
  flex-direction: row;
}
.transfer-buttons button[data-v-1ed3ce9d]:first-child {
  margin-right: 16px;
}
.transfer-panel-order-list[data-v-2cf9875a] {
  height: 100%;
}
.transfer-panel-order-list .transfer-panel-search-form > div[data-v-2cf9875a] {
  margin-right: 0;
  margin-bottom: 16px;
}
.transfer-panel-order-list .transfer-panel-search-form > div[data-v-2cf9875a]:nth-child(n+2) {
  margin-left: 16px;
}
.transfer-panel-order-list .mobile-input[data-v-2cf9875a] {
  width: 132px;
}
.transfer-panel-order-list .order-key-input[data-v-2cf9875a] {
  width: 240px;
}
.transfer-panel-order-list .order-number-input[data-v-2cf9875a] {
  width: 158px;
}
.transfer-panel-order-list .transfer-buttons[data-v-2cf9875a] {
  display: flex;
  flex-direction: row;
}
.transfer-panel-order-list .transfer-buttons button[data-v-2cf9875a] {
  padding: 0;
}
.transfer-panel-order-list .order-empty-container[data-v-2cf9875a] {
  height: 400px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.transfer-panel-order-list .order-empty-container .icon-cscs-icon-qita1[data-v-2cf9875a] {
  margin-bottom: 16px;
}
.transfer-panel-order-list .order-page-operation[data-v-2cf9875a] {
  align-self: center;
  margin-top: 12px;
}
.transfer-panel-order-list .order-page-operation .order-prev-page[data-v-2cf9875a] {
  margin-right: 16px;
}
.common-transfer-title[data-v-4c7a6a5e] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 4px;
}
.common-transfer-title .top[data-v-4c7a6a5e] {
  margin-left: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
}
.common-transfer-box[data-v-4c7a6a5e] {
  display: flex;
  flex-wrap: wrap;
}
.common-transfer-box .transfer-item[data-v-4c7a6a5e] {
  width: 288px;
  height: 72px;
  background: rgba(0, 145, 85, 0.03);
  border: 1px solid rgba(0, 145, 85, 0.1);
  border-radius: 6px;
  margin: 0 12px 12px 0;
}
.common-transfer-box .transfer-item-name[data-v-4c7a6a5e] {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 12px 12px 6px 12px;
}
.common-transfer-box .transfer-item-info[data-v-4c7a6a5e] {
  height: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 12px;
}
.common-transfer-box .transfer-item-info .info-text[data-v-4c7a6a5e] {
  display: inline-block;
  max-width: 80px;
  height: 20px;
  font-weight: 400;
  vertical-align: sub;
  word-wrap: break-word;
}
.common-transfer-box .transfer-item-info i[data-v-4c7a6a5e] {
  font-style: normal;
  vertical-align: sub;
  margin: 0 4px;
}
.common-transfer-box .transfer-item-info .btn-group[data-v-4c7a6a5e] {
  float: right;
  margin-right: 8px;
}
.common-transfer-box .transfer-item-info .btn-group[data-v-4c7a6a5e] .mtd-btn {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.common-transfer-box .transfer-item-info .btn-group[data-v-4c7a6a5e] .mtd-btn span {
  line-height: 0;
  font-size: 14px;
  margin: 0 8px 0 0;
}
.common-transfer-box .transfer-item-info .btn-group[data-v-4c7a6a5e] .mtd-btn-before {
  font-size: 12px;
  margin: 0 0 0 0;
}
.transfer-panel-skill-list[data-v-31d8a0e2] {
  min-width: 900px;
}
.transfer-panel-skill-list .sub-biz-id[data-v-31d8a0e2],
.transfer-panel-skill-list .skill-info[data-v-31d8a0e2] {
  width: 160px;
}
.transfer-panel-skill-list .keyword-block[data-v-31d8a0e2] > .highlight {
  color: var(--cs-common-primary-color);
}
.transfer-panel-skill-list .order-empty-container[data-v-31d8a0e2] {
  height: 400px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.transfer-panel-skill-list .order-empty-container .icon-cscs-icon-qita1[data-v-31d8a0e2] {
  margin-bottom: 16px;
}
.transfer-panel-skill-list .order-page-operation[data-v-31d8a0e2] {
  text-align: center;
}
.transfer-panel-skill-list .filter-enabled[data-v-31d8a0e2] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.transfer-panel-skill-list .filter-enabled .filter-enabled-title[data-v-31d8a0e2] {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.9);
}
.transfer-panel-skill-list .filter-enabled[data-v-31d8a0e2] .mtd-checkbox {
  color: rgba(0, 0, 0, 0.49);
}
.transfer-panel-merchant-list .order-empty-container[data-v-3cbaebe0] {
  height: 400px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.transfer-panel-merchant-list .order-empty-container .icon-cscs-icon-qita1[data-v-3cbaebe0] {
  margin-bottom: 16px;
}
.transfer-panel-skill-list .sub-biz-id[data-v-747eeb1e],
.transfer-panel-skill-list .skill-info[data-v-747eeb1e] {
  width: 160px;
}
.transfer-panel-skill-list .order-empty-container[data-v-747eeb1e] {
  height: 400px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.transfer-panel-skill-list .order-empty-container .icon-cscs-icon-qita1[data-v-747eeb1e] {
  margin-bottom: 16px;
}
.transfer-panel-skill-list .order-page-operation[data-v-747eeb1e] {
  text-align: center;
}
.transfer-panel-business[data-v-0591260f] {
  padding-top: 20px;
}
.transfer-panel-business .transfer-panel-business-button[data-v-0591260f] {
  display: flex;
  margin-top: 20px;
}
.transfer-panel-business .transfer-panel-business-button .transfer-panel-business-item[data-v-0591260f] {
  margin-right: 20px;
}
.transfer-panel-search-form label {
  padding-right: 8px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  text-align: right;
  line-height: 32px;
}
.transfer-panel-container .transfer-title[data-v-56adcad6] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 26px;
}
.transfer-panel-container[data-v-56adcad6] .mtd-tabs-item-large .mtd-tabs-item-label {
  font-size: 16px;
}
.transfer-panel-container .transfer-panel-tag[data-v-56adcad6] {
  margin-left: 16px;
  padding: 2px 8px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 13px;
  border-radius: 2px;
  letter-spacing: 0;
  line-height: 20px;
}
.transfer-panel-container .transfer-panel-tag__blue[data-v-56adcad6] {
  background: rgba(0, 73, 191, 0.08);
  color: #0049bf;
}
.transfer-panel-container .transfer-panel-tag__pink[data-v-56adcad6] {
  background: rgba(221, 0, 0, 0.08);
  color: #d00;
}
.transfer-panel-container .transfer-panel-tag__red[data-v-56adcad6] {
  background: #d00;
  color: #fff;
}
.transfer-panel-container .mtd-tabs-content[data-v-56adcad6] {
  padding-bottom: 0;
}
.transfer-panel-container .mtd-tabs-content .mtd-tab-pane[data-v-56adcad6] {
  height: 500px;
}
.el-cs-dialog-storage-wrapper[data-v-0a3e4999] {
  position: fixed;
  z-index: 22;
  top: 84%;
  left: 90%;
  background-color: #fff;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.el-cs-dialog-storage-wrapper .storage-panel[data-v-0a3e4999] {
  width: 120px;
  display: flex;
  align-items: center;
}
.el-cs-dialog-storage-wrapper .storage-panel i[data-v-0a3e4999] {
  color: var(--cs-common-primary-color);
  margin-right: 8px;
  font-size: 16px;
}
.dialog-list[data-v-0a3e4999] {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100px;
  list-style: none;
  cursor: pointer;
}
.dialog-list li[data-v-0a3e4999] {
  font-size: 14px;
  width: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog-list li[data-v-0a3e4999]:hover {
  color: #0a70f5;
}
.cs-dialog[data-v-3dfab9a6] {
  z-index: 2;
  position: absolute;
}
.cs-dialog .mask-layer .mask-layer-container[data-v-3dfab9a6] {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}
.cs-dialog .el-cs-dialog-wrapper[data-v-3dfab9a6] {
  position: fixed;
  top: max(260px, 50%);
  left: 50%;
  transform: translate(-50%, -50%);
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box[data-v-3dfab9a6] {
  width: auto;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ebeef5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-header[data-v-3dfab9a6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 2px;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-header .el-message-box-title[data-v-3dfab9a6] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-closebtn[data-v-3dfab9a6] {
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 16px;
  z-index: 1;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-closebtn i[data-v-3dfab9a6] {
  color: rgba(0, 0, 0, 0.6);
  margin-left: 4px;
  font-weight: 500;
  cursor: pointer;
  font-size: 1.25em;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__content[data-v-3dfab9a6] {
  padding: 16px 24px;
  color: #606266;
  font-size: 14px;
  max-height: 82vh;
  max-width: 90vw;
  min-width: 400px;
  overflow: auto;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__btns[data-v-3dfab9a6] {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__btns[data-v-3dfab9a6] .mtd-btn + .mtd-btn {
  margin-left: 12px;
}
.cs-dialog .minimize[data-v-3dfab9a6] {
  display: none;
}
.cs-dialog .hide[data-v-3dfab9a6] {
  display: none;
}
@keyframes grow {
  0%,
  100% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(.4);
  }
}

#__ENAS__Loading {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#__ENAS__Loading__Container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

#__ENAS__Loading__Item {
  background-color: #0a70f5;
  animation-fill-mode: both;
  width: 3px;
  height: 20px;
  border-radius: 2px;
  margin: 1px;
  display: inline-block;
}

#__ENAS__Loading__Item:nth-of-type(1) {
  animation: grow 1s -0.4s cubic-bezier(.2,.68,.18,1.08) infinite;
}

#__ENAS__Loading__Item:nth-of-type(2) {
  animation: grow 1s -0.3s cubic-bezier(.2,.68,.18,1.08) infinite;
}

#__ENAS__Loading__Item:nth-of-type(3) {
  animation: grow 1s -0.2s cubic-bezier(.2,.68,.18,1.08) infinite;
}

#__ENAS__Loading__Item:nth-of-type(4) {
  animation: grow 1s -0.1s cubic-bezier(.2,.68,.18,1.08) infinite;
}

#__ENAS__Loading__Text {
  padding: .5em;
  font-size: 12px;
}
@charset "UTF-8";
.cs-field-required[data-v-6b315030] {
  position: relative;
}
.cs-field-required[data-v-6b315030]::before {
  content: "";
  background-image: url(assets/required.d187cdb9ad8ee7497316.svg);
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 7px;
  color: #f54b1e;
  width: 8px;
  height: 8px;
}
.cs-field-left[data-v-6b315030] {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-all;
  flex-shrink: 0;
}
.cs-field-left .field-display-name[data-v-6b315030] {
  display: inline-block;
  position: relative;
}
.cs-field-left .field-display-name[data-v-6b315030]::after {
  content: ":";
  position: absolute;
}
.cs-field-gap[data-v-6b315030] {
  margin-left: 10px;
}
.cs-field-right[data-v-6b315030] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-all;
  width: 100%;
}
.cs-field-right pre[data-v-6b315030] {
  font-family: PingFangSC-Regular, sans-serif;
}
.cs-field-container-row[data-v-6b315030] {
  display: flex;
  flex-direction: row;
}
.cs-field-container-row .cs-field-left[data-v-6b315030] {
  width: 88px;
  margin-right: 8px;
  text-align: left;
}
.cs-field-container-column[data-v-6b315030] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cs-field-container-column .cs-field-right[data-v-6b315030] {
  width: 100%;
}
.cs-field-container_highlight[data-v-6b315030] {
  padding-bottom: 15px;
}
.cs-field-container_highlight .cs-field-right[data-v-6b315030] {
  position: relative;
}
.cs-field-container_highlight .cs-field-right[data-v-6b315030]::after {
  content: "此项必填";
  color: red;
  position: absolute;
  left: 0;
  bottom: -18px;
  font: 14px/18px "Arial", sans-serif !important;
}
[data-v-6b315030] .cs-field-layout_highlight .cs-field-right .mtd-checkbox-text,[data-v-6b315030] .cs-field-layout_highlight .cs-field-right .mtd-radio-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
}
[data-v-6b315030] .cs-field-layout_highlight .cs-field-right .mtd-date-picker {
  width: 100%;
}
.cs-field-table[data-v-6b315030] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-table .cs-table-title-content[data-v-6b315030]::before {
  content: " ";
  display: inline-block;
  vertical-align: text-top;
  background: #2c72ed;
  width: 4px;
  height: 19px;
  margin-right: 3px;
}
.cs-field-table .cs-table-title-content[data-v-6b315030] {
  overflow: hidden;
  margin-bottom: 3px;
  text-align: start;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: relative;
}
.cs-field-table[data-v-6b315030] .cs-field-right {
  width: 100%;
}
.cs-field-table[data-v-6b315030] .cs-field-left {
  width: 100%;
  max-width: 100%;
}
.cs-field-search-table-container[data-v-6b315030] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-no-container[data-v-6b315030] {
  display: contents;
}
[data-v-6db263a8] .cs-field-right {
  align-items: flex-start;
}
.cs-f-radio .options-container[data-v-6db263a8] {
  display: flex;
  flex-direction: column;
}
.cs-f-radio .options-container .text-color-red[data-v-6db263a8] {
  color: red;
  font-size: 14px;
}
.cs-f-radio .options-container .radio-name[data-v-6db263a8] {
  display: block;
}
.mtd-radio-nlp-recommend[data-v-6db263a8] {
  padding-left: 2px;
}
.mtd-radio-nlp-recommend[data-v-6db263a8] .mtd-radio-inner {
  position: relative !important;
}
.mtd-radio-nlp-recommend[data-v-6db263a8] .mtd-radio-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
  border-radius: 50%;
}
.cs-f-progress-bar[data-v-6e810ca8] {
  width: 100%;
}
.steps-content[data-v-6e810ca8] {
  max-width: unset;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.icon-content[data-v-6e810ca8] {
  font-size: 12px;
  height: 30px;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.icon-content[data-v-6e810ca8]::after {
  display: block;
  content: attr(data-remark-between-step);
  position: absolute;
  left: 78px;
  width: 70px;
  top: 15px;
}
[data-v-6e810ca8] .next-time {
  position: absolute;
  top: 20px;
  left: 100%;
  transform: translate(-50%);
  color: #85c9ff;
}
[data-v-6e810ca8] .step-remark {
  width: 120px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-weight: 500;
  line-height: 20px;
}
[data-v-6e810ca8] .mtd-step-head {
  display: flex;
  justify-content: center;
}
[data-v-6e810ca8] .mtd-step-head-icon {
  border: 1px solid #e6e6e6;
  width: 5rem !important;
  position: relative;
  font-size: 12px;
  min-height: 35px;
  color: #000;
  border-radius: 1.5rem;
  margin-left: 55px;
  letter-spacing: 0;
  line-height: 14px;
  background-color: #fff;
}
[data-v-6e810ca8] .mtd-step-head-line {
  height: 2px;
  background-color: #e6e6e6;
  top: 13px;
  padding: 0;
  position: absolute;
  left: -50%;
  right: 50%;
}
[data-v-6e810ca8] .mtd-steps > :first-child .mtd-step-head-line {
  visibility: hidden;
}
.progress-bar[data-v-6e810ca8] {
  width: 100%;
  padding: 10px 30px 10px 0;
}
.progress-bar .mtd-steps[data-v-6e810ca8] {
  overflow-x: auto;
}
.progress-bar .mtd-steps .mtd-step[data-v-6e810ca8] {
  max-width: 132px;
}
.progress-bar .mtd-steps .mtd-step[data-v-6e810ca8] .mtd-step-main {
  width: 156px;
  margin-left: 25px;
  margin-top: 3px;
  text-align: center;
}
.progress-bar .mtd-steps .mtd-step[data-v-6e810ca8] .mtd-step-main .mtd-step-main-description :nth-child(1) {
  font-size: 14px;
  position: relative;
  top: -2px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.84);
  color: #6f6f6f;
}
.progress-bar .mtd-steps .mtd-step[data-v-6e810ca8]:nth-child(1) {
  margin-left: -35px;
}
.progress-bar-item[data-v-6e810ca8] {
  position: relative;
}
.mtd-tooltip[data-v-6e810ca8] {
  max-width: 156px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
}
.time-description[data-v-6e810ca8] {
  text-align: center;
}
.microphone-container[data-v-90c687f0] {
  line-height: normal;
}
.microphone-container .microphone-row[data-v-90c687f0] {
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.microphone-container .microphone-row .microphone[data-v-90c687f0] {
  cursor: pointer;
}
.microphone-container .microphone-row .microphone.fill[data-v-90c687f0] {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #f5483b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.microphone-container .microphone-row .end-button[data-v-90c687f0] {
  margin: 0;
  margin-left: 8px;
  padding: 2px 8px;
  height: 24px;
  line-height: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}
.microphone-container .microphone-row .text[data-v-90c687f0] {
  margin-left: 5px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.microphone-container .microphone-row .new-tag[data-v-90c687f0] {
  margin-left: 4px;
  color: #fff;
  width: 38px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #ff4a47;
  border-radius: 10px;
}
.asr-container[data-v-ed7fbf3e] {
  position: relative;
  display: inline-block;
  width: 100%;
}
.asr-container .microphone-container[data-v-ed7fbf3e] {
  position: absolute;
  left: 2px;
  bottom: 1px;
  padding-left: 8px;
  background-color: #fff;
  width: calc(100% - 4px);
  height: 24px;
}
.asr-container .microphone-container.hide[data-v-ed7fbf3e] {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.cs-f-textarea[data-v-33ec62fd],[data-v-33ec62fd] .cs-field-right {
  display: inline;
  flex-grow: 1;
}
.textarea-wrapper[data-v-33ec62fd] {
  position: relative;
  flex-grow: 1;
}
.textarea-wrapper[data-v-33ec62fd] textarea {
  border: none;
}
.limit-exceeded[data-v-33ec62fd] {
  border-color: red;
}
.textarea-limit-exceeded-tip[data-v-33ec62fd] {
  color: red;
}
.nlp-textarea[data-v-33ec62fd] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 102px;
}
.nlp-textarea .nlp-textarea-operation[data-v-33ec62fd] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.nlp-textarea .nlp-textarea-operation[data-v-33ec62fd] .mtd-btn {
  height: 24px;
}
.nlp-textarea .nlp-default-recommend[data-v-33ec62fd] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 74px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.nlp-textarea .nlp-default-recommend .nlp-default-recommend-value[data-v-33ec62fd] {
  line-height: 22px;
  white-space: pre-wrap;
}
.nlp-textarea .nlp-default-recommend .nlp-default-recommend-tag[data-v-33ec62fd] {
  background: var(--cs-common-primary4-color);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.recommend-textarea[data-v-33ec62fd] {
  position: relative;
  padding-bottom: 24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  margin-top: 5px;
}
.recommend-textarea .preload-textarea[data-v-33ec62fd] {
  color: rgba(0, 0, 0, 0.6);
  opacity: unset;
  cursor: default;
  height: 80px;
  overflow: auto;
  padding: 4px 8px;
  width: 100%;
}
.recommend-textarea .recommend-textarea-operation[data-v-33ec62fd] {
  position: absolute;
  right: 6px;
  bottom: -5px;
  z-index: 3;
  display: flex;
  align-items: center;
}
[data-v-33ec62fd] .mtd-btn > span {
  line-height: 20px;
}
[data-v-33ec62fd] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.icon-style[data-v-33ec62fd] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.mtdicon-copy-o[data-v-33ec62fd] {
  cursor: pointer;
}
.textareat-edit-slot[data-v-33ec62fd],
.textarea-not-edit-slot[data-v-33ec62fd] {
  width: 100%;
}
[data-v-33ec62fd] .mtd-textarea {
  width: 100%;
  border: none;
  resize: none;
  font-size: 14px;
  line-height: 20px;
}
.refresh-btn[data-v-33ec62fd] {
  color: var(--cs-common-primary-color);
}
[data-v-33ec62fd] .mtdicon-refresh-o {
  color: var(--cs-common-primary-color);
}

.cs-date-select[data-v-56e9556f],
.date-select-input[data-v-56e9556f] {
  width: 100%;
}
.date-select-input[data-v-56e9556f] {
  position: relative;
  display: inline-block;
}
.date-select-date-picker[data-v-56e9556f] {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  top: 0;
  left: 0;
  overflow: hidden;
}
[data-v-56e9556f] .mtd-input-wrapper {
  width: 100%;
}
.time-picker-footer[data-v-56e9556f] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
}

.operate[data-v-baa128ae] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.undone-nuclear[data-v-baa128ae] {
  display: flex;
  width: 350px;
}
.undone-nuclear > i[data-v-baa128ae] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.verify-identity-by-phone-container[data-v-0fd50048] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-0fd50048] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-0fd50048] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-0fd50048] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-0fd50048] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-0fd50048] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-0fd50048] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-0fd50048],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-0fd50048] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-0fd50048] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-0fd50048] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-0fd50048] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-0fd50048] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-0fd50048] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-0fd50048] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-0fd50048] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-0fd50048] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-0fd50048] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-0fd50048] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0fd50048] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0fd50048]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-0fd50048] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-0fd50048] {
  margin: 0 12px 0 0;
}
.dianping-business-modal[data-v-6ab62402] {
  max-height: 400px;
  overflow: auto;
}
.dianping-business-modal .mtd-form[data-v-6ab62402] {
  padding: 10px 20px 0 50px;
}
.dianping-business-modal .dianping-pagination[data-v-6ab62402] {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.verify-identity-by-phone-container[data-v-26c2baaf] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-26c2baaf] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-26c2baaf] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-26c2baaf] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-26c2baaf] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-26c2baaf] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-26c2baaf] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-26c2baaf],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-26c2baaf] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-26c2baaf] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-26c2baaf] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-26c2baaf] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-26c2baaf] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-26c2baaf] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-26c2baaf] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-26c2baaf] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-26c2baaf] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-26c2baaf] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-26c2baaf] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-26c2baaf] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-26c2baaf]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-26c2baaf] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-26c2baaf] {
  margin: 0 12px 0 0;
}
.verify-identity-by-phone-container[data-v-6f488731] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-6f488731] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-6f488731] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-6f488731] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-6f488731] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-6f488731] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-6f488731] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-6f488731],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-6f488731] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-6f488731] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-6f488731] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-6f488731] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-6f488731] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-6f488731] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-6f488731] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-6f488731] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-6f488731] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-6f488731] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-6f488731] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-6f488731] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-6f488731]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-6f488731] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-6f488731] {
  margin: 0 12px 0 0;
}
.font-color-red[data-v-a233bc26] {
  color: rgb(255, 95, 87);
}
.financial-information-card[data-v-a233bc26] {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.financial-information-card-content[data-v-a233bc26] {
  padding: 12px;
  font-size: 14px;
  position: relative;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.financial-information-card-content-tip[data-v-a233bc26] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #fff;
  background: rgb(255, 95, 87);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 4px 0 4px;
}
.financial-information-card-operate[data-v-a233bc26] {
  padding: 8px 16px;
}
.financial-information-card-operate[data-v-a233bc26] .mtd-radio-group {
  width: 100%;
  display: flex;
}
.financial-information-card-operate[data-v-a233bc26] .mtd-radio-group > label {
  flex: 1;
}
.font-color-red[data-v-0e8fba97] {
  color: rgb(255, 95, 87);
}
.title[data-v-0e8fba97] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-0e8fba97] {
  margin-bottom: 12px;
}
.only-finance[data-v-0e8fba97] {
  min-width: 550px;
  display: flex;
}
.only-finance-item[data-v-0e8fba97] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.only-finance-item[data-v-0e8fba97]:last-child {
  margin-right: 0;
}
.only-finance-item-header[data-v-0e8fba97] {
  margin-bottom: 8px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.only-finance-item-header span[data-v-0e8fba97] {
  font-weight: 500;
  line-height: 22px;
}
.only-finance-change-btn[data-v-0e8fba97] {
  padding: 0;
  font-size: 12px;
}
.font-color-red[data-v-7085254f] {
  color: rgb(255, 95, 87);
}
.custom-collapse[data-v-7085254f] {
  border: none;
}
.custom-collapse[data-v-7085254f] .mtd-collapse-item {
  border: none;
}
.custom-collapse[data-v-7085254f] .mtd-collapse-item .mtd-collapse-item-header {
  background-color: initial;
  position: relative;
  padding: 0 0 0 16px;
  color: inherit;
}
.custom-collapse[data-v-7085254f] .mtd-collapse-item .mtd-collapse-item-header i {
  line-height: 22px;
  height: 22px;
  width: 16px;
}
.custom-collapse[data-v-7085254f] .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: initial;
}
.custom-collapse[data-v-7085254f] .mtd-collapse-item .mtd-collapse-item-content {
  color: inherit;
  padding: 0;
}
.strong[data-v-7085254f] {
  font-weight: 500;
}
.search-table[data-v-1d23f3d0] {
  text-align: initial;
}
.search-table .page-pagination[data-v-1d23f3d0] {
  padding: 8px 0;
  text-align: right;
}
.search-table[data-v-1d23f3d0] .mtd-table-border {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.search-table[data-v-1d23f3d0] .mtd-table-border td,
.search-table[data-v-1d23f3d0] .mtd-table-border th {
  border-right: none;
}
.common-order[data-v-33bd6ab7] {
  min-width: 720px;
}
.common-order[data-v-33bd6ab7] .mtd-table-empty-text-wrapper {
  border-bottom: #ededed 1px solid;
}
.common-order[data-v-33bd6ab7] .mtd-table-cell {
  padding-left: 16px;
  padding-right: 16px;
}
.custom-date-picker[data-v-33bd6ab7] {
  width: 180px;
}
.search-table[data-v-33bd6ab7] {
  margin-top: 10px;
}
.custom-tag[data-v-33bd6ab7] {
  position: absolute;
  right: 0;
  top: 0;
}
.other-pane-tip[data-v-33bd6ab7] {
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.35);
}
.other-pane-tip-black[data-v-33bd6ab7] {
  color: rgba(0, 0, 0, 0.7);
}
.date-picker-icon[data-v-33bd6ab7] {
  margin-left: 6px;
}
.year-pane[data-v-33bd6ab7] {
  margin-top: 8px;
}
.empty-data[data-v-33bd6ab7] {
  color: rgba(0, 0, 0, 0.5);
}
.common-order-custom-nuclear-column .mtd-table-cell {
  position: initial !important;
}
.common-order-custom-row {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.font-color-red[data-v-f6df4fb6] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-f6df4fb6] {
  color: rgb(255, 95, 87);
}
.pay-time-column[data-v-f6df4fb6] {
  display: flex;
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.common-order-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.font-color-red[data-v-19847855] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-19847855] {
  color: rgb(255, 95, 87);
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.common-order-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.font-color-red[data-v-cf93a4e8] {
  color: rgb(255, 95, 87);
}
.order-verify-timeline-title[data-v-cf93a4e8] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.order-verify-timeline[data-v-cf93a4e8] {
  padding-top: 7px;
}
.order-verify-timeline-title[data-v-cf93a4e8] {
  margin-bottom: 8px;
}
.order-verify-timeline[data-v-cf93a4e8] .mtd-timeline-item:not(:last-child) .mtd-timeline-item-line-tail {
  display: inherit;
}
.font-color-red[data-v-63670e36] {
  color: rgb(255, 95, 87);
}
.only-order-title[data-v-63670e36] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.only-order[data-v-63670e36] {
  min-width: 600px;
}
.only-order-title[data-v-63670e36] {
  margin-bottom: 12px;
}
.font-color-red[data-v-10b2a728] {
  color: rgb(255, 95, 87);
}
.title[data-v-10b2a728] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-10b2a728] {
  font-weight: 500;
  margin-bottom: 8px;
}
.content-item[data-v-10b2a728] {
  margin-bottom: 16px;
}
.font-color-red[data-v-132d69a8] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-132d69a8] {
  color: rgb(255, 95, 87);
}
.registration-tip[data-v-132d69a8] {
  margin-bottom: 10px;
}
.tips-content[data-v-132d69a8] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  margin-left: 4px;
  padding: 0 4px;
}
.tips-content .tips-arrow[data-v-132d69a8] {
  position: relative;
}
.tips-content .tips-arrow[data-v-132d69a8]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.font-color-red[data-v-08063904] {
  color: rgb(255, 95, 87);
}
.title[data-v-08063904] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-08063904] {
  margin-bottom: 12px;
}
.operate[data-v-08063904] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-08063904] {
  margin-left: 12px;
}
.info[data-v-08063904] {
  display: flex;
}
.info > i[data-v-08063904] {
  color: var(--cs-common-primary-color);
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-16cb16a0] {
  color: rgb(255, 95, 87);
}
.title[data-v-16cb16a0] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-16cb16a0] {
  margin-bottom: 12px;
}
.custom-announcement[data-v-16cb16a0] {
  width: 558px;
}
.custom-icon[data-v-16cb16a0] {
  color: #ff5f57;
  font-size: 16px;
}
.operate[data-v-16cb16a0] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-16cb16a0] {
  margin-left: 12px;
}
.info[data-v-16cb16a0] {
  display: flex;
}
.info > i[data-v-16cb16a0] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-113c3104] {
  color: rgb(255, 95, 87);
}
.dianping-business-modal-title[data-v-113c3104] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-timeline-title[data-v-113c3104] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-title[data-v-113c3104] {
  margin-bottom: 12px;
}
.dianping-business-modal-content[data-v-113c3104] {
  padding: 0 20px;
}
.dianping-business-modal-header[data-v-113c3104] {
  margin-bottom: 12px;
  color: rgb(255, 95, 87);
}
.dianping-business-modal-timeline[data-v-113c3104] {
  padding-top: 7px;
}
.dianping-business-modal-timeline-title[data-v-113c3104] {
  margin-bottom: 8px;
}
.dianping-business-modal-operate[data-v-113c3104] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding: 0 20px;
}
.dianping-business-modal-operate button + button[data-v-113c3104] {
  margin-left: 12px;
}
.on-call-fail-prompt[data-v-113c3104] {
  margin-top: 12px;
  padding: 8px;
  background-color: #fff3f3;
  border-radius: 4px;
  color: rgb(255, 95, 87);
  font-size: 12px;
  line-height: 20px;
}
.font-color-red[data-v-2f081ce3] {
  color: rgb(255, 95, 87);
}
.inline-component-content[data-v-2f081ce3], .inline-component[data-v-2f081ce3], .list-item-content[data-v-2f081ce3] {
  display: flex;
  height: 42px;
  align-items: center;
}
.list-item[data-v-2f081ce3] {
  border-top: 1px solid #edf0f7;
}
.list-item[data-v-2f081ce3]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.list-item-component[data-v-2f081ce3] {
  padding-left: 14px;
}
.list-item-content-title[data-v-2f081ce3] {
  font-weight: 500;
  flex: 1;
}
.list-item-content-radio[data-v-2f081ce3] {
  width: 170px;
}
.inline-component[data-v-2f081ce3] {
  width: 320px;
  margin-right: 10px;
}
.inline-component-content[data-v-2f081ce3] {
  width: 250px;
  padding: 0 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.inline-component-content > div[data-v-2f081ce3]:first-child:not(:only-child) {
  width: 80px;
}
.inline-component-content[data-v-2f081ce3]:only-child {
  margin-right: 54px;
}
.font-color-red[data-v-b07ca4ba] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-b07ca4ba] {
  width: 220px;
}
.search-table[data-v-b07ca4ba] {
  margin-top: 10px;
}
.font-color-red[data-v-b07ca4ba] {
  color: rgb(255, 95, 87);
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.three-party-order-table-header[data-v-5ccaa8f9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #edf0f7;
  height: 42px;
}
.three-party-order-table-header > span[data-v-5ccaa8f9] {
  font-weight: 500;
}
.other-info-input[data-v-0e168eed] {
  width: 100%;
}
.other-info-input[placeholder][data-v-0e168eed] {
  overflow: auto;
}
.meituan-business-modal[data-v-78c5598c] {
  width: 580px;
}
.meituan-business-modal-message[data-v-78c5598c] {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 16px;
}
.meituan-business-modal-content[data-v-78c5598c] {
  margin-top: 10px;
  max-height: 600px;
  overflow: auto;
}
.meituan-business-modal-operate[data-v-78c5598c] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.meituan-business-modal-operate .btn-mg-12 button[data-v-78c5598c]:not(:last-child) {
  margin-right: 12px;
}
.verify-identity-by-phone-container[data-v-e2869484] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-e2869484] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-e2869484] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-e2869484] {
  width: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-e2869484] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-e2869484] {
  width: 2px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-e2869484] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-e2869484],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-e2869484] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-e2869484] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-e2869484] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-e2869484] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-e2869484] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-e2869484] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-e2869484] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-e2869484] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-e2869484] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-e2869484] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-e2869484] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-e2869484] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-e2869484]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-e2869484] {
  display: flex;
  justify-content: flex-end;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-e2869484] {
  margin: 0 12px 0 0;
}
.send-chart-tips[data-v-0ed76734] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 4px 12px 4px 32px;
}
.send-chart-tips .send-chart-tip-item[data-v-0ed76734] {
  position: relative;
  margin: 4px 0;
  font-size: 14px;
  color: #592d00;
  line-height: 22px;
}
.send-chart-tips .send-chart-tip-copy[data-v-0ed76734] {
  position: absolute;
  top: 3px;
  left: -24px;
  font-size: 16px;
  color: #592d00;
  cursor: pointer;
}
.send-message-tips .send-message-input-box[data-v-d4a98542] {
  margin-bottom: 8px;
}
.send-message-tips .send-message-content[data-v-d4a98542] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #592d00;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse {
  border: none;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse .mtd-collapse-item {
  border: none;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-header {
  padding: 0 16px;
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-content {
  padding: 0 16px;
  color: #592d00;
}
.send-message-tips[data-v-d4a98542] .mtd-collapse .mtd-collapse-item .mtd-collapse-arrow {
  line-height: 22px;
  width: auto;
}
.daozong-order-list[data-v-8b84c474] {
  width: 100%;
}
.daozong-order-list .daozong-order-list-header[data-v-8b84c474] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.daozong-order-list .daozong-order-list-header .flex[data-v-8b84c474] {
  display: flex;
  align-items: center;
}
.daozong-order-list .daozong-order-list-header .date-select-hint[data-v-8b84c474] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.daozong-order-list .daozong-filter[data-v-8b84c474] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .daozong-order-list-pagination[data-v-8b84c474] {
  padding-top: 10px;
  text-align: right;
}
.daozong-order-list .text-align-r[data-v-8b84c474] {
  text-align: right;
}
.daozong-order-list .radio-check[data-v-8b84c474] {
  cursor: pointer;
}
.daozong-order-list .radio-check .radio-innter[data-v-8b84c474] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  background-color: #fff;
}
.daozong-order-list .radio-check.active[data-v-8b84c474] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .radio-check.active .radio-innter[data-v-8b84c474] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.daozong-order-list .radio-label[data-v-8b84c474] {
  display: inline-block;
  vertical-align: middle;
}
.daozong-business-modal[data-v-6747255e] {
  width: 960px;
}
.daozong-business-modal .daozong-business-modal-content[data-v-6747255e] {
  position: relative;
}
.daozong-business-modal .daozong-business-modal-content .daozong-business-modal-timeline[data-v-6747255e] {
  max-height: 80vh;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow-y: auto;
}
.daozong-business-modal .daozong-business-modal-content .icon-unfold[data-v-6747255e] {
  cursor: pointer;
}
.daozong-business-modal .daozong-business-modal-content[data-v-6747255e]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%);
}
.daozong-business-modal .daozong-business-modal-timeline-title[data-v-6747255e] {
  margin-bottom: 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
}
.daozong-business-modal .mtdicon-refresh-o[data-v-6747255e] {
  color: var(--cs-common-primary-color);
}
.daozong-business-modal .daozong-business-modal-hint[data-v-6747255e] {
  color: rgba(0, 0, 0, 0.35);
}
.daozong-business-modal .daozong-business-modal-footer[data-v-6747255e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daozong-business-modal .daozong-business-modal-footer .right[data-v-6747255e] {
  display: flex;
  align-items: center;
}
.daozong-business-modal .daozong-business-modal-footer .margin-right-20[data-v-6747255e] {
  margin-right: 20px;
}
.daozong-business-modal .daozong-business-modal-message[data-v-6747255e] {
  transition: 0.5s ease-in;
}
.daozong-business-modal .daozong-business-modal-message.hide[data-v-6747255e] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.daozong-business-modal .preview-image .preview-image-item-date[data-v-6747255e] {
  width: 80px;
  margin-bottom: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 16px;
}
.daozong-business-modal .margin-top-8[data-v-6747255e] {
  margin-top: 8px;
}
.daozong-business-modal[data-v-6747255e] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.daozong-business-modal[data-v-6747255e] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container[data-v-385a99a0] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-385a99a0] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-385a99a0] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-385a99a0] {
  width: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-385a99a0] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-385a99a0] {
  width: 2px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-385a99a0] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-385a99a0],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-385a99a0] {
  width: 150px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-385a99a0] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-385a99a0] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-385a99a0] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-385a99a0] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-385a99a0] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-385a99a0] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-385a99a0] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-385a99a0] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-385a99a0] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-385a99a0] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-385a99a0] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-385a99a0]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-385a99a0] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-385a99a0] {
  margin: 0 12px 0 0;
}
.mobike-business-map[data-v-61a7cbc8] {
  width: 100%;
  height: 100%;
  min-height: 70vh;
}
.mobike-order-list[data-v-29e9c403] {
  width: 100%;
  padding-bottom: 20px;
}
.mobike-order-list .mobike-order-list-header[data-v-29e9c403] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.mobike-order-list .mobike-order-list-header .flex[data-v-29e9c403] {
  display: flex;
  align-items: center;
}
.mobike-order-list .mobike-order-list-header .date-select-hint[data-v-29e9c403] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.mobike-order-list .mobike-order-list-body[data-v-29e9c403] {
  max-height: 400px;
  overflow-y: auto;
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-order-list .mobike-order-list-body .mobike-order[data-v-29e9c403] {
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  border-top: none;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item[data-v-29e9c403] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 40px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon[data-v-29e9c403] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon .mtd-icon[data-v-29e9c403] {
  cursor: pointer;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon .mtdicon-close[data-v-29e9c403] {
  margin-left: 10px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-name[data-v-29e9c403] {
  width: 168px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-value[data-v-29e9c403] {
  flex: 1;
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
  padding: 9px 16px;
  word-break: break-all;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-radio[data-v-29e9c403] {
  width: 200px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .trade-color[data-v-29e9c403] {
  color: rgba(0, 0, 0, 0.7);
  background: #f7f7f7;
}
.mobike-order-list .mobike-order-list-body .border-top[data-v-29e9c403] {
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-order-list .mobike-order-list-body .item-hint[data-v-29e9c403] {
  margin: 4px 4px 4px 44px;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  color: #999;
  font-size: 12px;
  text-align: center;
}
.mobike-order-list .mobike-filter[data-v-29e9c403] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .text-align-r[data-v-29e9c403] {
  text-align: right;
}
.mobike-order-list .radio-innter[data-v-29e9c403] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  background-color: #fff;
}
.mobike-order-list .radio-check[data-v-29e9c403] {
  cursor: pointer;
}
.mobike-order-list .radio-check.active[data-v-29e9c403] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .radio-check.active .radio-innter[data-v-29e9c403] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.mobike-order-list .radio-label[data-v-29e9c403] {
  display: inline-block;
  vertical-align: middle;
}
.mobike-order-list .mobike-order-list-more[data-v-29e9c403] {
  text-align: center;
}
.mobike-order-list .mobike-order-list-no-data[data-v-29e9c403] {
  text-align: center;
  color: rgba(0, 0, 0, 0.84);
  line-height: 60px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-business-modal[data-v-13cb8716] {
  width: 600px;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.mobike-business-modal .mobike-business-modal-content[data-v-13cb8716] {
  position: relative;
}
.mobike-business-modal .mobike-business-modal-content .icon-unfold[data-v-13cb8716] {
  cursor: pointer;
}
.mobike-business-modal .mobike-business-modal-content[data-v-13cb8716]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.8) 100%);
}
.mobike-business-modal .mobike-business-modal-content .business-verify-type-title[data-v-13cb8716] {
  padding: 12px 0 8px 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.mobike-business-modal .mobike-business-modal-content .business-verify-type-title .error-message[data-v-13cb8716] {
  font-size: 12px;
  color: #ff5f57;
  letter-spacing: 0;
  line-height: 20px;
}
.mobike-business-modal .mobike-business-modal-content[data-v-13cb8716] .mtd-table-body tr:hover > td:not(.verify-content) {
  background-color: initial;
}
.mobike-business-modal .mobike-business-modal-timeline-title[data-v-13cb8716] {
  margin-bottom: 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
}
.mobike-business-modal .mtdicon-refresh-o[data-v-13cb8716] {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal .mobike-business-modal-hint[data-v-13cb8716] {
  color: rgba(0, 0, 0, 0.35);
}
.mobike-business-modal .mobike-business-modal-footer[data-v-13cb8716] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobike-business-modal .mobike-business-modal-footer .right[data-v-13cb8716] {
  display: flex;
  align-items: center;
}
.mobike-business-modal .mobike-business-modal-footer .margin-right-20[data-v-13cb8716] {
  margin-right: 20px;
}
.mobike-business-modal .mobike-business-modal-message[data-v-13cb8716] {
  transition: 0.5s ease-in;
}
.mobike-business-modal .mobike-business-modal-message.hide[data-v-13cb8716] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.mobike-business-modal .margin-top-8[data-v-13cb8716] {
  margin-top: 8px;
}
.mobike-business-modal[data-v-13cb8716] .verify-content {
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
}
.mobike-business-modal[data-v-13cb8716] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.mobike-business-modal[data-v-13cb8716] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal[data-v-13cb8716] .mtd-tabs-bottom-border {
  height: 0;
}
.mobike-business-modal[data-v-13cb8716] .mtd-tabs-nocard .mtd-tabs-bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mobike-business-modal[data-v-13cb8716] .mtd-tabs-nocard .mtd-tabs-item.mtd-tab-active,
.mobike-business-modal[data-v-13cb8716] .mtd-tabs-nocard .mtd-tabs-item:hover {
  color: rgba(0, 0, 0, 0.9);
}
.verify-identity-by-phone-container .verify-recommend[data-v-418db51b] {
  box-sizing: border-box;
  padding: 8px 12px;
  width: 552px;
  background: #fff9e6;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 14px;
}
.verify-identity-by-phone-container .verify-recommend .verify-recommend-title[data-v-418db51b] {
  font-weight: 500;
  color: #592d00;
  line-height: 22px;
  margin: 0;
}
.verify-identity-by-phone-container .verify-recommend .verify-recommend-content[data-v-418db51b] {
  font-weight: 400;
  color: #592d00;
  line-height: 22px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-418db51b] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-418db51b] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-418db51b] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-418db51b] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-418db51b] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-418db51b] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-418db51b],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-418db51b] {
  width: 160px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-418db51b] {
  padding: 0 8px;
  line-height: 32px;
  color: var(--cs-common-primary-color);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-418db51b] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-418db51b] {
  height: 32px;
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-418db51b] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-418db51b] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-418db51b] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-418db51b] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-418db51b] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-418db51b] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-418db51b] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-418db51b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 24px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-418db51b]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid rgba(0, 0, 0, 0);
  left: -13px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-418db51b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group[data-v-418db51b] {
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business[data-v-418db51b] {
  margin-left: 12px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  cursor: pointer;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business i[data-v-418db51b] {
  font-size: 16px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business .verify-toggle-business-button .verify-change-way-tip[data-v-418db51b] {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 82px;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: #ff5f57;
  border-radius: 2px;
  margin-left: 12px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business .verify-toggle-business-button .verify-change-way-tip[data-v-418db51b]::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff5f57;
  position: absolute;
  left: -4px;
  top: 7px;
}
.verify-item-container[data-v-77625466] {
  display: flex;
  align-items: center;
  height: 44px;
}
.verify-item-container .wyc-title[data-v-77625466] {
  width: 150px;
}
.verify-item-container .verify-item[data-v-77625466] {
  padding-left: 12px;
}
.verify-item-container .verify-item-value[data-v-77625466] {
  width: 320px;
  height: 44px;
  background-color: rgba(245, 72, 59, 0.08);
  color: #f5483b;
  display: flex;
  align-items: center;
}
.verify-item-container .verify-item-value .item-value-split[data-v-77625466]:last-child {
  border-left: 1px solid rgba(245, 72, 59, 0.08);
}
.verify-item-container .verify-item-choice[data-v-77625466] {
  width: 182px;
  box-sizing: border-box;
  padding-left: 30px;
}
.order-info-wyc[data-v-ec8a7d72] {
  max-height: 440px;
  position: relative;
  overflow-y: scroll;
}
.order-info-wyc .wyc-title[data-v-ec8a7d72] {
  width: 150px;
}
.order-info-wyc.mtd-list[data-v-ec8a7d72] {
  border: none;
}
.order-info-wyc .mtd-list-item[data-v-ec8a7d72] {
  padding: 0;
}
.order-info-wyc .mtd-list-item[data-v-ec8a7d72]:not(:last-child) {
  border-bottom: none;
}
.order-info-wyc .order-position[data-v-ec8a7d72] {
  display: flex;
  align-items: center;
  width: 320px;
  height: 44px;
  padding-left: 12px;
  background-color: rgba(245, 72, 59, 0.08);
  color: #f5483b;
}
.order-info-wyc .header-txt[data-v-ec8a7d72] {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
.order-info-wyc .position-value[data-v-ec8a7d72] {
  padding-right: 12px;
}
.order-info-wyc .order-info-time[data-v-ec8a7d72] {
  display: flex;
  align-items: center;
  width: 655px;
  height: 36px;
  padding-left: 12px;
  color: #000;
  background: rgba(0, 0, 0, 0.02);
}
.order-info-wyc .load-more[data-v-ec8a7d72] {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  background-color: #fff;
}
.phone-for-wyc[data-v-62bedece] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  padding-left: 12px;
}
.phone-for-wyc .phone-value[data-v-62bedece] {
  padding-right: 12px;
}
.phone-for-wyc .callout-btn[data-v-62bedece] {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.phone-for-wyc .phone-sms-verify[data-v-62bedece] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}
.phone-for-wyc .phone-sms-verify .verify-code[data-v-62bedece] {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  padding: 2px 8px;
  border-radius: 2px;
  background-color: #f5483b;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.phone-for-wyc .phone-sms-verify .triangle[data-v-62bedece] {
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #f5483b transparent transparent;
}
.wangyueche-business-modal .wyc-security[data-v-2a1587de] {
  width: 400px;
}
.wangyueche-business-modal .tips[data-v-2a1587de] {
  display: flex;
  align-items: center;
  max-width: 672px;
  line-height: 20px;
  padding: 12px;
  margin: 16px 0;
  background-color: #fff9e6;
  border-radius: 4px;
  font-weight: 400;
  color: #592d00;
}
.wangyueche-business-modal ul[data-v-2a1587de] {
  list-style: none;
}
.wangyueche-business-modal .business-verify-li[data-v-2a1587de] {
  padding-left: 17px;
  position: relative;
}
.wangyueche-business-modal .business-verify-li .verify-item-title[data-v-2a1587de] {
  width: 150px;
}
.wangyueche-business-modal .business-verify-li[data-v-2a1587de]::before {
  position: absolute;
  top: 20px;
  left: -2px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #000;
}
.wangyueche-business-modal .order-row[data-v-2a1587de] {
  height: 44px;
  display: flex;
  align-items: center;
}
.wangyueche-business-modal .row-item-title[data-v-2a1587de] {
  font-weight: 700;
}
.wangyueche-business-modal .verify-timeline-btn-group[data-v-2a1587de] {
  margin-top: 16px;
  text-align: right;
}
.wangyueche-business-modal .verify-timeline-btn-group .verify-timeline-left-btn[data-v-2a1587de] {
  margin-right: 12px;
}
.wangyueche-business-modal[data-v-2a1587de] .ellipsis-span {
  display: inline-block;
  flex: 1;
  width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wangyueche-business-modal[data-v-2a1587de] .bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.identify-card-verify-container .timeline-item-title[data-v-56ddd3f7] {
  font-weight: 500;
  color: #000;
}
.identify-card-verify-container .timeline-item-line[data-v-56ddd3f7] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.identify-card-verify-container .timeline-item-line-left[data-v-56ddd3f7] {
  margin-right: 12px;
}
.identify-card-verify-container .timeline-item-line-right[data-v-56ddd3f7] {
  color: #f5483b;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content[data-v-56ddd3f7] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 10px;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-56ddd3f7] {
  position: relative;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-56ddd3f7]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.identify-card-verify-container[data-v-56ddd3f7] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container .timeline-item-title[data-v-bfcbca48] {
  font-weight: 500;
  color: #000;
}
.verify-identity-by-phone-container .timeline-item-line[data-v-bfcbca48] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .timeline-item-line-left[data-v-bfcbca48] {
  margin-right: 12px;
}
.verify-identity-by-phone-container .resend-tips[data-v-bfcbca48] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.45;
}
.verify-identity-by-phone-container .revert-mtd-button-color[data-v-bfcbca48] {
  height: 32px;
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container .verification-code-tips[data-v-bfcbca48] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content[data-v-bfcbca48] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 10px;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-bfcbca48] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-bfcbca48]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container[data-v-bfcbca48] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container[data-v-bfcbca48] .cs-f-secret-field {
  width: 100px;
}
.business-verify-container-title[data-v-024cfd8f] {
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-bottom: 10px;
}
.business-verify-container[data-v-024cfd8f] .mtd-table-row :nth-child(2).mtd-table-column-default {
  background: #fff9e6;
  color: #f5483b;
}
.business-verify-container[data-v-024cfd8f] tbody :nth-child(1).mtd-table-row .mtd-table-column-default {
  border-top: solid 1px rgba(0, 0, 0, 0.06);
}
.card-image-verify-container .timeline-item-title[data-v-19f798e3] {
  font-weight: 500;
  color: #000;
}
.card-image-verify-container .timeline-item-line[data-v-19f798e3] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.card-image-verify-container .timeline-item-line-left[data-v-19f798e3] {
  margin-right: 12px;
}
.font-color-red[data-v-151f6d08] {
  color: rgb(255, 95, 87);
}
.finance-business-modal[data-v-151f6d08] {
  min-width: 380px;
}
.finance-business-modal-title[data-v-151f6d08] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  padding-bottom: 4px;
}
.finance-business-modal-tips[data-v-151f6d08] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.finance-business-modal-tips-icon[data-v-151f6d08] {
  color: #f5ba31;
}
.finance-business-modal-tips-text[data-v-151f6d08] {
  color: #592d00;
  margin-left: 5px;
}
.finance-business-modal-content[data-v-151f6d08] {
  margin-top: 16px;
}
.finance-business-modal-operate[data-v-151f6d08] {
  margin-top: 24px;
  text-align: right;
}
.finance-business-modal-operate .submit-btns[data-v-151f6d08] {
  margin-top: 16px;
}
.finance-business-modal-operate .submit-btns .mtd-btn[data-v-151f6d08] {
  margin-left: 12px;
}
.verify-identity-container[data-v-5a6342ec] {
  width: 700px;
}
.verify-identity-container .verify-title[data-v-5a6342ec] {
  line-height: 36px;
  margin: 16px 0;
  background: #fff9e6;
  border-radius: 4px;
}
.verify-identity-container .verify-title .title[data-v-5a6342ec] {
  margin-left: 12px;
}
.verify-identity-container .verify-identity-date[data-v-5a6342ec] {
  width: 100%;
}
.verify-identity-container .verify-identity-date span[data-v-5a6342ec] {
  padding: 0 20px;
  font-weight: 400;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 20px;
}
.verify-identity-container .verify-identity-content[data-v-5a6342ec] {
  margin-top: 14px;
  height: 550px;
  overflow-y: scroll;
}
.verify-identity-container .verify-identity-content[data-v-5a6342ec] .mtd-collapse-item-content {
  padding-top: 10px;
}
.verify-identity-container .verify-identity-content .option-header[data-v-5a6342ec] {
  font-weight: 500;
  font-family: PingFangSC-Medium, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
  margin: 6px 0 8px 0;
}
.verify-identity-container .verify-identity-content .option-list[data-v-5a6342ec] {
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  line-height: 44px;
}
.verify-identity-container .verify-identity-content .option-list[data-v-5a6342ec]:nth-child(2) {
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.verify-identity-container .verify-identity-content .option-list-name[data-v-5a6342ec] {
  width: 130px;
}
.verify-identity-container .verify-identity-content .option-list-value[data-v-5a6342ec] {
  width: 240px;
  box-sizing: border-box;
  padding: 0 20px;
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
}
.verify-identity-container .verify-identity-content .option-list-result[data-v-5a6342ec] {
  width: 260px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.verify-identity-container .verify-identity-content .option-list-result .mtd-radio-group[data-v-5a6342ec] {
  margin-left: 33px;
}
.verify-identity-container .verify-identity-content .option-list-result .button.mtd-btn.mtd-btn-text-primary[data-v-5a6342ec] {
  margin-top: 6px;
}
.verify-identity-container .verify-identity-content .option-list span[data-v-5a6342ec] {
  display: inline-block;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore[data-v-5a6342ec] {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5a6342ec] {
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5a6342ec] .mtd-btn-before {
  color: #0a70f5;
}
.verify-identity-container .empty-content[data-v-5a6342ec] {
  height: 500px;
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .empty-content .mtdicon-lookup[data-v-5a6342ec] {
  font-size: 30px;
}
.verify-identity-container .empty-content .empty-info[data-v-5a6342ec] {
  text-align: center;
}
.verify-identity-container .verify-identity-btn-group[data-v-5a6342ec] {
  display: flex;
  justify-content: right;
}
.verify-identity-container .verify-identity-btn-group .cancel-btn[data-v-5a6342ec] {
  margin-right: 12px;
}
.id-card[data-v-6f7f802f] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.id-card .card-name[data-v-6f7f802f] {
  width: 162px;
  padding-left: 12px;
}
.id-card .card-number[data-v-6f7f802f] {
  flex: 1;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.id-card .card-operation[data-v-6f7f802f] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-f5222a60] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-f5222a60] {
  width: 220px;
}
.search-table[data-v-f5222a60] {
  margin-top: 10px;
}
.font-color-red[data-v-f5222a60] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.account-info[data-v-5e360af5] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-info .account-name[data-v-5e360af5] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.account-info .account-operation[data-v-5e360af5] {
  width: 190px;
  text-align: right;
}
.email-info[data-v-6064cb34] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-info .email-name[data-v-6064cb34] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.email-info .email-operation[data-v-6064cb34] {
  width: 190px;
  text-align: right;
}
.verify-business[data-v-5a56ab4f] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-5a56ab4f] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-5a56ab4f] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-5a56ab4f] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-5a56ab4f] {
  max-height: 600px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-5a56ab4f] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-5a56ab4f] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-5a56ab4f] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list .item-split[data-v-5a56ab4f] {
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-5a56ab4f] {
  text-align: center;
}
.verify-business .btn-group[data-v-5a56ab4f] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.verify-business .btn-group .special-btns button[data-v-5a56ab4f]:first-child {
  margin-right: 12px;
}
.verify-business .btn-group .submit-btns button[data-v-5a56ab4f]:first-child {
  margin-right: 12px;
}
.phone-verify-container[data-v-227ff632] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-227ff632] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-227ff632] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-227ff632] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-227ff632] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-227ff632] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-227ff632] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-227ff632] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-227ff632] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-227ff632] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-227ff632] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-227ff632] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-227ff632] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .can-not-verify-tips[data-v-227ff632] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-227ff632] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-227ff632] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-227ff632] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-227ff632] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-227ff632] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-227ff632]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-227ff632] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-227ff632]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-227ff632]:first-child {
  margin-right: 12px;
}
.footer-container[data-v-9d954e40] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.footer-container .submit-btns button[data-v-9d954e40]:first-child {
  margin-right: 12px;
}
.bank-list .bank-card[data-v-7687f208] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bank-list .bank-name[data-v-7687f208] {
  width: 162px;
  padding-left: 12px;
}
.bank-list .bank-number[data-v-7687f208] {
  flex: 1;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.bank-list .bank-operation[data-v-7687f208] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-4df01e12] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.mobile-access-network[data-v-19eea856] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-access-network .access-net-name[data-v-19eea856] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.mobile-access-network .access-net-operation[data-v-19eea856] {
  width: 190px;
  text-align: right;
}
.latest-repay-amount[data-v-3da9c433] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-repay-amount .latest-repay-amout[data-v-3da9c433] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.latest-repay-amount .latest-repay-operation[data-v-3da9c433] {
  width: 190px;
  text-align: right;
}
.credit-grant-amount[data-v-b0353c88] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-amount .credit-grant-amout[data-v-b0353c88] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.credit-grant-amount .credit-grant-operation[data-v-b0353c88] {
  width: 190px;
  text-align: right;
}
.credit-grant-time[data-v-9408add8] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-time .credit-grant-content[data-v-9408add8] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.credit-grant-time .credit-grant-operation[data-v-9408add8] {
  width: 190px;
  text-align: right;
}
.user-hold-id-card[data-v-3a7de806] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-hold-id-card .hold-id-name[data-v-3a7de806] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.user-hold-id-card .hold-id-operation[data-v-3a7de806] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-df4108c0] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-df4108c0] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.common-item[data-v-a4e75ba0] {
  margin-left: 8px;
  font-size: 12px;
}
.common-item .header-tips[data-v-a4e75ba0] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.common-item .header-tips[data-v-a4e75ba0] :first-child {
  font-weight: bold;
}
.common-item .header-tips[data-v-a4e75ba0] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.phone-verify-container[data-v-1bb120c3] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-1bb120c3] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-1bb120c3] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-1bb120c3] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-1bb120c3] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-1bb120c3] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-1bb120c3] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-1bb120c3] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-1bb120c3] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-1bb120c3] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-1bb120c3] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-1bb120c3] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-1bb120c3] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .can-not-verify-tips[data-v-1bb120c3] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-1bb120c3] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-1bb120c3] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-1bb120c3] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-1bb120c3] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-1bb120c3] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-1bb120c3]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-1bb120c3] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-1bb120c3]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-1bb120c3]:first-child {
  margin-right: 12px;
}
.verify-business[data-v-4e560452] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-4e560452] {
  line-height: 36px;
  margin-top: 10px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-4e560452] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-4e560452] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-4e560452] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-4e560452] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-4e560452] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-4e560452] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-4e560452] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .tile-item-container[data-v-4e560452] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-4e560452],
.verify-business .verify-item-list .verify-option-container[data-v-4e560452] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .item-split[data-v-4e560452] {
  margin-bottom: 8px;
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-4e560452] {
  text-align: center;
}
.verify-business .footer-container[data-v-4e560452] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-4e560452]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-4e560452]:first-child {
  margin-right: 12px;
}
.verify-flow-container[data-v-bc7af922] {
  width: 100%;
}
.verify-flow-container .el-message-box-header[data-v-bc7af922] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 2px 0;
}
.verify-flow-container .el-message-box-header .el-message-box-title[data-v-bc7af922] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}

.verify-template-error-container {
  height: 100px;
  width: 200px;
}

.phone-verify-container[data-v-2dbe168c] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-2dbe168c] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-2dbe168c] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-2dbe168c] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-2dbe168c] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-2dbe168c] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-2dbe168c] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-2dbe168c] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-2dbe168c] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-2dbe168c] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-2dbe168c] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-2dbe168c] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-2dbe168c] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .verify-desc[data-v-2dbe168c] {
  font-size: 11px;
  color: gray;
}
.phone-verify-container .result-options .mtd-radio[data-v-2dbe168c] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-2dbe168c] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-2dbe168c] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-2dbe168c] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-2dbe168c]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-2dbe168c] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-2dbe168c]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-2dbe168c]:first-child {
  margin-right: 12px;
}
.font-color-red[data-v-3e98ab00] {
  color: rgb(255, 95, 87);
}
[data-v-3e98ab00] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.custom-date-picker[data-v-3e98ab00] {
  width: 220px;
}
.custom-date-picker[data-v-3e98ab00] .range-separator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-table[data-v-3e98ab00] {
  margin-top: 10px;
}
.font-color-red[data-v-3e98ab00] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-324bd16b] {
  color: rgb(255, 95, 87);
}
.search-table[data-v-324bd16b] {
  margin-top: 10px;
}
.font-color-red[data-v-324bd16b] {
  color: rgb(255, 95, 87);
}
[data-v-324bd16b] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.simple-item-content[data-v-62f5303f] {
  display: flex;
  justify-content: space-between;
}
.simple-item-content .op-result[data-v-62f5303f] {
  margin-right: 12px;
}
.verify-business[data-v-6863947b] {
  min-width: 600px;
}
.verify-business .verify-item-list[data-v-6863947b] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-6863947b] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-6863947b] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-6863947b] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-6863947b] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .verify-section[data-v-6863947b] {
  margin-bottom: 8px;
}
.verify-business .verify-item-list .verify-item[data-v-6863947b] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .verify-item > div[data-v-6863947b]:not(:last-child) {
  margin-bottom: 10px;
}
.verify-business .verify-item-list .tile-item-container[data-v-6863947b] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-6863947b],
.verify-business .verify-item-list .verify-option-container[data-v-6863947b] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .manual-refresh[data-v-6863947b] {
  text-align: center;
}
.verify-business .footer-container[data-v-6863947b] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-6863947b]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-6863947b]:first-child {
  margin-right: 12px;
}
.verify-flow-platform-container[data-v-3259550e] {
  width: 100%;
}
.verify-flow-platform-container .el-message-box-header[data-v-3259550e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.verify-flow-platform-container .el-message-box-header .el-message-box-title[data-v-3259550e] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.oncall-search-dialog[data-v-67559fb2] {
  width: 100%;
  text-align: center;
}
.oncall-search-dialog .oncall-search-content[data-v-67559fb2] {
  margin-top: 10px;
  text-align: left;
}
.oncall-search-dialog .oncall-search-content .dx-link[data-v-67559fb2] {
  color: #035de3;
  cursor: pointer;
}
.oncall-search-dialog .oncall-search-footer[data-v-67559fb2] {
  margin-top: 10px;
}
.oncall-search-dialog[data-v-27ea3ca4] {
  width: 400px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.oncall-search-dialog .mtd-row[data-v-27ea3ca4] {
  display: flex;
  justify-content: center;
}
.oncall-search-dialog .mtd-row .mtd-select[data-v-27ea3ca4] {
  width: 100%;
}
.oncall-search-dialog .mtd-row .mtd-textarea[data-v-27ea3ca4] {
  width: 100%;
}
.oncall-search-dialog .oncall-search-dialog-button[data-v-27ea3ca4] {
  text-align: center;
}
.oncall-search-dialog .button-box[data-v-27ea3ca4] {
  margin-top: 10px;
}
.oncall-search-dialog .button-box .dialog-button[data-v-27ea3ca4] {
  text-align: center;
}
.examine-search-dialog[data-v-37d2e703] {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.examine-search-dialog .form-item[data-v-37d2e703] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.examine-search-dialog .button-box[data-v-37d2e703] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.cs-f-link .mtdicon-edit-o[data-v-1fcf7397] {
  padding: 0 0 0 8px;
  font-size: 16px;
  color: var(--cs-common-primary-color);
  line-height: 20px;
}
.link-layout[data-v-1fcf7397] {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.link-layout a[data-v-1fcf7397] {
  color: var(--cs-common-primary-color);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s;
  text-decoration: none;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.link-layout a[data-v-1fcf7397]:hover, .link-layout a.hover[data-v-1fcf7397] {
  color: var(--cs-common-primary1-color);
  text-decoration: underline;
}
.link-layout a[data-v-1fcf7397]:active, .link-layout a.active[data-v-1fcf7397] {
  color: var(--cs-common-primary3-color);
}
.link-layout a[disabled][data-v-1fcf7397] {
  color: rgba(0, 0, 0, 0.36);
  cursor: not-allowed;
}
.link-layout.position-left[data-v-1fcf7397] {
  justify-content: start;
}
.link-layout.position-right[data-v-1fcf7397] {
  justify-content: end;
}
.cs-f-text[data-v-ebc13668] {
  width: 100%;
}
[data-v-ebc13668] .mtd-input-wrapper {
  width: 100%;
}
[data-v-7fd006a8] .mtd-cascader {
  width: 100%;
}
[data-v-7fd006a8] .mtd-input:disabled {
  color: #666;
}
[data-v-7fd006a8] .mtd-select-disabled {
  opacity: 1;
}
[data-v-7fd006a8] .cs-field-right {
  flex-direction: column;
  align-items: flex-start;
}
.textColorRed[data-v-7fd006a8] {
  color: red;
}
[data-v-7fd006a8] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-7fd006a8] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7c154612] .mtd-select {
  width: 100%;
}
[data-v-7c154612] .mtd-option {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
[data-v-7c154612] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7c154612] .mtd-input:disabled {
  color: #666;
}
[data-v-7c154612] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-7c154612] .mtd-select-disabled {
  opacity: 1;
}
@charset "UTF-8";
.attachment-input[data-v-4b67a9e8] {
  z-index: 2;
  width: 52px;
  height: 32px;
  flex-shrink: 0;
}
.attachment-input[data-v-4b67a9e8]::-webkit-file-upload-button {
  visibility: hidden;
}
.attachment-input[data-v-4b67a9e8]::before {
  width: 52px;
  height: 32px;
  content: "上传";
  display: inline-block;
  background-color: #fff;
  color: var(--cs-common-primary-color);
  border: 1px solid var(--cs-common-primary-color);
  border-radius: 4px;
  padding: 0 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 14px;
}
.file-name[data-v-4b67a9e8] {
  max-width: 250px;
  margin-left: 12px;
}
.result-text[data-v-4b67a9e8] {
  padding-left: 20px;
}
.retry-button[data-v-4b67a9e8] {
  margin-top: 16px;
  text-align: center;
}
.ctrl-handler[data-v-17c7ac41] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-17c7ac41] {
  width: 100%;
  height: 300px;
  display: flex;
}
.cs-f-map-inner[data-v-17c7ac41] {
  width: 100%;
  display: block;
}
.no-data[data-v-17c7ac41] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.cs-f-map-old[data-v-17c7ac41] {
  width: 100%;
  display: block;
}
.cs-f-map-old #mapContainer[data-v-17c7ac41] {
  position: relative;
  height: 300px;
  width: 100%;
}
.cs-f-map-old #mapContainer .mark[data-v-17c7ac41] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: #fff;
  z-index: 9999;
}
.cs-f-map-old #mapContainer .mark ul[data-v-17c7ac41] {
  margin: 0;
  padding: 0;
}
.cs-f-map-old #mapContainer .mark ul li[data-v-17c7ac41] {
  list-style: none;
}
.cs-f-map-old #mapContainer .mark ul li span[data-v-17c7ac41] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-old #mapContainer .mark ul li .desc[data-v-17c7ac41] {
  margin-right: 5px;
  min-width: 200px;
}
.cs-f-map-old #mapContainer .mark ul li .color[data-v-17c7ac41] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.cs-f-map-old #mapContainer .mark .deliveInfo .deliveTime[data-v-17c7ac41] {
  color: #999;
}
.ctrl-handler[data-v-0bbba640] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-0bbba640] {
  width: 100%;
  display: flex;
}
.cs-f-map-inner[data-v-0bbba640] {
  width: 100%;
  display: block;
}
.no-data[data-v-0bbba640] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.cs-f-map-new[data-v-0bbba640] {
  width: 100%;
  display: block;
}
.cs-f-map-new .mapContainerId[data-v-0bbba640] {
  position: relative;
  width: 100%;
}
.cs-f-map-new .mapContainerId .mark[data-v-0bbba640] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: #fff;
  z-index: 9999;
  max-width: 300px;
  max-height: 150px;
  overflow: auto;
}
.cs-f-map-new .mapContainerId .mark ul[data-v-0bbba640] {
  margin: 0;
  padding: 0;
}
.cs-f-map-new .mapContainerId .mark ul li[data-v-0bbba640] {
  list-style: none;
}
.cs-f-map-new .mapContainerId .mark ul li span[data-v-0bbba640] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-new .mapContainerId .mark ul li .desc[data-v-0bbba640] {
  margin-right: 5px;
  min-width: 100px;
}
.cs-f-map-new .mapContainerId .mark ul li .color[data-v-0bbba640] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.revisit-date-select .data-selection-container[data-v-05816f3e] {
  display: flex;
}
.revisit-date-select .data-selection-container .time-type-desc[data-v-05816f3e] {
  margin-left: 4px;
  display: flex;
  align-items: center;
  color: red;
}
.revisit-date-select .time-type-tips[data-v-05816f3e] {
  margin-top: 4px;
  color: red;
  margin-bottom: 6px;
}
.time-picker-footer[data-v-05816f3e] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
}
.staff-loading-content[data-v-43c75f7c] {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-3c94441a]  .mtd-radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
[data-v-3c94441a]  .mtd-date-picker {
  display: flex;
}
[data-v-3c94441a]  .mtd-popover-rel {
  display: flex;
}
[data-v-3c94441a]  .mtd-form-item-label {
  text-align: left;
}
[data-v-3c94441a]  .radio-content {
  height: 32px;
  display: flex;
  align-items: center;
}
[data-v-3c94441a]  .radio-content .radio-right {
  height: 100%;
  display: flex;
  align-items: center;
}
[data-v-3c94441a]  .radio-content .radio-right .radio-right-target {
  flex: 1;
  display: flex;
  align-items: center;
  color: red;
}
[data-v-3c94441a]  .radio-content .schedule-text {
  line-height: 18px;
  margin-left: 10px;
}
[data-v-3c94441a]  .other-reason {
  display: flex;
  padding: 10px 0;
}
[data-v-3c94441a]  .other-reason > * {
  flex: 1;
}
[data-v-3c94441a]  .other-reason span {
  flex: 0 0 60px;
}
[data-v-3c94441a]  .delay-tips {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
[data-v-3c94441a]  .delay-tips .mtdicon {
  color: #999;
  font-size: 18px;
  margin-left: 5px;
}
[data-v-3c94441a]  .remark-tips {
  color: #999;
}
[data-v-3c94441a]  .width-100 {
  width: 100%;
}
[data-v-3c94441a]  .fs-12 {
  font-size: 12px;
}
[data-v-3c94441a]  .width-160 {
  width: 160px;
}
.submit-btn[data-v-8be7e8b6] {
  padding: 0;
}
.default-phone-tip[data-v-785e4518] {
  margin-left: 85px;
}
.default-phone-tip .default-phone-err-tip[data-v-785e4518] {
  color: red;
}
.flow-operation-msg[data-v-b9196b04] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-b9196b04] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-b9196b04] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-b9196b04] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-b9196b04] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-b9196b04] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-b9196b04] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-b9196b04] {
  padding: 10px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item[data-v-b9196b04] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-b9196b04] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-b9196b04] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-b9196b04] {
  margin-right: 10px;
}
.message-default-phone[data-v-b9196b04] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-b9196b04] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-b9196b04] {
  color: red;
}
.reconfirm-footer[data-v-b9196b04] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-b9196b04] {
  margin: 0 10px;
}
.cursor-default[data-v-b9196b04] {
  cursor: default;
}
.secret-link[data-v-f1b7d980] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.icon-container[data-v-f1b7d980] {
  width: 22px;
  min-height: 22px;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translate(-1px);
  border-radius: 4px;
}
.icon-container[data-v-f1b7d980]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-f1b7d980] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
[data-v-f1b7d980] .mtd-input:read-only {
  border-color: transparent;
}
.cs-f-contact[data-v-5c5b624e] {
  width: auto;
}
.contact-container[data-v-5c5b624e] {
  width: auto;
  display: inline-flex;
  vertical-align: middle;
}
.icon-bar[data-v-5c5b624e] {
  display: inline-flex;
  vertical-align: middle;
  margin: auto;
}
.icon-bar[data-v-5c5b624e] .icon-tooltip {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-5c5b624e] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.contact-number[data-v-5c5b624e] {
  width: 180px;
}
.recommand-button[data-v-5c5b624e] {
  background-color: rgba(0, 0, 0, 0.2);
}
.contact-name[data-v-5c5b624e] {
  margin-right: 4px;
  width: 60px;
}
.secret-link[data-v-5c5b624e] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
[data-v-5c5b624e] .mtd-input:read-only {
  border-color: transparent;
}
.mtd-checkbox[data-v-be4138c6] {
  margin-bottom: 4px;
}
.mtd-checkbox-nlp-recommend[data-v-be4138c6] {
  padding-left: 2px;
  margin-right: 32px !important;
}
.mtd-checkbox-nlp-recommend[data-v-be4138c6] .mtd-checkbox-inner {
  position: relative !important;
}
.mtd-checkbox-nlp-recommend[data-v-be4138c6] .mtd-checkbox-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
}
.mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox[data-v-be4138c6]:last-child {
  margin-right: 32px !important;
}
.cs-f-checkbox-select-all[data-v-be4138c6] {
  margin-right: 10px;
}
.vue-micro-container[data-v-58b81a1c] {
  height: 100%;
  overflow-y: auto;
}
.vue-micro-container .__ENAS__knowledgeCenter[data-v-58b81a1c] {
  padding: 20px 20px 0 20px;
}
.popup-component-wrapper[data-v-835c981c] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.popup-component-wrapper[data-v-835c981c] .mtd-modal-content {
  min-height: 8vh;
}
[data-v-41adc5b0]  .mtd-modal-content-wrapper {
  padding: 24px;
}
.cs-field-table-container[data-v-41adc5b0] {
  width: 100%;
}
.cs-field-table-container[data-v-41adc5b0]  .mtd-table {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.cs-field-table-container[data-v-41adc5b0]  .mtd-table .single-image img {
  width: 100%;
  height: 100%;
}
.cs-field-table-container[data-v-41adc5b0]  .mtd-table .mtd-table-cell {
  font-size: 14px;
  line-height: 20px;
}
.cs-field-table-container[data-v-41adc5b0]  .mtd-table .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
.cs-field-table-container[data-v-41adc5b0]  .mtd-table .mtd-table-body .mtd-table-row:nth-last-child(1) td {
  border: none;
}
.cs-field-table-container .cs-field-table-pagination-container[data-v-41adc5b0] {
  text-align: left;
  margin-top: 10px;
}
.search-group[data-v-775eeb54] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.cs-f-search-table[data-v-775eeb54] {
  width: 100%;
}
.cs-search-field-container[data-v-775eeb54] {
  margin-bottom: 10px;
}
.search-table-search-field[data-v-775eeb54],
.search-btn[data-v-775eeb54],
.clear-btn[data-v-775eeb54] {
  margin-right: 8px;
  margin-bottom: 12px;
}
[data-v-775eeb54]  .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
[data-v-775eeb54]  .cs-field-right {
  width: 100%;
  flex-direction: column;
  align-items: start;
}
.cs-field-search-table-pagination-container[data-v-775eeb54] {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
[data-v-d5145a62] .mtd-select {
  width: 100%;
}
[data-v-d5145a62] .mtd-select-disabled {
  opacity: 1;
}
[data-v-d5145a62] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-d5145a62] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-d5145a62] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
[data-v-6e3ba603] .mtd-select {
  width: 100%;
}
[data-v-6e3ba603] .mtd-select-disabled {
  opacity: 1;
}
[data-v-6e3ba603] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-6e3ba603] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-6e3ba603] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
.operation-group[data-v-6a6bd69e] {
  margin-right: 8px;
}
.mtd-btn[data-v-6a6bd69e] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-answer[data-v-0d794322] {
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 50%;
  margin-right: 10px;
}
.recommend-answer .answer-title[data-v-0d794322] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
.recommend-answer .mtd-btn-primary.active[data-v-0d794322] {
  background-color: #0a70f5;
  color: #fff;
}
.relate-knowledge[data-v-1779a9f8] {
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 50%;
}
.relate-knowledge .knowledge-title[data-v-1779a9f8] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
[data-v-6c20948d] .mtd-select-disabled {
  opacity: 1;
}
[data-v-6c20948d] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-6c20948d] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-6c20948d] .mtd-input:disabled {
  color: #666;
}
[data-v-6c20948d] .mtd-cascader {
  width: 100%;
}
.cascader-container[data-v-6c20948d] {
  display: flex;
  align-items: center;
  width: 100%;
}
.answer-knowledge[data-v-6c20948d] {
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}
.faq-picker[data-v-6c20948d] {
  min-width: 600px;
}
.cs-f-multiple-select[data-v-4510f5a9] {
  width: 100%;
}
[data-v-4510f5a9] .mtd-select {
  width: 100%;
}
[data-v-4510f5a9] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-4510f5a9] .mtd-input:disabled {
  color: #666;
}
[data-v-4510f5a9] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-4510f5a9] .mtd-select-disabled {
  opacity: 1;
}
.field-right-continer[data-v-4e866e1d] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tags-container[data-v-4e866e1d] {
  display: flex;
  flex-wrap: wrap;
}
.tags-container .field-tag[data-v-4e866e1d] {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  height: 24px;
  font-weight: 500;
  padding: 2px 6px;
  margin: 3px 8px 3px 0;
  cursor: pointer;
  border-radius: 4px;
  color: #000;
}
.tags-container .field-tag-name[data-v-4e866e1d] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.out-call-note-container[data-v-6e511112] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .call-user[data-v-6e511112]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-6e511112] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-6e511112]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-6e511112] {
  border-radius: 4px;
}
.out-call-note-container .bg-purple[data-v-6e511112] {
  background: #d3dce6;
}
.out-call-note-container .grid-content[data-v-6e511112] {
  border-radius: 4px;
  min-height: 36px;
}
.out-call-note-container .modal-footer[data-v-6e511112] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container[data-v-6e511112] textarea {
  border: none;
}
.out-call-note-container .textarea-out-call-note[data-v-6e511112] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-6e511112] {
  display: inline;
}
.out-call-note-container .secret-link[data-v-6e511112] {
  color: var(--cs-common-primary-color);
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.out-call-note-container .nlp-textarea[data-v-6e511112] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  width: 262px;
  height: 122px;
  border: 1px solid #ddd;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-6e511112] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-6e511112] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-6e511112] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container[data-v-6e511112] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container .nlp-default-recommend[data-v-6e511112] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 102px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-value[data-v-6e511112] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-6e511112] {
  background: var(--cs-common-primary-color4);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.assistance-container[data-v-27f4fa6e] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-27f4fa6e] {
  color: #000;
}
.assistance-container .button-container[data-v-27f4fa6e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-27f4fa6e] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-27f4fa6e] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-27f4fa6e] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-27f4fa6e] {
  margin-right: 5px;
}
.flow-third-party-reminder-remark[data-v-3c63b0e8] {
  min-width: 500px;
  padding: 20px;
}
.flow-third-party-reminder-remark[data-v-3c63b0e8] .mtd-form-item-label {
  text-align: left;
}
.flow-third-party-reminder-remark .remark-textarea[data-v-3c63b0e8] {
  height: 150px;
  width: 100%;
}
.flow-third-party-reminder-remark .flow-third-party-reminder-remark-btn[data-v-3c63b0e8] {
  margin-top: 20px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-third-party-reminder-remark .flow-third-party-reminder-remark-btn > .btn-left[data-v-3c63b0e8] {
  margin-right: 10px;
}
.risk-andon[data-v-22510296] {
  width: 600px;
  padding: 20px;
}
.risk-andon .w-full[data-v-22510296] {
  width: 100%;
}
.risk-andon .mtd-form-item[data-v-22510296] {
  margin-bottom: 10px;
}
.risk-andon .flow-ticket-detail[data-v-22510296] {
  color: rgba(0, 0, 0, 0.6);
}
.risk-andon .flow-ticket-detail .detail-label[data-v-22510296] {
  margin-right: 5px;
}
.risk-andon[data-v-22510296] .mtd-form-item-label {
  text-align: left;
}
.risk-andon .flow-ticket-btn[data-v-22510296] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.risk-andon .flow-ticket-btn .btn-left[data-v-22510296] {
  margin-right: 10px;
}
.risk-andon .flow-ticket-tip[data-v-22510296] {
  margin-top: 20px;
  color: #ff4c47;
}
.risk-andon .failed-tips[data-v-22510296] {
  color: red;
  text-align: center;
}
.message-default-phone[data-v-5414bdd0] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-5414bdd0] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-5414bdd0] {
  color: red;
}
.reconfirm-footer[data-v-5414bdd0] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-5414bdd0] {
  margin: 0 10px;
}
.flow-operation-message[data-v-2481e963] {
  max-height: 65vh;
  overflow: auto;
}
.flow-operation-message .message-tip[data-v-2481e963] {
  color: red;
  text-align: center;
  margin-bottom: 5px;
}
.flow-operation-message .template-select[data-v-2481e963] {
  width: 475px;
}
.flow-operation-message .message-default-phone[data-v-2481e963] {
  display: flex;
}
.flow-operation-message .message-default-phone .cs-f-secret-field[data-v-2481e963] {
  width: auto;
}
.flow-operation-message .message-default-phone .message-default-phone-del[data-v-2481e963] {
  margin-left: 5px;
}
.flow-operation-message .part-edit-content[data-v-2481e963] {
  padding: 10px;
  width: 475px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-message .part-edit-content .part-edit-content-item[data-v-2481e963] {
  line-height: 24px;
}
.flow-operation-message .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-2481e963] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-message .message-footer[data-v-2481e963] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-message .message-footer button[data-v-2481e963] {
  margin-right: 10px;
}
.flow-operation-message .attachments-tip[data-v-2481e963] {
  color: red;
  text-align: center;
}
.send-ask-container[data-v-610572fe] {
  width: 600px;
}
.send-ask-container .close-ask-btns[data-v-610572fe] {
  display: flex;
  justify-content: center;
}
.send-ask-container .close-ask-btns button[data-v-610572fe] {
  margin: 0 5px;
}
.send-ask-container[data-v-610572fe] .width-100 {
  width: 100%;
}
.flow-operation-close-ask[data-v-5783d98b] {
  width: 600px;
  min-height: 100px;
}
.flow-operation-close-ask .close-ask-content[data-v-5783d98b] {
  padding: 20px 0 20px 34px;
}
.flow-operation-close-ask .close-ask-btns[data-v-5783d98b] {
  display: flex;
  justify-content: center;
}
.flow-operation-close-ask .close-ask-btns button[data-v-5783d98b] {
  margin: 0 5px;
}
.flow-operation-close-ask[data-v-5783d98b] .width-100 {
  width: 100%;
}
.sync-remarks-torelated-case[data-v-04f29852] {
  padding: 20px;
  width: 400px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn[data-v-04f29852] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn .btn-left[data-v-04f29852] {
  margin-right: 10px;
}
.yuqing-task[data-v-0d2eed4c] {
  max-width: 600px;
}
.yuqing-task-container[data-v-0d2eed4c] {
  width: 400px;
  box-sizing: border-box;
  margin: 20px 60px;
  font-size: 16px;
}
.yuqing-task .yuqing-task-item-right[data-v-0d2eed4c] {
  width: 220px;
}
.yuqing-task .yuqing-task-item-left[data-v-0d2eed4c] {
  width: 140px;
}
.yuqing-task[data-v-0d2eed4c] .mtd-form-item-label {
  width: 140px !important;
}
.yuqing-task-btn[data-v-0d2eed4c] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.yuqing-task-btn .btn-left[data-v-0d2eed4c] {
  margin-right: 10px;
}
.relate-to-sub-case[data-v-12e284bd] {
  max-width: 900px;
}
.relate-to-sub-case .required-item[data-v-12e284bd]::before {
  content: "*";
  display: inline-block;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.relate-to-sub-case-container[data-v-12e284bd] {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
.relate-to-sub-case-textarea[data-v-12e284bd] {
  width: 300px;
  height: 150px;
}
.relate-to-sub-case-btn[data-v-12e284bd] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.relate-to-sub-case-btn .btn-left[data-v-12e284bd] {
  margin-right: 10px;
}
.flow-driver-information[data-v-452f2044] {
  min-width: 500px;
  padding: 20px;
}
.flow-driver-information-wrapper[data-v-452f2044] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-content[data-v-452f2044] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-icon[data-v-452f2044] {
  font-size: 20px;
  color: green;
  cursor: pointer;
}
.flow-driver-information-close[data-v-452f2044] {
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.text-upload[data-v-e57adde4] .mtd-upload-dragger {
  width: 100px;
  height: 32px;
  line-height: 32px;
}
.picture-upload[data-v-e57adde4] .mtd-upload-dragger {
  width: 100px;
  height: 100px;
  border: none;
  box-sizing: content-box;
  background: none;
}
.mail-container[data-v-6aa5ac82] {
  width: 700px;
  padding: 0 40px;
  max-height: 480px;
  overflow-y: auto;
}
.mail-container .mail-tip[data-v-6aa5ac82] {
  color: red;
  margin-left: 100px;
  margin-bottom: 10px;
}
.mail-container .form-item[data-v-6aa5ac82] {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.mail-container .error-item[data-v-6aa5ac82] {
  color: red;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.mail-container .default-mail-content[data-v-6aa5ac82] {
  display: flex;
}
.mail-container .part-edit-content[data-v-6aa5ac82] {
  width: 100%;
  height: 160px;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.mail-container .mail-footer[data-v-6aa5ac82] {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.mail-container .mail-footer .btn-left[data-v-6aa5ac82] {
  margin-right: 10px;
}
.mail-container[data-v-6aa5ac82] .chips {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.external-task-flow[data-v-4505ea65] {
  min-width: 400px;
  min-height: 450px;
  padding: 20px;
}
.external-task-flow .mtd-textarea[data-v-4505ea65] {
  width: 100%;
}
.external-task-flow[data-v-4505ea65] .mtd-form-item-label {
  text-align: left;
}
.external-task-flow .example-checkbox-all[data-v-4505ea65] {
  display: flex;
  flex-direction: column;
}
.external-task-flow .example-checkbox-all[data-v-4505ea65] .mtd-checkbox {
  margin-left: 0;
}
.external-task-flow .flow-ticket-btn[data-v-4505ea65] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.external-task-flow .flow-ticket-btn .btn-left[data-v-4505ea65] {
  margin-right: 10px;
}
.submit-tt[data-v-6088fe21] {
  width: 600px;
  padding: 0 20px;
}
.submit-tt .mtd-form[data-v-6088fe21] {
  height: 480px;
  overflow-y: auto;
}
.submit-tt .mtd-form-item[data-v-6088fe21] {
  margin-bottom: 10px;
}
.submit-tt .mtd-form-item[data-v-6088fe21] .mtd-form-item-label {
  text-align: left;
}
.submit-tt .mtd-form-item[data-v-6088fe21] .mtd-select,
.submit-tt .mtd-form-item[data-v-6088fe21] .mtd-input-wrapper,
.submit-tt .mtd-form-item[data-v-6088fe21] .mtd-textarea {
  width: 100% !important;
}
.submit-tt .flow-ticket-btn[data-v-6088fe21] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.submit-tt .flow-ticket-btn .btn-left[data-v-6088fe21] {
  margin-right: 10px;
}
.owner-action-dialog[data-v-2a471600] {
  width: 300px;
  padding: 10px 0;
}
.owner-action-dialog .content-row[data-v-2a471600] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.owner-action-dialog .content-row .content-row-left[data-v-2a471600] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.owner-action-dialog .content-row .content-row-left[data-v-2a471600]::before {
  content: "*";
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
  margin: 0 5px 0 0;
}
.owner-action-dialog .content-row .content-row-right[data-v-2a471600] {
  flex: 1;
}
.owner-action-dialog .owner-action-dialog-footer[data-v-2a471600] {
  text-align: center;
  padding: 10px 0 0 0;
}
.custom-config-container[data-v-67870552] {
  width: 660px;
}
.custom-config-container .custom-config-content[data-v-67870552] {
  min-height: 100px;
  max-height: 380px;
  overflow: auto;
}
.custom-config-container .custom-config-footer[data-v-67870552] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.custom-config-container .custom-config-footer .btn-left[data-v-67870552] {
  margin-right: 10px;
}
.custom-config-container .custom-config-row[data-v-67870552] {
  margin: 5px 0;
  width: 100%;
}
.custom-config-container[data-v-67870552] .custom-config-field .cs-field-right .mtd-cascader + .mtd-textarea {
  margin-top: 5px;
  width: 100%;
}
.compensate-item[data-v-92f6b7e8] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  margin-bottom: 5px;
}
.compensate-item .row-left[data-v-92f6b7e8] {
  flex: 0 0 100px;
  margin-right: 10px;
  display: inline-block;
}
.compensate-item .required[data-v-92f6b7e8] {
  position: relative;
}
.compensate-item .required[data-v-92f6b7e8]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.compensate-item .row-right[data-v-92f6b7e8] {
  flex: 1 1 auto;
}
.default-user-info[data-v-5f829f00] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.default-user-info .item-value[data-v-5f829f00] {
  position: relative;
  display: block;
  height: 100%;
}
.default-user-info .item-value[data-v-5f829f00]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-user-info .item-value[data-v-5f829f00]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-user-info .item-value.config-error input[data-v-5f829f00], .default-user-info .item-value.validate-error input[data-v-5f829f00] {
  border-color: #e35252;
}
.default-user-info .item-value.config-error[data-v-5f829f00]::before, .default-user-info .item-value.validate-error[data-v-5f829f00]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-user-info .item-value.config-error[data-v-5f829f00]::after, .default-user-info .item-value.validate-error[data-v-5f829f00]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-user-info .no-convertuserid-tips[data-v-5f829f00] {
  color: red;
}
.default-user-info .tips[data-v-5f829f00] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  color: red;
}
.convert-user-info[data-v-5f829f00] {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 10px -40px;
  box-sizing: content-box;
  padding: 10px 40px;
}
.default-pay-amount .compensate-item[data-v-782f9fba] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.default-pay-amount .compensate-item .warning-text[data-v-782f9fba] {
  color: red;
}
.default-pay-amount .pay-amount-unit[data-v-782f9fba] {
  color: #aaa;
  margin-left: 117px;
}
.default-pay-amount .item-value[data-v-782f9fba] {
  position: relative;
  display: block;
}
.default-pay-amount .item-value[data-v-782f9fba]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-pay-amount .item-value[data-v-782f9fba]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-pay-amount .item-value.config-error input[data-v-782f9fba], .default-pay-amount .item-value.validate-error input[data-v-782f9fba] {
  border-color: #e35252;
}
.default-pay-amount .item-value.config-error[data-v-782f9fba]::before, .default-pay-amount .item-value.validate-error[data-v-782f9fba]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-pay-amount .item-value.config-error[data-v-782f9fba]::after, .default-pay-amount .item-value.validate-error[data-v-782f9fba]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-pay-amount .item-value[data-v-782f9fba] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.default-pay-amount .item-value .amount-input[data-v-782f9fba] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-reason .select-item[data-v-61e240e4] {
  margin-bottom: 5px;
  width: 100%;
}
.compensate-reason .select-item[data-v-61e240e4]:last-child {
  margin-bottom: 0;
}
.item-value[data-v-a98fa85c] {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.item-value[data-v-a98fa85c]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-a98fa85c]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-a98fa85c], .item-value.validate-error input[data-v-a98fa85c] {
  border-color: #e35252;
}
.item-value.config-error[data-v-a98fa85c]::before, .item-value.validate-error[data-v-a98fa85c]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-a98fa85c]::after, .item-value.validate-error[data-v-a98fa85c]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-a98fa85c] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-input[data-v-a98fa85c] {
  width: 100%;
}
.item-select[data-v-a98fa85c] {
  width: 100%;
}
.province-content[data-v-a98fa85c] {
  display: flex;
}
.province-content .item-select[data-v-a98fa85c] {
  flex: 1 1 auto;
}
.compensate-loss-money .compensate-item[data-v-0c0b46c2] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-loss-money .compensate-item .warning-text[data-v-0c0b46c2] {
  color: red;
}
.compensate-loss-money .pay-amount-unit[data-v-0c0b46c2] {
  color: #aaa;
  margin-left: 117px;
}
.compensate-loss-money .item-value[data-v-0c0b46c2] {
  position: relative;
  display: block;
}
.compensate-loss-money .item-value[data-v-0c0b46c2]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-loss-money .item-value[data-v-0c0b46c2]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-loss-money .item-value.config-error input[data-v-0c0b46c2], .compensate-loss-money .item-value.validate-error input[data-v-0c0b46c2] {
  border-color: #e35252;
}
.compensate-loss-money .item-value.config-error[data-v-0c0b46c2]::before, .compensate-loss-money .item-value.validate-error[data-v-0c0b46c2]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-loss-money .item-value.config-error[data-v-0c0b46c2]::after, .compensate-loss-money .item-value.validate-error[data-v-0c0b46c2]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-loss-money .item-value[data-v-0c0b46c2] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.compensate-loss-money .item-value .amount-input[data-v-0c0b46c2] {
  font-size: 18px;
  font-weight: bold;
}
.item-value[data-v-2dd1c2a9] {
  width: 100%;
}
.item-value[data-v-2dd1c2a9] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-select[data-v-cd89a350] {
  width: 100%;
}
.item-select[data-v-669db148] {
  width: 100%;
}
.item-select[data-v-4f4d46f1] {
  width: 100%;
}
.you-xuan-pay-amount[data-v-19175b1a] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-19175b1a] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-19175b1a] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-19175b1a] {
  width: 60px;
  margin: 0 4px;
}
.you-xuan-pay-amount .item-radio[data-v-19175b1a],
.you-xuan-pay-amount .item-table[data-v-19175b1a] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-19175b1a] {
  display: flex;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-19175b1a] {
  flex: 2;
}
.you-xuan-pay-amount .select-container .item-select[data-v-19175b1a]:first-child {
  margin-right: 5px;
  flex: 1;
}
.you-xuan-pay-amount .warning-tips[data-v-19175b1a] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount[data-v-1eef571e] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-1eef571e] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-1eef571e] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-1eef571e] {
  width: 100%;
}
.you-xuan-pay-amount .amount-hint[data-v-1eef571e] {
  color: #666;
}
.you-xuan-pay-amount .item-radio[data-v-1eef571e],
.you-xuan-pay-amount .item-table[data-v-1eef571e] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-1eef571e] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-1eef571e] > * {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-1eef571e] {
  width: 100%;
}
.you-xuan-pay-amount .warning-tips[data-v-1eef571e] {
  margin-bottom: 5px;
}
.item-select[data-v-7d826f82] {
  width: 100%;
}
.tips[data-v-7d826f82] {
  color: "gray";
  font-size: 12px;
}
.warning-text[data-v-7d826f82] {
  color: red;
}
.input-item[data-v-7d826f82] {
  width: 100%;
}
.total-value[data-v-7d826f82] {
  font-size: 16px;
}
[data-v-0faab39c] .mtd-select {
  width: 100%;
}
[data-v-8917de6a] .mtd-select {
  width: 100%;
}
.amount-input[data-v-532fc318] {
  width: 60px;
}
.youxuan-coupon-select[data-v-532fc318] {
  display: flex;
  flex: 1;
}
.youxuan-coupon-select-table[data-v-532fc318] {
  max-height: 500px;
}
[data-v-0d39f754] .mtd-select {
  width: 100%;
}
[data-v-64b8266b] .mtd-select {
  width: 100%;
}
.partner-amount[data-v-30c26baa] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.partner-amount .validate-error[data-v-30c26baa] {
  position: relative;
  display: block;
}
.partner-amount .validate-error[data-v-30c26baa]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.partner-amount .validate-error[data-v-30c26baa]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.partner-amount .validate-error.config-error input[data-v-30c26baa], .partner-amount .validate-error.validate-error input[data-v-30c26baa] {
  border-color: #e35252;
}
.partner-amount .validate-error.config-error[data-v-30c26baa]::before, .partner-amount .validate-error.validate-error[data-v-30c26baa]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.partner-amount .validate-error.config-error[data-v-30c26baa]::after, .partner-amount .validate-error.validate-error[data-v-30c26baa]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.partner-amount .item-value[data-v-30c26baa] {
  height: 100%;
}
.partner-amount .partner-tip[data-v-30c26baa] {
  color: red;
}
[data-v-30c26baa] .mtd-input-number-wrapper {
  width: 100%;
}
.item-value[data-v-5a8f375f] {
  position: relative;
  display: block;
}
.item-value[data-v-5a8f375f]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-5a8f375f]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-5a8f375f], .item-value.validate-error input[data-v-5a8f375f] {
  border-color: #e35252;
}
.item-value.config-error[data-v-5a8f375f]::before, .item-value.validate-error[data-v-5a8f375f]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-5a8f375f]::after, .item-value.validate-error[data-v-5a8f375f]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-5a8f375f] .mtd-select {
  width: 100%;
}
.config-error[data-v-5ad19aa2] {
  position: relative;
  display: block;
}
.config-error[data-v-5ad19aa2]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.config-error[data-v-5ad19aa2]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.config-error.config-error input[data-v-5ad19aa2], .config-error.validate-error input[data-v-5ad19aa2] {
  border-color: #e35252;
}
.config-error.config-error[data-v-5ad19aa2]::before, .config-error.validate-error[data-v-5ad19aa2]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.config-error.config-error[data-v-5ad19aa2]::after, .config-error.validate-error[data-v-5ad19aa2]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-e1b8e18e] .mtd-select {
  width: 100%;
}
.item-value[data-v-6d646034] {
  position: relative;
  display: block;
}
.item-value[data-v-6d646034]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-6d646034]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-6d646034], .item-value.validate-error input[data-v-6d646034] {
  border-color: #e35252;
}
.item-value.config-error[data-v-6d646034]::before, .item-value.validate-error[data-v-6d646034]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-6d646034]::after, .item-value.validate-error[data-v-6d646034]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.text-color-red[data-v-6d646034] {
  color: red;
}
[data-v-6d646034] .mtd-input-wrapper {
  width: 100%;
}
.item-value[data-v-488de520] {
  width: 100%;
}
.item-value[data-v-488de520] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value[data-v-39cb2d92] {
  width: 100%;
}
.item-value[data-v-39cb2d92] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.select-item[data-v-62373596] {
  width: 100%;
  margin-bottom: 5px;
}
.table-item[data-v-62373596] {
  max-height: 500px;
  overflow-y: auto;
}
.warning-text[data-v-09027689] {
  color: red;
}
.compensate-requirement[data-v-6cd01389] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-requirement .item-value[data-v-6cd01389] {
  position: relative;
  display: block;
  height: 100%;
}
.compensate-requirement .item-value[data-v-6cd01389]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-requirement .item-value[data-v-6cd01389]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-requirement .item-value.config-error input[data-v-6cd01389], .compensate-requirement .item-value.validate-error input[data-v-6cd01389] {
  border-color: #e35252;
}
.compensate-requirement .item-value.config-error[data-v-6cd01389]::before, .compensate-requirement .item-value.validate-error[data-v-6cd01389]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-requirement .item-value.config-error[data-v-6cd01389]::after, .compensate-requirement .item-value.validate-error[data-v-6cd01389]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.pay-type-list[data-v-281faace] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay-type-list .warning-text[data-v-281faace] {
  margin-left: 110px;
  color: red;
}
.compensate-order[data-v-7e91bede] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-order .config-error[data-v-7e91bede] {
  color: red;
}
.compensate-remark .rist-loading[data-v-5220275d] {
  flex: 0 1 100%;
}
.compensate-remark .compensate-value[data-v-5220275d] {
  width: 100%;
}
.compensate-remark .warning-text[data-v-5220275d] {
  color: red;
}
.compensate-sms-template .compensate-item[data-v-5ee2852a] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-sms-template .compensate-item .item-value[data-v-5ee2852a] {
  position: relative;
  display: block;
}
.compensate-sms-template .compensate-item .item-value[data-v-5ee2852a]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-sms-template .compensate-item .item-value[data-v-5ee2852a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-sms-template .compensate-item .item-value.config-error input[data-v-5ee2852a], .compensate-sms-template .compensate-item .item-value.validate-error input[data-v-5ee2852a] {
  border-color: #e35252;
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5ee2852a]::before, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5ee2852a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5ee2852a]::after, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5ee2852a]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-sms-template .compensate-item .phone-input[data-v-5ee2852a] {
  width: 100%;
}
.compensate-sms-template .compensate-item .sms-content[data-v-5ee2852a] {
  width: 100%;
}
.compensate-sms-template .info-module-title[data-v-5ee2852a] {
  position: relative;
  margin: 10px 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 20px;
}
.compensate-sms-template .info-module-title span[data-v-5ee2852a] {
  z-index: 10;
  position: relative;
  margin-left: 3px;
  padding: 0 10px;
  background-color: #fafafa;
  font-weight: bold;
}
.compensate-sms-template .info-module-title[data-v-5ee2852a]:before, .compensate-sms-template .info-module-title[data-v-5ee2852a]:after {
  position: absolute;
  content: "";
}
.compensate-sms-template .info-module-title[data-v-5ee2852a]:after {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cs-common-primary-color);
}
.compensate-sms-template .info-module-title[data-v-5ee2852a]:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px #eee dashed;
}
.compensate-sms-template .warning-text[data-v-5ee2852a] {
  color: red;
}
.compensate-sms-template .part-edit-content[data-v-5ee2852a] {
  padding: 10px;
  width: 360px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.compensate-sms-template .part-edit-content .part-edit-content-item[data-v-5ee2852a] {
  line-height: 24px;
}
.compensate-sms-template .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-5ee2852a] {
  border: 0;
  border-bottom: 1px solid #000;
}
.compensate-sms-template .part-edit-content .icon-item[data-v-5ee2852a] {
  cursor: pointer;
}
.refund-risk #relation-refund-warning[data-v-45e0845f] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  align-items: center;
  height: 45px;
  border-radius: 3px;
  background: rgba(255, 0, 0, 0.3);
}
.refund-risk #relation-refund-warning .hint-icon[data-v-45e0845f] {
  color: #ef4136;
  margin: 0 10px;
  font-size: 25px;
}
.refund-risk #relation-refund-warning .hint-content[data-v-45e0845f] {
  margin: auto;
}
.compensate[data-v-4a43c2da] {
  width: 560px;
  max-height: 80vh;
  padding-top: 20px;
}
.compensate .compensate-container[data-v-4a43c2da] {
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding: 0 50px;
}
.compensate .error-text[data-v-4a43c2da] {
  color: red;
  font-size: 14px;
}
.compensate .pay-apply-warning[data-v-4a43c2da] {
  color: red;
  white-space: pre-wrap;
}
.compensate .footer[data-v-4a43c2da] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .footer .confirm-btn[data-v-4a43c2da] {
  margin-right: 5px;
}
.case-list[data-v-4f1efb95] {
  list-style: none;
  max-height: 50vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.row[data-v-4f1efb95] {
  display: flex;
  min-width: 500px;
  padding: 3px 0;
}
.flex-1[data-v-4f1efb95] {
  flex: 1;
}
p[data-v-4f1efb95] {
  padding: 10px 0;
}
.mr-10[data-v-4f1efb95] {
  margin-right: 10px;
}
.container[data-v-0ce7bd14] {
  min-height: 100px;
  min-width: 500px;
}
.flow-operation-call[data-v-7565148c] {
  min-width: 500px;
  min-height: 100px;
}
.flow-operation-call .flow-operation-call-content[data-v-7565148c] {
  display: flex;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-7565148c] {
  max-width: 700px;
  min-width: 400px;
  max-height: 458px;
  overflow: auto;
  padding: 10px 60px 0 10px;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-7565148c] .mtd-form-item-label {
  width: 110px !important;
  text-align: left;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-7565148c] .mtd-form-item-content {
  margin-left: 110px !important;
}
.flow-operation-call .flow-operation-call-content .basic-info .full-width[data-v-7565148c] {
  width: 475px;
}
.flow-operation-call .flow-operation-call-content .basic-info .call-tip[data-v-7565148c] {
  color: red;
  margin-bottom: 5px;
  text-indent: 10px;
}
.flow-operation-call .flow-operation-call-content .basic-info .preview-tips[data-v-7565148c] {
  font-size: 12px;
  margin-left: 110px;
}
.flow-operation-call .flow-operation-call-content .basic-info .text-small[data-v-7565148c] {
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content[data-v-7565148c] {
  padding: 10px;
  width: 475px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content .part-edit-content-item[data-v-7565148c] {
  line-height: 24px;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-7565148c] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-call .flow-operation-call-content .basic-info .cred[data-v-7565148c] {
  color: #ff4c47;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules[data-v-7565148c] {
  padding-right: 60px;
  max-height: 450px;
  min-width: 260px;
  overflow: auto;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .action-content-title[data-v-7565148c] {
  margin-bottom: 5px;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .action-title[data-v-7565148c] {
  font-weight: bold;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .no-operation-keyboard[data-v-7565148c] {
  list-style: none;
  margin-top: 10px;
}
.flow-operation-call .flow-operation-call-content .sub-menu[data-v-7565148c] {
  position: relative;
  height: 40px;
  padding-left: 30px;
  line-height: 40px;
  font-size: 12px;
  cursor: pointer;
}
.flow-operation-call .flow-operation-call-content .third-menu[data-v-7565148c] {
  position: relative;
  height: 40px;
  padding-left: 60px;
  line-height: 40px;
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .animation-list[data-v-7565148c] {
  padding: 2px 0;
  opacity: 1;
  transition: all linear 0.3s;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item[data-v-7565148c] {
  margin-bottom: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-7565148c] {
  flex-direction: row !important;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-7565148c] .field-display-name {
  color: rgba(0, 0, 0, 0.6);
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-7565148c] .mtd-cascader {
  width: 280px;
  margin-left: 14px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .update-case-info[data-v-7565148c] {
  margin-left: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info[data-v-7565148c] {
  display: flex;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info .robot-base-info-name[data-v-7565148c] {
  display: block;
  width: 130px;
  margin-right: 8px;
  text-indent: 10px;
}
.flow-operation-call .footer[data-v-7565148c] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-call .footer button[data-v-7565148c] {
  margin-right: 10px;
}
.search-condition[data-v-4cc46a5c] {
  height: 30px;
  background: var(--cs-case-search-item-bc-color);
  border: 1px solid var(--cs-case-search-item-border-color);
  border-radius: var(--cs-case-search-item-border-radius);
  padding: 3px 5px;
  margin: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-condition .search-condition-left[data-v-4cc46a5c] {
  color: var(--cs-case-search-item-left-label-color);
}
.search-condition .required-item[data-v-4cc46a5c] {
  padding-left: 5px;
  position: relative;
}
.search-condition .required-item[data-v-4cc46a5c]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -4px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.search-condition .search-condition-right[data-v-4cc46a5c] {
  color: var(--cs-case-search-item-color);
  padding-right: 5px;
  display: flex;
  align-items: center;
}
.search-condition .search-condition-right[data-v-4cc46a5c] input {
  background-color: var(--cs-case-search-item-right-input-bc-color);
  color: var(--cs-case-search-item-right-input-color);
  border: none;
  font-weight: 500;
}
.search-condition .search-condition-right[data-v-4cc46a5c] input::placeholder {
  color: #fff;
}
.search-condition .search-condition-right[data-v-4cc46a5c] .mtd-input-wrapper {
  background-color: var(--cs-case-search-item-right-input-bc-color);
  width: 100%;
  height: 22px;
  min-height: 22px;
  margin-left: 5px;
  font-size: 12px;
  padding: 0;
  border: none;
}
.search-condition .search-condition-right[data-v-4cc46a5c] .mtd-tag {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  height: 22px;
  line-height: 22px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.choosed-item[data-v-2cd57253] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 16px;
}
.button-delete[data-v-2cd57253] {
  height: 12px;
  border-radius: 50%;
}
.button-delete[data-v-2cd57253]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.case-search-form[data-v-204df6b5] {
  background: #5ec77c;
  padding: 10px;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] {
  flex-wrap: wrap;
  font-size: 12px;
  display: flex;
  flex-direction: row;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-multiple-input,
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-input {
  min-height: 22px;
  height: 22px;
  font-size: 12px;
  padding-left: 5px;
  background-color: #28a448;
  border: none;
  color: white;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-multiple-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select-tags-li {
  height: 22px;
  line-height: 20px;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select-tags-li {
  position: absolute;
  right: 28px;
  color: white;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-multiple-input-placeholder {
  color: white;
  display: none;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-tag {
  color: white;
  margin: 0;
  padding: 0;
  height: 22px;
  width: 38px;
  background-color: rgba(0, 0, 0, 0);
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select-tags {
  height: 22px;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-multiple-input-field-wrap {
  margin-top: 0;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select {
  width: 234px;
  height: 22px;
  margin-left: 5px;
  font-size: 12px;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select-choice {
  line-height: 0;
}
.case-search-form .search-condition-wrap[data-v-204df6b5] .mtd-select-search-field {
  width: 97px !important;
  height: 22px;
  background-color: rgba(0, 0, 0, 0);
}
.case-search-form .search-condition-wrap .text-input[data-v-204df6b5] {
  width: 146px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.case-search-form .case-search-info[data-v-204df6b5] {
  margin: 10px 0 0 5px;
}
.case-search-form .case-search-info .is-search[data-v-204df6b5] {
  background: #6ae28c;
  box-shadow: 0 1px 2px 0 #30a84f;
}
.case-search-form .case-search-info .is-rest[data-v-204df6b5] {
  border: 1px solid #2bac4f;
  background: var(--cs-common-primary-color);
}
.case-search-form .case-search-info .is-search[data-v-204df6b5],
.case-search-form .case-search-info .is-rest[data-v-204df6b5] {
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
}
.selected-associate-case-table[data-v-41bd702a] {
  width: auto;
  margin-top: 20px;
  flex-wrap: wrap;
  font-size: 12px;
}
.selected-associate-case-table .mtd-table[data-v-41bd702a] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.selected-associate-case-table .table-title[data-v-41bd702a] {
  background: #5ec77c;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
}
.searched-associate-case-table .mtd-table[data-v-3ee0dd40] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.searched-associate-case-table .mtd-pagination[data-v-3ee0dd40] {
  margin-top: 20px;
  text-align: center;
}
.remove-case-to-case-relation[data-v-1b432545] {
  width: 1000px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-content[data-v-1b432545] {
  overflow: auto;
  max-height: 380px;
  padding: 15px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-footer[data-v-1b432545] {
  width: 100%;
  padding: 20px;
  text-align: center;
}
.operation-item[data-v-154b97c4] {
  margin: 6px;
}
[data-v-154b97c4]  .bisheng-btn-warning.bisheng-btn-ghost {
  color: #f80;
  border-color: #f80;
}
[data-v-154b97c4]  .bisheng-btn-warning.bisheng-btn-ghost:hover {
  color: #ff9319;
  border-color: #ff9319;
}
.call-role-confirm[data-v-7fc4518e] {
  width: 400px;
  margin: 15px 15px 10px;
}
.call-role-confirm .radio-group[data-v-7fc4518e] {
  margin-left: 100px;
}
.call-role-confirm .confirm[data-v-7fc4518e] {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.cs-flow-case-duplicate[data-v-cafd320e] {
  width: 550px;
  padding: 10px 36px 30px;
}
.cs-flow-case-duplicate .btn-group[data-v-cafd320e] {
  margin-top: 10px;
  text-align: center;
}
.cs-flow-case-duplicate .form-content[data-v-cafd320e] {
  margin-top: 20px;
}
.cs-flow-case-duplicate .form-textarea[data-v-cafd320e] {
  width: 100%;
  height: 100px;
  overflow: auto;
}
.cs-flow-case-duplicate .notice[data-v-cafd320e] {
  margin-top: 10px;
}
.forwrding-assessment .forwrding-content[data-v-2be2f670] {
  height: 40px;
  margin: 10px 0 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.forwrding-assessment .forwrding-footer[data-v-2be2f670] {
  display: flex;
  justify-content: space-around;
}
.operation-group-count-1[data-v-d2df891e] {
  height: 44px !important;
}
.operation-group-count-2[data-v-d2df891e] {
  height: 88px !important;
}
.operation-group-count-3[data-v-d2df891e] {
  height: 132px !important;
}
.operation-group-count-4[data-v-d2df891e] {
  height: 176px !important;
}
.flow-operation[data-v-d2df891e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.operation-group[data-v-d2df891e] {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 20px;
  height: 222px;
  max-width: 60vw;
  overflow-x: overlay;
}
.operation-group-buttn[data-v-d2df891e] {
  margin: 0 6px;
}
[data-v-d2df891e] .mtd-btn-warning.mtd-btn-ghost {
  color: #d86b01;
  border-color: #d86b01;
}
[data-v-d2df891e] .mtd-btn-warning.mtd-btn-ghost:hover {
  color: #ff9419;
  border-color: #ff9419;
}
.tip-demo-content[data-v-d2df891e] {
  position: absolute;
  top: -65px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  height: 37px;
  line-height: 22px;
  background-color: #fff6f0;
  font-size: 14px;
  border-radius: 6px;
  font-family: PingFangSC-Regular, sans-serif;
  font-weight: 400;
  padding-right: 15px;
  color: #944109;
}
.tip-demo-content-item[data-v-d2df891e] {
  font-family: PingFangSC-Semibold, sans-serif;
  font-size: 14px;
  color: #944109;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 600;
}
.tip-demo-content-icon[data-v-d2df891e] {
  color: #ff6e1a;
  font-size: 17px;
  margin: 0 5px 0 8px;
}
.tip-oncall[data-v-d2df891e] {
  top: -20px;
}

.operation-group-popper {
  z-index: 10 !important;
  padding: 10px;
}

.loading-wrapper[data-v-a1539e5c] {
  height: 100%;
}
.insufficient-count-or-weight[data-v-4cb576eb] {
  padding: 20px;
}
.insufficient-count-or-weight .merchandise-id-column[data-v-4cb576eb] {
  color: #52c41a;
}
.insufficient-count-or-weight[data-v-4cb576eb] .mtd-table-cell {
  padding-left: 8px;
  padding-right: 8px;
}
.insufficient-count-or-weight .commdity-table[data-v-4cb576eb] {
  max-height: 400px;
}
.insufficient-count-or-weight .merchandise-weight-column[data-v-4cb576eb] {
  color: red;
}
.insufficient-count-or-weight .merchandise-operation-column[data-v-4cb576eb] {
  width: 120px !important;
}
.insufficient-count-or-weight .merchandise-operation-column-input[data-v-4cb576eb] {
  width: 80px !important;
}
.insufficient-count-or-weight .flow-insufficient-btn[data-v-4cb576eb] {
  display: flex;
  margin-top: 20px;
  height: 20px;
}
.preview-viewer-swiper[data-v-79b099a9] {
  width: 160px;
  height: 160px;
  margin: auto;
  position: relative;
}
.preview-viewer-swiper .preview-viewer-swiper-image[data-v-79b099a9] {
  width: 100%;
  height: 100%;
}
.preview-viewer-swiper .swiper-switch[data-v-79b099a9] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 16px;
}
.preview-viewer-swiper .swiper-switch-left[data-v-79b099a9] {
  left: -20px;
}
.preview-viewer-swiper .swiper-switch-right[data-v-79b099a9] {
  right: -20px;
}
.preview-viewer-swiper .preview-viewer-swiper-checkbox[data-v-79b099a9] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.preview .preview-secret[data-v-d5d6ba2c] {
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .no-photos[data-v-d5d6ba2c] {
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .preview-viewer-list[data-v-d5d6ba2c] {
  display: flex;
  flex-wrap: wrap;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item[data-v-d5d6ba2c] {
  position: relative;
  /* stylelint-disable declaration-colon-newline-after */
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item img[data-v-d5d6ba2c] {
  margin: 0 16px 0 0;
  width: 110px;
  height: 110px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .file-list-item[data-v-d5d6ba2c] {
  margin: 0 16px 0 0;
  width: 110px;
  height: 110px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-radius: 6px;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .audio-item[data-v-d5d6ba2c] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-audio.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .other-item[data-v-d5d6ba2c] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-file.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .video-item[data-v-d5d6ba2c] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .pdf-item[data-v-d5d6ba2c] {
  background: url("//p1.meituan.net/travelcube/7a4c4a0eb9b1b30122ef9e5929a6bd30533.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .txt-item[data-v-d5d6ba2c] {
  background: url("//p0.meituan.net/travelcube/67529ba58181ced0090af81c92a2a269245.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .zip-item[data-v-d5d6ba2c] {
  background: url("//p0.meituan.net/travelcube/86deda051441334090d81616cd47b5b1244.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .ppt-item[data-v-d5d6ba2c] {
  background: url("//p0.meituan.net/travelcube/15102cc704393f3ed87c2813876d117f236.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .word-item[data-v-d5d6ba2c] {
  background: url("//p1.meituan.net/travelcube/ab0afc9e5ec8fd901c80e6d2cb801004427.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .excel-item[data-v-d5d6ba2c] {
  background: url("//p0.meituan.net/travelcube/ef09f75b64e18dc76a671a36afa02106379.png") center no-repeat;
}
[data-v-4c3da16a] .secondary-task-container .mtd-tabs-content {
  padding: 0;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main {
  background: #fff;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .task-new-step-container {
  padding-top: 16px;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .assistant-task-step-item-header {
  background: var(--cs-common-nav-bc-color, #e1f4ec);
  padding: 6px 10px;
  line-height: 18px;
  border-radius: 6px;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-main .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-4c3da16a] .secondary-task-container .task-create-info-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  height: inherit;
  padding: 0 0 10px 0;
  margin-left: 0;
  margin-right: 0;
}
[data-v-4c3da16a] .secondary-task-container .assistant-task-step-item-index {
  width: 18px;
  height: 18px;
  color: inherit;
  background: inherit;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-container .faq-title {
  font-size: 14px;
  font-weight: normal;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-container .task-header-new {
  height: 52px;
  padding: 0;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-container .rebind-question {
  font-size: 13px;
  color: var(--cs-common-primary-color);
}
[data-v-4c3da16a] .secondary-task-container .task-header-left {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  height: 36px;
  padding: 0 10px;
  margin-right: 8px;
}
[data-v-4c3da16a] .secondary-task-container .task-header-right {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  height: 36px;
}
[data-v-4c3da16a] .secondary-task-container .task-tab-container .evaluation-operate {
  margin-left: 0;
}
[data-v-4c3da16a] .secondary-task-container .recommend-question {
  padding: 8px 0;
}
[data-v-4c3da16a] .case-extend-field-player .task-new-step-container {
  padding-top: 16px;
}
[data-v-4c3da16a] .case-extend-field-player .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-4c3da16a] .case-extend-field-player .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-4c3da16a] .case-extend-field-player .assistant-task-step-item-header {
  background: var(--cs-common-nav-bc-color, #e1f4ec);
  padding: 6px 10px;
  line-height: 18px;
  border-radius: 6px;
}
[data-v-4c3da16a] .case-extend-field-player .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-4c3da16a] .case-extend-field-player .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-4c3da16a] .case-extend-field-player .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-4c3da16a] .case-extend-field-player .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-4c3da16a] .case-extend-field-player .task-new-step-container {
  padding: 16px;
}
[data-v-0385a4a4] .solution-process-field-player .task-step-item-header {
  background-color: transparent;
}
.one-click-copy-btn[data-v-5dec011b] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 16px;
  margin-left: 6px;
}
.assistance-container[data-v-f374f5ee] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-f374f5ee] {
  color: #000;
}
.assistance-container .button-container[data-v-f374f5ee] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-f374f5ee] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-f374f5ee] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-f374f5ee] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-f374f5ee] {
  margin-right: 5px;
}
.out-call-note-container[data-v-145fafe8] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .out-call-note-header[data-v-145fafe8] {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 0;
  pointer-events: none;
  padding: 0 24px 16px 90px;
  display: flex;
  align-items: end;
}
.out-call-note-container .out-call-note-vice[data-v-145fafe8] {
  margin-left: 8px;
  font-size: 12px;
  color: #111925;
}
.out-call-note-container .out-call-note-route[data-v-145fafe8] {
  font-weight: 600;
  font-size: 16px;
  margin-left: auto;
  margin-right: 70px;
  pointer-events: all;
}
.out-call-note-container .call-user[data-v-145fafe8]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-145fafe8] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-145fafe8]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-145fafe8] {
  border-radius: 4px;
}
.out-call-note-container .modal-footer[data-v-145fafe8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container .textarea-out-call-note[data-v-145fafe8] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-145fafe8] {
  display: inline;
}
.out-call-note-container[data-v-145fafe8] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container[data-v-145fafe8] textarea {
  border: none;
}
.out-call-note-container .nlp-textarea[data-v-145fafe8] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  width: 262px;
  height: 122px;
  border: 1px solid #ddd;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-145fafe8] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-145fafe8] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-145fafe8] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container .nlp-default-recommend[data-v-145fafe8] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 102px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-value[data-v-145fafe8] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-145fafe8] {
  background: var(--cs-common-primary4-color);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.phone-call[data-v-ec9374ce] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-2271dbd4] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-6d3e8775] {
  display: inline-block;
  vertical-align: top;
}
.flow-operation-msg[data-v-767debaf] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-767debaf] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-767debaf] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-767debaf] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-767debaf] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-767debaf] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-767debaf] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-767debaf] {
  padding: 10px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item[data-v-767debaf] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-767debaf] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-767debaf] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-767debaf] {
  margin-right: 10px;
}
.message-default-phone[data-v-767debaf] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-767debaf] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-767debaf] {
  color: red;
}
.reconfirm-footer[data-v-767debaf] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-767debaf] {
  margin: 0 10px;
}
.cursor-default[data-v-767debaf] {
  cursor: default;
}
.contact-icon[data-v-e7203cee] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
  cursor: pointer;
}
.contact-icon[data-v-593b058b] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
  cursor: pointer;
}
.secret-link[data-v-cb64c064] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.phone-cell[data-v-cb64c064] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.phone-cell .secret-link[data-v-cb64c064] {
  width: unset;
}
.icon-container[data-v-cb64c064] {
  width: 22px;
  min-height: 22px;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translate(-1px);
  border-radius: 4px;
}
.icon-container[data-v-cb64c064]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-cb64c064] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
.popover-content[data-v-cb64c064] {
  min-width: 330px;
}
[data-v-cb64c064] .mtd-input:read-only {
  border-color: transparent;
}
.frequent-contacts-panel[data-v-73be41d4] {
  box-sizing: border-box;
  border: 1px solid rgba(17, 25, 37, 0.031372549);
  list-style: none;
  width: 100%;
  max-width: 250px;
  padding: 4px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.frequent-contacts-panel .frequent-contacts-item[data-v-73be41d4] {
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-bottom: 4px;
  cursor: pointer;
}
.frequent-contacts-panel .frequent-contacts-item[data-v-73be41d4]:hover {
  background-color: rgba(17, 25, 37, 0.031372549);
}
.cs-lc-contact[data-v-2a852412] {
  width: auto;
}
.contact-container-wrapper[data-v-2a852412] {
  width: 100%;
}
.contact-container-wrapper .contact-container[data-v-2a852412] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.contact-container-wrapper .contact-container .contact-name[data-v-2a852412] {
  width: fit-content;
  max-width: 90px;
  margin-right: 4px;
}
.contact-container-wrapper .contact-container .contact-name[data-v-2a852412] .mtd-input-wrapper {
  width: 90px;
}
.contact-container-wrapper .contact-container .contact-phone[data-v-2a852412] {
  width: fit-content;
  max-width: 140px;
}
.contact-container-wrapper .contact-container .contact-phone[data-v-2a852412] .mtd-input-wrapper {
  width: auto;
}
.contact-name[data-v-2a852412],
.contact-phone[data-v-2a852412] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
[data-v-2a852412]  .mtd-input:read-only {
  border-color: transparent;
}
.icon-bar[data-v-2a852412] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-bar .icon-tooltip[data-v-2a852412] {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-2a852412] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.recommand-button[data-v-2a852412] {
  background-color: rgba(0, 0, 0, 0.2);
}
.secret-link[data-v-2a852412] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.one-click-copy-btn[data-v-2a852412] {
  margin-left: -4px;
}
img[data-v-21d44887] {
  width: 300px;
  height: 300px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.image-compared-content[data-v-21d44887] {
  display: flex;
  justify-content: space-between;
  max-height: 582px;
}
.image-compared-content .compard-img[data-v-21d44887] {
  display: inline-block;
  width: 324px;
  margin-bottom: 20px;
}
.image-compared-content .compard-img .shopField-box[data-v-21d44887] {
  margin-top: 12px;
}
.image-compared-content .compard-img .shopField-box .shopField[data-v-21d44887] {
  line-height: 22px;
  font-weight: 400;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.9);
}
.image-compared-content .compard-img .shopField-box .shopField span[data-v-21d44887] {
  color: rgba(0, 0, 0, 0.5);
}
.image-compared-content .compard-img-title[data-v-21d44887] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.9);
}
.image-compared-content .compard-img-detection-title[data-v-21d44887] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(252, 6, 6, 0.9);
}
.image-compared-content .repeat-img-wrapper[data-v-21d44887] {
  max-height: 548px;
  overflow-x: clip;
}
.image-compared-content .repeat-img-wrapper .repeat-img[data-v-21d44887] {
  position: relative;
  padding-left: 24px;
  box-sizing: content-box;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container[data-v-21d44887] {
  max-height: 504px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container .repeat-image[data-v-21d44887] {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container .repeat-image .caseid_jump[data-v-21d44887] {
  color: #0a70f5;
}
.image-compared-content .media-wrapper[data-v-21d44887] {
  overflow-y: scroll;
}
.image-compared-content .media-width[data-v-21d44887] {
  width: 658px;
}
span.caseid_jump[data-v-21d44887] {
  background-color: transparent;
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.is-refund[data-v-21d44887] {
  color: #fff;
  background: #ed532a;
  padding: 0 1px;
  font-weight: 100;
  border-radius: 3px;
}
.multi-media-list[data-v-023a1d3d] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.multi-media-list .media-source-name[data-v-023a1d3d],
.multi-media-list .media-add-time[data-v-023a1d3d],
.multi-media-list .risk-over[data-v-023a1d3d] {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-media-list .multi-media-item-tag[data-v-023a1d3d] {
  position: absolute;
  top: 0;
  right: 16px;
  padding: 2px 6px;
  background-color: #e31d1d;
  border-radius: 0 6px 0 6px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
.multi-media-list .multi-media-list-info[data-v-023a1d3d] {
  font-size: 12px;
}
.multi-media-list .multi-media-list-info .media-add-time[data-v-023a1d3d] {
  color: rgba(0, 0, 0, 0.5);
}
.multi-media-list .multi-media-list-info .mg-link-success[data-v-023a1d3d] {
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.multi-media-list .operation[data-v-023a1d3d] {
  display: inline-block;
  padding: 0 5px;
  background-color: #fff9db;
}
.multi-media-list .operation .mtdicon-warning-circle[data-v-023a1d3d] {
  margin-right: 2px;
  color: #ffd200;
}
.multi-media-list .operation .search-diff[data-v-023a1d3d] {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  cursor: pointer;
}
.multi-media-list .operation .search-diff .mtdicon-right[data-v-023a1d3d] {
  font-size: 10px;
}
.multi-media-list .media-source-name[data-v-023a1d3d] {
  font: 400 14px/22px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.9);
}
.input-select-toolbar[data-v-07c8f44e] {
  position: fixed;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 4px;
  user-select: none;
}
.input-select-toolbar .toolbar-content[data-v-07c8f44e] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.input-select-toolbar .toolbar-btn[data-v-07c8f44e] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s;
  gap: 4px;
  padding: 4px;
}
.input-select-toolbar .toolbar-btn[data-v-07c8f44e]:hover {
  background: rgba(17, 25, 37, 0.03);
}
.input-select-toolbar .toolbar-btn .polish-icon[data-v-07c8f44e] {
  width: 16px;
}
.input-select-toolbar .toolbar-btn .polish-text[data-v-07c8f44e] {
  font-size: 14px;
  line-height: 22px;
  font-weight: bolder;
  color: #166FF7;
}
.content-input-wrapper[data-v-e9cd9184] {
  position: relative;
}
.dol-content-input[data-v-e9cd9184]:focus {
  outline: none;
}
.summary-expand-list .content-row-right-content[data-v-5ac3529c] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.summary-expand-list .icon-style[data-v-5ac3529c] {
  color: #009155;
  display: inline;
}
.summary-expand-list .content-row-right-summary[data-v-5ac3529c] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 13px;
  color: #009155;
  letter-spacing: 0;
  text-align: left;
  line-height: 19px;
  font-weight: 400;
  cursor: pointer;
}
.summary-expand-list .mtdicon-copy-o[data-v-5ac3529c] {
  cursor: pointer;
}
.smart-summary-call-out-list-one .call-out-desensitize[data-v-73412e2a] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-one .call-out-desensitize .call-out-secret[data-v-73412e2a] {
  display: flex;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-icon[data-v-73412e2a] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-active[data-v-73412e2a] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-active[data-v-73412e2a]::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-hidden[data-v-73412e2a] {
  margin-left: 4px;
}
.smart-summary-call-out-list-one .label-list-item:first-child .smart-summary-call-out-list-one .label-list-item-text-active[data-v-73412e2a]::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.smart-summary-call-out-list-one .label-list-item:last-child .smart-summary-call-out-list-one .label-list-item-text-active[data-v-73412e2a]::before {
  height: 50%;
}
.smart-summary-call-out-list-many .call-out-desensitize[data-v-43423022] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-many .call-out-desensitize .call-out-secret[data-v-43423022] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item[data-v-43423022] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-icon[data-v-43423022] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-active[data-v-43423022] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-active[data-v-43423022]::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-hidden[data-v-43423022] {
  margin-left: 4px;
}
.smart-summary-call-out-list-many .label-list-item:first-child .smart-summary-call-out-list-many .label-list-item-text-active[data-v-43423022]::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.smart-summary-call-out-list-many .label-list-item:last-child .smart-summary-call-out-list-many .label-list-item-text-active[data-v-43423022]::before {
  height: 50%;
}
.dol-service-progress-card[data-v-510fd357] {
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.dol-service-progress-card .dol-service-progress-card__header[data-v-510fd357] {
  display: flex;
  align-items: center;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__sceneName[data-v-510fd357] {
  font-size: 18px;
  font-weight: 700;
  margin-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status[data-v-510fd357] {
  font-size: 12px;
  height: 18px;
  border-radius: 3px;
  padding: 1px 4px 2px 4px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status.handling[data-v-510fd357] {
  background-image: linear-gradient(104deg, #ffe74d 0%, #ffdd19 100%);
  color: #000;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status.done[data-v-510fd357] {
  background-color: #00b300;
  color: #fff;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-510fd357] {
  margin: 10px 0 0 20px;
  position: relative;
}
.dol-service-progress-card .dol-service-progress-card__progress > div[data-v-510fd357] {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-510fd357]::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffd100;
  top: 5px;
  left: -15px;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-510fd357]::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 48px;
  background-image: linear-gradient(to bottom, #ffd100, rgba(255, 209, 0, 0.8) 40%, rgba(255, 209, 0, 0));
  top: 17px;
  left: -11px;
}
.dol-service-progress-card .dol-service-progress-card__product[data-v-510fd357] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 15px;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-img[data-v-510fd357] {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-detail[data-v-510fd357] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-detail > div[data-v-510fd357] {
  margin: 1px 0;
  max-width: 48%;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card__text-large[data-v-510fd357] {
  font-size: 15px;
}
.dol-service-progress-card__text-small[data-v-510fd357] {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
}
.agent-assistant-options[data-v-763e316c] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.agent-assistant-options-btns[data-v-763e316c] {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
.agent-assistant-options-btn[data-v-763e316c] {
  height: 22px;
  line-height: 1;
  font-size: 12px;
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(17, 25, 37, 0.65);
  transition: background-color 0.3s, transform 0.1s;
  cursor: pointer;
  padding: 0 9px;
}
.agent-assistant-options-btn[data-v-763e316c]:active {
  transform: scale(0.95);
  background-color: rgba(230, 230, 230, 0.9);
  color: rgba(17, 25, 37, 0.45);
}
.agent-assistant-options-btn-divider[data-v-763e316c] {
  width: 1px;
  height: 10px;
  background: #d8d8d8;
}
.agent-assistant-options .feedback-btn[data-v-763e316c] {
  margin-left: 6px;
}
.agent-assistant-options .refresh-btn[data-v-763e316c] {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  border: none;
  border-radius: 10px;
  background-color: #fff;
  color: #111925;
  cursor: pointer;
  padding: 0 10px;
}
.agent-assistant-options .refresh-btn .refresh-icon[data-v-763e316c] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ai-title[data-v-455011bc] {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.ai-title .ai-icon[data-v-455011bc] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.countdown-buttons[data-v-2da288af] {
  display: flex;
  align-items: center;
}
.countdown-text[data-v-2da288af] {
  font-size: 13px;
  line-height: 22px;
  color: rgba(17, 25, 37, 0.65);
  margin-left: 8px;
  white-space: nowrap;
  letter-spacing: 0;
}
.countdown-text .countdown-timer[data-v-2da288af] {
  margin-right: 5px;
}
.countdown-text .countdown-timer .countdown-text-num[data-v-2da288af] {
  color: #111925;
  font-weight: 600;
}
.stop-btn[data-v-2da288af] {
  width: 16px;
  height: 16px;
  margin-left: 6px;
  cursor: pointer;
}
.fixed-text-card[data-v-a9286026] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.fixed-text-card .btn[data-v-a9286026] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.fixed-text-card .btn[data-v-a9286026]:hover {
  cursor: pointer;
}
.fixed-text-card .btn.adopted[data-v-a9286026] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.fixed-text-card .header[data-v-a9286026] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fixed-text-card .header .title[data-v-a9286026] {
  color: #166ff7;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.fixed-text-card .header .btn-container[data-v-a9286026] {
  display: flex;
  align-items: center;
}
.fixed-text-card .header .btn-container .toggle-btn[data-v-a9286026] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.fixed-text-card .header .btn-container .toggle-btn[data-v-a9286026]:hover {
  cursor: pointer;
}
.fixed-text-card .fixed-text-content[data-v-a9286026] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.fixed-text-card .fixed-text-content.collapsed[data-v-a9286026] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fixed-text-card .switch[data-v-a9286026] {
  display: flex;
  height: 20px;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-left: 10px;
  margin-right: auto;
}
.fixed-text-card .switch .icon[data-v-a9286026] {
  color: #111925;
  cursor: pointer;
}
.fixed-text-card .switch .index[data-v-a9286026] {
  text-wrap: nowrap;
  margin: 0 10px;
}
.option-btn[data-v-a9286026] {
  margin-top: 6px;
}
.invoke-assist-card[data-v-bd624e0a] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.invoke-assist-card .btn[data-v-bd624e0a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.invoke-assist-card .btn[data-v-bd624e0a]:hover {
  cursor: pointer;
}
.invoke-assist-card .btn.adopted[data-v-bd624e0a] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.invoke-assist-card .header[data-v-bd624e0a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoke-assist-card .header .title[data-v-bd624e0a] {
  color: #f70;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.invoke-assist-card .header .btn-container[data-v-bd624e0a] {
  display: flex;
  align-items: center;
}
.invoke-assist-card .header .btn-container .toggle-btn[data-v-bd624e0a] {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.invoke-assist-card .header .btn-container .toggle-btn[data-v-bd624e0a]:hover {
  cursor: pointer;
}
.invoke-assist-card .assist-text[data-v-bd624e0a] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.invoke-assist-card .assist-text.collapsed[data-v-bd624e0a] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.chat-status-change-card[data-v-4d70bc12] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.chat-status-change-card .btn[data-v-4d70bc12] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.chat-status-change-card .btn[data-v-4d70bc12]:hover {
  cursor: pointer;
}
.chat-status-change-card .btn.adopted[data-v-4d70bc12] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.chat-status-change-card .header[data-v-4d70bc12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-status-change-card .header .title[data-v-4d70bc12] {
  color: #ff9d00;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.chat-status-change-card .header .btn-container[data-v-4d70bc12] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.chat-status-change-card .header .btn-container .toggle-btn[data-v-4d70bc12] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.chat-status-change-card .header .btn-container .toggle-btn[data-v-4d70bc12]:hover {
  cursor: pointer;
}
.chat-status-change-card .chat-status-change-content[data-v-4d70bc12] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.chat-status-change-card .chat-status-change-content.collapsed[data-v-4d70bc12] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.smart-card-send[data-v-393aab3a] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.smart-card-send .btn[data-v-393aab3a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.smart-card-send .btn[data-v-393aab3a]:hover {
  cursor: pointer;
}
.smart-card-send .btn.adopted[data-v-393aab3a] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.smart-card-send .header[data-v-393aab3a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.smart-card-send .header .title[data-v-393aab3a] {
  color: #f70;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.smart-card-send .header .btn-container[data-v-393aab3a] {
  display: flex;
  align-items: center;
}
.smart-card-send .header .btn-container .toggle-btn[data-v-393aab3a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.smart-card-send .header .btn-container .toggle-btn[data-v-393aab3a]:hover {
  cursor: pointer;
}
.smart-card-send .smart-card-send-text[data-v-393aab3a] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.smart-card-send .smart-card-send-text.collapsed[data-v-393aab3a] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.invoke-assist-card[data-v-d35d41c0] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.invoke-assist-card .btn[data-v-d35d41c0] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.invoke-assist-card .btn[data-v-d35d41c0]:hover {
  cursor: pointer;
}
.invoke-assist-card .btn.adopted[data-v-d35d41c0] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.invoke-assist-card .header[data-v-d35d41c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoke-assist-card .header .title[data-v-d35d41c0] {
  color: #f70;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.invoke-assist-card .header .btn-container[data-v-d35d41c0] {
  display: flex;
  align-items: center;
}
.invoke-assist-card .header .btn-container .toggle-btn[data-v-d35d41c0] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.invoke-assist-card .header .btn-container .toggle-btn[data-v-d35d41c0]:hover {
  cursor: pointer;
}
.invoke-assist-card .ai-component-text[data-v-d35d41c0] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.invoke-assist-card .ai-component-text.collapsed[data-v-d35d41c0] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.task-message-card[data-v-4c51d396] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.task-message-card .btn[data-v-4c51d396] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: var(--cs-common-primary-color);
  height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  margin-left: 10px;
}
.task-message-card .btn[data-v-4c51d396]:hover {
  cursor: pointer;
}
.task-message-card .btn.adopted[data-v-4c51d396] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.task-message-card .header[data-v-4c51d396] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-message-card .header .title[data-v-4c51d396] {
  color: #f70;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.task-message-card .header .btn-container[data-v-4c51d396] {
  display: flex;
  align-items: center;
}
.task-message-card .header .btn-container .toggle-btn[data-v-4c51d396] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.task-message-card .header .btn-container .toggle-btn[data-v-4c51d396]:hover {
  cursor: pointer;
}
.task-message-card .task-text[data-v-4c51d396] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.task-message-card .task-text.collapsed[data-v-4c51d396] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-message-card[data-v-8084ae7e] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.text-message-card .btn[data-v-8084ae7e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: #00ba73;
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.text-message-card .btn[data-v-8084ae7e]:hover {
  cursor: pointer;
}
.text-message-card .btn.adopted[data-v-8084ae7e] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.text-message-card .toggle-btn[data-v-8084ae7e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #111925;
  background-color: rgba(17, 25, 37, 0.05);
  height: 22px;
  padding: 0 8px;
  border: none;
}
.text-message-card .toggle-btn[data-v-8084ae7e]:hover {
  cursor: pointer;
}
.text-message-card .header[data-v-8084ae7e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.text-message-card .header .title[data-v-8084ae7e] {
  color: #166ff7;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.text-message-card .text-message-content[data-v-8084ae7e] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 8px;
}
.text-message-card .text-message-content.collapsed[data-v-8084ae7e] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.warn-message-card[data-v-758e281f] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.warn-message-card .header[data-v-758e281f] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}
.warn-message-card .header .title[data-v-758e281f] {
  color: #009155;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.warn-message-card .header .warn-message-content[data-v-758e281f] {
  display: inline;
  vertical-align: middle;
  margin-left: 4px;
  line-height: 20px;
}
.smart-card-send[data-v-1e1aa48e] {
  padding: 8px 12px;
  border-radius: 4px;
  background-image: linear-gradient(100deg, #f4fffb 0%, #f5fcff 55%, #f9f8ff 102%);
  border: 1px solid #fff;
}
.smart-card-send .btn[data-v-1e1aa48e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
  background-color: var(--cs-common-primary-color);
  height: 22px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px;
}
.smart-card-send .btn[data-v-1e1aa48e]:hover {
  cursor: pointer;
}
.smart-card-send .btn.adopted[data-v-1e1aa48e] {
  color: #fff;
  background-color: rgba(17, 25, 37, 0.2);
  border: none;
}
.smart-card-send .header[data-v-1e1aa48e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.smart-card-send .header .ai-title[data-v-1e1aa48e] {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.smart-card-send .header .ai-title .ai-icon[data-v-1e1aa48e] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.smart-card-send .header .title[data-v-1e1aa48e] {
  color: #166ff7;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.smart-card-send .header .btn-container[data-v-1e1aa48e] {
  display: flex;
  align-items: center;
}
.smart-card-send .header .btn-container .countdown-text[data-v-1e1aa48e] {
  font-size: 13px;
  line-height: 22px;
  color: rgba(17, 25, 37, 0.65);
  margin-left: 4px;
  white-space: nowrap;
  letter-spacing: 0;
}
.smart-card-send .header .btn-container .countdown-text .countdown-timer[data-v-1e1aa48e] {
  display: inline;
  margin-right: 5px;
}
.smart-card-send .header .btn-container .countdown-text .countdown-timer .countdown-text-num[data-v-1e1aa48e] {
  color: #111925;
  font-weight: 600;
}
.smart-card-send .header .btn-container .cancel-btn[data-v-1e1aa48e] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0;
  color: rgba(17, 25, 37, 0.65);
  background-color: #f5f5f5;
  height: 22px;
  padding: 0 8px;
  margin-left: 5px;
  border-radius: 4px;
  border: none;
}
.smart-card-send .header .btn-container .cancel-btn[data-v-1e1aa48e]:hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.smart-card-send .smart-card-send-text[data-v-1e1aa48e] {
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #111;
  margin-top: 8px;
}
.smart-card-send .smart-card-send-text .tip[data-v-1e1aa48e] {
  color: #888;
}
.agent-assistant-card[data-v-6c73847e] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.agent-assistant-card .btn[data-v-6c73847e] {
  height: 24px;
}
.agent-assistant-card .header[data-v-6c73847e] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.agent-assistant-card .title[data-v-6c73847e] {
  color: #166ff7;
}
.agent-assistant .mt-6[data-v-6c73847e] {
  margin-top: 6px;
}
[data-v-6c73847e] .has-image-title {
  -webkit-line-clamp: 8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.online-phone-call-out-card[data-v-3656eae6] {
  width: 210px;
  height: 120px;
  padding: 16px 14px;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 7px;
  user-select: none;
}
.online-phone-call-out-card__description[data-v-3656eae6] {
  font-size: 14px;
  color: #111925;
  margin-bottom: 6px;
}
.online-phone-call-out-card__hint[data-v-3656eae6] {
  font-size: 12px;
  color: rgba(17, 25, 37, 0.65);
  margin-bottom: 12px;
}
.online-phone-call-out-card__button[data-v-3656eae6] {
  background: #fff;
  border: 0.42px solid rgba(0, 0, 0, 0.2);
  border-radius: 420px;
  color: #111925;
  font-size: 14px;
  width: 182px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
}
.refund-pay-card[data-v-3f02e080] {
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.refund-pay-card .content[data-v-3f02e080] {
  font-size: 14px;
  color: #222;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 20px;
}
.refund-pay-card .get-packet[data-v-3f02e080] {
  display: flex;
}
.refund-pay-card .get-packet .packet-icon[data-v-3f02e080] {
  background-size: 100%;
  width: 85px;
  background-color: #fff5e2;
  padding: 5px 5px 0 0;
  border-right: 0.5px dotted #ccc;
  border-radius: 4px 10px 10px 10px;
}
.refund-pay-card .get-packet .packet-icon img[data-v-3f02e080] {
  height: 60px;
  width: 100%;
}
.refund-pay-card .get-packet .receive[data-v-3f02e080] {
  opacity: 0.7;
}
.refund-pay-card .get-packet .packet-text[data-v-3f02e080] {
  flex: 1;
  background: #fff5e2;
  padding: 15px 5px 5px 15px;
  border-radius: 10px 10px 10px 10px;
}
.refund-pay-card .get-packet .title[data-v-3f02e080] {
  font-size: 16px;
  color: #222;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 500;
  margin-bottom: 5px;
}
.refund-pay-card .get-packet .get[data-v-3f02e080] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
.message-block {
  position: relative;
  padding: 0.12rem;
  border-radius: 0.08rem;
  background-color: #fff;
}
.message-block--bubble {
  border-radius: 0.22rem;
  border-top-left-radius: 0.02rem;
}
.visual-card-container[data-v-152d1186] {
  line-height: normal;
}
.visual-card-container[data-v-152d1186] img {
  vertical-align: middle;
}
.message-loading[data-v-152d1186] {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0.1rem 0.12rem;
  width: fit-content;
  border-radius: 0.08rem;
}
.message-loading span[data-v-152d1186] {
  line-height: 0.2rem;
}
.message-loading .g-dots[data-v-152d1186] {
  height: 0.2rem;
  font-size: 0.14rem;
  margin-left: 0.09rem;
}
.message-loading .g-dots div[data-v-152d1186] {
  background: #fd0;
}
.dol-tool-executed-card[data-v-3135c36e] {
  display: flex;
  justify-content: center;
  margin: 6px 0;
}
.dol-tool-executed-card__wrapper[data-v-3135c36e] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  background-color: #F5F5F5;
  border-radius: 4px;
}
.dol-tool-executed-card__icon[data-v-3135c36e] {
  flex-shrink: 0;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dol-tool-executed-card__icon .mtdicon[data-v-3135c36e] {
  font-size: 20px;
  color: #00BA73;
}
.dol-tool-executed-card__content[data-v-3135c36e] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.dol-voice-call-card[data-v-23f001b1] {
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 25, 37, 0.15);
  padding: 8px 12px;
  width: 266px;
}
.dol-voice-call-card__header[data-v-23f001b1] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
}
.dol-voice-call-card__icon[data-v-23f001b1] {
  width: 14.21px;
  height: 14.21px;
}
.dol-voice-call-card__title[data-v-23f001b1] {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #111925;
}
.dol-voice-call-card__duration[data-v-23f001b1] {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #111925;
  margin-right: auto;
}
.dol-voice-call-card__record-btn[data-v-23f001b1] {
  width: 64px;
  height: 24px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
  transition: all 0.3s;
}
.dol-voice-call-card__record-btn[data-v-23f001b1]:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #bfbfbf;
}
.dol-voice-call-card__record-btn[data-v-23f001b1]:disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #bfbfbf;
  cursor: not-allowed;
}
.dol-voice-call-card__content[data-v-23f001b1] {
  margin-top: 8px;
}
.dol-voice-call-card__divider[data-v-23f001b1] {
  height: 1px;
  background: #e8e8e8;
  margin-bottom: 8px;
}
.dol-voice-call-card__label[data-v-23f001b1] {
  font-size: 14px;
  color: rgba(17, 25, 37, 0.45);
}
.dol-voice-call-card__summary[data-v-23f001b1] {
  font-size: 14px;
  font-weight: normal;
  color: #111925;
  line-height: 1.6;
}
.dol-recognition-guide-card[data-v-6abeed5a] {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 25, 37, 0.15);
  padding: 8px 0px 8px 0px;
  gap: 8px;
  width: 266px;
}
.dol-recognition-guide-card__text[data-v-6abeed5a] {
  width: 100%;
  height: 22px;
  font-size: 14px;
  font-weight: normal;
  color: #111925;
  text-align: center;
}
.dol-recognition-guide-card__content[data-v-6abeed5a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
}
.dol-recognition-guide-card__button[data-v-6abeed5a] {
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 4px;
  gap: 2px;
  background: #f7f7f7;
  border: 1px solid #c7c8cb;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #aaacb0;
  cursor: default;
  flex: 1;
}
.dol-recognition-guide-card__button.is-highlight[data-v-6abeed5a] {
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #aaacb0;
  cursor: default;
}
.dol-recognition-guide-card__icon[data-v-6abeed5a] {
  width: 14px;
  height: 14px;
  filter: brightness(0) saturate(100%) invert(72%) sepia(4%) saturate(290%) hue-rotate(180deg) brightness(92%) contrast(87%);
}
.dol-video-recognition-res[data-v-57a08104] {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 25, 37, 0.15);
  width: 266px;
}
.dol-video-recognition-res__header[data-v-57a08104] {
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 24px;
  padding: 8px 12px 8px 12px;
  height: 40px;
}
.dol-video-recognition-res__icon[data-v-57a08104] {
  width: 20px;
  height: 20px;
}
.dol-video-recognition-res__title[data-v-57a08104] {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #111925;
}
.dol-video-recognition-res__content[data-v-57a08104] {
  background: #fff;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dol-video-recognition-res__image[data-v-57a08104] {
  display: block;
  width: 100%;
  height: 132px;
  border-radius: 4px;
  object-fit: cover;
  cursor: pointer;
}
.dol-lastmessage-renderer.black-diamond-message[data-v-048d68d6] {
  color: var(--color-black-diamond) !important;
}
@charset "UTF-8";
.dol-avatar {
  position: relative;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 0 6px #d8d8d8;
}
.dol-avatar--grayscale {
  filter: grayscale(100%);
}
.dol-avatar__slot {
  position: absolute;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.dol-avatar__slot--top {
  left: 26px;
}
.dol-avatar__slot--bottom {
  left: 26px;
  top: 20px;
}

.dol-icon {
  font-size: 16px;
}

.dol-icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}

.dol-content-input {
  height: 100%;
  flex: 1 0 0;
  cursor: text;
  border: none;
  overflow: auto;
  padding: 10px 10px;
}
.dol-content-input:focus {
  outline: none;
}
.dol-content-input img {
  max-width: 240px;
  display: block;
}
.dol-content-input:empty:before {
  content: attr(data-placeholder);
  color: #888;
}

.dol-scroll-view-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
}
.dol-scroll-view-container .dol-scroll-view {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.dol-scroll-view-container .dol-scroll-view__content {
  padding: 15px 0;
}
.dol-scroll-view-container .dol-scroll-view__hint {
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.dol-scroll-view-container .dol-scroll-view__hint--loading {
  position: relative;
  top: 1.5px;
  animation: rotate-loading linear 3s infinite;
  display: inline-block;
}
@keyframes rotate-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.dol-scroll-view-container .dol-scroll-view_icon {
  position: absolute;
  right: 20px;
  bottom: 10px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.dol-scroll-view-container .dol-scroll-view__top-button {
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
}
.dol-scroll-view-container .dol-scroll-view__top-button:hover {
  background-color: #f2f6fc;
}
.dol-scroll-view-container .dol-scroll-view__host-robot {
  margin-top: 10px;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
}
.dol-scroll-view-container .dol-scroll-view__host-robot:hover {
  background-color: #f2f6fc;
}
.dol-scroll-view-container .dol-scroll-view__host-robot-recommend {
  width: 100px;
  height: 30px;
  border-radius: 25%;
  border-radius: 15px;
}
.dol-scroll-view-container .dol-scroll-view__top-button-icon {
  cursor: pointer;
}
.dol-scroll-view-container .dol-scroll-view__new-msg-btn {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #009155;
  border-radius: 15px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
  background: #fff;
  z-index: 10;
}

.dol-bubble {
  position: relative;
  word-break: break-all;
  width: fit-content;
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid;
  border-radius: 4px;
  padding: 6px 10px;
}
.dol-bubble__left {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
}
.dol-bubble__left::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFOTlGMDEyOEZBMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFOTlGMDIyOEZBMTFFOTlDMTg5QzJEQjMwNjdERjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDFDMjYxNDI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0U5OUYwMDI4RkExMUU5OUMxODlDMkRCMzA2N0RGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhAZqmUAAAOlSURBVHja7JpLixNBEMcnL0ISUBA3D/QWDyIrePLgyd0VFRQRQcWDZ89+BE9+A/GiNz0IHgURfBwEcb2p7EEMKKh5hyTmYd7+a+yMld5ZN6+Z6QYb/tRuJdmd39R0dXV1fKPRyNB5+A3Nx38Ar0dw/IPP59v2YiaTicIchlaFTUFJaAWKQ3sgek9oxv/bgX5BP6EuVGOqSr+PfTmoREqn0yXruseTeAyAiz4Ccx06Ax2jlxS88QMCwTU3g+xu74O5C13W4MkJQAm6+UHmfCjuup5zAGPD7g30aIVCIUuBQMCS3+83Re8hK39OXmOGw6Fl6TVuubhvMBhMWPlvcoBN6AR/MZFIGNFo1HaCTzPkz8mQ8wwO0+/3J9LoTajP31ytVtXL+7gJ9CSEw2EjFov9BUBqogjcmsh1nY5RLBa1WshuQ8+5o9FoKBkJWwBEgfLrFcqq3F+pVEwQLUoJQFRgLohV0hr0KLXbbT1qIUBsiUhYk5rSVz6fN7rdrh7FHCCewtyQU1g2mzV6vZ4e1Sgg7suZiXJwLpczrS7lNAHc4w6KAEVivLJ6ObZVo3YDhR4VT4+gS9xPi0kqlVrKCuvohkak12vQS3mho4nt5b566lsHCEo/F6F33E+p1UuImWIPiDrMOegj97daLaNQKOixJwYEFUfr0CfubzabnkDMNfsExIZcclC5USqV9OhKAOIbzCnoO/fX63VXIRbKf4D4AnMS+uEVxMIJHBCfYc6KlscERLlc1qOxBYgPYk7Uub9Wq5mluPIAAuI9zGkZgjZDTkIstQYAxFu3IZZexLgN4UgV5iaEY2WkWxCO1sFuQDheyDsN4cpOREBQFdteNoRrWylAvIY5bwexSNnh6l4QEC/sVuxFaifXN7OAeGM3J+aF8GQ3vtPEJohZN0WetRMExJpcxdKmaBaIqdoqTo5MJnMUhubGfu6n3n88Ht/1ujw/Jxal+LocCdpjT9PtUOKgW0CsydtT6nZQG/NfEJ4/QtLjdAjmFXSA+yORiHleZ9cBVOqrBmJ7Snvsr9xPzbOderFKRYBF4qCIRJr7qRebTCbNI14lIyC1bCgSW9xPvViKBG/tKxkBFokVkWJXuZ+OWakrHgwG1f66jegAUnba5P7x+QQddCsdARaJvTDPoOPcr3wEWCRqYrGbOJ+Qv2qgOkRT7CeeKLsOTAHRMv4ccz3WEkBA0EnRVeiB8ml0l4lNF3zHLJR0/fKrCaEzgJZzQB6/BRgAvznxPxocxooAAAAASUVORK5CYII=);
  left: -11px;
}
.dol-bubble__right {
  background-color: #baefd7;
  border-color: #baefd7;
}
.dol-bubble__right::after {
  right: -14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUU2RjNBMDEyQjAyMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUU2RjNBMDAyQjAyMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDFDMjYwRTI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDFDMjYwRjI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuIRWZ0AAAQRSURBVHja1JpNTxNBGMdndregBCUEURMOHjyZoLEoXjygiaDePHgmQDSeTPwEXvwAxsQbSNR48eLJBKNHPRhFgwYvkhippfQV2lLoy775n2VL6O4W2rK7nZ1kMqUtO7//zPM88zwDVNd1EuQmkIC3wAuQZr69o3cv3nTNjqbn5yiGnl1vdZsLlbd8NY95tVbnqZq+ZE6WNScXMRyjlPajD1BCT1JK+gmhfRj78Fkfe42xF4/owTOO6kTvxNM68FrQdK2pHcXiEcyjoZcFStfwVgo9gv5H1bTPgPyJvgShSr1n0OcLH/4aILrWjV8K8WYiEKdLorQIvllFVWcgprB7BwRZUU4pqtLLI7wJSmVFPgv4x4IgrM9+fz/uuxNjYgITOfBzNE2TVE19AdO7tOPETl8URZGIgkgkcxQZAHp1FKjlZ3T4izluAzfihNh1BkXgO0RVVSKrClEUxRgrskzKlTI+s8cXzDuC4YshYKD/xDYkYCVz9Mm2jQUie8zHRC7HV0gJQnY3CJ/b2d0jXd2k69Bh0hnq8A2+0ZbJZ23wIUl6fefCjUXuD7JCcYuks2u1h5Yo5hB0Jrk/ictyhcTSCVs4hemMIIwWa0TxBo9wSaLJVcO5a1aaChNTQ2M/bKkET/As4jB4mInV7p9NnB99yX0yF0vFHZw29BWC7nGfja5mkobjWlZ+FafwFdi9yrWAFKJNrrBhPUyLWPkhwG9xXQ+sb+RIJrduTT0UOPEw4ONcFzT5zQ2SWEvbwiXaVRxWvxoqaNp3UG0i1iftK0rp7amh658arsjaAb9VKpKVVMIpibw/FR5701RJ6Td8sVwi/xDrrbchSBMeTobHnjZdE/udIjjDS08mw6OPWirq/YKvKDKJxGO2FAGx/hVO2QdcX6ugZDXgUU1ZT9m3iPXjXN8LsUprGfBMhAX+I07ZWwe90hG8ho8kYkjOZKvZLOC9a3ulCG0XUIVnjmuBX4LZXAZ8xZULA0/SYjgqizYO8FHAD++X37RVAIOPJGNOtSyDHwR8ztUrG0/gy2VrnM8APuw2vKsCjGqKFSQO8IhAZwCf9uTSzM1SkOU41lsEEz7lVbAQPIQvoEAf9BL+wAL2gWcrH/X6oBTchhcFsWSuvOfwLQvYC17TtXOAX/YrSRTchkcpuORnit6UAJbHryBU8gLflIBt+ATZtNzdtBO+YQFVeFaI8wTfUEWmmWbD28o3JIA3h23KhIIAX1dAUOAdTYj9xTCajAcC3rYDRj6PMtApt+ERvmYH6hcj/iVmLQtQjRo2ePAGY73bgyDAGz7gDC9lgwBvsDrAZ7wuAz2LQkGDrxHA7m0AfzpI8DsCvLp08kUA4H8HFd5o0/Nzx4PIzWoU1pkJVUiAW+D/8fW/AAMA1KnjhMYm86YAAAAASUVORK5CYII=);
}

.supervise-workbench .dol-bubble__left {
  background-color: #f4f5f7;
}
.supervise-workbench .supervise-ai.dol-bubble__right {
  background: linear-gradient(99deg, #e6faee 1%, #dbf4ff 60%, #eae5ff 102%);
  border: none;
}

.dol-html-text-card {
  width: fit-content;
  white-space: normal;
  word-break: break-all;
}
.dol-html-text-card img {
  width: 100%;
  height: 100%;
}
.dol-html-text-card video {
  max-width: 100%;
}
.dol-html-text-card__sku-message__icon {
  vertical-align: middle;
  margin-right: 5px;
}
.dol-html-text-card__sku-message__span {
  vertical-align: middle;
}

/*!
 * Viewer.js v1.10.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-08-01T13:35:44.576Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close";
}

.viewer-container {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection, .viewer-container ::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus, .viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li:focus {
  outline: 0;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1;
}

.viewer-player, .viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}

.viewer-toolbar > ul > li:before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small:before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large:before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus, .viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.viewer-loading:after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0, 0%, 100%, 0.1);
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.dol-image-card {
  cursor: pointer;
  width: fit-content;
}
.dol-image-card img {
  width: 100%;
  border-radius: 5px;
}

/*!
 * Viewer.js v1.10.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-08-01T13:35:44.576Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close";
}

.viewer-container {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection, .viewer-container ::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus, .viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li:focus {
  outline: 0;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1;
}

.viewer-player, .viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}

.viewer-toolbar > ul > li:before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small:before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large:before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus, .viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.viewer-loading:after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0, 0%, 100%, 0.1);
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.dol-image-card-card {
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dol-image-card-card img {
  max-width: 200px;
  max-height: 200px;
  border-radius: 5px;
}
.dol-image-card-card__empty {
  padding: 12px 16px;
  color: #999;
  font-size: 14px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 5px;
  min-width: 200px;
}

.dol-faq-list-item {
  font-size: 14px;
  color: #333;
  margin: 0 0 5px;
  word-break: break-all;
}

.dol-faq-list-item:last-child {
  margin: 0;
}

.dol-faq-list-card {
  position: relative;
  border: 1px solid #ddd;
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  box-sizing: border-box;
}
.dol-faq-list-card__category {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.dol-faq-list-card__category-icon {
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
}
.dol-faq-list-card__category-title {
  font-size: 16px;
  position: relative;
  color: #333;
}

.dol-system-notify-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-system-notify-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
  border-radius: 2px;
}

.dol-timeline-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-timeline-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
}

.dol-emoji {
  display: flex;
  flex-direction: column;
  width: 315px;
  height: 220px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.dol-emoji-content {
  flex: 1 1 0;
  padding: 10px 5px 0;
}
.dol-emoji-content__item {
  position: relative;
  cursor: pointer;
}
.dol-emoji-content__item:hover {
  border: 1px #ccc solid;
}
.dol-emoji-content__item:hover .dol-emoji-content__item-popup {
  display: block;
}
.dol-emoji-content__item-popup {
  display: none;
  position: absolute;
  left: 100%;
  top: 100%;
  z-index: 999;
  background: #f6f6f6;
  font-size: 12px;
  color: #000;
  padding: 3px;
  border: 1px solid #ccc;
  min-width: 35px;
  text-align: center;
  white-space: nowrap;
}

.dol-emoji-tab {
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
}
.dol-emoji-tab__item {
  position: relative;
  width: 36px !important;
  height: 36px !important;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  padding: 3px 2px;
  margin-right: 1px;
  margin-left: 1px;
}
.dol-emoji-tab__item--active {
  background-color: #fff;
}
.dol-emoji-tab__item:not(:last-of-type):after {
  content: "|";
  color: #d1d1d1;
  position: absolute;
  right: -3px;
  top: 5px;
}

.dol-emoji-display {
  display: inline-block;
}
.dol-emoji-display__content {
  position: relative;
  cursor: pointer;
  margin-left: 0 !important;
}

.dol-video-card video {
  width: 100%;
}

.dol-lastmessage-renderer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dol-voice-card__wrapper {
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ccc;
  display: flex;
  width: 100%;
}
.dol-voice-card__wrapper-hide {
  background: #fff;
  display: inline-block;
  width: 10px;
  height: 15px;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  left: 10px;
  animation: show-hide 1s infinite;
}
.dol-voice-card__wrapper-duration {
  margin-left: 5px;
  position: absolute;
  left: 10px;
}

@keyframes show-hide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-card__status {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-card__status-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-order-list {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-list__box {
  flex: 1 1 0;
  position: relative;
  min-width: 120px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  padding: 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-order-list__bottom-border {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.dol-order-list__bottom-border:first-child {
  padding-top: 0;
}
.dol-order-list__bottom-border:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.dol-order-list__bottom-collapse {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.dol-order-list__bottom-collapse .expand {
  transform: rotate(-180deg);
}
.dol-order-list__bottom-collapse .dol-icon-down {
  padding-left: 5px;
}
.dol-order-list__confirm-state {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-list__confirm-state__tips {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

.dol-order-list__scroll-collapse {
  max-height: 300px;
  overflow: hidden;
}

.dol-order-list__scroll-expand {
  max-height: 350px;
  overflow-y: scroll;
}
.dol-order-list__scroll-expand::-webkit-scrollbar {
  display: none;
}

.dol-network-status {
  height: 36px;
  min-height: 36px;
  padding: 0 8px;
  opacity: 1;
  font-size: 14px;
  transition: all 0.3s linear;
  display: flex;
  line-height: 36px;
  justify-content: left;
}
.dol-network-status__text {
  margin-left: 4px;
}

.dol-file-card {
  display: flex;
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}
.dol-file-card__type-image {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.dol-file-card__right-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  height: 50px;
  margin-left: 10px;
  justify-content: space-between;
}
.dol-file-card__name {
  color: #333;
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.dol-file-card__right-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-file-card__size {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  position: relative;
  font-size: 12px;
  color: #999;
  text-align: left;
}
.dol-file-card__btn {
  padding-right: 5px;
}
.dol-file-card__btn a {
  cursor: pointer;
  color: #5ec77c;
  margin-right: 5px;
  text-decoration: none;
}
.dol-file-card__btn a:hover, .dol-file-card__btn a:active {
  color: #5ec77c;
}
.dol-file-card__preview video {
  max-height: 600px;
  max-width: 600px;
}
.dol-file-card__preview--video {
  width: 100%;
  height: 100%;
}
.dol-file-card__preview--audio {
  margin-top: 20px;
}

.dol-sms {
  width: 288px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 16px 12px;
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Heiti SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}
.dol-sms__header {
  padding-bottom: 12px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  justify-content: space-between;
}
.dol-sms__header-close {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dol-sms__header-close:hover {
  color: rgba(0, 0, 0, 0.72);
  background-color: rgba(0, 0, 0, 0.06);
}
.dol-sms__content {
  margin-bottom: 10px;
}
.dol-sms__content-item-label {
  text-align: right;
  vertical-align: middle;
  float: left;
  padding-right: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
}
.dol-sms__content-item-label::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #f5483b;
}
.dol-sms__content-item-wrapper {
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.72);
  height: 32px;
  font-size: 14px;
  width: 150px;
}
.dol-sms__content-item-wrapper-input {
  padding: 0 8px;
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.dol-sms__content-item-content {
  padding-left: 10px;
}
.dol-sms__content-item-content-textarea {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: bottom;
  padding: 4px 8px;
  max-width: 100%;
  width: 260px;
  min-height: 32px;
  resize: vertical;
  line-height: 22px;
}
.dol-sms__footer {
  text-align: center;
}
.dol-sms__footer-button {
  color: #fff;
  background: #5dc77b;
  border-color: #5dc77b;
  text-align: center;
  font-weight: 400;
  transition: all 0.3s;
  border-radius: 4px;
  line-height: 1;
  display: inline-block;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.dol-sms__footer-button-disabled {
  color: rgba(0, 0, 0, 0.84);
  opacity: 0.45;
  cursor: not-allowed;
}
.dol-sms__footer-errmsg {
  color: red;
  margin-top: 5px;
  font-size: 14px;
}

.dol-self-button {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 18px;
  justify-content: space-between;
  word-break: break-all;
}
.dol-self-button__btn {
  overflow: hidden;
  text-align: center;
  flex: 1 1 240px;
  padding: 0 8px;
  margin: 0 4px 8px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #edeff2;
}
.dol-self-button__btn::after {
  border-radius: 50px;
}
.dol-self-button__btn:active {
  background-color: #ececec;
}
.dol-self-button__btn__name {
  overflow: hidden;
  max-height: 100%;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
}

.dol-voice-input {
  position: relative;
}
.dol-voice-input__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  line-height: 32px;
  text-align: center;
  margin: auto;
  cursor: pointer;
}
.dol-voice-input__icon-default:hover {
  background: rgba(0, 0, 0, 0.06);
}
.dol-voice-input__icon-red {
  background-color: #f5483b;
}
.dol-voice-input__dialog {
  position: absolute;
  z-index: 10;
  top: -12px;
  left: -22px;
  width: 76px;
  height: 86px;
  padding: 12px 0 8px;
  background: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.dol-voice-input__dialog-wrap {
  position: relative;
}
.dol-voice-input__dialog-wrap .dol-voice-input__icon {
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 10;
}
.dol-voice-input__dialog-wrap__circle {
  width: 32px;
  height: 32px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5483b;
  opacity: 0.3;
  animation: scaleCircle 0.8s infinite;
}
.dol-voice-input__dialog-end {
  width: 52px;
  height: 24px;
  line-height: 24px;
  margin: 10px auto 0;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.84);
}

@keyframes scaleCircle {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}
.dol-manual-service-card {
  position: relative;
  padding: 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
}
.dol-manual-service-card__text {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}

.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-visitor-form-card {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.dol-visitor-form-card__container {
  flex: 1 1 0;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  padding: 12px;
  border-radius: 5px;
  background: #fff;
}
.dol-visitor-form-card__visitor-status {
  width: 55px;
  margin-right: 5px;
  align-self: flex-end;
}
.dol-visitor-form-card__visitor-status__content {
  display: flex;
  align-items: flex-end;
}
.dol-visitor-form-card__visitor-status__content-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-visitor-form-card__view-module-item {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.dol-visitor-form-card__view-module-name {
  width: 120px;
}
.dol-visitor-form-card__view-module-name.full-line {
  width: 100%;
}
.dol-visitor-form-card__view-module-data {
  flex: 1;
  text-align: right;
}
.dol-visitor-form-card__text {
  width: 100%;
}
.dol-visitor-form-card__textarea {
  display: block;
}
.dol-visitor-form-card__textarea .dol-visitor-form-card__view-module-data {
  text-align: left;
  margin-top: 3px;
}
.dol-visitor-form-card__upload {
  display: block;
}
.dol-visitor-form-card__upload-img-list {
  padding-top: 6px;
}
.dol-visitor-form-card__upload-img-item {
  display: inline-block;
  width: 23%;
  padding-top: 23%;
  border-radius: 4px;
  background-size: cover;
  margin: 0 2px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.dol-visitor-form-card__backcontact {
  display: block;
}
.dol-visitor-form-card__backcontact__line-item {
  line-height: 30px;
  display: flex;
}
.dol-visitor-form-card__backcontact__guide {
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.dol-faq-list-item {
  font-size: 14px;
  color: #333;
  margin: 0 0 5px;
  word-break: break-all;
}

.dol-faq-list-item:last-child {
  margin: 0;
}

.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-card__status {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-card__status-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-order-detail-card {
  width: 100%;
}

.dol-call-out {
  padding: 12px 12px 2px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
}
.dol-call-out__header {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
}
.dol-call-out__header-title {
  flex: 1;
  font-size: 16px;
  color: #333;
  line-height: 40px;
  overflow: hidden;
  margin-left: 4px;
}
.dol-call-out__content-list {
  display: flex;
  padding-inline-start: 0;
  margin: 0 0 14px;
}
.dol-call-out__content-list-item {
  flex: 1;
  text-align: center;
  list-style: none;
}
.dol-call-out__content-list-item:not(:last-child) {
  border-right: 1px solid #efefef;
}
.dol-call-out__content-list-item-title {
  font-size: 12px;
  color: #999;
  margin-top: 12px;
}
.dol-call-out__content-list-item-subTitle {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}

.dol-case-detail-card {
  width: 60%;
  margin-left: 20%;
  margin-bottom: 5px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.dol-case-detail-card .dol-case-operate {
  cursor: pointer;
  text-align: right;
  font-size: 12px;
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap {
  padding: 10px 12px 0 12px;
}
.dol-case-detail-card .dol-case-detail-card-wrap .gray-color {
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap .dol-case-label {
  margin-right: 5px;
  font-size: 12px;
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap .dol-case-content {
  flex: 1;
  font-size: 12px;
  font-weight: 500;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left-title {
  font-size: 14px;
  font-weight: 500;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left-tag {
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #5dc77b;
  border-radius: 10px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__item-link {
  vertical-align: middle;
  color: #5dc77b;
  cursor: pointer;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress {
  display: flex;
  margin-top: 5px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-list {
  flex: 1;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item {
  display: flex;
  flex-direction: row;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line {
  display: flex;
  flex-direction: column;
  width: 14px;
  margin-right: 5px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-dot--green {
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #5dc77b;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-circle--green {
  background-color: #5dc77b;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-tail {
  flex: 1;
  width: 2px;
  min-height: 6px;
  margin: 2px auto;
  background: rgba(0, 0, 0, 0.06);
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: -2px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-min {
  overflow: hidden;
  max-height: 100px;
}
.dol-case-detail-card .dol-expand-pick-up {
  margin: 5px 12px;
}
.dol-case-detail-card .dol-case-evaluate {
  position: relative;
  padding: 5px 12px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 10px;
  border-top: 0 solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}
.dol-case-detail-card .dol-case-evaluate__icon {
  position: absolute;
  top: 3px;
  right: 4px;
  cursor: pointer;
}
.dol-case-detail-card .dol-case-evaluate__item {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.dol-case-detail-card .dol-case-evaluate__item-title {
  margin-right: 10px;
  font-weight: 500;
}

.dol-service-order-card {
  overflow: hidden;
}
.dol-service-order-card__unorder {
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}
.dol-service-order-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #222;
  line-height: 16px;
}
.dol-service-order-card__top-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-service-order-card__top-status {
  flex-shrink: 0;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 6px;
  background: #ffc300;
}
.dol-service-order-card__top-right {
  flex-shrink: 0;
  font-size: 12px;
  color: #999;
}
.dol-service-order-card__bottom-service {
  margin-top: 12px;
}
.dol-service-order-card__bottom-service-item {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.dol-service-order-card__bottom-service-item-text {
  font-size: 14px;
  color: #666;
}
.dol-service-order-card__bottom-service-item-text-active {
  font-weight: bold;
  color: #222;
}
.dol-service-order-card__bottom-service-item-time {
  margin-left: 16px;
  font-size: 12px;
  color: #999;
}

.dol-robot-option {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px;
}
.dol-robot-option__answer {
  color: #333;
}
.dol-robot-option__answer-line {
  border-bottom: dotted;
  border-color: #bbb;
  border-width: 1px;
  margin: 10px 0 6px;
}
.dol-robot-option__recommend-list__item {
  padding: 5px 0;
  font-size: 14px;
  display: flex;
}
.dol-robot-option__recommend-list__link {
  width: 100%;
  height: 100%;
  display: block;
  color: #333 !important;
}

.dol-module-list-card {
  position: relative;
  border: 1px solid #ddd;
  background: #fff;
  padding: 8px 12px 8px 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-module-list-card-topic {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.dol-module-list-card-business {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.dol-module-list-card-business__item {
  display: flex;
}
.dol-module-list-card-business__item-image {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: cover;
  margin-bottom: 6px;
}
.dol-module-list-card-business__item:last-child .dol-module-list-card-business__item-image {
  margin-bottom: 0;
}
.dol-module-list-card-business:last-child {
  margin-bottom: 0;
}
.dol-module-list-card-business__item-text {
  white-space: wrap;
}

.dol-faq-answer-card {
  position: relative;
  min-width: 120px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  padding: 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-faq-answer-card__list {
  padding: 12px 12px 2px;
}
.dol-faq-answer-card__answer-text {
  line-height: 21px;
  color: #333;
  font-size: 14px;
}
.dol-faq-answer-card__answer-img {
  margin-top: 12px;
  padding: 8px;
  display: flex;
  background: #f6f6f6;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
.dol-faq-answer-card__img {
  flex: 1;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  margin-left: 4px;
}
.dol-faq-answer-card__img:first-child {
  margin-left: 0;
}
.dol-faq-answer-card__btn-list {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.dol-faq-answer-card__btn {
  text-align: center;
  flex: 1;
  padding: 0 8px;
  margin: 0 5px 10px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: bold;
  border: 1px solid #999;
  color: #999;
  max-width: 240px;
  min-width: 100px;
}
.dol-faq-answer-card__btn-content {
  overflow: hidden;
  max-height: 100%;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

.dol-withdraw-message-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-withdraw-message-card-content {
  padding: 0 8px;
  font-size: 12px;
  background: #edeff2;
}
.dol-withdraw-message-card-content__tips {
  color: rgba(0, 0, 0, 0.42);
}
.dol-withdraw-message-card-content__edit {
  margin-left: 3px;
  color: #009155;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}
.dol-withdraw-message-card-content__edit:hover {
  color: #00ba73;
  text-decoration: none;
}

.dol-smart-summary {
  width: 380px;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px 8px;
}
.dol-smart-summary_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}
.dol-smart-summary_header-tag {
  padding: 0 6px;
  margin-left: 8px;
  background: rgba(0, 186, 115, 0.1);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #009155;
  letter-spacing: 0;
  text-align: left;
  line-height: 19px;
  font-weight: 400;
}
.dol-smart-summary_body {
  padding-top: 12px;
}
.dol-smart-summary_body-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}
.dol-smart-summary_body-container-label {
  min-width: 68px;
  max-width: 68px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-smart-summary_body-container-content {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}
.dol-smart-summary_body-container-content-expand {
  display: flex;
  justify-content: flex-end;
}
.dol-smart-summary_body-container-content-expand-text {
  color: #009155;
  cursor: pointer;
}
.dol-smart-summary_body-container-content-list-icon {
  color: #00ba73;
}
.dol-smart-summary_body-container-content-list-icon:active {
  background-color: #e1e1e1;
}
.dol-smart-summary_body-container-content-list .mtdicon {
  cursor: pointer;
  color: #00ba73;
}
.dol-smart-summary_body-container-content-overflow {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.dol-verify-notification {
  padding: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ddd;
  justify-content: center;
  background: #fff;
}
.dol-verify-notification_status {
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #edeff2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  margin: 6px 0;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.dol-no-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-no-order-card-inner__box-content {
  display: flex;
  padding-bottom: 22px;
}
.dol-no-order-card-inner__box-content:last-child {
  padding-bottom: 0;
}
.dol-no-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-no-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-no-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-no-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
}
.dol-no-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-no-order-card-inner__box-content-info-top-status {
  max-width: 40%;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 20px;
}
.dol-no-order-card-inner__box-content-info-bottom {
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  justify-content: space-between;
  line-height: 20px;
  margin-top: 5px;
}
.dol-no-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
  max-width: 60%;
}
.dol-no-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-no-order-card-inner__box-content-info-bottom-extra {
  max-width: 40%;
  flex: 0 0 auto;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-no-order-card-inner__box-button .mtd-btn {
  width: 100%;
}

.dol-no-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-no-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-smart-call-out-card {
  padding: 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
}
.dol-smart-call-out-card__title {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin-bottom: 12px;
}
.dol-smart-call-out-card__title-text {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  margin-right: 4px;
}
.dol-smart-call-out-card__content {
  margin-bottom: 8px;
}
.dol-smart-call-out-card__content-item {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 22px;
}
.dol-smart-call-out-card__content-item__label {
  display: flex;
}
.dol-smart-call-out-card__content-item__label-list {
  flex: 1;
  margin-left: 6px;
}
.dol-smart-call-out-card__content-item__label-list-item {
  display: flex;
  align-items: center;
}
.dol-smart-call-out-card__content-item__label-list-item-icon {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.dol-smart-call-out-card__content-item__label-list-item-text-active {
  position: relative;
  height: 100%;
}
.dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.dol-smart-call-out-card__content-item__label-list-item-text-hidden {
  margin-left: 4px;
}
.dol-smart-call-out-card__content-item__label-list-item:first-child .dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.dol-smart-call-out-card__content-item__label-list-item:last-child .dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  height: 50%;
}
.dol-smart-call-out-card__content-item__value {
  margin-left: 6px;
}
.dol-smart-call-out-card__footer {
  display: flex;
  justify-content: space-around;
}
.dol-smart-call-out-card__footer-btn {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 5px;
  flex: 1;
  text-align: center;
  cursor: pointer;
}
.dol-smart-call-out-card__footer-btn-left {
  margin-right: 8px;
}

.dol-verify-result-card {
  padding: 12px 12px 2px;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.dol-verify-result-card__header-status {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 18px;
  color: #333;
  line-height: 40px;
  overflow: hidden;
}
.dol-verify-result-card__header-status-text {
  margin-left: 6px;
  font-weight: bold;
}
.dol-verify-result-card__header-id {
  padding-left: 6px;
  color: #999;
}
.dol-verify-result-card__content {
  border-top: 1px solid #ebebeb;
  margin-top: 8px;
  padding: 8px;
}
.dol-verify-result-card__content-item {
  display: flex;
  align-items: center;
}
.dol-verify-result-card__content-item-name {
  margin-left: 6px;
}

.dol-case-process {
  width: 380px;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px 8px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.dol-case-process_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}
.dol-case-process_body {
  padding-top: 12px;
}
.dol-case-process_body-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}
.dol-case-process_body-container-label {
  min-width: 80px;
  max-width: 80px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-case-process_body-container-content {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}
.dol-case-process_body-container-content-expand {
  display: flex;
  justify-content: flex-end;
}
.dol-case-process_body-container-content-expand-text {
  color: #009155;
  cursor: pointer;
}
.dol-case-process_body-container-content_link {
  color: #5dc77b;
}
.dol-case-process_body-container-content-overflow {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.dol-system-button-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-system-button-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
  border-radius: 2px;
}
.dol-system-button-card__content-button {
  display: inline;
  color: #009155;
  cursor: pointer;
}
.dol-system-button-card__content-button-disabled {
  cursor: text;
  color: rgba(0, 0, 0, 0.42);
  pointer-events: none;
}

.dol-answer-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
}
.dol-answer-card__progress-answer .title-block .title-line {
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.9);
}
.dol-answer-card__progress-answer .title-block .title-line .title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__progress-answer .title-block .title-line .process-detail {
  font-size: 12px;
  color: #1f1f1f;
  min-width: 68px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 18px;
}
.dol-answer-card__progress-answer .title-block .title-line .process-detail:active {
  opacity: 0.5;
}
.dol-answer-card__progress-answer .title-block .sub-title {
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
  font-size: 14px;
  margin-top: 2px;
  display: -webkit-box;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dol-answer-card__progress-answer .detail-table {
  margin-top: 12px;
  padding: 10px 12px;
  background-color: #fafafa;
  border-radius: 6px;
}
.dol-answer-card__progress-answer .detail-table .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-answer-card__progress-answer .detail-table .list:not(:last-of-type) {
  margin-bottom: 4px;
}
.dol-answer-card__progress-answer .detail-table .list .right {
  line-height: 22px;
  font-size: 15px;
  color: #646464;
}
.dol-answer-card__progress-answer .detail-table .list .left {
  font-size: 14px;
  color: #292929;
}
.dol-answer-card__order-answer .order-header {
  background: #fff;
  margin-bottom: 12px;
}
.dol-answer-card__order-answer .order-header.order-new-config-ui {
  margin-top: 10px;
  padding-bottom: 0 !important;
}
.dol-answer-card__order-answer .order-header .info::before, .dol-answer-card__order-answer .order-header .info::after {
  display: table;
  content: " ";
}
.dol-answer-card__order-answer .order-header .info::after {
  clear: both;
}
.dol-answer-card__order-answer .order-header .info .avatar {
  box-sizing: border-box;
  float: left;
  border-radius: 2px;
  border-radius: 6px;
  position: relative;
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .avatar::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.dol-answer-card__order-answer .order-header .info .info-text {
  box-sizing: border-box;
  overflow: hidden;
  min-height: 58px;
  padding: 0;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail {
  position: relative;
  display: flex;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper {
  height: 50px;
  display: flex;
  margin-top: 10px;
  overflow: hidden;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container {
  position: relative;
  margin-right: 8px;
  border-radius: 6px;
  overflow: hidden;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container .picture {
  width: 65px;
  height: 50px;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.03);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dol-answer-card__order-answer .order-header .info .info-text .title {
  flex-grow: 1;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .content {
  flex-grow: 1;
  display: block;
  min-height: 15px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .status,
.dol-answer-card__order-answer .order-header .info .info-text .price {
  max-width: 34%;
  margin-left: 2.5px;
  font-size: 13px;
  color: #222;
  text-align: right;
}
.dol-answer-card__order-answer .order-header .info .info-text .price {
  max-width: 40%;
}
.dol-answer-card__order-answer .order-header .info .info-text .text {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .status .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .price .text {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .status .text {
  position: relative;
  top: 1.5px;
  height: 20px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info {
  height: 20px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .title {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.9);
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .status .text {
  height: 20px;
  line-height: 20px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail {
  margin-top: 4px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .price .text {
  line-height: 16.5px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content {
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text:not(:first-child) {
  margin-top: 4.5px;
}
.dol-answer-card__order-answer .order-header .btn-list {
  margin: 12px 0 0;
}
.dol-answer-card__order-answer .order-header .btn-list .btn {
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.dol-answer-card__order-answer .order-header .btn-list .btn.one {
  max-width: 100%;
  margin-bottom: 4px;
}
.dol-answer-card__order-answer .order-header .btn-list .btn.more {
  margin: 4px 5px;
}
.dol-answer-card__order-answer .order-header .btn-list .btn .btn-content {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}
.dol-answer-card__order-answer .order-card-text {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:first-child, .dol-answer-card__grid-answer .grid-answer.col-three .list:first-of-type {
  background-color: #fafafa;
  border-radius: 9px 9px 0 0;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
.dol-answer-card__grid-answer .grid-answer {
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
  font-size: 14px;
}
.dol-answer-card__grid-answer .grid-answer::before, .dol-answer-card__grid-answer .grid-answer::after {
  display: table;
  content: " ";
}
.dol-answer-card__grid-answer .grid-answer::after {
  clear: both;
}
.dol-answer-card__grid-answer .grid-answer .title {
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 10px;
}
.dol-answer-card__grid-answer .grid-answer.col-three .list .item {
  flex: 1;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item {
  word-break: break-all;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:first-child {
  width: 100px;
  border-radius: 9px 0 0 9px;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:not(:first-child) {
  flex: 1;
}
.dol-answer-card__grid-answer .grid-answer .big-font {
  width: 43%;
  margin-left: 25%;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme {
  margin-bottom: 0;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn:active {
  border: 0.5px solid #c4c4c4;
  background-color: #f5f5f5;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn .btn-content {
  color: rgba(0, 0, 0, 0.9) !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn.btn-disabled .btn-content {
  color: rgba(0, 0, 0, 0.24) !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn {
  background: linear-gradient(to right, #ffe74d, #ffdd19) !important;
  border: inherit;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn .btn-content {
  color: rgba(0, 0, 0, 0.9);
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn:active {
  background: #ebcb00 !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn.btn-disabled {
  background: #fff6b8 !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn.btn-disabled .btn-content {
  color: rgba(0, 0, 0, 0.2);
}
.dol-answer-card__grid-answer .table {
  border-radius: 9px;
  position: relative;
}
.dol-answer-card__grid-answer .table::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  pointer-events: none;
  content: "";
  border: 1px solid #ebebeb;
  border-radius: 18px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.dol-answer-card__grid-answer .table .list {
  display: flex;
  padding: 0;
  margin: 0;
}
.dol-answer-card__grid-answer .table .list:not(:last-of-type) {
  position: relative;
}
.dol-answer-card__grid-answer .table .list:not(:last-of-type)::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border-bottom: 1px solid #ebebeb;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.dol-answer-card__grid-answer .table .list .item {
  display: flex;
  align-items: center;
  padding: 10px 8px;
}
.dol-answer-card__grid-answer .table .list .item:not(:last-of-type) {
  position: relative;
}
.dol-answer-card__grid-answer .table .list .item:not(:last-of-type)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  pointer-events: none;
  content: "";
  border-right: 1px solid #ebebeb;
  transform: scaleX(0.5);
  transform-origin: 0 0;
}
.dol-answer-card__coupon-answer .guide-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 21px;
  margin-bottom: 10px;
}
.dol-answer-card__coupon-answer .guide-text .btn-inline {
  display: inline;
  color: #0a77f5;
}
.dol-answer-card__coupon-answer .coupon-card {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 90px;
  background: rgba(255, 85, 0, 0.02);
  padding-left: 16px;
  border: 1px solid #ffe4d0;
  border-radius: 8px;
}
.dol-answer-card__coupon-answer .coupon-card .effective-date,
.dol-answer-card__coupon-answer .coupon-card .money-condition {
  opacity: 0.5;
  font-size: 11px;
  color: #000;
  line-height: 15px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail {
  max-width: 175px;
  margin-top: 24px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail .coupon-card-name {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 21px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail .effective-date {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money {
  width: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top {
  margin-top: 21px;
  font-weight: 600;
  font-size: 23px;
  color: #ff6000;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top .money-unit {
  font-weight: 600;
  font-size: 14px;
  margin-right: 2.5px;
  line-height: 15.5px;
  margin-top: 6px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top .money-value {
  line-height: 29px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .money-condition {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .money-border-line {
  position: absolute;
  height: 82px;
  width: 0.5px;
  left: 0;
  top: 4px;
  background-image: linear-gradient(to bottom, #ffe4d0 0%, #ffe4d0 33%, transparent 50%, transparent);
  background-size: 0.5px 6px;
  background-repeat: repeat-y;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff6cd;
  border: 1px solid #fff;
  border-radius: 8px 0 8px 0;
  padding: 1.5px 6px 2.5px;
  font-weight: 500;
  opacity: 0.88;
  font-size: 10px;
  color: #572200;
}

.dol-bubble:has(.dol-answer-card) {
  width: 100% !important;
}

.dol-text-with-query-button-card {
  position: relative;
  min-width: 120px;
  max-width: 600px;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #ddd;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-text-with-query-button-card__content {
  line-height: 24px;
  color: #000;
  font-size: 14px;
  white-space: normal;
  word-break: break-all;
  margin-bottom: 12px;
}
.dol-text-with-query-button-card__content img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 1.5em;
}
.dol-text-with-query-button-card__btn-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dol-text-with-query-button-card__btn {
  text-align: center;
  width: 100%;
  padding: 12px 20px;
  height: auto;
  min-height: 44px;
  line-height: 20px;
  font-size: 15px;
  border-radius: 22px;
  font-weight: 500;
  border: none;
  color: #000;
  background-color: #ffd54f;
}
.dol-text-with-query-button-card__btn-content {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
}
.customer-field-component-wrapper[data-v-63af33d3] {
  width: 100%;
}
.customer-field-component-wrapper[data-v-63af33d3] .mtd-modal-header {
  padding: 0 0 16px 0;
}
.customer-field-component-wrapper[data-v-63af33d3] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.customer-field-component-wrapper[data-v-63af33d3] .mtd-modal-content {
  max-height: 80vh;
  overflow-y: auto;
}
.customer-field-component-wrapper[data-v-63af33d3] .mtd-btn-text-primary {
  height: 22px;
  padding-left: 0;
}
.customer-field-component-wrapper[data-v-63af33d3] .mtd-btn-text-primary span {
  line-height: 22px;
}
.customer-field-component-wrapper[data-v-63af33d3] .field-display-value {
  margin-right: 8px;
}
.customer-field-component-wrapper[data-v-63af33d3] .cs-field-right {
  flex-wrap: wrap;
}
.search-field-input-mark[data-v-e980bf94] {
  margin: 0 5px;
}
.cs-f-search-field-container[data-v-7303e3b7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0 8px;
}
.search-field-display-name[data-v-7303e3b7] {
  font-weight: 400;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  line-height: 22px;
}
.hyphen-title[data-v-7303e3b7] {
  gap: 0 16px;
}
.hyphen-title .search-field-display-name[data-v-7303e3b7] {
  min-width: unset;
  width: 8px;
}
[data-v-7303e3b7] .mtd-date-picker,[data-v-7303e3b7] .mtd-input-wrapper,[data-v-7303e3b7] .mtd-select,[data-v-7303e3b7] .mtd-autocomplete {
  width: 173px;
}
[data-v-7303e3b7] .search-field-input.mtd-input-wrapper {
  width: 218px;
}
.send-message[data-v-481e4ccf] .mtd-textarea-wrapper,
.send-message[data-v-481e4ccf] textarea {
  border: none;
  outline: none;
  background: transparent;
  height: 126px;
}
.send-message .seat-assistance-textarea[data-v-481e4ccf] {
  margin-bottom: 12px;
}
.send-message .operation[data-v-481e4ccf] {
  display: flex;
  justify-content: flex-end;
}
.send-message .operation button[data-v-481e4ccf]:nth-child(1) {
  margin-right: 18px;
}
.process .operation[data-v-57d320a8] {
  display: flex;
  justify-content: flex-end;
}
.seat-assistance-title[data-v-050d6b02] {
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.seat-assistance-title .left[data-v-050d6b02] {
  display: flex;
  font-size: 14px;
  align-items: center;
  font-family: sans-serif;
  font-weight: normal;
  color: rgba(17, 25, 37, 0.65);
}
.seat-assistance-title .left i[data-v-050d6b02] {
  padding: 0;
  margin-right: 4px;
}
.seat-assistance-title .warning-text[data-v-050d6b02] {
  color: #ff1f1f;
}
.seat-assistance-title .right[data-v-050d6b02] {
  display: flex;
  align-items: center;
}
.seat-assistance-title .right .mtdicon-quote[data-v-050d6b02] {
  margin-right: 12px;
}
.seat-assistance-title .right .exit-seat-assistance[data-v-050d6b02] {
  width: 94px;
  height: 24px;
  padding: 2px 8px;
  cursor: pointer;
  border-radius: 4px;
  opacity: 1;
  background: rgba(17, 25, 37, 0.05);
  display: flex;
  align-items: center;
  color: #111925;
}
.seat-assistance-title .right .exit-seat-assistance span[data-v-050d6b02] {
  font-family: PingFang SC, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
@charset "UTF-8";
.agent-summary[data-v-d7683196] {
  position: fixed;
  width: 410px;
  height: 608px;
  bottom: 16px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.agent-summary .summary-header[data-v-d7683196] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 16px;
  height: 44px;
  border-bottom: 1px solid #f0f0f0;
}
.agent-summary .summary-header .summary-title[data-v-d7683196] {
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  color: #111925;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-summary .summary-header .summary-close[data-v-d7683196] {
  font-size: 18px;
  color: rgba(17, 25, 37, 0.45);
  cursor: pointer;
}
.agent-summary .summary-content[data-v-d7683196] {
  height: calc(100% - 48px);
  padding: 3px 16px 0;
  overflow-y: scroll;
}
.agent-summary .summary-content .content-item[data-v-d7683196] {
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  font-family: 苹方-简, sans-serif;
  cursor: pointer;
}
.agent-summary .summary-content .content-item .display-name[data-v-d7683196] {
  width: 84px;
  flex-shrink: 0;
  color: var(--cs-common-primary-color);
  text-align: right;
}
.agent-summary .summary-content .content-item .field-value[data-v-d7683196] {
  margin-left: 12px;
  color: #111925;
  white-space: pre-wrap;
  word-break: break-word;
}
@charset "UTF-8";
.seat-assistance[data-v-1ea32a15] {
  padding: 0 16px;
  border: 1px solid #e0e0e0;
  position: relative;
}
.seat-assistance .header[data-v-1ea32a15] {
  position: sticky;
  top: 0;
  background-color: #f3f3f4;
  opacity: 1; /* 不透明 */
  z-index: 10;
}
.seat-assistance .waiting-default[data-v-1ea32a15] {
  height: 126px;
}
.seat-assistance[data-v-1ea32a15] .lc-block .lc-block-content {
  padding: 0 !important;
}
.seat-assistance[data-v-1ea32a15] .lc-block {
  background-color: transparent !important;
}
.cs-f-chips[data-v-15e0c488] {
  min-width: 230px;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 4px;
}
.cs-f-chips .chip[data-v-15e0c488] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}
.cs-f-chips .chip i[data-v-15e0c488] {
  margin-left: 4px;
}
.cs-f-chips .active-chips i[data-v-15e0c488] {
  color: #000;
}
.chips-tip[data-v-15e0c488] {
  text-align: left;
  text-indent: 12px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-top: -2px;
  white-space: nowrap;
}
.chips-tip-error[data-v-15e0c488] {
  color: #f5483b;
}
.success[data-v-15e0c488] {
  border-color: var(--cs-common-primary-color);
}
.fail[data-v-15e0c488] {
  border-color: #f5483b;
}
.chips-input[data-v-15e0c488] {
  flex-basis: 100px;
  flex-grow: 1;
  border: none;
}
.pagination-for-has-next-container[data-v-84751db0] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-84751db0] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0 4px;
  cursor: pointer;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 14px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-84751db0]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-84751db0] {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.12);
  background: #fff;
  opacity: 0.45;
  cursor: not-allowed;
  transition-duration: 0s;
}
.pagination-for-has-next-container .order-page-operation[data-v-84751db0] {
  margin-right: 10px;
  font-size: 14px;
}
.pagination-for-has-next-container .current-page[data-v-84751db0] {
  margin-right: 10px;
}
.table-pagination[data-v-6dc5f935] {
  text-align: center;
  font-size: 14px;
}
.table-pagination[data-v-6dc5f935] .mtd-pager-item {
  font-size: 14px;
}
.pagination-for-has-next-container[data-v-c0706a08] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-c0706a08] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0 4px;
  cursor: pointer;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 14px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-c0706a08]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-c0706a08] {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.12);
  background: #fff;
  opacity: 0.45;
  cursor: not-allowed;
  transition-duration: 0s;
}
.pagination-for-has-next-container .order-page-operation[data-v-c0706a08] {
  margin-right: 10px;
  font-size: 14px;
}
.red-envelope-wrap[data-v-69d36e60] {
  position: relative;
  padding: 10px 12px;
  border-radius: 6px;
  box-sizing: content-box;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.red-envelope-wrap .red-envelope-container[data-v-69d36e60] {
  width: 230px;
  height: 70px;
  background-color: #cc473d;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
}
.red-envelope-wrap .red-envelope-container-icon[data-v-69d36e60] {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: red;
  font-size: 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
  margin-right: 8px;
}
.red-envelope-wrap .red-envelope-container-content[data-v-69d36e60] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-69d36e60] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dol-html-text-card[data-v-445366c7] {
  white-space: pre-line;
}

.chat-detail[data-v-33e5b6af] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-33e5b6af] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-33e5b6af] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-33e5b6af] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-33e5b6af] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header[data-v-33e5b6af] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-33e5b6af] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-33e5b6af] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-33e5b6af] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-33e5b6af] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-33e5b6af] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-33e5b6af]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-33e5b6af] {
  height: 50px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-recommend[data-v-33e5b6af] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-33e5b6af] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-33e5b6af],
.mtdicon-star-o[data-v-33e5b6af] {
  font-size: 20px;
}
.expand-more[data-v-33e5b6af] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-33e5b6af] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-33e5b6af] {
  color: var(--cs-common-primary-color);
}
.anli-start[data-v-33e5b6af] {
  color: var(--cs-common-primary-color);
}
.chat-detail[data-v-1bd0b04a] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-1bd0b04a] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-1bd0b04a] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-1bd0b04a] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-1bd0b04a] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  border: none !important;
}
.chat-detail-wrapper-messageitem-main-header[data-v-1bd0b04a] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-1bd0b04a] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-1bd0b04a] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-1bd0b04a] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-1bd0b04a] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-1bd0b04a] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-1bd0b04a]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-1bd0b04a] {
  height: 50px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-recommend[data-v-1bd0b04a] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-1bd0b04a] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-1bd0b04a],
.mtdicon-star-o[data-v-1bd0b04a] {
  font-size: 20px;
}
.expand-more[data-v-1bd0b04a] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-1bd0b04a] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-1bd0b04a] {
  color: var(--cs-common-primary-color);
}
.recommend-anli[data-v-94718a0a] {
  max-width: 1000px;
  width: 1000px;
  max-height: 600px;
  overflow: auto;
}
.recommend-anli .recommend-anli-left-margins[data-v-94718a0a] {
  margin-left: 10px;
}
.recommend-anli .recommend-anli-left-margins[data-v-94718a0a] .mtd-form-item-content {
  margin: 0 !important;
}
.recommend-anli .recommend-anli-left-margins .recommend-anli-left-margins-content[data-v-94718a0a] {
  display: flex;
  justify-content: space-between;
}
.recommend-anli .hack-audio-editor-layer[data-v-94718a0a] {
  position: relative;
  left: -525px;
  transform: translateX(525px);
}
.recommend-anli .mtdFormItemLabel[data-v-94718a0a] .mtd-form-item-label {
  display: flex;
  width: 120px !important;
}
.recommend-anli .mtdFormItemLabel[data-v-94718a0a] .mtd-form-item-label .saveRecording {
  justify-content: space-between;
}
.recommend-anli .checkbox-vertical .mtd-checkbox[data-v-94718a0a] {
  display: block;
  margin-left: 0;
}
.recommend-anli .recommend-anli-other-input[data-v-94718a0a] {
  padding-top: 10px;
}
.recommend-anli .recommend-anli-other-input .mtd-input-wrapper[data-v-94718a0a] {
  width: 100%;
}
.recommend-anli .recommend-anli-warning[data-v-94718a0a] {
  color: red;
}
.recommend-anli .recommend-anli-textarea[data-v-94718a0a] {
  width: 100%;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.recommend-anli .dialog-footer[data-v-94718a0a] {
  text-align: center;
}
.mtd-table[data-v-94718a0a] .oncall-remote-table-row-active {
  background-color: var(--cs-common-primary-color);
}
.asr-player-sdk-dialog-top[data-v-40309a9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-40309a9e] {
  display: flex;
  width: 756px;
}
.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-40309a9e] {
  display: flex;
  margin-right: 24px;
}
.asr-player-sdk-dialog-top .dialog-top-operation[data-v-40309a9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 97px;
  position: relative;
  left: 20px;
}
.asr-player-sdk-dialog-top .dialog-top-operation span[data-v-40309a9e] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
}
.asr-player-sdk-dialog-top .dialog-top-operation .toggle-button[data-v-40309a9e] {
  transform: scale(0.6, 0.6);
  position: relative;
  left: -7px;
  background-color: var(--cs-common-primary-color);
  border-color: var(--cs-common-primary-color);
}
.asr-player-sdk-container[data-v-40309a9e] {
  width: 896px;
  margin-top: 10px;
}
.asr-player-sdk-container[data-v-40309a9e] .media-editor-word-wrap {
  max-height: 50vh;
}
.asr-player-sdk-container[data-v-40309a9e] .media-editor-audio-wrap {
  background: white !important;
}
.translate-content-box[data-v-733ec980] {
  height: 300px;
  overflow: auto;
}
.translate-content[data-v-733ec980] {
  display: flex;
  flex-direction: row;
}
.translate-content .headPortrait-src[data-v-733ec980] {
  width: 45px;
  height: auto;
  margin-right: 20px;
}
.translate-content-list[data-v-733ec980] {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.action-detail-call[data-v-e4d616c2] {
  min-width: 500px;
  min-height: 100px;
  padding: 10px;
}
.action-detail-call .content-row[data-v-e4d616c2] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.action-detail-call .content-row .content-row-left[data-v-e4d616c2] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.action-detail-call .content-row .content-row-right-audio[data-v-e4d616c2] {
  display: flex;
  align-items: center;
}
.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-e4d616c2] {
  position: relative;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-e4d616c2] {
  font-size: 14px;
  font-weight: bold;
  color: var(--cs-common-primary-color);
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed_content[data-v-e4d616c2] {
  position: absolute;
  width: 240px;
  top: -55px;
  left: -80px;
  padding: 5px 10px;
  border: 1px solid var(--cs-common-primary-color);
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed_content span[data-v-e4d616c2] {
  padding-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-e4d616c2] {
  font-size: 14px;
  font-weight: bold;
  color: var(--cs-common-primary-color);
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right[data-v-e4d616c2] {
  flex: 1;
}
.red-envelope-wrap[data-v-47c27c7c] {
  position: relative;
  padding: 10px 12px;
  border-radius: 6px;
  box-sizing: content-box;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.red-envelope-wrap .red-envelope-container[data-v-47c27c7c] {
  width: 230px;
  height: 70px;
  background-color: #cc473d;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
}
.red-envelope-wrap .red-envelope-container-icon[data-v-47c27c7c] {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: red;
  font-size: 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
  margin-right: 8px;
}
.red-envelope-wrap .red-envelope-container-content[data-v-47c27c7c] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-47c27c7c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unknown-wrap[data-v-22ba1fae] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}


.dol-html-text-card[data-v-980ed40c] {
  white-space: pre-line;
}

.chat-detail[data-v-4138292e] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail__title-sessionId[data-v-4138292e] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail__wrapper[data-v-4138292e] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail__wrapper-messageitem[data-v-4138292e] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail__wrapper-messageitem__avatar[data-v-4138292e] {
  width: 45px;
  height: 45px;
}
.chat-detail__wrapper-messageitem__main[data-v-4138292e] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  max-width: 550px;
}
.chat-detail__wrapper-messageitem__main-header[data-v-4138292e] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail__wrapper-messageitem__main-header .header-startTime[data-v-4138292e] {
  margin-left: 20px;
}
.chat-detail__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-4138292e] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail__wrapper-messageitem__main-header .header-label-large-model[data-v-4138292e] {
  margin-left: 6px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: red;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status[data-v-4138292e] {
  font-size: 12px;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .read[data-v-4138292e] {
  color: #b8bdc0;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .unread[data-v-4138292e] {
  color: #5284ef;
}
.chat-detail__wrapper[data-v-4138292e] .dol-image-card img {
  width: 100px;
}
.chat-detail__wrapper-loadmore[data-v-4138292e] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-4138292e] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-4138292e]:hover {
  text-decoration: underline;
}
.chat-detail__recommend[data-v-4138292e] {
  height: 44px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail__recommend[data-v-4138292e] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-new[data-v-4e8aa46f] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail-new__title-sessionId[data-v-4e8aa46f] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail-new__wrapper[data-v-4e8aa46f] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail-new__wrapper-messageitem[data-v-4e8aa46f] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-new__wrapper-messageitem__avatar[data-v-4e8aa46f] {
  width: 45px;
  height: 45px;
}
.chat-detail-new__wrapper-messageitem .avatar[data-v-4e8aa46f] {
  text-shadow: 0 1px #aaa;
  box-shadow: 0 0 1px 0.8px #ddd inset;
  cursor: pointer;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
}
.chat-detail-new__wrapper-messageitem .user-avatar[data-v-4e8aa46f] {
  background-color: #5bc1ef;
}
.chat-detail-new__wrapper-messageitem .business-avatar[data-v-4e8aa46f] {
  background-color: #c289ce;
}
.chat-detail-new__wrapper-messageitem .horseman-avatar[data-v-4e8aa46f] {
  background-color: #f4ce5b;
}
.chat-detail-new__wrapper-messageitem__main[data-v-4e8aa46f] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  max-width: 550px;
}
.chat-detail-new__wrapper-messageitem__main-header[data-v-4e8aa46f] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-new__wrapper-messageitem__main-header .header-startTime[data-v-4e8aa46f] {
  margin-left: 20px;
}
.chat-detail-new__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-4e8aa46f] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-new__wrapper[data-v-4e8aa46f] .dol-image-card img {
  width: 100px;
}
.chat-detail-new__wrapper[data-v-4e8aa46f] .dol-video-card {
  position: relative;
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  word-break: break-all;
}
.chat-detail-new__wrapper[data-v-4e8aa46f] .dol-video-card video {
  width: auto;
  height: 200px;
  background: rgba(0, 0, 0, 0.9);
  margin-top: 10px;
}
.chat-detail-new__wrapper-loadmore[data-v-4e8aa46f] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-4e8aa46f] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-4e8aa46f]:hover {
  text-decoration: underline;
}
.chat-detail-new__recommend[data-v-4e8aa46f] {
  height: 44px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-new__recommend[data-v-4e8aa46f] .mtd-btn-primary {
  margin-right: 20px;
}
.dissension-remark-title[data-v-a29d472c] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.dissension-remark-title[data-v-a29d472c]::before {
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  background-color: var(--cs-common-primary-color);
  left: 0;
  border-radius: 2px;
}
.dissension-remark-title-info[data-v-a29d472c] {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.9019607843);
}
.dissension-remark-item-info[data-v-a29d472c] {
  font-size: 14px;
  color: #111925;
  line-height: 18px;
  word-break: break-word;
}
.dissension-remark-item-operator[data-v-a29d472c] {
  display: flex;
  align-items: center;
  color: rgba(17, 25, 37, 0.65);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.dissension-remark-item-operator .operator-info[data-v-a29d472c] {
  margin-right: 6px;
}
.dissension-remark-container[data-v-a29d472c] {
  max-height: 600px;
  overflow-y: auto;
}
.riskCase-content {
  resize: none !important;
}
.history-message-container[data-v-cdef8716] {
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.history-header[data-v-cdef8716] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
}
.history-header .history-title[data-v-cdef8716] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  display: flex;
  align-items: center;
}
.history-header .history-title[data-v-cdef8716]::before {
  content: "";
  width: 4px;
  height: 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 2px;
  margin-right: 8px;
}
.history-header .refresh-btn[data-v-cdef8716] {
  color: #667eea;
  transition: all 0.3s ease;
}
.history-header .refresh-btn[data-v-cdef8716]:hover {
  color: #764ba2;
  transform: translateY(-1px);
}
.history-header .refresh-btn .mtdicon[data-v-cdef8716] {
  margin-right: 4px;
  transition: transform 0.3s ease;
}
.history-header .refresh-btn:hover .mtdicon[data-v-cdef8716] {
  transform: rotate(180deg);
}
.message-list-wrapper[data-v-cdef8716] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.message-list[data-v-cdef8716] {
  flex: 1;
  overflow-y: auto;
  padding: 8px 12px;
  width: 100%;
  max-width: 100%;
}
.message-list[data-v-cdef8716]::-webkit-scrollbar {
  width: 6px;
}
.message-list[data-v-cdef8716]::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 3px;
}
.message-list[data-v-cdef8716]::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
.message-list[data-v-cdef8716]::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf;
}
.message-item[data-v-cdef8716] {
  display: flex;
  margin-bottom: 8px;
  margin-left: -3px;
  margin-right: -3px;
  padding: 6px 3px;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  width: calc(100% + 6px);
  max-width: calc(100% + 6px);
  min-width: 0;
}
.message-item[data-v-cdef8716]::after {
  content: attr(data-debug);
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 10px;
  color: #999;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 4px;
  border-radius: 2px;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-item[data-v-cdef8716]::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
  border-radius: 0 2px 2px 0;
  opacity: 0;
}
.message-item[data-v-cdef8716]:hover {
  background: rgba(102, 126, 234, 0.02);
}
.message-item[data-v-cdef8716]:hover::before {
  opacity: 1;
}
.message-item[data-v-cdef8716]:last-child {
  border-bottom: none;
}
.message-item.from-customer[data-v-cdef8716]::before {
  background: linear-gradient(135deg, rgba(82, 196, 26, 0.3) 0%, rgba(115, 209, 61, 0.3) 100%);
}
.message-avatar[data-v-cdef8716] {
  margin-right: 8px;
}
.message-avatar .avatar-img[data-v-cdef8716] {
  border: 1px solid #e8e8e8;
  transition: border-color 0.2s ease;
}
.message-item:hover .message-avatar .avatar-img[data-v-cdef8716] {
  border-color: #d0d0d0;
}
.message-content[data-v-cdef8716] {
  flex: 1;
  min-width: 0;
}
.message-header[data-v-cdef8716] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3px;
  min-height: 24px;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  padding-right: 20px;
}
.user-info[data-v-cdef8716] {
  flex: 1;
  min-width: 0;
}
.user-info .user-name[data-v-cdef8716] {
  font-weight: 600;
  color: #2c3e50;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.message-meta[data-v-cdef8716] {
  width: 120px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  overflow: visible;
}
.message-meta .message-time[data-v-cdef8716] {
  font-size: 11px;
  color: #666;
  padding: 2px 6px;
  height: 18px;
  line-height: 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 8px;
  border: 1px solid #e1e5e9;
  position: relative;
  transition: all 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-meta .message-time[data-v-cdef8716]:hover {
  z-index: 10;
  background: #f8f9fa;
  border-color: #d0d0d0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.read-status[data-v-cdef8716] {
  position: absolute;
  top: -10px;
  right: -13px;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  height: 16px;
  line-height: 12px;
  padding: 2px 4px;
  border-radius: 6px;
  border: 1px solid #e1e5e9;
  transition: background-color 0.2s ease;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 5;
  white-space: nowrap;
}
.read-status .status-icon[data-v-cdef8716] {
  font-size: 9px;
}
.read-status.read[data-v-cdef8716] {
  background: transparent;
  color: #999;
  border-color: #e8e8e8;
  opacity: 0.7;
}
.read-status.unread[data-v-cdef8716] {
  background: #fef7e6;
  color: #fa8c16;
  border-color: #ffe7ba;
}
.read-status .read[data-v-cdef8716] {
  color: inherit;
}
.read-status .unread[data-v-cdef8716] {
  color: inherit;
}
.message-tags[data-v-cdef8716] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.tag[data-v-cdef8716] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 12px;
  font-weight: 500;
}
.tag .mtdicon[data-v-cdef8716] {
  font-size: 12px;
}
.tag.tag-robot[data-v-cdef8716] {
  background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);
  color: #fff;
}
.tag.tag-ai[data-v-cdef8716] {
  background: linear-gradient(135deg, #722ed1 0%, #9254de 100%);
  color: #fff;
}
.tag.tag-system[data-v-cdef8716] {
  background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%);
  color: #fff;
}
.message-body[data-v-cdef8716] {
  margin-top: 4px;
  padding: 0;
}
.message-body[data-v-cdef8716] .dol-image-card img {
  max-width: 200px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.empty-state[data-v-cdef8716] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #8c8c8c;
}
.empty-state .empty-icon[data-v-cdef8716] {
  margin-bottom: 16px;
}
.empty-state .empty-icon .mtdicon[data-v-cdef8716] {
  font-size: 48px;
  color: #d9d9d9;
}
.empty-state .empty-text[data-v-cdef8716] {
  margin: 0;
  font-size: 14px;
}
.no-more-text[data-v-cdef8716] {
  color: #8c8c8c;
  font-size: 11px;
  padding: 12px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  opacity: 0.7;
}
.no-more-text .mtdicon[data-v-cdef8716] {
  color: #52c41a;
  font-size: 10px;
}
.load-sentinel[data-v-cdef8716] {
  height: 1px;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}
[data-v-cdef8716] .dol-scroll-view-container {
  background-color: transparent;
}
[data-v-cdef8716] .dol-scroll-view__content {
  padding-right: 0;
}
[data-v-cdef8716] .highlight-history-chat {
  color: #667eea;
  font-weight: 600;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-v-cdef8716] .mtd-tag {
  border: none;
  border-radius: 12px;
}
@media (max-width: 768px) {
.history-message-container[data-v-cdef8716] {
    border-radius: 0;
    box-shadow: none;
}
.history-header[data-v-cdef8716] {
    padding: 12px 16px;
}
.history-header .history-title[data-v-cdef8716] {
    font-size: 14px;
}
.message-list[data-v-cdef8716] {
    padding: 8px 12px;
}
.message-item[data-v-cdef8716] {
    padding: 6px;
    margin-bottom: 8px;
}
.message-header[data-v-cdef8716] {
    flex-direction: column;
    align-items: flex-start;
}
.no-more-text[data-v-cdef8716] {
    padding: 12px 16px;
}
}
.assistant-task-record[data-v-be36caf2] {
  min-width: 760px;
  min-height: 550px;
}
.verify-status-container[data-v-23eedf06] {
  display: flex;
  align-items: center;
  width: 90px;
}
.verify-status-container .verify-status-icon[data-v-23eedf06] {
  width: 20px;
  height: 20px;
}
.verify-status-container .verify-status-text[data-v-23eedf06] {
  padding-left: 5px;
}
.verify-status-container .pass-text[data-v-23eedf06] {
  color: var(--cs-common-primary-color);
}
.verify-status-container .reject-text[data-v-23eedf06] {
  color: #ff5f57;
}
.verify-item[data-v-d01e2c80] {
  display: flex;
  justify-content: space-between;
  margin-left: 8px;
  padding-right: 18px;
}
.verify-item-text-gap[data-v-d01e2c80] {
  padding-right: 15px;
}
.verify-item-text-gap[data-v-d01e2c80] .text-unsecret {
  font-weight: 600;
}
.verify-item-title[data-v-392fd8fe] {
  font-weight: 600;
}
.verify-item-table-warp[data-v-392fd8fe] {
  width: 750px;
  margin-left: 8px;
}
.verify-item-table-text[data-v-392fd8fe] {
  color: red;
}
.verify-item-table-text-child[data-v-392fd8fe] {
  border-bottom: 1px solid #ddd;
}
.verify-item-table-text-child[data-v-392fd8fe]:last-child {
  border: none;
}
.verify-item-table-background[data-v-392fd8fe] {
  background: rgba(255, 95, 87, 0.06);
}
.verify-item-title[data-v-4594dccc] {
  font-weight: 600;
}
.verify-item-inline-wrap[data-v-4594dccc] {
  margin-left: 8px;
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.verify-item-inline-wrap[data-v-4594dccc]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.verify-item-inline-content-wrap[data-v-4594dccc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 18px;
}
.verify-item-inline-text-wrap[data-v-4594dccc] {
  display: flex;
  flex: 1;
}
.verify-item-inline-title[data-v-4594dccc]:not(:only-child) {
  width: 120px;
}
.verify-item-inline-text[data-v-4594dccc] {
  background: rgba(255, 95, 87, 0.06);
  min-height: 40px;
  width: 280px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.verify-item-inline-text span[data-v-4594dccc] {
  color: red;
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.custom-textarea[data-v-4594dccc] {
  width: 100%;
  margin: 5px 0;
}
.financial-card-container[data-v-755f6008] {
  width: 270px;
  margin-left: 8px;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.04);
}
.financial-card-info[data-v-755f6008] {
  padding-left: 12px;
  border-radius: 4px 4px 0 0;
  background: rgba(0, 0, 0, 0.04);
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.financial-card-status[data-v-755f6008] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  height: 35px;
}
.verify-detail-title[data-v-82059380] {
  font-size: 16px;
}
.verify-detail-more[data-v-82059380] {
  display: flex;
}
.verify-detail-more div[data-v-82059380]:first-child {
  margin-right: 10px;
}
.verify-detail-gap[data-v-82059380] {
  padding-left: 15px;
}
.mobike-model .mobike-model-phone .verify-item[data-v-ef1d7ef8] {
  display: flex;
}
.mobike-model .mobike-model-phone .verify-item .verify-item-text-gap[data-v-ef1d7ef8] {
  padding-right: 15px;
}
.mobike-model .mobike-model-title[data-v-ef1d7ef8] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.mobike-model .mobike-model-title .icon[data-v-ef1d7ef8] {
  margin: 0 4px 0 14px;
}
.mobike-model .mobike-model-title .verify-status-success[data-v-ef1d7ef8] {
  color: var(--cs-common-primary-color);
}
.mobike-model .mobike-model-title .verify-status-fail[data-v-ef1d7ef8] {
  color: #ff5f57;
}
.mobike-model .mobike-model-content-item[data-v-ef1d7ef8] {
  margin-top: 12px;
}
.mobike-model .mobike-model-content-item .mobike-model-content-item-title[data-v-ef1d7ef8] {
  font-weight: bolder;
  margin-bottom: 8px;
}
.mobike-model .mobike-model-content-item .mobike-model-order-item[data-v-ef1d7ef8] {
  margin-top: 8px;
}
[data-v-ef1d7ef8] .common-table-custom-header {
  border-top: 1px solid #ededed !important;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-date[data-v-78d565fd] {
  background-color: #f5f5f5;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  margin-top: 5px;
}
.wyc-model .wyc-model-verify .wyc-model-verify-type[data-v-78d565fd] {
  display: flex;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-78d565fd] {
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-78d565fd]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-content-wrap[data-v-78d565fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-wrap[data-v-78d565fd] {
  display: flex;
  flex: 1;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-titles[data-v-78d565fd]:not(:only-child) {
  width: 120px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-title[data-v-78d565fd]:not(:only-child) {
  width: 120px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-phone[data-v-78d565fd] {
  display: inline-block;
  margin-right: 10px;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-danger[data-v-78d565fd] {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-first[data-v-78d565fd] {
  min-height: 40px;
  width: 280px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-first span[data-v-78d565fd] {
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-last[data-v-78d565fd] {
  min-height: 40px;
  width: 140px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-last span[data-v-78d565fd] {
  padding-left: 10px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.finance-model .finance-model-title[data-v-218ec0c9] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-218ec0c9],
.finance-model .option-item[data-v-218ec0c9] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-b503aa98] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-b503aa98],
.finance-model .option-item[data-v-b503aa98] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-6c989b00] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-6c989b00],
.finance-model .option-item[data-v-6c989b00] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-3d907da0] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-3d907da0],
.finance-model .option-item[data-v-3d907da0] {
  margin-bottom: 12px;
}
.verify-item-title[data-v-1d4c25c1] {
  font-weight: bold;
}
.verify-table-item[data-v-1d4c25c1] {
  margin-left: 8px;
}
.finance-model .finance-model-title[data-v-7e951f1a] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-7e951f1a],
.finance-model .option-item[data-v-7e951f1a] {
  margin-bottom: 12px;
}
.my-model .my-model-prompt[data-v-0f4fe354] {
  height: 36px;
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  padding-left: 10px;
  background: #fff9e6;
  border-radius: 4px;
  color: #592d00;
}
.my-model .my-model-prompt .my-model-prompt-icon[data-v-0f4fe354] {
  color: #f5ba31;
}
.my-model .my-model-verify-order[data-v-0f4fe354] {
  margin-top: 15px;
}
.my-model .my-model-order[data-v-0f4fe354] {
  margin-bottom: 15px;
}
.my-model .my-model-verify[data-v-0f4fe354] {
  min-height: 40px;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
}
.my-model .my-model-verify .my-model-verify-orderId[data-v-0f4fe354] {
  padding-left: 10px;
}
.verify-item-img[data-v-69ca82e8] {
  width: 700px;
}
.verify-item-img .preview-viewer-list-item[data-v-69ca82e8] {
  margin-right: 20px;
}
.verify-item-img .preview-image-item-date[data-v-69ca82e8] {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.verify-detail-title {
  font-size: 16px;
}
.verify-detail-more {
  display: flex;
}
.verify-detail-more div:first-child {
  margin-right: 10px;
}
.verify-detail-gap {
  padding-left: 15px;
}
.font-color-red[data-v-63fafb8b] {
  color: #ff5f57;
}
.object-title[data-v-63fafb8b] {
  font-size: 14px;
  font-weight: bold;
}
[data-v-63fafb8b] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.simple-item-content[data-v-034f7ba8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simple-item-content .simple-item-title[data-v-034f7ba8] {
  font-size: 14px;
  font-weight: bold;
}
.simple-item-content .op-result[data-v-034f7ba8] {
  margin-right: -2px;
}
.platform-common-container[data-v-077de840] {
  min-width: 600px;
}
.platform-common-container .item[data-v-077de840] {
  margin-bottom: 10px;
}
.platform-common-container .must-container[data-v-077de840],
.platform-common-container .option-container[data-v-077de840] {
  margin-bottom: 10px;
}
.platform-common-container .must-container .must-title-text[data-v-077de840],
.platform-common-container .must-container .option-title-text[data-v-077de840],
.platform-common-container .option-container .must-title-text[data-v-077de840],
.platform-common-container .option-container .option-title-text[data-v-077de840] {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.platform-common-container .must-container .item[data-v-077de840],
.platform-common-container .option-container .item[data-v-077de840] {
  margin-left: 16px;
}
.verify-detail-base[data-v-e83cd4dc], .verify-detail-empty[data-v-e83cd4dc], .verify-detail-loading[data-v-e83cd4dc] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.verify-detail-empty[data-v-e83cd4dc] {
  width: 200px;
}
[data-v-e83cd4dc]  .mtd-modal-mask,[data-v-e83cd4dc]  .mtd-modal-wrapper {
  z-index: 999 !important;
}
.out-call-icon[data-v-3336d70d] {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: var(--border-radius-1);
}
.out-call-icon[data-v-3336d70d]:hover {
  background-color: #e6e7eb;
}
.cs-mtd-popover-rel[data-v-3336d70d] {
  line-height: 1;
}
.pane-container[data-v-3336d70d] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  height: 32px;
}
.pane-container .pane-container-name[data-v-3336d70d] {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-container-logo[data-v-3336d70d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  font-size: 8px;
  color: var(--color-white);
  background-color: #f00b0b;
  border-radius: var(--border-radius-1);
}
.pane-container .pane-secret-name[data-v-3336d70d] {
  width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-btn-group[data-v-3336d70d] {
  display: flex;
  align-items: center;
  gap: 0 4px;
  margin: 0 8px;
}
.pane-container .pane-out-call-icon[data-v-3336d70d] {
  cursor: pointer;
}
.pane-container .out-call-icon-loading[data-v-3336d70d] {
  padding: 0;
}
.pane-container .call-rate[data-v-3336d70d] {
  margin-left: 8px;
}
.cursor-pointer[data-v-3336d70d] {
  cursor: pointer;
}
.out-call-book[data-v-3336d70d] {
  display: flex;
  flex-direction: row;
}
.out-call-book .nav[data-v-3336d70d] {
  width: 70px;
}
.out-call-book .info[data-v-3336d70d] {
  width: 300px;
}
.contact-popover-container[data-v-3336d70d] {
  padding: 0;
}
.contact-popover-container .out-call-panel .contact-name[data-v-3336d70d],
.contact-popover-container .out-call-panel .contact-num[data-v-3336d70d] {
  flex: 1;
  margin-right: 10px;
}
.contact-popover-container .out-call-panel .btn-item[data-v-3336d70d] {
  margin-right: 5px;
}
.contact-popover-container .content-tab-pane[data-v-3336d70d] {
  font-size: var(--font-size-2);
}
.contact-popover-container .icon-dx[data-v-3336d70d] {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: transparent;
  background: url(assets/dx.8bdb96a0b72a559ad33c.png) center no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
}
.contact-popover-container .night-out-call-tips[data-v-3336d70d] {
  font-size: var(--font-size-2);
  color: red;
  margin-top: 8px;
  font-weight: var(--font-weight-bold);
}
[data-v-3336d70d] .mtd-tabs-nocard.mtd-tabs-left {
  display: block;
}
.case-oncall-icon {
  cursor: pointer;
}
.service-detail-container[data-v-5f4337e8] {
  height: 100%;
  z-index: 0;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container {
  padding: 0 7px 10px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-container {
  margin-bottom: 0;
  margin-top: 5px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container > div:nth-child(1) .assistant-task-step-item-container {
  margin-bottom: 0;
  margin-top: 0;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-header {
  padding: 1px 1px 2px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-header .assistant-task-step-item-title {
  font-size: 17px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body {
  padding-bottom: 3px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .task-content {
  margin-bottom: 5px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .task-content .private-mg-compile > p {
  margin-bottom: 0;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .dynamic-text-content {
  margin-bottom: 3px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .dynamic-text-content .dynamic-text > p {
  margin-bottom: 2px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .solution-scheme.tile-solution-scheme {
  padding: 1px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .solution-scheme.tile-solution-scheme .select-status {
  left: 4px;
  top: 4px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .solution-scheme.tile-solution-scheme .mtd-btn {
  padding: 0 9px;
  height: 29px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .solution-scheme.tile-solution-scheme + .tile-solution-scheme {
  margin-top: 3px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .solution-scheme.tile-solution-scheme .action-task-container {
  margin-bottom: 1px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .group-fields-container .field-item {
  width: 100%;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .group-fields-container .judge-node-content {
  margin-bottom: 3px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .group-fields-container .field-item-edit {
  margin-bottom: 3px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .group-fields-container .judge-node-operate-area {
  margin-bottom: 2px;
}
.floating-window-app-modal .mtd-modal-wrapper .assistant-flow-player-container-entrance[data-v-cda5ca54] .task-new-step-container .assistant-task-step-item-body .group-fields-container .judge-node-operate-area .mtd-btn {
  margin-bottom: 5px;
}
@charset "UTF-8";.cs-confirm-wrapper[data-v-7d68fe8b] .cs-mtd-modal-header{padding:0}.cs-confirm-wrapper[data-v-7d68fe8b] .cs-mtd-modal-wrapper{top:50%;right:initial;bottom:initial;left:50%;transform:translate(-50%,-50%)}.cs-confirm-header[data-v-7d68fe8b]{display:flex;color:#000000d6;font-weight:600;font-size:18px}.cs-mtd-confirm-icon[data-v-7d68fe8b]{margin-left:-4px;margin-right:8px}.cs-confirm-typed .cs-confirm-content[data-v-7d68fe8b]{padding-left:28px}.cs-mtd-modal-minimize[data-v-7d68fe8b]{position:absolute;top:16px;right:56px;padding:4px;border-radius:6px}.cs-mtd-modal-minimize[data-v-7d68fe8b]:hover{background-color:#0000000f;cursor:pointer}.minimized-confirm-bubble-wrapper[data-v-0d9a3f6c] .mtd-modal{position:fixed;top:84%;left:85%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;padding:5px 10px;box-shadow:1px 1px 1px 1px #0000001a;min-width:125px;cursor:pointer}.minimized-confirm-bubble-wrapper[data-v-0d9a3f6c] .mtd-modal .mtd-modal-content-wrapper{padding:0;overflow:hidden}.minimized-confirm-bubble-wrapper[data-v-0d9a3f6c] .mtd-modal .mtd-modal-header{padding:0}.minimized-confirm-bubble-wrapper .bubble-panel[data-v-0d9a3f6c]{width:120px;display:flex;align-items:center}.minimized-confirm-bubble-wrapper .bubble-panel i[data-v-0d9a3f6c]{color:var(--cs-common-primary-color);margin-right:8px;font-size:16px}.dialog-list[data-v-0d9a3f6c]{margin:0;padding:0;text-align:left;width:100px;list-style:none;cursor:pointer}.dialog-list li[data-v-0d9a3f6c]{font-size:14px;width:100px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-list li[data-v-0d9a3f6c]:hover{color:#0a70f5}[data-v-f504d7cc] .mtd-drawer,[data-v-f504d7cc] .mtd-drawer-mask,[data-v-f504d7cc] .mtd-drawer-wrapper{position:absolute}[data-v-f504d7cc] .mtd-drawer{display:flex;flex-direction:column;border-radius:6px 0 0 6px}[data-v-f504d7cc] .mtd-drawer-content{flex:1;min-height:0;padding:0}[data-v-f504d7cc] .mtd-drawer-footer{display:none}.drawer-title[data-v-f504d7cc]{font-weight:600}.drawer-title-tip-message[data-v-f504d7cc]{color:#ed532a;margin-left:5px;font-size:15px}.context-provider-container[data-v-91dd582c]{position:relative}.cs-icon.iconfont[data-v-35ed980b]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-icon.icon[data-v-35ed980b]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}[data-v-d8b9edb2] .text-highlight{color:orange}.virtual-scroll-container[data-v-4aa28050]{width:100%;height:100%;overflow-y:auto}.virtual-scroll-wrapper[data-v-4aa28050]{width:100%;height:0}video[data-v-55f9a17e]{width:100%;height:100%;object-fit:contain}.cs-load-fail-container[data-v-a4896c2a]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.cs-load-fail-text[data-v-a4896c2a]{font-weight:400;font-size:14px;color:#00000059;letter-spacing:0;text-align:center;line-height:22px}[data-v-6f6bf51d] .lc-block{background:#f7f7f7}.detail-btn-group[data-v-6f6bf51d]{display:flex;padding-bottom:8px;min-width:100px;gap:10px}.card-info-detail .title[data-v-6f6bf51d]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.financial-card-picker[data-v-004a6c4f]{margin:0 13px;border-radius:6px;background-color:#fff}.card-picker-title[data-v-004a6c4f]{font-size:18px;line-height:18px;font-weight:600;letter-spacing:0px;color:#111925;padding-bottom:16px}[data-v-004a6c4f] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-004a6c4f] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.expand-detailed-information-row[data-v-004a6c4f]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-004a6c4f]{text-align:center;font-size:14px;margin-top:10px}.detail-btn-group[data-v-bad2d6eb]{display:flex;padding-bottom:8px;min-width:100px;gap:10px}.tasting-privilege-detail .block-title[data-v-bad2d6eb]{font-weight:600;font-size:14px;line-height:22px;letter-spacing:0px}.tasting-privilege-detail .tasting-privilege-table[data-v-bad2d6eb]{margin-top:16px}.info-title[data-v-0debc398],.info-title[data-v-104ab0a4]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.table-pagination[data-v-104ab0a4]{text-align:center;font-size:14px;margin-top:10px}.expand-detail[data-v-2f626fc6]{background:#f7f7f7;padding:16px 40px}.card-benefit-list .info-title[data-v-2f626fc6]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}[data-v-2f626fc6] .mtd-table .success-row td{background:#d8f0e6}.info-title[data-v-930c15aa]{font-weight:600;font-size:14px;line-height:26px}.mtd-table[data-v-930c15aa]{margin-bottom:10px}.expand-detail[data-v-453717c8]{background:#f7f7f7;padding:16px 40px}[data-v-453717c8] .mtd-table .success-row td{background:#d8f0e6}.info-title[data-v-8ebc941c]{font-weight:600;font-size:14px;line-height:26px}.mtd-table[data-v-8ebc941c]{margin-bottom:10px}.expand-detail[data-v-16206223]{background:#f7f7f7;padding:16px 40px}[data-v-16206223] .mtd-table .success-row td{background:#d8f0e6}[data-v-d4dc6005] .detail-info .lc-block{background:#f7f7f7}.detail-title[data-v-d4dc6005]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.detail-btn-group[data-v-d4dc6005]{display:flex;padding-bottom:8px;min-width:100px;gap:10px}.user-activity-table .title[data-v-d2e24bd2]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.user-activity-table .user-activity-title[data-v-d2e24bd2]{padding-left:10px}.user-activity-table .time-picker[data-v-d2e24bd2]{padding-right:30px}.reward-distribution-details[data-v-d2e24bd2]{padding:10px 20px;background:#f2f2f2}.reward-distribution-details[data-v-d2e24bd2] .lc-block{background:#f2f2f2}.detail-btn-group[data-v-c01e648a]{margin-top:10px;display:flex;padding-bottom:8px;min-width:100px;gap:10px}[data-v-c4ba1f18] .lc-block{background:#f7f7f7}.detail-title[data-v-c4ba1f18]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.seach-area[data-v-2ce34e9a]{display:flex}.seach-area .payment-amount .mtd-input-wrapper[data-v-2ce34e9a]{width:88px}.seach-area .search-btn[data-v-2ce34e9a]{display:flex;gap:0 5px;margin-top:48px}.mtd-date-picker[data-v-2ce34e9a]{width:180px;min-width:180px}.card-pay-picker[data-v-2ce34e9a]{margin:0 13px;border-radius:6px;background-color:#fff}.card-pay-title[data-v-2ce34e9a]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}[data-v-2ce34e9a] .mtd-table .success-row td{background:#d8f0e6}.expand-detailed-information-row[data-v-2ce34e9a]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-2ce34e9a]{text-align:center;font-size:14px;margin-top:10px}[data-v-2ce34e9a] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-2ce34e9a] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.payment-detail-info_title[data-v-810eae7c]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}.payment-mode-search[data-v-810eae7c]{display:flex;align-items:center;gap:10px;padding:2px 5px 10px}.example-badge[data-v-810eae7c]{margin-right:40px;margin-top:10px;vertical-align:middle}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-810eae7c]{all:initial;font-size:14px;color:#00000080}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-810eae7c]:hover{cursor:pointer;color:var(--cs-common-primary1-color)}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span[data-v-810eae7c]{overflow:auto;display:inline}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span .mtd-badge .mtd-badge-hidden[data-v-810eae7c]{display:none}.coupon-tab .mtd-tab-active .mtd-tabs-item-label span[data-v-810eae7c]{color:var(--cs-common-primary-color)}[data-v-810eae7c] .lc-block{background:#f7f7f7}.payment-info .search-box[data-v-2545d82b]{display:flex}.payment-info .search-box .payment-amount .mtd-input-wrapper[data-v-2545d82b]{width:88px}.payment-info .search-box .button-box[data-v-2545d82b]{display:flex;gap:0 5px;margin-top:48px}.payment-info .payment-order-list_title[data-v-2545d82b]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}.payment-info .payment-order-list_table[data-v-2545d82b]{text-align:right}.payment-info .payment-order-list_table .mtd-pagination[data-v-2545d82b]{margin-top:20px}.expand-box[data-v-2545d82b]{background:#f7f7f7;padding:16px 40px}.mtd-date-picker[data-v-2545d82b]{width:180px;min-width:180px}.tooltip-p[data-v-2545d82b]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;padding:0 10px}.table-pagination[data-v-2545d82b]{text-align:center;font-size:14px;margin-top:10px}[data-v-2545d82b] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-2545d82b] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.refund-order-detail_title[data-v-610733fe]{font-weight:600;color:#000000e6;letter-spacing:0;font-size:14px;line-height:32px;margin-bottom:10px}.payment-amount .mtd-input-wrapper[data-v-77402471]{width:88px}.refund-info .refund-order-list_title[data-v-77402471]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}.refund-info .refund-order-list_table[data-v-77402471]{text-align:right}.refund-info .refund-order-list_table .mtd-pagination[data-v-77402471]{margin-top:20px}.expand-box[data-v-77402471]{background:#f7f7f7;padding:16px 40px}.tooltip-p[data-v-77402471]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;padding:0 10px}.table-pagination[data-v-77402471]{text-align:center;font-size:14px;margin-top:10px}[data-v-77402471] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-77402471] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.bill_information .bill_information_search[data-v-722ba768]{margin:16px 0 12px}.bill_information .date_time_range[data-v-722ba768]{width:360px;margin-bottom:12px}.bill_information .detail_amount[data-v-722ba768]{display:flex;align-items:center;justify-content:right;padding:0 12px}.bill_information .trade_amount[data-v-722ba768]{display:flex;align-items:center;justify-content:right}.bill_information .detail_type_title[data-v-722ba768]{display:flex;align-items:center;justify-content:center;padding:7px 12px}.bill_information .detail_type[data-v-722ba768]{display:flex;align-items:center;justify-content:center}.bill_information .detail_amount_empty[data-v-722ba768]{width:21px}.bill_information .detail_amount_icon[data-v-722ba768]{margin-left:7px}.bill_information .info-icon-green[data-v-722ba768]{color:var(--cs-common-primary-color)}.bill_information .sum_row[data-v-722ba768]{height:44px;line-height:44px;background-color:#ebf8f3;padding:0 12px;font-size:16px;display:flex;justify-content:space-between}.bill_information .sum_row .sum_row_item .sum_row_item_value[data-v-722ba768]{font-weight:600}.bill_information .bill_composition_type_selected[data-v-722ba768]{display:flex;margin-bottom:16px}.bill_information .bill_information_title[data-v-722ba768]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:500;line-height:32px}.bill_information .bill_information_select[data-v-722ba768]{width:360px;margin-left:12px}.bill_information .table_page_style[data-v-722ba768]{display:flex;justify-content:end;margin-top:11px}.bill_information .cs-buttons-container>.mtd-btn[data-v-722ba768]{color:#166ff7!important}.bill_information .bill_table .row-text-right[data-v-722ba768]{text-align:right;padding:0 12px}.bill_information .bill_table .bill_table_row>td[data-v-722ba768]{padding:0!important}.bill_information .bill_table .tooltip-p[data-v-722ba768]{cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0}.bill-repayment-info[data-v-c433b059]{margin:20px 20px 0}.bill-repayment-info .row-render-container .row-render-main .cs-field-container-row .cs-field-right .mtd-btn-primary[data-v-c433b059],.bill-repayment-info .row-render-container .row-render-main .cs-field-container-row .cs-field-right a[data-v-c433b059]{color:#166ff7!important}.bill-repayment-info .bill-repayment-info-title[data-v-c433b059]{font-weight:600}.bill-repayment-info .bill-repayment-info-Detail[data-v-c433b059]{font-weight:600;margin-top:12px}.bill-repayment-info .bill-repayment-info-title_color[data-v-c433b059]{font-size:20px;color:#e02020;letter-spacing:0;font-weight:600}[data-v-c433b059] .lc-block{background:#f7f7f7}.bill_repayment .oncal-icon-group[data-v-1f62e893]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill_repayment .bill_repayment_search[data-v-1f62e893]{margin:16px 0 12px}.bill_repayment .bill_repayment_title[data-v-1f62e893]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill_repayment .bill_repayment_select[data-v-1f62e893]{width:360px;margin-left:12px}.bill_repayment .table_page_style[data-v-1f62e893]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-1f62e893] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-1f62e893] .show-expanded-table-item td{background-color:var(--cs-common-primary-color)}.expand-detailed-information-row[data-v-1f62e893]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-1f62e893]{text-align:center;font-size:14px;margin-top:10px}[data-v-1f62e893] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-1f62e893] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.list-operation button[data-v-1f62e893]{margin-bottom:4px}.bill-details .bill-details-title[data-v-896817b0]{font-weight:600;color:#000000e6;letter-spacing:0;font-size:14px;line-height:32px;margin-bottom:10px}.bill-details .bill-btn-item[data-v-896817b0]{margin-right:10px}.bill-repayment .oncal-icon-group[data-v-d3ddf244]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill-repayment .bill-repayment-search[data-v-d3ddf244]{margin:16px 0 12px}.bill-repayment .bill-repayment-title[data-v-d3ddf244]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill-repayment .bill-repayment-select[data-v-d3ddf244]{width:360px;margin-left:12px}.bill-repayment .table_page_style[data-v-d3ddf244]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-d3ddf244] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-d3ddf244] .show-expanded-table-item td{background-color:var(--cs-common-primary-color)}.expand-detailed-information-row[data-v-d3ddf244]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-d3ddf244]{text-align:center;font-size:14px;margin-top:10px}[data-v-d3ddf244] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-d3ddf244] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.pagination-for-has-next-container[data-v-71b64158]{padding:0;margin:10px 0 0;text-align:center}.pagination-for-has-next-container .no-count-pagination-item[data-v-71b64158]{border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:0 4px;cursor:pointer;background:#fff;text-align:center;transition:all .3s;font-size:14px;min-width:24px;height:24px;line-height:22px;display:inline-block;vertical-align:top}.pagination-for-has-next-container .no-count-pagination-item[data-v-71b64158]:not(:last-child){margin-right:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-71b64158]{color:#000000d6;border-color:#0000001f;background:#fff;opacity:.45;cursor:not-allowed;transition-duration:0s}.pagination-for-has-next-container .order-page-operation[data-v-71b64158]{margin-right:10px;font-size:14px}.pagination-for-has-next-container .current-page[data-v-71b64158]{margin-right:10px}.payment-detail-info[data-v-aa42c771]{padding:10px 20px}.payment-detail-info .payment-detail-info-title[data-v-aa42c771]{font-weight:700}.payment-mode-search[data-v-aa42c771]{display:flex;align-items:center;gap:10px;padding:2px 5px 10px}.example-badge[data-v-aa42c771]{margin-right:40px;margin-top:10px;vertical-align:middle}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-aa42c771]{all:initial;font-size:14px;color:#00000080}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-aa42c771]:hover{cursor:pointer;color:#3dd999}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span[data-v-aa42c771]{overflow:auto;display:inline}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span .mtd-badge .mtd-badge-hidden[data-v-aa42c771]{display:none}.coupon-tab .mtd-tab-active .mtd-tabs-item-label span[data-v-aa42c771]{color:#00ba73}[data-v-aa42c771] .lc-block{background:#f7f7f7}.payment-info .search-box[data-v-be938bf2]{display:flex}.payment-info .search-box .payment-amount .mtd-input-wrapper[data-v-be938bf2]{width:88px}.payment-info .payment-order-list .payment-order-list-title[data-v-be938bf2]{color:#000c;font-weight:600}.payment-info .payment-order-list_table[data-v-be938bf2]{text-align:right}.payment-info .payment-order-list_table .mtd-pagination[data-v-be938bf2]{margin-top:20px}.expand-box[data-v-be938bf2]{background:#f7f7f7;padding:16px 40px}.mtd-date-picker[data-v-be938bf2]{width:180px;min-width:180px}.tooltip-p[data-v-be938bf2]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;padding:0 10px}.pagination[data-v-be938bf2]{text-align:center;margin:20px 0}[data-v-be938bf2] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-be938bf2] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.bill_repayment .oncal-icon-group[data-v-c0d85309]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill_repayment .bill_repayment_search[data-v-c0d85309]{margin:16px 0 12px}.bill_repayment .bill_repayment_title[data-v-c0d85309]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill_repayment .bill_repayment_select[data-v-c0d85309]{width:360px;margin-left:12px}.bill_repayment .table_page_style[data-v-c0d85309]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-c0d85309] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-c0d85309] .show-expanded-table-item td{background-color:var(--cs-common-primary-color)}.expand-detailed-information-row[data-v-c0d85309]{background:#f7f7f7;padding:16px 40px}.bill-repayment-info[data-v-c0d85309]{margin:20px 20px 0}.bill-repayment-info .bill-repayment-info-title[data-v-c0d85309]{font-weight:600}.table-pagination[data-v-c0d85309]{text-align:center;font-size:14px;margin-top:10px}[data-v-c0d85309] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-c0d85309] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}[data-v-c0d85309] .lc-block{background:#f7f7f7}.insurance-details[data-v-bdcdcf70]{padding:16px 40px}.details-title[data-v-bdcdcf70]{font-weight:600}[data-v-bdcdcf70] .lc-block{background:#f7f7f7}.scenario-title[data-v-b5e2d4c8]{font-weight:600}.insurance-details[data-v-b5e2d4c8]{background:#f7f7f7}.pagination[data-v-b5e2d4c8]{text-align:center;margin:20px 0}[data-v-b5e2d4c8] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-b5e2d4c8] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.insurance-details[data-v-cdfceb3b]{padding:16px 40px}.details-title[data-v-cdfceb3b]{font-weight:600}[data-v-cdfceb3b] .lc-block{background:#f7f7f7}.scenario-title[data-v-f8be7a92]{font-weight:600}.insurance-details[data-v-f8be7a92]{background:#f7f7f7}.pagination[data-v-f8be7a92]{text-align:center;margin:20px 0}[data-v-f8be7a92] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-f8be7a92] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.insurance-details[data-v-72afa4de]{padding:16px 40px}.details-title[data-v-72afa4de]{font-weight:600}[data-v-72afa4de] .lc-block{background:#f7f7f7}.scenario-title[data-v-59fb3a8b]{font-weight:600}.insurance-details[data-v-59fb3a8b]{background:#f7f7f7}.pagination[data-v-59fb3a8b]{text-align:center;margin:20px 0}[data-v-59fb3a8b] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-59fb3a8b] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.evaluate-collapse[data-v-e001548b]{position:relative;margin:12px 0 32px}.evaluate-collapse .demo-collapse-poem[data-v-e001548b]{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;color:#000000e6;font-size:16px;font-weight:600;padding-left:10px;margin:0 8px 12px 2px}.evaluate-collapse .demo-collapse-poem .mtdicon-down-thick[data-v-e001548b]{transition:transform .3s;transform:rotate(0);font-size:16px;color:#00000080;margin-left:4px}.evaluate-collapse .demo-collapse-poem.expended .mtdicon-down-thick[data-v-e001548b]{transform:rotate(180deg)}.demo-collapse-poem[data-v-e001548b]:before{content:"";display:block;width:4px;height:18px;background:var(--cs-common-nav-boundary-line-color);position:absolute;left:0;border-radius:2px}.insurance-details[data-v-8b2453ae]{padding:16px 40px}.details-title[data-v-8b2453ae]{font-weight:600}[data-v-8b2453ae] .lc-block{background:#f7f7f7}.scenario-title[data-v-65506d63]{font-weight:600}.insurance-details[data-v-65506d63]{background:#f7f7f7}.pagination[data-v-65506d63]{text-align:center;margin:20px 0}[data-v-65506d63] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-65506d63] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.lc-renderer-announcement[data-v-90d87eb6]{border-radius:6px;border:1px solid rgba(0,0,0,.1)!important;background:#fff;margin-bottom:10px}.lc-renderer-announcement .mtd-announcement[data-v-90d87eb6]{padding:11px 12px 7px}.lc-renderer-announcement .lc-renderer-announcement-title[data-v-90d87eb6]{font-weight:500}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-90d87eb6]{color:var(--cs-common-primary-color, #5dc77b)}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-90d87eb6]:hover{color:var(--cs-common-primary1-color, #4aae66)}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-90d87eb6]:active{color:var(--cs-common-primary3-color, #b3f9c8)}.lc-renderer-announcement .lc-renderer-announcement-slot[data-v-90d87eb6] .cs-field-right{color:unset!important}.cs-lc-operations[data-v-5c921799]{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:6px;padding-bottom:8px}.cs-lc-btn[data-v-a640f2a0]{opacity:1;font-weight:400;display:flex;align-items:center;justify-content:center;color:var(--cs-common-primary-color, #00BA73);padding:22px 0}.cs-lc-btn>div[data-v-a640f2a0]{cursor:pointer;font-size:12px;line-height:12px;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:center}.cs-lc-btn>div[data-v-a640f2a0]:before,.cs-lc-btn>div[data-v-a640f2a0]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.cs-lc-btn[data-v-a640f2a0] .mtdicon{vertical-align:top;margin-right:4px}.cs-lc-btn[data-v-a640f2a0] .mtdicon-fast-backward,.cs-lc-btn[data-v-a640f2a0] .mtdicon-fast-forward{rotate:90deg}.flex-line-item[data-v-24025c20]{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:8px;margin-bottom:8px}.card-wrapper[data-v-911ca4d4]{width:100%;padding:10px 16px;border:1px solid var(--cs-common-primary-color, #7febb2);border-top:none}.loading-text[data-v-911ca4d4]{text-align:center}.cs-table-expand-row-icon-base[data-v-911ca4d4]{width:18px;height:18px;line-height:1;display:block;font-size:18px}.cs-lc-table-operation-cell[data-v-a86f6f74]{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:4px}.cs-lc-table-operation-cell .expand-icon[data-v-a86f6f74]{rotate:-90deg;border-radius:6px}.pagination-for-cursor-container[data-v-0b7489ca]{padding:0;margin:10px 0 0;text-align:center}.pagination-for-cursor-container .no-count-pagination-item[data-v-0b7489ca]{border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:0 4px;cursor:pointer;background:#fff;text-align:center;transition:all .3s;font-size:14px;min-width:24px;height:24px;line-height:22px;display:inline-block;vertical-align:top}.pagination-for-cursor-container .no-count-pagination-item[data-v-0b7489ca]:not(:last-child){margin-right:8px}.pagination-for-cursor-container .no-count-pagination-item-disabled[data-v-0b7489ca]{color:#000000d6;border-color:#0000001f;background:#fff;opacity:.45;cursor:not-allowed;transition-duration:0s}.pagination-for-cursor-container .order-page-operation[data-v-0b7489ca]{margin-right:10px;font-size:14px}.table-pagination[data-v-12d7f0f0]{text-align:center;font-size:14px;margin-top:10px}.cs-lc-table[data-v-b1f364b0]{margin-bottom:10px}.cs-lc-table .data-overflow-tips[data-v-b1f364b0]{color:#11192573;font-size:14px;padding:10px 0}.lc-renderer-batch-operation-table[data-v-18a3c790]{display:flex;flex-direction:column}.can-operation[data-v-18a3c790]{margin-left:10px;color:red}.async-state-container[data-v-7c7d1e6e]{display:flex;align-items:center;justify-content:center;min-height:80px;font-size:14px}.async-state-container .async-state-icon[data-v-7c7d1e6e]{margin-right:5px}.cs-lc-content-expand-wrapper[data-v-32bce412]{position:relative}.expand-wrapper-padding[data-v-32bce412]{padding-bottom:24px}.cs-lc-content[data-v-32bce412]{overflow:hidden}.cs-lc-partial-show[data-v-32bce412]{max-height:180px}.cs-lc-all-show[data-v-32bce412]{max-height:auto}.cs-lc-btn[data-v-32bce412]{opacity:1;font-weight:400;display:flex;align-items:center;justify-content:center;color:var(--cs-common-primary-color, #00BA73);padding:22px 0}.cs-lc-btn>div[data-v-32bce412]{cursor:pointer;font-size:12px;line-height:12px;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:center}.cs-lc-btn>div[data-v-32bce412]:before,.cs-lc-btn>div[data-v-32bce412]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.cs-lc-btn[data-v-32bce412] .mtdicon{vertical-align:top;margin-right:4px}.cs-lc-btn[data-v-32bce412] .mtdicon-fast-backward,.cs-lc-btn[data-v-32bce412] .mtdicon-fast-forward{rotate:90deg}.lc-block[data-v-244cd25a]{background-color:var(--color-white);border-radius:6px;position:relative}.lc-block .lc-block-loading[data-v-244cd25a]{position:absolute;width:100%;height:100%;z-index:1;background-color:#ffffff80}.lc-block .lc-block-loading mtd-loading[data-v-244cd25a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-block .lc-block-header[data-v-244cd25a]{display:flex;align-items:center;flex-direction:row;border-radius:6px;-webkit-user-select:none;user-select:none;padding:16px}.lc-block .disabled[data-v-244cd25a]{pointer-events:none;opacity:.5;cursor:not-allowed}.lc-block .lc-block-title[data-v-244cd25a]{display:flex;align-items:center;color:#000000e6;font-size:18px;letter-spacing:0;line-height:18px;cursor:pointer}.lc-block .lc-block-title>span[data-v-244cd25a]{font-weight:600}.lc-block .expand-icon[data-v-244cd25a]{font-size:10px;margin-left:8px;color:#1a1a1a;font-weight:bolder}.lc-block .refresh-area[data-v-244cd25a]{display:flex;align-items:center}.lc-block .refresh-area .refresh-btn[data-v-244cd25a]{display:flex;align-items:center;justify-content:center;margin-left:9px;width:22px;height:22px;border-radius:4px}.lc-block .refresh-area .refresh-btn .refresh-icon[data-v-244cd25a]{font-size:12px}.lc-block .refresh-area .refresh-btn[data-v-244cd25a]:hover{cursor:pointer;background:#1119251a}.lc-block .refresh-area .refresh-loading[data-v-244cd25a]{display:flex;align-items:center;margin-left:15px;font-size:12px;color:#111925a6}@keyframes spin-244cd25a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-block .refresh-area .refresh-loading .refresh-loading-icon[data-v-244cd25a]{margin-right:5px;animation:spin-244cd25a 1s linear infinite}.lc-block .infor-overview[data-v-244cd25a]{line-height:14px;margin-left:16px;font-size:12px;color:#111925}.lc-block .lc-block-content[data-v-244cd25a]{padding:0 16px}.lc-block .lc-block-content .cs-lc-block-search[data-v-244cd25a]{padding:16px 16px 8px;margin-bottom:8px;border-radius:4px;background:#f7f7f7}.lc-block .lc-block .lc-block-header[data-v-244cd25a]{display:flex;align-items:center;flex-direction:row;border-radius:6px;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding:0 0 0 10px;position:relative;height:20px}.lc-block .lc-block .lc-block-header[data-v-244cd25a]:before{content:"";display:block;width:4px;height:18px;background:var(--cs-common-primary-color, #00BA73);position:absolute;left:0;border-radius:2px}.lc-block .lc-block .lc-block-header[data-v-244cd25a]:hover{background-color:inherit}.lc-block .lc-block .lc-block-title[data-v-244cd25a]{font-size:16px;line-height:20px;margin:0 8px 0 2px}.lc-block .lc-block .lc-block-content[data-v-244cd25a]{padding-left:0;padding-right:0}.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcTab]>.lc-block[data-v-244cd25a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcTab]>.cs-lc-tabs[data-v-244cd25a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcBlock]>.lc-block[data-v-244cd25a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcBlock]>.cs-lc-tabs[data-v-244cd25a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcBlock]>.lc-block[data-v-244cd25a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcBlock]>.cs-lc-tabs[data-v-244cd25a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcTab]>.lc-block[data-v-244cd25a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcTab]>.cs-lc-tabs[data-v-244cd25a]{margin-top:12px}.lc-block .lc-block[data-v-244cd25a],.lc-block .cs-lc-tabs[data-v-244cd25a]{margin-bottom:32px}.lc-block .node-render:last-of-type>.lc-block[data-v-244cd25a]{margin-bottom:0}.lc-block .node-render:last-of-type>.cs-lc-tabs[data-v-244cd25a]{margin-bottom:0}.lc-card-container[data-v-2bdf1ef8]{height:100%;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#fff}.lc-card-container .lc-card-title[data-v-2bdf1ef8]{line-height:32px;text-align:center;border-radius:6px 6px 0 0;color:#111925;background-color:#f6f6f6;font-weight:500}.lc-card-container .lc-card-content[data-v-2bdf1ef8]{padding:16px}.lc-card-container .lc-card-content>.node-render:first-child .lc-card-title[data-v-2bdf1ef8]{padding-top:0}.lc-card-container .lc-card-content .lc-card-container[data-v-2bdf1ef8]{border:0 none}.lc-card-container .lc-card-content .lc-card-container .lc-card-title[data-v-2bdf1ef8]{padding:16px 0;line-height:14px;text-align:left;background:unset}.lc-card-container .lc-card-content .lc-card-container .lc-card-content[data-v-2bdf1ef8]{padding:0}.lc-renderer-complex-field[data-v-adf88bda]{width:100%;height:100%;display:flex}.lc-renderer-complex-field .cs-field-left[data-v-adf88bda]{align-self:start}.lc-renderer-complex-field .cs-field-right[data-v-adf88bda]{flex:1;display:flex;flex-direction:row;gap:0 5px}.lc-renderer-complex-field .cs-field-right[data-v-adf88bda] .cs-field-container{display:block}.svg-icon[data-v-ffcb1de1]{width:var(--8d046e9c);height:var(--8d046e9c);vertical-align:-.15em;fill:currentColor;overflow:hidden}.form-item-header[data-v-0ba7ed0c]{display:flex;align-items:center}.form-item-header .cscs-shared-huise[data-v-0ba7ed0c],.form-item-header .cscs-shared[data-v-0ba7ed0c],.form-item-header .pre-fill[data-v-0ba7ed0c]{font-size:16px}.form-item-header .pre-fill[data-v-0ba7ed0c]{margin-left:5px}.form-item-header .cscs-shared-huise[data-v-0ba7ed0c]{margin-left:5px;color:#8a8d93}.form-item-header .cscs-shared[data-v-0ba7ed0c]{margin-left:5px;color:var(--cs-common-primary-color)}.form-item-header .pre-fill-content[data-v-0ba7ed0c]{display:flex;align-items:center;flex-direction:row}.form-item-header .refresh[data-v-0ba7ed0c]{display:flex;align-items:center;cursor:pointer}.pre-fill-content[data-v-0ba7ed0c] .mtd-loading .mtd-loading-circle,.pre-fill-content[data-v-0ba7ed0c] .mtd-loading .mtd-loading-message{color:#fff}.pre-fill-container[data-v-33f83385]{display:inline-flex;flex-direction:column;align-items:flex-start;padding:8px 12px;max-width:100%;font-family:苹方-简;font-size:14px;font-weight:400;margin-top:6px;line-height:22px;border-radius:10px;letter-spacing:0em;background:linear-gradient(101deg,#e6faee73 -3%,#dbf4ff73 60%,#eae5ff73 102%),#fff}.pre-fill-container .shared-data-source[data-v-33f83385]{color:#11192599;font-size:10px}.pre-fill-content[data-v-33f83385]{display:inline-flex;align-items:flex-start;justify-content:space-between}.pre-fill-content .title[data-v-33f83385]{flex-basis:80px;flex-shrink:0;display:flex;align-items:center}.pre-fill-content .title .cscs-shared[data-v-33f83385]{color:var(--cs-common-primary-color)}.pre-fill-content .title-text[data-v-33f83385]{color:#282bf3;margin-left:5px;flex-shrink:0}.pre-fill-content .operations[data-v-33f83385]{display:flex;margin-left:10px;padding:0,0,0,4px}.pre-fill-content .operations .not-adopted[data-v-33f83385]{margin-right:8px}.pre-fill-content .operations .btn-demo-item[data-v-33f83385]{height:26px}.label-position-col[data-v-494f97dd]{display:flex;flex-direction:column}.label-position-col[data-v-494f97dd] .mtd-form-item-label{margin-bottom:2px}.mtd-form-item[data-v-494f97dd] .form-item-header,.cs-mtd-form-item[data-v-494f97dd] .form-item-header{color:var(--67928d8a);background-color:var(--2d5d103c);border-radius:var(--fc309852)}.lc-layout-col[data-v-a7ae77d5]{height:100%}.lc-layout-col .lc-layout-col-content[data-v-a7ae77d5]{height:100%;overflow-y:scroll}.lc-layout-col .lc-layout-col-content[data-v-a7ae77d5] .lc-layout-col-content{overflow-y:unset}.lc-layout[data-v-e21663f0]{height:inherit;background-color:#f5f5f5}.lc-layout .lc-layout-content[data-v-e21663f0]{height:inherit;display:grid;grid-column-gap:var(--38e0489f);grid-template-columns:var(--29da20cc)}.lc-layout .lc-layout-content .lc-layout-content-item[data-v-e21663f0]{height:inherit}.lc-linkage-select[data-v-9140cacf] .node-render .mtd-form-item-content,.lc-linkage-select[data-v-9140cacf] .node-render .cs-mtd-form-item-content{max-width:300px}.fabulous[data-v-96e036bc]{width:60px;margin-left:12px;padding-left:12px;border-left:1px solid #d8d8d8;display:flex}.fabulous .fabulous-back[data-v-96e036bc]{cursor:pointer;width:20px;height:20px;border-radius:4px;display:flex;align-items:center}.fabulous .selected i[data-v-96e036bc]{color:var(--cs-common-primary-color)}.fabulous .fabulous-back[data-v-96e036bc]:first-child{margin-right:8px}.fabulous .fabulous-back[data-v-96e036bc]:hover{background:#1119250d;opacity:1}.fabulous .stepOn[data-v-96e036bc]{transform:rotate(180deg)}.fabulous i[data-v-96e036bc]{font-size:16px}.llm-contact-container .llm-contact-title[data-v-b6ccd652]{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px}.llm-contact-container .llm-contact-title .llm-title-text[data-v-b6ccd652]{margin-left:8px;font-size:14px;font-weight:400;color:#111925a6}.llm-contact-container .llm-contact-title .operate-text[data-v-b6ccd652]{display:flex;align-items:center;font-weight:400;line-height:20px;letter-spacing:0px;color:var(--cs-common-primary-color);cursor:pointer}.llm-contact-container .llm-contact-title .operate-text i[data-v-b6ccd652]{margin-right:3px}.llm-contact-container .llm-contact-title .llm-title-operate[data-v-b6ccd652]{display:flex}.llm-contact-container .llm-contact-content[data-v-b6ccd652]{border-radius:4px;opacity:1;padding:12px 10px;gap:10px;background:linear-gradient(98deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}.llm-contact-container .llm-contact-content[data-v-b6ccd652] .block-line-item{padding:0}.order-icon-group[data-v-b024d6e5]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}[data-v-baac65a8] .mtd-table-header-wrapper .mtd-checkbox{display:none}.lc-reference-container .node-render[data-v-ba77f26b-s] .lc-block-content{padding-left:0}.block-line-item[data-v-a42d6e6e]{gap:24px;--current-gap: 24px}.order-selector-node .block-line-item[data-v-a42d6e6e]{gap:14px;--current-gap: 14px}.block-line-item[data-v-a42d6e6e]{display:flex;padding-bottom:8px;min-width:180px;overflow-x:auto}.block-line-item[data-v-a42d6e6e]>.node-render{width:calc((100% - (var(--85b394a8) - 1) * var(--current-gap)) / var(--85b394a8))}.block-line-item[data-v-a42d6e6e]>.node-render .cs-field-container-column .cs-field-left{margin-bottom:2px}.block-line-item[data-v-a42d6e6e]>.node-render .cs-field-left{color:#11192599;line-height:22px}.block-line-item[data-v-a42d6e6e]>.node-render .cs-field-left .field-display-name:after{display:none}.block-line-item[data-v-a42d6e6e]>.node-render .cs-field-container-row .cs-field-left{margin-right:8px}.block-line-item[data-v-a42d6e6e]>.node-render .cs-field-right{color:#111925;line-height:22px}.block-line-item[data-v-a42d6e6e]>.node-render .cs-secret-input,.block-line-item[data-v-a42d6e6e]>.node-render .mtd-input-wrapper{max-width:300px}.block-line-item[data-v-a42d6e6e]>.node-render:first-child .cs-field-container-row .cs-field-left{width:var(--2a242c5d)!important}.block-line-item[data-v-a42d6e6e]>.node-render:first-child .label-position-row .mtd-form-item-label,.block-line-item[data-v-a42d6e6e]>.node-render:first-child .label-position-row .cs-mtd-form-item-label{width:var(--2a242c5d)!important}.block-line-item[data-v-a42d6e6e]>.node-render:first-child .label-position-row .mtd-form-item-content,.block-line-item[data-v-a42d6e6e]>.node-render:first-child .label-position-row .cs-mtd-form-item-content{margin-left:var(--2a291f1e)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(2) .cs-field-container-row .cs-field-left{width:var(--5b8fd433)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(2) .label-position-row .mtd-form-item-label,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(2) .label-position-row .cs-mtd-form-item-label{width:var(--5b8fd433)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(2) .label-position-row .mtd-form-item-content,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(2) .label-position-row .cs-mtd-form-item-content{margin-left:var(--563290f4)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(3) .cs-field-container-row .cs-field-left{width:var(--8dfb8fd8)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(3) .label-position-row .mtd-form-item-label,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(3) .label-position-row .cs-mtd-form-item-label{width:var(--8dfb8fd8)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(3) .label-position-row .mtd-form-item-content,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(3) .label-position-row .cs-mtd-form-item-content{margin-left:var(--2e90f856)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(4) .cs-field-container-row .cs-field-left{width:var(--596249aa)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(4) .label-position-row .mtd-form-item-label,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(4) .label-position-row .cs-mtd-form-item-label{width:var(--596249aa)!important}.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(4) .label-position-row .mtd-form-item-content,.block-line-item[data-v-a42d6e6e]>.node-render:nth-child(4) .label-position-row .cs-mtd-form-item-content{margin-left:var(--d6e0c12a)!important}.cs-lc-tabs[data-v-ac4f5f32]{color:#000000e6}.cs-lc-selector-tabs .selector-header[data-v-ac4f5f32]{margin-bottom:12px}.cs-lc-solution[data-v-285a9b5a]{color:#000000e6;padding:0 16px}.cs-lc-solution-content-des[data-v-285a9b5a]{font-family:PingFang SC;color:#111925;font-size:14px;margin-bottom:12px}.cs-lc-solution-content-btn[data-v-285a9b5a]{display:flex;flex-wrap:wrap;gap:8px}.cs-lc-tabs[data-v-62f2090f]{color:#000000e6}.cs-lc-tabs[data-v-62f2090f]>.mtd-tabs-content{max-height:var(--1fa7256f);overflow-y:auto}.cs-lc-tabs-label[data-v-62f2090f]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis}.cs-lc-tag[data-v-9d824a08]{display:flex;line-height:14px;padding:3px 4px;margin:0 4px 6px 0;border-radius:4px;align-items:center;font-size:12px;cursor:pointer}.cs-lc-tag-content[data-v-9d824a08]{white-space:pre-wrap}.full-0[data-v-9d824a08]{background-color:#e01919;color:#fff;font-weight:500}.full-1[data-v-9d824a08]{background-color:#e56d17;color:#fff;font-weight:500}.full-2[data-v-9d824a08]{background-color:#0e61e6;color:#fff;font-weight:500}.full-3[data-v-9d824a08]{background-color:#008f51;color:#fff;font-weight:500}.full-4[data-v-9d824a08]{background-color:#dd3885;color:#fff;font-weight:500}.full-5[data-v-9d824a08]{background-color:#7118d8;color:#fff;font-weight:500}.full-6[data-v-9d824a08]{background-color:#444a53;color:#fff;font-weight:500}.hollow-0[data-v-9d824a08]{border:1px solid #dd0000;color:#d00;font-weight:400}.hollow-1[data-v-9d824a08]{border:1px solid #df5900;color:#df5900;font-weight:400}.hollow-2[data-v-9d824a08]{border:1px solid #0049bf;color:#0049bf;font-weight:400}.hollow-3[data-v-9d824a08]{border:1px solid #066c40;color:#066c40;font-weight:400}.hollow-4[data-v-9d824a08]{border:1px solid #c0005a;color:#c0005a;font-weight:400}.hollow-5[data-v-9d824a08]{border:1px solid #5901be;color:#5901be;font-weight:400}.hollow-6[data-v-9d824a08]{border:1px solid #111925;color:#111925;font-weight:400}.opacity-0[data-v-9d824a08]{background-color:#fbe5e5;color:#d00;font-weight:400}.opacity-1[data-v-9d824a08]{background-color:#ffebd0;color:#bd4c00;font-weight:400}.opacity-2[data-v-9d824a08]{background-color:#e6effc;color:#0049bf;font-weight:400}.opacity-3[data-v-9d824a08]{background-color:#e0f1ea;color:#066c40;font-weight:400}.opacity-4[data-v-9d824a08]{background-color:#f8e5ee;color:#d40666;font-weight:400}.opacity-5[data-v-9d824a08]{background-color:#efe5fa;color:#5901be;font-weight:400}.opacity-6[data-v-9d824a08]{background-color:#eaeaeb;color:#111925;font-weight:400}.lc-tags-container[data-v-87c6d916]{display:flex;flex-wrap:wrap;margin-bottom:14px}.placeholder-block{height:30px}.disabled-mask{position:relative;top:0;left:0;right:0;bottom:0;cursor:not-allowed}.disabled-mask .pointer-events-none{pointer-events:none}.cs-lc-tabs.mtd-tabs .mtd-tabs-item{height:34px;line-height:24px;font-size:14px;letter-spacing:0px;font-weight:400;color:#111925;font-family:pingfang sc;padding:5px 12px}.cs-lc-tabs.mtd-tabs .mtd-tabs-item-normal{margin:0}.cs-lc-tabs.mtd-tabs .mtd-tabs-item:hover{color:#111925}.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active{background-color:var(--cs-common-primary-color, #00BA73);border-radius:6px 6px 0 0}.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active,.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon{color:var(--color-white);font-weight:500}.cs-lc-tabs.mtd-tabs .mtd-tabs-bottom-border{background-color:var(--cs-common-primary-color, #00BA73)}.cs-lc-tabs.mtd-tabs .mtd-tabs-bar{display:none}.cs-lc-tabs.mtd-tabs .mtd-tabs-content{padding:12px 0 0}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bottom-border{display:none}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{height:28px;display:flex;flex-direction:row;padding:3px 12px;justify-content:center;margin:0;align-items:center;border:1px solid rgba(17,25,37,.15);border-left:none}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2){border-left:1px solid rgba(17,25,37,.15);border-radius:6px 0 0 6px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type{border-radius:0 6px 6px 0}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active{background:var(--color-white);border-radius:0;border-color:var(--cs-common-primary-color, #00BA73);box-shadow:-1px 0 0 var(--cs-common-primary-color, #00BA73)}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2){border-radius:6px 0 0 6px;box-shadow:none;border-left:1px solid var(--cs-common-primary-color, #00BA73)}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type{border-radius:0 6px 6px 0}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active,.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon{color:var(--cs-common-primary-color, #00BA73)}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-bar-active{display:none}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{height:28px;padding:3px 12px;margin-right:8px;border:1px solid rgba(17,25,37,.15);border-radius:36px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2){border-radius:36px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type{margin-right:0;border-radius:36px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active{border:1px solid var(--cs-common-primary-color, #00BA73);border-radius:36px;box-shadow:none}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2){border-radius:36px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type{margin-right:0;border-radius:36px}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{height:28px;padding:3px 12px;border:none;border-radius:0;margin:0}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active{border:none;border-radius:0}.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bar-active{display:block;background-color:var(--cs-common-primary-color, #00BA73)}.cs-lc-form .mtd-form-item-label{color:#11192599!important;display:flex}.cs-lc-form .mtd-form-item-label,.cs-lc-form .mtd-form-item-content{line-height:22px;height:auto;word-break:break-word;min-height:22px}.cs-lc-form .mtd-form-item{margin-bottom:0}.cs-lc-form .label-position-col .mtd-form-item-label{width:100%!important;justify-content:flex-start;text-align:left}.cs-lc-form .label-position-col .mtd-form-item-content{margin-left:0!important;width:100%}.cs-lc-form .label-position-row .mtd-form-item-label{margin-right:10px;padding-right:0}.cs-lc-form .node-render .block-line-item{padding-bottom:16px}.cs-lc-table .flex-line-item,.cs-lc-block-search .flex-line-item{column-gap:0px!important}.cs-lc-table .flex-line-item .mtd-form-item-content,.cs-lc-block-search .flex-line-item .mtd-form-item-content{margin-right:24px}.cs-lc-table .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child),.cs-lc-block-search .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child){margin-right:8px}.cs-lc-table .flex-line-item .label-position-row,.cs-lc-block-search .flex-line-item .label-position-row{display:flex;align-items:center}.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-label,.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-label{text-align:left;justify-content:flex-start}.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input,.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input{max-width:200px;margin-right:0}.cs-lc-table .flex-line-item>.node-render:nth-last-child(2) .mtd-form-item-content,.cs-lc-table .flex-line-item>.node-render:nth-last-child(1) .mtd-form-item-content,.cs-lc-block-search .flex-line-item>.node-render:nth-last-child(2) .mtd-form-item-content,.cs-lc-block-search .flex-line-item>.node-render:nth-last-child(1) .mtd-form-item-content{width:auto}.cs-lc-table .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,.cs-lc-table .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn,.cs-lc-block-search .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,.cs-lc-block-search .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn{margin-left:8px}.table-pagination .mtd-pager-item{font-size:14px}.mtd-table-cell>.lc-tags-container{margin-bottom:0}.mtd-table-cell>.lc-tags-container .cs-lc-tag{margin:2px 3px}.cs-lc-table .mtd-table .mtd-table-cell{word-break:break-word}.cs-lc-table .mtd-table th{background-color:#f8f8f9}.cs-lc-table .mtd-table .mtd-table-current-row td,.cs-lc-table .mtd-table .selector-row,.cs-lc-table .mtd-table .selector-row td{background-color:var(--cs-common-primary4-color, #d8f0e6)}.cs-lc-table .mtd-table .selector-default-row,.cs-lc-table .mtd-table .selector-default-row td{background-color:var(--color-white)}.cs-lc-table .mtd-dropdown-menu-item{margin:4px}.cs-lc-selector-tabs{margin-top:16px}.cs-lc-selector-tabs .selector-index{display:inline-block;width:20px;height:20px;border-radius:257px;background:var(--cs-common-primary-color, #00BA73);color:#fff;font-weight:600;text-align:center;line-height:20px;margin-right:8px}.cs-lc-selector-tabs .selector-title{color:#111925;font-size:14px;font-weight:600}.cs-lc-selector-tabs .mtd-table{border-radius:6px 6px 0 0;border:1px solid #D4D5D6}.cs-lc-selector-tabs .mtd-table .mtd-table-cell{color:#111925}.cs-lc-selector-tabs .mtd-table th .mtd-table-cell{font-weight:400}.cs-lc-selector-tabs .mtd-table tr:not(:last-child) td{border-bottom:1px solid #D4D5D6}.cs-lc-selector-tabs .mtd-table tr td:first-child .mtd-table-cell{font-weight:600}.cs-lc-selector-tabs .mtd-btn-primary,.cs-lc-selector-tabs .mtd-btn-primary.hover,.cs-lc-selector-tabs .mtd-btn-primary:focus,.cs-lc-selector-tabs .mtd-btn-primary:hover{background:var(--cs-common-primary-color, #00BA73);border:var(--cs-common-primary-color, #00BA73)}.cs-lc-selector-tabs .mtd-tabs-item{height:28px;line-height:22px;opacity:.65;color:#000000e6}.cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item.hover,.cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item:hover{color:#000000e6}.cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active,.cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,.cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon{color:#000000e6!important;opacity:1}.cs-lc-selector-tabs .mtd-tab-active{font-weight:600}.cs-lc-selector-tabs .mtd-tabs-bar{background-color:#000000e6!important}.cs-lc-selector-tabs .mtd-tab-active{font-weight:600!important}.cs-lc-selector-tabs .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs{margin-left:0}.cs-lc-selector-tabs .lc-block .lc-block-content{padding:0!important}.cs-lc-selector-tabs .mtd-radio-checked .mtd-radio-inner{background-color:var(--cs-common-primary-color, #00BA73);border-color:var(--cs-common-primary-color, #00BA73)}.finance-user-picker-wrapper[data-v-89bfcd77]{padding-bottom:16px}.finance-user-picker-announcement[data-v-89bfcd77]{margin-bottom:20px}.cs-contact[data-v-ac37f926]{display:flex}.cs-field-left[data-v-ac37f926]{align-items:center;display:flex;margin-right:10px;text-align:left;color:#00000080;flex-shrink:0;font-size:14px;white-space:normal;word-break:break-all}.cs-field-right[data-v-ac37f926]{align-items:flex-start;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start;white-space:normal;word-break:break-all}.cs-field-right .login-status[data-v-ac37f926]{height:18px;display:inline-flex;align-items:center;padding:0 4px;border-radius:2px;margin-left:5px}.cs-field-right .login-status[data-v-ac37f926] .mtd-tag-content,.cs-field-right .login-status[data-v-ac37f926] .cs-mtd-tag-content{font-size:13px}.activity-detail[data-v-448dbf4a]{padding:10px 20px}.search-form[data-v-a2787e0c]{margin:16px 0}.activity-detail[data-v-a2787e0c]{border:1px solid var(--cs-common-primary-color)}.mtd-table[data-v-a2787e0c]{margin-bottom:20px}.insurance-details[data-v-bdceda44]{padding:16px 40px}.details-title[data-v-bdceda44]{font-weight:600}[data-v-bdceda44] .lc-block{background:#f7f7f7}.scenario-title[data-v-0e28632f]{font-weight:600}.insurance-details[data-v-0e28632f]{background:#f7f7f7}.pagination[data-v-0e28632f]{text-align:center;margin:20px 0}[data-v-0e28632f] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-0e28632f] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.case-details[data-v-00d81217]{padding:16px 40px}.details-title[data-v-00d81217]{font-weight:600}[data-v-00d81217] .lc-block{background:#f7f7f7}.insurance-details[data-v-22cdfdfe]{padding:16px 40px;background:#f7f7f7}.details-title[data-v-22cdfdfe]{font-weight:600}[data-v-22cdfdfe] .lc-block{background:#f7f7f7}.scenario-title[data-v-6aaee84d]{font-weight:600}.insurance-details[data-v-6aaee84d]{background:#f7f7f7}.pagination[data-v-6aaee84d]{text-align:center;margin:20px 0}[data-v-6aaee84d] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-6aaee84d] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.responsible-reverse-rider[data-v-e4f8b999]{display:flex;width:100%;flex-direction:column;align-items:stretch}.responsible-reverse-rider .gur-body[data-v-e4f8b999]{width:33%}.responsible-reverse-rider .titled[data-v-e4f8b999]{font-size:14px;line-height:22px;font-weight:400;color:#0009;white-space:normal;word-break:break-all;flex-shrink:0}.confirm-button[data-v-02b4ca54]{margin:0 5px}.cs-field-left[data-v-02b4ca54]{margin-right:10px}.payment-info-content[data-v-e671dd7f]{width:100%}.payment-info-content .mtd-row[data-v-e671dd7f]{margin-bottom:15px}.payment-info-content .mtd-row[data-v-e671dd7f]:last-child{margin-bottom:0}.payment-info-content .pay-info-list[data-v-e671dd7f]{margin-bottom:50px}.payment-info-content .combine-field[data-v-e671dd7f]{padding:10px 0}.payment-info-content .combine-field-left[data-v-e671dd7f]{padding-right:50px}.payment-info-content .more-text[data-v-e671dd7f]{display:inline-block;width:150px}.content[data-v-a541fa07]{margin-bottom:20px}.content-title[data-v-a541fa07]{font-weight:600;margin-bottom:10px}.content-title-text[data-v-a541fa07]{margin-bottom:10px}.text-unsecret-content[data-v-b9ddbdfd]{white-space:pre-line}.opt-btn[data-v-76d2cad8]{margin:0 5px 5px 0}.cs-field-left[data-v-c062d49c]{margin-right:8px}.gov-hotline-modal[data-v-d2e37430]{padding:10px 0}.modal-header[data-v-d2e37430]{display:flex;align-items:center;margin-bottom:16px}.icon-warning[data-v-d2e37430]{color:#f5222d;font-size:22px;margin-right:8px}.modal-title[data-v-d2e37430]{font-weight:700;font-size:16px}.input-phone[data-v-d2e37430]{width:100%}.modal-footer[data-v-d2e37430]{text-align:right}.risk-hotline-number .cs-field-container[data-v-e855a8ae]{display:flex;align-items:flex-start}.risk-hotline-number .cs-field-left[data-v-e855a8ae]{margin-right:10px}.risk-hotline-number .hotline-number-secret[data-v-e855a8ae]{width:fit-content}.risk-hotline-number .field-display-name[data-v-e855a8ae]{color:#111925a6}.risk-hotline-number .confirm-button[data-v-e855a8ae]{margin:0 5px}.risk-hotline-number .edit-container[data-v-e855a8ae]{display:flex;align-items:center;gap:8px}.script-label[data-v-1e5d8d8f]{color:#6aafff}.script-label[data-v-1e5d8d8f] .mtd-form-item-label{color:#6aafff!important}.mtd-form-item[data-v-1e5d8d8f],.script-text[data-v-a6c08012]{margin-bottom:12px}.hotel-number[data-v-a6c08012]{width:110px}.payment-details[data-v-2830ec42]{display:flex}.payment-details .order-step[data-v-2830ec42]{width:200px;height:100px;border:1px solid #e6e8eb;border-radius:6px;padding:10px;display:flex}.payment-details .double-layer[data-v-2830ec42]{flex-direction:column;justify-content:space-between}.payment-details .double-layer[data-v-2830ec42]>:first-child{border-bottom:1px solid #ccc}.payment-details .step-content[data-v-2830ec42]{flex:1;width:100%;display:flex;justify-content:space-between;align-items:center}.payment-details .step-title[data-v-2830ec42]{font-size:14px;color:#333}.payment-details .step-price[data-v-2830ec42]{font-size:14px;font-weight:600;color:#333}.payment-details .mtd-icon[data-v-2830ec42]{display:flex;justify-content:center;align-items:center}.phone-query-history-work-order[data-v-c4b5fdc8]{margin-bottom:8px}.phone-query-history-work-order .query-btn[data-v-c4b5fdc8]{margin-left:5px}.social-media-account[data-v-9a3712ef]{display:flex}.social-media-account .field-left[data-v-9a3712ef]{margin-right:8px;width:88px}.social-media-account .field-right[data-v-9a3712ef]{flex:1}.social-media-account .user-detail-meituan-line[data-v-9a3712ef]{display:flex;white-space:nowrap;align-items:center}.social-media-account .user-detail-meituan-line[data-v-9a3712ef]:not(:last-child){margin-bottom:11px}.social-media-account .user-detail-meituan-line .content[data-v-9a3712ef]{margin-right:10px}.social-media-account .user-detail-meituan-line i[data-v-9a3712ef]{color:#666}.social-media-account .user-detail-meituan-line .user-detail-title[data-v-9a3712ef]{flex:0 0 100px;margin-right:10px}.social-media-account .user-detail-meituan-line[data-v-9a3712ef] .mtd-btn{height:22px}.social-media-account .user-detail-meituan-line[data-v-9a3712ef] .mtd-btn span{line-height:22px}.new-customer-attribute .new-customer-attribute-search[data-v-dc068eb2]{line-height:32px}.new-customer-attribute .new-customer-attribute-search .search-button[data-v-dc068eb2]{margin-left:10px;margin-right:10px}.new-customer-attribute .body[data-v-dc068eb2]{margin-top:17px;display:flex;padding:14px 19px 19px;background-color:#fcfcfc;border:1px solid #dadbe2;width:950px;flex-wrap:wrap}.new-customer-attribute .body .item[data-v-dc068eb2]{width:450px;display:flex}.flex-container[data-v-7fadb3e3]{display:flex;align-items:center}.flex-container .cs-field-left[data-v-7fadb3e3]{width:100px;text-align:left;margin-right:10px}.popover-small-size[data-v-7fadb3e3]{font-size:12px}.pagination[data-v-9b4f40b1]{margin:20px 0;text-align:center}.label[data-v-cd32b5db]{width:88px;display:inline-block}.search-btn[data-v-cd32b5db]{color:var(--cs-common-primary-color);margin-left:10px}.transaction-snapshot[data-v-44f249d8]{width:100%}.transaction-snapshot .transaction-snapshot-tips[data-v-44f249d8]{margin:10px 0}.table-pagination[data-v-c3bde5fb],.voucher-pagination[data-v-00ec154e],.voucher-pagination[data-v-28101906]{text-align:center;margin:15px 0}.user-account-status[data-v-f14f2454]{display:flex;gap:12px;align-items:center}.user-account-status .user-account-status-label[data-v-f14f2454]{white-space:nowrap;color:#00000080}.user-account-status .user-account-status-content[data-v-f14f2454]{width:fit-content}.user-account-status .danger[data-v-f14f2454]{color:#ff4a47}[data-v-f14f2454] .mtd-btn-text-primary,[data-v-f14f2454] .cs-mtd-btn-text-primary{color:var(--cs-common-primary-color)}.user-bind-phone[data-v-64a6cbce]{display:flex;gap:12px;align-items:center}.user-bind-phone .user-bind-phone-label[data-v-64a6cbce]{white-space:nowrap;color:#00000080}.user-bind-phone .secret-phone[data-v-64a6cbce]{width:fit-content}[data-v-64a6cbce] .mtd-btn-text-primary,[data-v-64a6cbce] .cs-mtd-btn-text-primary{color:var(--cs-common-primary-color)}.advertisment-solution-link[data-v-1d1c5e9c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.get-all-medias[data-v-ea7faa08]{display:flex;align-items:center;justify-content:center;height:108px;width:40px;background:#f0f0f0;border-radius:6px;cursor:pointer}.get-all-medias .text-tips[data-v-ea7faa08]{word-break:break-all;cursor:pointer;writing-mode:vertical-rl;color:#0a70f5;letter-spacing:0;line-height:20px;font-weight:400}.get-all-medias .text-tips[data-v-ea7faa08]:hover{color:#0a70f5}.paid-product-plan-link[data-v-cd242bec]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-info-pagination[data-v-fc017516]{margin:15px 0;text-align:center}.search-btn[data-v-fc017516]{margin-right:5px}.operate-btn[data-v-fc017516]{margin-right:5px;margin-bottom:5px;display:inline-block!important}.violation-ticket[data-v-61f4d84e]{width:100%}.violation-ticket .query-buttons[data-v-61f4d84e] .mtd-form-item-content,.violation-ticket .illegal-table-buttons[data-v-61f4d84e]{display:flex;gap:10px}.violation-ticket .blockHeader[data-v-61f4d84e]{font-size:18px;font-weight:500;line-height:26px;padding:32px 0 12px}.violation-ticket .button-group[data-v-61f4d84e]{display:flex;gap:5px;flex-wrap:wrap}.dao-zong-shopid-search[data-v-49b7591d]{display:flex;align-items:center;gap:8px}.clear-button[data-v-49b7591d]{margin-left:5px}.table-pagination[data-v-49b7591d]{margin-top:10px;text-align:center}.pre-check-content[data-v-49b7591d]{display:inline-block;width:380px;word-break:break-all}.pagination[data-v-ca765648]{margin:20px 0;text-align:center}.external-order[data-v-ca765648]{color:var(--cs-common-primary-color)}.pagination[data-v-e259870d]{margin:20px 0;text-align:center}.external-order[data-v-e259870d]{color:var(--cs-common-primary-color)}.violation-ticket[data-v-6e4e541d]{width:100%}.violation-ticket .query-buttons[data-v-6e4e541d] .mtd-form-item-content{display:flex;gap:10px}.violation-ticket .button-group[data-v-6e4e541d]{display:flex;gap:5px;flex-wrap:wrap}.table-pagination-style[data-v-6e4e541d]{margin-top:8px;text-align:center}.snapshot-info-content[data-v-7abd1fb3]{width:60%}.snapshot-info-content .mb30[data-v-7abd1fb3]{margin-bottom:30px}.offline-pay-container[data-v-0e8da205]{width:100%}.offline-pay-container .search-container[data-v-0e8da205]{display:flex;flex-direction:row;align-items:center}.offline-pay-container .search-container[data-v-0e8da205] .mtd-date-picker{margin:0 10px}.offline-pay-container .search-container .waybill-input[data-v-0e8da205]{width:200px}.offline-pay-container .search-container .search-container-button[data-v-0e8da205]{margin:0 10px}.offline-pay-container .offline-pay-table[data-v-0e8da205]{margin-top:15px}.offline-pay-container .ml-15[data-v-0e8da205]{margin-left:15px}.offline-pay-container[data-v-0e8da205] .mtd-pagination{margin-top:15px;display:flex;justify-content:center}.pagination[data-v-198d02d0]{margin:15px 0;text-align:center}.field-display-name[data-v-9e46b241]{display:inline-block;position:relative;box-sizing:inherit;color:#111925a6;line-height:18px;font-size:14px;word-break:break-all}.project-info-container[data-v-b39af41f]{width:100%}.project-info-container .search-container[data-v-b39af41f]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.project-info-container .search-container .query-container[data-v-b39af41f]{display:flex;flex-direction:row;align-items:center;margin:0 10px 10px 0}.project-info-container[data-v-b39af41f] .mtd-table{margin:10px 0}.project-info-container[data-v-b39af41f] .mtd-pagination{text-align:center}.cs-timer[data-v-7cffe63f]{display:flex}.search-btn[data-v-28743d72]{margin-right:10px}.table-pagination[data-v-28743d72]{text-align:center;margin:15px 0}.evaluation-query[data-v-83787cb9]{padding:15px}.search-btn[data-v-fa41f34c]{margin-right:10px}.table-pagination[data-v-fa41f34c]{text-align:center;margin:15px 0}.evaluation-query[data-v-2f516b81]{padding:15px}.customer-detail[data-v-e3e37ce6]{position:relative}.customer-detail .customer-detail-title[data-v-e3e37ce6]{display:flex;align-items:center;flex-direction:row;font-weight:600;padding-left:10px;margin-bottom:10px}.customer-detail .customer-detail-title[data-v-e3e37ce6]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;left:0;border-radius:2px}.customer-detail .basic-info[data-v-e3e37ce6] .lc-block .lc-block-content,.customer-detail .signatory-info[data-v-e3e37ce6] .lc-block .lc-block-content{padding:0}.customer-detail .sign-signed-info[data-v-e3e37ce6]{margin-top:10px}.label[data-v-fa802eaa]{width:88px;display:inline-block;color:#111925a6}.reset[data-v-095c899f]{margin-right:10px}.pagination[data-v-095c899f]{margin:15px 0;text-align:center}.voucher-status-query[data-v-4ea5b057] .mtd-tabs-nav .mtd-tabs-item-normal{line-height:35px;height:35px}.ticket-list[data-v-0d0a0600]{margin-top:15px}.query-btn[data-v-0d0a0600]{margin-right:5px}.button-group[data-v-0d0a0600]{display:flex;gap:5px;flex-wrap:wrap}.block-header[data-v-0d0a0600]{display:flex;align-items:center;flex-direction:row;font-size:16px;line-height:20px;padding-left:10px;margin-bottom:10px}.block-header[data-v-0d0a0600]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;left:0;border-radius:2px}.pagination[data-v-0d0a0600]{margin:15px 0;text-align:center}.platform-radio[data-v-3eb3d118]{width:180px}.block-header[data-v-3eb3d118]{display:flex;align-items:center;flex-direction:row;font-size:16px;line-height:20px;padding-left:10px;margin-bottom:10px}.block-header[data-v-3eb3d118]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;left:0;border-radius:2px}.comment-content[data-v-3eb3d118]{width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.query-btn[data-v-3eb3d118]{margin-right:10px}.query-evaluation-footer[data-v-3eb3d118]{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.query-evaluation-footer .confirm-btn[data-v-3eb3d118]{flex:0 0 auto}.query-evaluation-footer .pagination[data-v-3eb3d118]{flex:1;text-align:center}.pagination-layout[data-v-8dc4269b]{margin-top:10px;text-align:center}[data-v-8dc4269b] [class*=mtd-table-cell]{display:block}[data-v-8dc4269b] [class*=mtd-table-cell] .link-success{color:var(--cs-common-primary-color);cursor:pointer}.refresh-btn[data-v-8dc4269b]{margin-bottom:5px}.question-desc[data-v-bea584d0]{white-space:pre-wrap}.remind-btn[data-v-1d663098]{cursor:pointer;pointer-events:auto}.service-flag[data-v-04c53f54]{color:#ff9d00}.service-id-link[data-v-04c53f54]{color:var(--cs-common-primary-color)}.risk-flag[data-v-04c53f54]{line-height:20px;padding:3px 5px;margin-left:6px;font-size:var(--font-size-1);color:#fff;border-radius:var(--border-radius-1);background:linear-gradient(120deg,#5ab1ee,#3969de)}.fold-tag[data-v-99c07db2]{position:relative;display:flex;padding-top:5px;cursor:pointer}.fold-tag .fold-tag-list[data-v-99c07db2]{display:flex;align-items:center}.fold-tag .fold-tag-list .tag-refund-icon[data-v-99c07db2]{margin-left:4px}.fold-tag .fold-tag-list .tag-word[data-v-99c07db2]{margin-left:4px;margin-top:4px;padding:2px 8px;font-size:12px;line-height:14px;border-radius:8px}.fold-tag .fold-tag-list.fold-tag-is-wrap[data-v-99c07db2]{flex-wrap:wrap}.fold-tag .fold-dropdown[data-v-99c07db2]{align-self:end}.fold-tag .fold-dropdown .tag-more[data-v-99c07db2]{display:flex;justify-content:center;align-items:center;width:44px;height:20px;padding:4px;margin-left:4px;font-size:12px}.fold-tag .fold-dropdown .tag-more[data-v-99c07db2]:hover{border-radius:4px;background:#0000000f}[class*=mtd-popper].fold-hide-empty-content{display:none}[class*=mtd-popper] [class*=mtd-dropdown-menu].tag-list-down-item{padding:6px}[class*=mtd-popper] .tag-word{display:inline-block;padding:2px 8px;font-size:12px;line-height:14px;border-radius:8px;cursor:pointer}.column-cell-container[data-v-72485be8]{display:flex;align-items:center}.column-cell-container .more-information[data-v-72485be8]{margin-left:5px;cursor:pointer}.refund-approval-titile[data-v-f5c28528]{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;color:#000000e6;margin-bottom:12px}.refund-approval-titile .mtdicon-down-thick[data-v-f5c28528]{transition:transform .3s;transform:rotate(0);font-size:16px;color:#00000080;margin-left:4px}.refund-approval-titile.expended .mtdicon-down-thick[data-v-f5c28528]{transform:rotate(180deg)}.refund-empty-text[data-v-f5c28528]{padding-left:10px}.refund-approval-content[data-v-f5c28528]{display:flex;align-items:center;justify-content:flex-start}.approval-process-steps[data-v-f5c28528]{overflow-x:scroll}.approval-process-steps .approval-process-step[data-v-f5c28528]{min-width:200px}.approval-process-steps .operator-list[data-v-f5c28528]{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100px}.button-container[data-v-f5c28528]{display:flex;flex-direction:column}.button-container .withdraw-btn[data-v-f5c28528]{margin-bottom:10px}.select-duty-rider[data-v-eba03e51]{display:flex;width:100%;flex-direction:column;align-items:stretch}.select-duty-rider .gur-body[data-v-eba03e51]{width:33%}.select-duty-rider .titled[data-v-eba03e51]{font-size:14px;line-height:22px;font-weight:400;color:#0009;white-space:normal;word-break:break-all;flex-shrink:0}.shop-id-name-link-search[data-v-40d1e2c7]{display:flex;flex-wrap:wrap;gap:15px}.shop-id-name-link-search .shop-id[data-v-40d1e2c7],.shop-id-name-link-search .shop-name[data-v-40d1e2c7]{display:flex;gap:10px;align-items:center}.shop-id-name-link-search .shop-id span[data-v-40d1e2c7],.shop-id-name-link-search .shop-name span[data-v-40d1e2c7]{flex-shrink:0}.option-list[data-v-40d1e2c7]{min-width:180px;max-width:400px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.option-list .option-item[data-v-40d1e2c7]{padding:0 8px;margin:4px;border-radius:4px;line-height:36px;text-align:left;cursor:pointer}.option-list .option-item[data-v-40d1e2c7]:hover{background-color:#0000000a}.option-list .no-data-info[data-v-40d1e2c7]{height:100px;display:flex;align-items:center;justify-content:center}.case-refresh-btn-loading[data-v-40d1e2c7]{cursor:not-allowed}.daocan-shopidname-link-select-popover{padding:0!important}.transaction-snapshot[data-v-c48f439c]{width:100%}.transaction-snapshot .transaction-snapshot-tips[data-v-c48f439c]{margin:10px 0}.insureId[data-v-4ccc1d3d]{color:var(--cs-common-primary-color)}.popover-content>div[data-v-4ccc1d3d]{font-size:14px;display:flex}.popover-content>div>span[data-v-4ccc1d3d]:nth-child(1){display:inline-block;min-width:80px}.passenger-info[data-v-de8d11bb]{display:flex;justify-content:space-between;align-items:center}.cardId-text[data-v-de8d11bb]{display:flex}.cardId-text .certificate[data-v-de8d11bb]{width:80px}.cardId-text .popover-content[data-v-de8d11bb]{padding:10px}.cardId-text .popover-content>div[data-v-de8d11bb]{font-size:14px;display:flex}.cardId-text .popover-content>div>span[data-v-de8d11bb]:nth-child(1){display:inline-block;min-width:100px}.hera-appeal .upload-base[data-v-b1cb7d3a]{width:360px;text-align:left}.hera-appeal .mtd-modal-footer[data-v-b1cb7d3a]{display:flex;justify-content:flex-end;gap:8px}.container[data-v-5401d185]{width:780px}.search-area[data-v-5401d185]{display:flex;align-items:center}.search-area .search-input[data-v-5401d185]{margin-right:8px}.search-area .search-btn[data-v-5401d185]{margin-right:5px}.table-pagination-style[data-v-08750ebf],.table-pagination-style[data-v-f1565371]{text-align:center;margin-top:20px}.customer-info-button[data-v-65d8f24e]{padding-top:10px}.small-group-currency-operation[data-v-4f9dcd21]{display:flex;flex-direction:row;margin-bottom:8px}.small-group-currency-operation .small-group-currency-balance[data-v-4f9dcd21]{margin-right:20px}.small-group-currency-button[data-v-4f9dcd21]{padding-top:10px}.small-group-currency-search[data-v-4f9dcd21]{display:flex;flex-direction:row;margin-bottom:16px;align-items:center}.small-group-currency-search .small-group-currency-search-input[data-v-4f9dcd21]{width:200px;margin-right:10px}.opt-btn[data-v-3c14441d]{margin-bottom:5px}.cs-contact[data-v-a1532def]{display:flex}.cs-field-left[data-v-a1532def]{align-items:center;display:flex;margin-right:10px;text-align:left;color:#00000080;flex-shrink:0;font-size:14px;white-space:normal;word-break:break-all}.cs-field-right[data-v-a1532def]{align-items:flex-start;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start;white-space:normal;word-break:break-all}.btn-item[data-v-0a68f5d4]{margin-bottom:5px;margin-right:5px}.content-line[data-v-0a68f5d4]{display:flex}.content-line .label[data-v-0a68f5d4]{min-width:max-content}.btn-item[data-v-c6d014f4]{margin-bottom:5px;margin-right:5px}.content-line[data-v-c6d014f4]{display:flex}.content-line .label[data-v-c6d014f4]{min-width:max-content}.popover-content[data-v-8d6a484d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.live-time[data-v-33f97fa0]{display:flex}.live-time_name[data-v-33f97fa0]{margin-right:8px;flex-shrink:0}.xingbake-shop-table[data-v-399e57ce]{width:100%}[data-v-399e57ce] .mtd-table tr .subColumn{background:#fffff9}.service-files-abstract[data-v-fd93d326]{background-color:#fff;border-radius:10px}.subtitle[data-v-fd93d326]{display:flex;align-items:center;gap:5px;font-size:12px;color:#999;margin-bottom:10px}.service-info[data-v-fd93d326]{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.service-info .card-container[data-v-fd93d326]{padding:10px 10px 10px 30px;font-size:12px}.service-info .card-container[data-v-fd93d326]:first-child{width:40%;background:linear-gradient(109deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}.service-info .card-container[data-v-fd93d326]:last-child{width:60%;background:linear-gradient(107deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}.service-info .card-container .service-summary[data-v-fd93d326]{position:relative;margin-bottom:10px}.service-info .card-container .service-summary[data-v-fd93d326]:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20fill=%27none%27%20version=%271.1%27%20width=%2722%27%20height=%2722%27%20viewBox=%270%200%2022%2022%27%3e%3cg%3e%3crect%20x=%270%27%20y=%270%27%20width=%2722%27%20height=%2722%27%20rx=%274%27%20fill=%27%2300A854%27%20fill-opacity=%270.5%27/%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20d=%27M16.532868251419067,4.434097150749206C17.12796825141907,5.013213150749206,17.450168251419065,5.716843150749206,17.499368251419067,6.545003150749206C17.587568251419068,8.028683150749206,17.631768251419068,9.513673150749206,17.631768251419068,10.999953150749207C17.631768251419068,12.486243150749207,17.587568251419068,13.971253150749206,17.499368251419067,15.454853150749207C17.450168251419065,16.283053150749204,17.12796825141907,16.986653150749206,16.532868251419067,17.565753150749206C15.941668251419067,18.141153150749204,15.231468251419068,18.447653150749204,14.402368251419068,18.48525315074921C13.268808251419067,18.536753150749206,12.134698251419067,18.562453150749207,10.999998251419068,18.562453150749207C9.865268251419067,18.562453150749207,8.731158251419068,18.536753150749206,7.597678251419067,18.48525315074921C6.768518251419067,18.447653150749204,6.058328251419067,18.141153150749204,5.467108251419067,17.565853150749206C4.872032251419068,16.98675315074921,4.549869251419067,16.283053150749204,4.500618251419067,15.454853150749207C4.412385651419068,13.971253150749206,4.368267238939067,12.486243150749207,4.368267238939067,10.999953150749207C4.368267238939067,9.513673150749206,4.412385751419067,8.028683150749206,4.500618251419067,6.545003150749206C4.549869251419067,5.716843150749206,4.872032251419068,5.013213150749206,5.467108251419067,4.434097150749206C6.058328251419067,3.8587421507492063,6.768518251419067,3.5522491507492067,7.597678251419067,3.5146186507492065C8.731188251419066,3.4631750507492067,9.865298251419066,3.4374531992926065,10.999998251419068,3.4374531992926065C12.134698251419067,3.4374531992926065,13.268808251419067,3.4631750507492067,14.402368251419068,3.5146186507492065C15.231468251419068,3.5522491507492067,15.941668251419067,3.8587431507492065,16.532868251419067,4.434097150749206ZM5.662028251419067,6.614073150749206C5.5751682514190675,8.074733150749207,5.531728251419067,9.536693150749207,5.531728251419067,10.999953150749207C5.531728251419067,12.463213150749207,5.5751682514190675,13.925153150749207,5.662028251419067,15.385853150749206C5.735448251419068,16.620453150749206,6.3982482514190675,17.266253150749208,7.650428251419068,17.323053150749207C8.766368251419067,17.373653150749206,9.882888251419068,17.398953150749207,10.999998251419068,17.398953150749207C12.117078251419066,17.398953150749207,13.233598251419068,17.373653150749206,14.349558251419067,17.323053150749207C15.601768251419067,17.266253150749208,16.264568251419067,16.620453150749206,16.337968251419067,15.385853150749206C16.424868251419067,13.925153150749207,16.46826825141907,12.463183150749206,16.46826825141907,10.999953150749207C16.46826825141907,9.536723150749207,16.424868251419067,8.074763150749206,16.337968251419067,6.614073150749206C16.264568251419067,5.379443150749207,15.601768251419067,4.733713150749207,14.349558251419067,4.676883150749207C13.233628251419068,4.626233150749206,12.117108251419069,4.600913150749206,10.999998251419068,4.600913150749206C9.882888251419068,4.600913150749206,8.766368251419067,4.626233150749206,7.650428251419068,4.676883150749207C6.3982482514190675,4.733713150749207,5.735448251419068,5.379443150749207,5.662028251419067,6.614073150749206ZM13.326918251419068,9.720143150749205L8.673078251419067,9.720143150749205C8.351788251419068,9.720143150749205,8.091348251419067,9.459713150749206,8.091348251419067,9.138413150749207C8.091348251419067,8.817113150749208,8.351788251419068,8.556683150749206,8.673078251419067,8.556683150749206L13.326918251419068,8.556683150749206C13.648218251419067,8.556683150749206,13.908658251419068,8.817113150749208,13.908658251419068,9.138413150749207C13.908658251419068,9.459713150749206,13.648218251419067,9.720143150749205,13.326918251419068,9.720143150749205ZM13.326918251419068,13.210533150749207L8.673078251419067,13.210533150749207C8.351788251419068,13.210533150749207,8.091348251419067,12.950103150749207,8.091348251419067,12.628803150749206C8.091348251419067,12.307503150749207,8.351788251419068,12.047073150749206,8.673078251419067,12.047073150749206L13.326918251419068,12.047073150749206C13.648218251419067,12.047073150749206,13.908658251419068,12.307503150749207,13.908658251419068,12.628803150749206C13.908658251419068,12.950103150749207,13.648218251419067,13.210533150749207,13.326918251419068,13.210533150749207Z%27%20fill=%27%23FFFFFF%27%20fill-opacity=%271%27/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}.service-info .card-container .service-result[data-v-fd93d326]{position:relative;margin-bottom:10px}.service-info .card-container .service-result[data-v-fd93d326]:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20fill=%27none%27%20version=%271.1%27%20width=%2722%27%20height=%2722%27%20viewBox=%270%200%2022%2022%27%3e%3cg%3e%3crect%20x=%270%27%20y=%270%27%20width=%2722%27%20height=%2722%27%20rx=%274%27%20fill=%27%2300A854%27%20fill-opacity=%270.5%27/%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20d=%27M18.678852687072755,10.999956910705567C18.678852687072755,15.240906910705567,15.240952687072754,18.678806910705568,11.000002687072755,18.678806910705568C6.759092687072754,18.678806910705568,3.321152687072754,15.240906910705567,3.321152687072754,10.999956910705567C3.321152687072754,6.759046910705567,6.759092687072754,3.3211069107055664,11.000002687072755,3.3211069107055664C15.240952687072754,3.3211069107055664,18.678852687072755,6.759046910705567,18.678852687072755,10.999956910705567ZM17.282652687072755,10.999956910705567C17.282652687072755,7.5301169107055665,14.469852687072754,4.717256910705567,11.000002687072755,4.717256910705567C7.530162687072754,4.717256910705567,4.717302687072754,7.5301169107055665,4.717302687072754,10.999956910705567C4.717302687072754,14.469806910705566,7.530162687072754,17.282606910705567,11.000002687072755,17.282606910705567C14.469852687072754,17.282606910705567,17.282652687072755,14.469806910705566,17.282652687072755,10.999956910705567ZM10.811242687072754,13.687906910705566C10.547602687072754,13.969206910705566,10.105812687072753,13.983506910705566,9.824532687072754,13.719806910705566C9.819042687072754,13.714706910705566,9.813642687072754,13.709506910705567,9.808292687072754,13.704206910705567L7.597952687072754,11.493776910705567C7.466822687072754,11.362676910705567,7.393272687072754,11.185086910705566,7.393272687072754,10.999956910705567C7.393272687072754,10.614426910705566,7.705802687072754,10.301876910705566,8.091342687072753,10.301876910705566C8.276472687072754,10.301876910705566,8.454062687072753,10.375406910705566,8.584982687072753,10.506316910705566L10.285682687072754,12.207066910705567L13.609552687072753,8.661026910705566C13.741452687072753,8.520246910705566,13.925852687072753,8.440336910705566,14.118852687072755,8.440336910705566C14.504352687072753,8.440336910705566,14.816952687072753,8.752886910705566,14.816952687072753,9.138416910705565C14.816952687072753,9.315726910705568,14.749452687072754,9.486426910705568,14.628152687072754,9.615806910705565L10.811242687072754,13.687906910705566Z%27%20fill=%27%23FFFFFF%27%20fill-opacity=%271%27/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}.service-info .card-container .service-number[data-v-fd93d326]{font-size:24px;font-weight:700}.service-info .card-container .card-content[data-v-fd93d326]{display:flex;flex-direction:row;justify-content:space-between}.service-info .card-container .card-content .left-content[data-v-fd93d326],.service-info .card-container .card-content .right-content[data-v-fd93d326]{display:flex;flex-direction:column;gap:5px;color:#999}.service-info .card-container .card-content .left-content.left-content[data-v-fd93d326],.service-info .card-container .card-content .right-content.left-content[data-v-fd93d326]{width:40%}.service-info .card-container .card-content .left-content.right-content[data-v-fd93d326],.service-info .card-container .card-content .right-content.right-content[data-v-fd93d326]{width:58%}.service-info .card-container .card-content .left-content span[data-v-fd93d326],.service-info .card-container .card-content .right-content span[data-v-fd93d326]{color:#000}.pay-for-record[data-v-017624fe]{background-color:#fff;border-radius:10px;width:100%}.pay-for-record .card-container[data-v-017624fe]{padding:10px 10px 10px 30px;font-size:12px;width:100%;background:linear-gradient(107deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}.pay-for-record .card-container .service-result[data-v-017624fe]{position:relative;margin-bottom:10px}.pay-for-record .card-container .service-result[data-v-017624fe]:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20fill=%27none%27%20version=%271.1%27%20width=%2722%27%20height=%2722%27%20viewBox=%270%200%2022%2022%27%3e%3cg%3e%3crect%20x=%270%27%20y=%270%27%20width=%2722%27%20height=%2722%27%20rx=%274%27%20fill=%27%2300A854%27%20fill-opacity=%270.5%27/%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20d=%27M18.678852687072755,10.999956910705567C18.678852687072755,15.240906910705567,15.240952687072754,18.678806910705568,11.000002687072755,18.678806910705568C6.759092687072754,18.678806910705568,3.321152687072754,15.240906910705567,3.321152687072754,10.999956910705567C3.321152687072754,6.759046910705567,6.759092687072754,3.3211069107055664,11.000002687072755,3.3211069107055664C15.240952687072754,3.3211069107055664,18.678852687072755,6.759046910705567,18.678852687072755,10.999956910705567ZM17.282652687072755,10.999956910705567C17.282652687072755,7.5301169107055665,14.469852687072754,4.717256910705567,11.000002687072755,4.717256910705567C7.530162687072754,4.717256910705567,4.717302687072754,7.5301169107055665,4.717302687072754,10.999956910705567C4.717302687072754,14.469806910705566,7.530162687072754,17.282606910705567,11.000002687072755,17.282606910705567C14.469852687072754,17.282606910705567,17.282652687072755,14.469806910705566,17.282652687072755,10.999956910705567ZM10.811242687072754,13.687906910705566C10.547602687072754,13.969206910705566,10.105812687072753,13.983506910705566,9.824532687072754,13.719806910705566C9.819042687072754,13.714706910705566,9.813642687072754,13.709506910705567,9.808292687072754,13.704206910705567L7.597952687072754,11.493776910705567C7.466822687072754,11.362676910705567,7.393272687072754,11.185086910705566,7.393272687072754,10.999956910705567C7.393272687072754,10.614426910705566,7.705802687072754,10.301876910705566,8.091342687072753,10.301876910705566C8.276472687072754,10.301876910705566,8.454062687072753,10.375406910705566,8.584982687072753,10.506316910705566L10.285682687072754,12.207066910705567L13.609552687072753,8.661026910705566C13.741452687072753,8.520246910705566,13.925852687072753,8.440336910705566,14.118852687072755,8.440336910705566C14.504352687072753,8.440336910705566,14.816952687072753,8.752886910705566,14.816952687072753,9.138416910705565C14.816952687072753,9.315726910705568,14.749452687072754,9.486426910705568,14.628152687072754,9.615806910705565L10.811242687072754,13.687906910705566Z%27%20fill=%27%23FFFFFF%27%20fill-opacity=%271%27/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}.pay-for-record .card-container .card-content[data-v-017624fe]{display:flex;flex-direction:column;gap:10px}.pay-for-record .card-container .card-content .content-row[data-v-017624fe]{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.pay-for-record .card-container .card-content .content-row .content-item[data-v-017624fe]{flex:1;color:#999}.pay-for-record .card-container .card-content .content-row .content-item span[data-v-017624fe]{color:#000}.merchant-appeal-records[data-v-54164930]{width:100%}.merchant-appeal-records .time-divider[data-v-54164930]{margin:0 8px;color:#999}.merchant-appeal-records .query-buttons[data-v-54164930] .mtd-form-item-content{display:flex;gap:10px}.merchant-appeal-records-footer[data-v-54164930]{margin-top:15px;text-align:center}.checkbox-container[data-v-d85a97f9]{display:flex}.checkbox-container .checkbox-label[data-v-d85a97f9]{flex:0 0 70px}.service-process-header[data-v-b869f7eb]{margin-bottom:15px}.service-process-header-tab[data-v-b869f7eb]{margin-bottom:8px}.service-process-header .switch-self-contained[data-v-b869f7eb]{margin-right:7px}.service-process-header .title[data-v-b869f7eb]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-b869f7eb]{margin-right:10px;flex:0 0 56px}.service-process-header .cancel-title[data-v-b869f7eb]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-b869f7eb]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-b869f7eb],.service-process-header .form-line-center-left[data-v-b869f7eb]{display:flex}.service-process-header .form-line-center-left-center[data-v-b869f7eb],.service-process-header .form-line-center-right-center[data-v-b869f7eb],.service-process-header .form-line[data-v-b869f7eb],.service-process-header .form-line-right[data-v-b869f7eb],.service-process-header .form-line-left[data-v-b869f7eb]{display:flex;align-items:center}.service-process-header .form-line .flex-auto-wrap[data-v-b869f7eb]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-b869f7eb]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-b869f7eb]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-b869f7eb]{justify-content:space-between}.service-process-header .refresh-button[data-v-b869f7eb]{font-weight:900;flex:0 0 75px}.service-process-header .search-btn[data-v-b869f7eb]{margin-right:10px}.service-process-header .w-120[data-v-b869f7eb]{width:120px}.service-process-header .w-160[data-v-b869f7eb]{width:160px}.service-process-header .full-w[data-v-b869f7eb]{width:100%}.service-process-header .w-200[data-v-b869f7eb]{width:200px}.service-process-header .fix-w-105[data-v-b869f7eb]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-b869f7eb]{flex:0 0 200px}.service-process-header .auto-w-200[data-v-b869f7eb]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-b869f7eb]{width:180px}.service-process-header .mr-24[data-v-b869f7eb]{margin-right:24px}.service-process-header .mr-4[data-v-b869f7eb]{margin-right:4px}.service-process-header .pointer[data-v-b869f7eb]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-b869f7eb]{margin-top:6px}.service-process-header .service-process-filter-item[data-v-b869f7eb]:last-child{margin-right:16px}.service-process-header .fold-btn[data-v-b869f7eb]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer}.service-process-header[data-v-b869f7eb] .mtd-checkbox,.service-process-header[data-v-b869f7eb] .cs-mtd-checkbox{margin-right:16px}.service-process-header[data-v-b869f7eb] .mtd-form-item,.service-process-header[data-v-b869f7eb] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-b869f7eb] .mtd-tabs-bottom-border,.service-process-header[data-v-b869f7eb] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-b869f7eb] .mtd-tabs-content,.service-process-header[data-v-b869f7eb] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-b869f7eb] .mtd-tabs-bar-active,.service-process-header[data-v-b869f7eb] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-b869f7eb] .mtd-tab-active,.service-process-header[data-v-b869f7eb] .cs-mtd-tab-active,.service-process-header[data-v-b869f7eb] .mtd-tabs-item:hover,.service-process-header[data-v-b869f7eb] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-b869f7eb] .mtd-tabs,.service-process-header[data-v-b869f7eb] .cs-mtd-tabs{color:#111925d9}.case-info-name[data-v-b869f7eb]{margin-top:6px;font-size:14px;line-height:18px;color:#000000e6;margin-bottom:6px}.case-info-time[data-v-b869f7eb]{font-size:12px;line-height:16px;color:#000000e6;margin-bottom:6px}.mixed-layout[data-v-4d6b1b9d]{display:flex}.right-5[data-v-4d6b1b9d]{margin-right:5px}.action-icon[data-v-6d16c773]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-icon[data-v-6d16c773]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-6d16c773] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-6d16c773] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-6d16c773] .case-log-detail-btn-badge .mtd-badge-position,[data-v-6d16c773] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.service-case-log[data-v-19dfeadf]{margin-top:10px;width:100%}.service-case-log .service-case-log-comment[data-v-19dfeadf]{display:flex;align-items:start;flex-flow:row nowrap;line-height:20px}.service-case-log .service-case-log-comment[data-v-19dfeadf]:not(:last-child){margin-bottom:6px}.service-case-log .service-case-log-comment .content-left[data-v-19dfeadf],.service-case-log .service-case-log-comment .content-right[data-v-19dfeadf]{display:flex;align-items:start;flex-direction:row}.service-case-log .service-case-log-comment .content-left[data-v-19dfeadf]{margin-right:20px}.service-case-log .service-case-log-comment .change-text-title[data-v-19dfeadf]{padding-right:8px;white-space:nowrap;color:#00000080}.service-case-log .line-clamp[data-v-19dfeadf]{min-width:50px}.service-case-log .line-clamp[data-v-19dfeadf] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.mail-record-dialog .mail-detial[data-v-dacac1b6]{height:400px;width:600px;overflow-y:auto!important}.mail-record-dialog .content-row[data-v-dacac1b6]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.mail-record-dialog .content-row .content-row-left[data-v-dacac1b6]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.mail-record-dialog .content-row .content-row-right[data-v-dacac1b6]{flex:1}.mail-record-dialog .break-all[data-v-dacac1b6]{word-break:break-all}.case-response-mail-container[data-v-bed7cf8d]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;min-height:50px;min-width:400px}[data-v-bed7cf8d] .mtd-collapse-item-header,[data-v-bed7cf8d] .cs-mtd-collapse-item-header{min-width:650px}.spacing[data-v-bed7cf8d]{margin-right:10px}.topic-group-empty[data-v-bed7cf8d]{text-align:center}.topic-group-container[data-v-bed7cf8d]{max-height:60vh;overflow-y:auto}.topic-group[data-v-bed7cf8d]{width:600px}.topic-group[data-v-bed7cf8d]:not(:last-child){border-width:1px 1px 0;border-style:solid;border-color:#b7b7b7}.topic-group[data-v-bed7cf8d]:last-child{border-width:1px;border-style:solid;border-color:#b7b7b7}.topic-title[data-v-bed7cf8d]{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-detail[data-v-bed7cf8d]{padding:20px 40px;max-height:500px;width:600px;overflow:auto}.mail-detail[data-v-bed7cf8d]{width:100%;gap:10px 0}.mail-detail .response-mail-btn[data-v-bed7cf8d]{gap:0 20px}.mail-detail .detail-field[data-v-bed7cf8d]{width:100%}.mail-detail .detail-field-title[data-v-bed7cf8d]{width:80px;margin-right:15px;text-align:right}.mail-detail .flex-row[data-v-bed7cf8d]{display:flex;flex-direction:row}.mail-detail .flex-column[data-v-bed7cf8d]{display:flex;flex-direction:column}.mail-detail .detail-field-content[data-v-bed7cf8d]{width:100%}.mail-detail .detail-field-content[data-v-bed7cf8d] .cs-f-secret-field{width:auto}.mail-detail .detail-field-content .mtd-input-wrapper[data-v-bed7cf8d],.mail-detail .detail-field-content .cs-mtd-input-wrapper[data-v-bed7cf8d]{width:100%}.mail-detail .detail-field-content .mtd-textarea[data-v-bed7cf8d],.mail-detail .detail-field-content .cs-mtd-textarea[data-v-bed7cf8d]{width:100%;resize:none}.mail-detail .attachement-item[data-v-bed7cf8d]{margin-right:10px}.mail-detail .mail-confirm-btn[data-v-bed7cf8d]{margin-right:12px}a[data-v-bed7cf8d],a[data-v-bed7cf8d]:hover,a[data-v-bed7cf8d]:link,a[data-v-bed7cf8d]:visited{text-decoration:none}.required[data-v-bed7cf8d]{position:relative}.required[data-v-bed7cf8d]:before{content:"*";display:inline-block;position:absolute;top:1px;left:-12px;color:#f54b1e;font-weight:700;font-size:16px}.rich-text-editor-container[data-v-bed7cf8d]{width:100%;border:1px solid #ccc}.rich-text-editor-container .rich-text-toolbar[data-v-bed7cf8d]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-bed7cf8d]{overflow-y:hidden}.compensate-apply-dialog[data-v-8b10073d]{width:400px;max-width:85vh;overflow:auto;margin:20px 30px}.compensate-apply-dialog .refund-risk-warn[data-v-8b10073d]{display:flex;height:45px;align-items:center;border-radius:3px;background:#ff00004d}.compensate-apply-dialog .refund-risk-warn .hint-icon[data-v-8b10073d]{color:#ef4136;margin:0 10px;font-size:25px}.compensate-apply-dialog .refund-risk-warn .hint-content[data-v-8b10073d]{margin:auto}.compensate-apply-dialog .compensate-item[data-v-8b10073d]{color:#000;font-size:14px;margin-top:10px;display:flex;flex-direction:row;justify-content:flex-start}.compensate-apply-dialog .compensate-item-left[data-v-8b10073d]{width:120px;margin-right:10px}.compensate-apply-dialog .xiaoxiang-coupons-table[data-v-8b10073d]{display:block;max-height:500px;overflow:auto}.dialog-sidebar[data-v-f49b7d8b]{width:100px;height:400px;border-right:1px solid #ddd}.dialog-sidebar-item[data-v-f49b7d8b]{display:block;width:100%;padding:5px 0 5px 20px;font-weight:700}.dialog-sidebar-item-selected[data-v-f49b7d8b]{background-color:#f6f6f6}.sms-content[data-v-f49b7d8b]{width:450px}.assistant-task-record[data-v-7f8c5775]{min-width:760px;min-height:550px}.action-detail-list-compensate-approve[data-v-1d28fdc9]{width:400px;padding:20px}.action-detail-list-compensate-approve .compensate-approve-content-row[data-v-1d28fdc9]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-1d28fdc9]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-right[data-v-1d28fdc9]{flex:1}.action-detail-push[data-v-14c1bf18]{width:400px;padding:20px}.action-detail-push .content-row[data-v-14c1bf18]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-push .content-row .content-row-left[data-v-14c1bf18]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-detail-push .content-row .content-row-right[data-v-14c1bf18]{flex:1}.action-detail-push .content-row .content-row-right-textarea[data-v-14c1bf18]{height:100px;padding:6px 10px;resize:none;border:1px solid #ddd;border-radius:2px;word-break:break-all}.action-detail-list-compensate-all[data-v-2005e201]{width:600px;padding:20px}.action-detail-list-compensate-all .approve-flex[data-v-2005e201]{display:flex;justify-content:space-between;align-items:center}.action-detail-list-compensate-all .field-secret-flex[data-v-2005e201]{display:flex;justify-content:center}.action-detail-list-compensate-all .field-secret-flex .cs-f-secret-field[data-v-2005e201]{width:auto}.action-detail-list-compensate-all .field-secret-flex .cs-secret-field[data-v-2005e201]{width:auto!important}.action-detail-list-compensate-all .compensate-apply-id[data-v-2005e201]{margin-bottom:10px}.action-detail-list-compensate-all[data-v-81d61644]{width:600px;padding:20px}.action-detail-list-compensate-all .list-content[data-v-81d61644]{max-height:65vh;overflow:scroll}.action-detail-list-compensate-all .compensate-applyid[data-v-81d61644]{margin-bottom:10px}.action-detail-list-compensate-all .row-content[data-v-81d61644]{width:100%;display:flex;margin-bottom:5px}.action-detail-list-compensate-all .row-content span[data-v-81d61644]:nth-child(1),.action-detail-list-compensate-all .row-content span[data-v-81d61644]:nth-child(2){flex:20}.action-detail-list-compensate-all .row-content span[data-v-81d61644]:nth-child(3),.action-detail-list-compensate-all .row-content span[data-v-81d61644]:nth-child(4){flex:30}.action-detail-list-compensate-execute[data-v-f1e50d6b]{width:500px;padding:20px}.action-detail-list-compensate-execute .content-row[data-v-f1e50d6b]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-f1e50d6b]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-execute .content-row .compensate-execute-right[data-v-f1e50d6b]{flex:1}.action-detail-list-compensate-reject[data-v-6f7bdec6]{width:400px;padding:20px}.action-detail-list-compensate-reject .compensate-reject-content-row[data-v-6f7bdec6]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-6f7bdec6]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-right[data-v-6f7bdec6]{flex:1}.content-row[data-v-cbf133b5]{width:550px;margin:10px;display:flex;align-items:center;justify-content:start}.content-row .content-row-left[data-v-cbf133b5]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.content-row .content-row-right[data-v-cbf133b5]{flex:1}.host-summary-box li[data-v-088cf8aa]{display:flex;justify-content:space-between;margin-top:10px}.host-summary-box li span[data-v-088cf8aa]{display:inline-block}.host-summary-box li .host-summary-left[data-v-088cf8aa]{width:80px}.host-summary-box li .host-summary-right[data-v-088cf8aa]{width:240px}.cancel-reason[data-v-da9ef5ef]{width:360px}.cancel-message-submit[data-v-da9ef5ef]{margin-right:5px}.action-detail-message[data-v-258ebd8e]{width:600px;height:400px;margin:15px 15px 10px}.action-detail-message .action-detail-message-textarea[data-v-258ebd8e]{width:500px}.asr-player-sdk-dialog-top[data-v-3e125cb0]{display:flex;align-items:center;justify-content:space-between}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-3e125cb0]{display:flex;width:756px}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-3e125cb0]{display:flex;margin-right:24px}.dialog-top-operation-text[data-v-3e125cb0]{margin-right:10px}.asr-player-sdk-dialog-text[data-v-3e125cb0]{color:#333;font-size:14px;margin:5px 0;font-weight:500}.asr-player-sdk-container[data-v-3e125cb0]{width:896px;margin-top:10px}.asr-player-sdk-container[data-v-3e125cb0] .media-editor-word-wrap{max-height:50vh}.asr-player-sdk-container[data-v-3e125cb0] .media-editor-audio-wrap{background:var(--color-white)!important}.asr-player-sdk-dialog-tips[data-v-3e125cb0]{color:red;margin:4px 0}.loading[data-v-3e125cb0]{height:100px}.loading[data-v-3e125cb0] .mtd-loading-circle,.loading[data-v-3e125cb0] .cs-mtd-loading-circle{color:#468dfb!important}.translate-content-box[data-v-d90ef0c9]{height:300px;overflow:auto}.translate-content[data-v-d90ef0c9]{display:flex;flex-direction:row}.translate-content .head-portrait-src[data-v-d90ef0c9]{width:45px;height:auto;margin-right:20px}.translate-content-list[data-v-d90ef0c9]{margin-left:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}.action-detail-call[data-v-49a59a09]{min-width:500px;min-height:100px;padding:10px}.action-detail-call .content-row[data-v-49a59a09]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-call .content-row .content-row-left[data-v-49a59a09]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-detail-call .content-row .content-row-right[data-v-49a59a09]{flex:1}.batch-closed-autocall-detail[data-v-42125346]{width:600px;padding:10px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row[data-v-42125346]{display:flex;flex-direction:row;line-height:32px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-42125346]{width:100px;text-align:end;margin-right:20px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right[data-v-42125346]{flex:1}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right .upload-record-audio[data-v-42125346]{margin:5px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-call-content[data-v-42125346]{width:100%}.ivr-chat-detail-dialog[data-v-b492ca2c]{width:700px;max-height:400px;overflow:auto;padding-right:5px}.ivr-chat-detail-box[data-v-b492ca2c]{padding:5px 0}.ivr-chat-detail-img[data-v-b492ca2c]{height:36px;width:36px}.user-content[data-v-b492ca2c]{display:flex;align-content:center;flex-direction:row}.user-content .avatar[data-v-b492ca2c]{width:36px;height:36px;background-size:100%;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/customer-default.png)}.user-content .content[data-v-b492ca2c]{margin-left:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.user-content .content .time[data-v-b492ca2c]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.user-content .content .msg[data-v-b492ca2c]{min-height:40px;max-width:592px;padding:10px;background:#5dc77b1f;border:1px solid rgba(0,0,0,.12);border-radius:5px}.user-content .action-info[data-v-b492ca2c]{margin-left:4px;word-break:keep-all;align-self:flex-end;color:#00000080}.robot-content[data-v-b492ca2c]{display:flex;align-content:center;flex-direction:row-reverse}.robot-content .avatar[data-v-b492ca2c]{width:36px;height:36px;background-size:100%;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/robot.png)}.robot-content .content[data-v-b492ca2c]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.robot-content .content .time[data-v-b492ca2c]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.robot-content .content .msg[data-v-b492ca2c]{min-height:40px;max-width:592px;padding:10px;background:#fafafa;border:1px solid rgba(0,0,0,.12);border-radius:5px}.robot-content .action-info[data-v-b492ca2c]{margin-right:4px;word-break:keep-all;align-self:flex-end;color:#00000080}.ivr-chat-detail-tag[data-v-b492ca2c]{width:110px;padding:5px 20px;margin:0 auto;background:#ececec;color:#666;border-radius:20px;text-align:center}.ivr-chat-detail-time[data-v-b492ca2c]{color:#999}.ivr-chat-detail-right[data-v-b492ca2c]{text-align:right;color:#999}.ivr-chat-msg[data-v-b492ca2c]{position:absolute;left:-32px;bottom:0;color:#999;font-size:12px}.ivr-chat-detail-blank[data-v-b492ca2c]{color:#999;font-size:14px;text-align:center;padding:20px}.ivr-recording-details[data-v-b492ca2c]{background-color:#fafafa;width:100%;display:flex;flex-direction:column}.ivr-recording-details .ivr-recording-details-header[data-v-b492ca2c]{width:100%;border-style:solid;border-color:#ebebeb;border-width:1px 1px 0;padding:10px;font-size:16px}.ivr-recording-details .ivr-recording-details-body[data-v-b492ca2c]{width:100%;border:1px solid #ebebeb}.ivr-recording-details .ivr-recording-details-row[data-v-b492ca2c]{width:100%;display:flex}.ivr-recording-details .ivr-recording-details-row span[data-v-b492ca2c]{width:50%;margin:0 10px 10px}.ivr-recording-details .ivr-recording-details-row:first-child span[data-v-b492ca2c]{width:50%;margin:10px}.task-listening[data-v-5f61c8fd]{width:400px;padding:20px}.task-listening .content-row[data-v-5f61c8fd]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.task-listening .content-row .content-row-left[data-v-5f61c8fd]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.task-listening .content-row .content-row-right[data-v-5f61c8fd]{flex:1}.task-listening .content-row .content-row-right .task-status[data-v-5f61c8fd]{margin-right:10px}ul li[data-v-49fd035d]{line-height:24px}.stay-andon-detail[data-v-3f533bbc]{width:auto}.sms-template-content[data-v-92750d91]{padding:12px 24px}.cost-allocation[data-v-89b40c8f]{width:720px}.account-adjustment-apply-log .account-adjustment-apply-log-id-wrapper[data-v-351f26d1]{padding:5px 0}.account-adjustment-apply-log .account-adjustment-apply-log-remark[data-v-351f26d1]{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.cs-action-detail-auth-application-dialog[data-v-5feefd51]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-5feefd51]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}.cs-action-detail-auth-application-dialog[data-v-5feefd51] .mtd-form-item-label,.cs-action-detail-auth-application-dialog[data-v-5feefd51] .cs-mtd-form-item-label{text-align:left}.cs-action-detail-auth-application-dialog[data-v-5feefd51] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-5feefd51] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-5feefd51] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-5feefd51] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-5feefd51] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-5feefd51] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-5feefd51]{display:flex;justify-content:center}.cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-5feefd51]{margin-right:10px}.cs-action-detail-auth-application-dialog[data-v-a92cadcd]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-a92cadcd]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .mtd-form-item-label,.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .cs-mtd-form-item-label{text-align:left}.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-a92cadcd] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-a92cadcd]{display:flex;justify-content:center}.cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-a92cadcd]{margin-right:10px}.cs-action-detail-relative-case-dialog[data-v-ed12bd8a]{max-height:500px;width:500px;overflow-y:auto}.cs-action-detail-relative-case-dialog .content-row[data-v-ed12bd8a]{line-height:24px;display:flex}.cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-ed12bd8a]{width:110px;margin-right:15px;text-align:right}.cs-action-detail-relative-case-dialog .case-operation-detail[data-v-ed12bd8a]{border-top:1px dashed #ccc;padding:10px 10px 0 48px;word-break:break-all;white-space:normal}.communication-detail .service-list-row[data-v-5f86aaf8]{display:flex}.communication-detail .service-list-row .secret-text[data-v-5f86aaf8]{width:90px}.communication-detail[data-v-5f86aaf8] .mtd-form-item,.communication-detail[data-v-5f86aaf8] .cs-mtd-form-item{margin-bottom:5px}.communication-call-detail[data-v-20916f4e]{width:460px}.communication-call-detail .service-list-row[data-v-20916f4e]{display:flex}.communication-call-detail[data-v-20916f4e] .mtd-form-item,.communication-call-detail[data-v-20916f4e] .cs-mtd-form-item{margin-bottom:5px}.communication-chat-detail[data-v-f31f1091]{width:540px}.communication-chat-detail[data-v-f31f1091] .mtd-form-item,.communication-chat-detail[data-v-f31f1091] .cs-mtd-form-item{margin-bottom:5px}.communication-contact-detail[data-v-31af067e]{width:460px}.communication-outbound-detail[data-v-e3d49936]{width:540px}.communication-outbound-detail .service-list-row[data-v-e3d49936]{display:flex}.communication-outbound-detail[data-v-e3d49936] .mtd-form-item,.communication-outbound-detail[data-v-e3d49936] .cs-mtd-form-item{margin-bottom:5px}.action-related-information[data-v-d8227713]{width:500px;height:280px;margin:15px 15px 10px}.action-related-information .content-row[data-v-d8227713]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-related-information .content-row .content-row-left[data-v-d8227713]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-related-information .content-row .content-row-right-audio[data-v-d8227713]{display:flex;align-items:center}.action-related-information .content-row .content-row-right[data-v-d8227713]{flex:1}.action-detail-list[data-v-8e60edb5]{display:flex;flex-flow:row wrap;gap:0 4px}.action-detail-list .action-icon[data-v-8e60edb5]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-detail-list .action-icon[data-v-8e60edb5]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-detail-list .action-icon-disabled[data-v-8e60edb5]{opacity:.5;pointer-events:none}.action-detail-list .action-detail-adjust[data-v-8e60edb5]:before{content:"调"}.action-detail-list .action-detail-icon-to-mt[data-v-8e60edb5]{height:32px;width:32px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/mt.png);background-size:100% auto;vertical-align:middle}.action-detail-list .action-detail-icon-to-dp[data-v-8e60edb5]{height:28px;width:28px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/dp.png);background-size:100% auto;vertical-align:middle}.action-detail-list .action-detail-icon-to-dx[data-v-8e60edb5]{height:32px;width:32px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/dx.png);background-size:100% auto;vertical-align:middle}.case-link[data-v-6547b1b2]{color:var(--cs-common-primary1-color);cursor:pointer}.attachment-list-img[data-v-42c18ab8]{width:100px}.expanded[data-v-1093b2ef]{height:auto;overflow:visible}.service-info-board-table-container .service-info-board-table[data-v-07d0ab3e]{max-height:700px;overflow:auto}.service-info-board-table-container .service-info-board-pagination[data-v-07d0ab3e]{margin-top:12px;display:flex;justify-content:center}.service-info-board-summary[data-v-42078749],.service-info-board-summary[data-v-7a620912]{width:100%}.special-appvoval-dialog[data-v-73c0236e]{min-height:110px}.special-appvoval-dialog .special-approval-modal-text[data-v-73c0236e]{margin-bottom:10px}.special-appvoval-dialog .font-red[data-v-73c0236e]{color:red;font-weight:700}.special-appvoval-dialog .dialog-footer[data-v-73c0236e]{display:flex;justify-content:end}.special-appvoval-dialog .dialog-footer .btn-left[data-v-73c0236e]{margin-right:10px}.dialog-body[data-v-5abfb220]{min-height:100px}.service-info-board-summary[data-v-e7bbb7a2],.service-info-board-summary[data-v-360d2085],.service-info-board-summary[data-v-adfb69ba],.service-info-board-summary[data-v-4788a454],.service-info-board-summary[data-v-86ff4ff0]{width:100%}.service-info-board-table-container .service-info-board-table[data-v-f263dbc9]{overflow:auto}.service-info-board-table-container .service-info-board-pagination[data-v-f263dbc9]{margin-top:12px;display:flex;justify-content:center}.service-info-board-table-container .service-info-board-table[data-v-13702700]{overflow:auto;max-height:700px}.service-info-board-table-container .service-info-board-pagination[data-v-13702700]{margin-top:12px;display:flex;justify-content:center}.custom-collapse .collaps[data-v-cb8e4d51]{overflow:auto}.custom-collapse[data-v-cb8e4d51] .mtd-collapse-item,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse-item{margin:3px 3px 10px;border-bottom-style:none}.custom-collapse[data-v-cb8e4d51] .mtd-collapse-arrow,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse-arrow{line-height:32px}.custom-collapse[data-v-cb8e4d51] .mtd-collapse-item-content,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse-item-content{padding:0;margin-bottom:16px}.custom-collapse[data-v-cb8e4d51] .mtd-collapse,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse{border:none}.custom-collapse[data-v-cb8e4d51] .mtd-collapse-item-header,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse-item-header{background-color:var(--cs-common-primary4-color);border-radius:4px;height:32px;padding:3px 12px 3px 38px}.custom-collapse[data-v-cb8e4d51] .mtd-collapse-item:last-child,.custom-collapse[data-v-cb8e4d51] .cs-mtd-collapse-item:last-child{margin-bottom:20px}.service-log-collapse[data-v-d0f2c17a]{overflow:auto;max-height:700px}.service-log-collapse .collapse-title-layout[data-v-d0f2c17a]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-d0f2c17a]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-d0f2c17a]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-info-board-summary[data-v-862182e8],.service-info-board-summary[data-v-c70f8c75],.service-info-board-summary[data-v-bb66a970],.service-info-board-summary[data-v-75ee3083]{width:100%}.timeline-wrapper[data-v-39d57b5c]{position:relative;background:#fff}.timeline-expand-control[data-v-39d57b5c]{display:flex;justify-content:flex-end;background:#fff}.timeline-container[data-v-39d57b5c]{font-family:Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Hiragino Sans GB,方正兰亭黑,宋体;padding:16px 24px;background:#fff;max-height:335px;overflow:auto;scrollbar-gutter:stable;white-space:nowrap;position:relative;transition:max-height .3s ease}.timeline-container.timeline-container-expanded[data-v-39d57b5c]{max-height:none;overflow:visible}.connection-layer[data-v-39d57b5c]{position:absolute;top:0;left:0;pointer-events:none;z-index:10;overflow:visible}.connection-line[data-v-39d57b5c]{animation:dash-39d57b5c 20s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,123,255,.3))}@keyframes dash-39d57b5c{to{stroke-dashoffset:-1000}}.interval-text[data-v-39d57b5c]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:pulse-39d57b5c 2s ease-in-out infinite}@keyframes pulse-39d57b5c{0%,to{opacity:1}50%{opacity:.7}}.timeline-flow[data-v-39d57b5c]{display:flex;flex-direction:column;gap:24px;padding:16px 0;width:100%}.timeline-row[data-v-39d57b5c]{display:flex;align-items:flex-end;flex-wrap:nowrap}.timeline-row.timeline-row-reversed[data-v-39d57b5c]{flex-direction:row-reverse}.timeline-item[data-v-39d57b5c]{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;position:relative;cursor:pointer;transition:all .3s ease}.timeline-item .node-label[data-v-39d57b5c]{font-size:10px;font-weight:600;border-radius:3px;display:inline-block;white-space:nowrap;position:absolute;left:0;top:10px;border:1px solid;padding:0 2px}.timeline-item .node-label.label-blue[data-v-39d57b5c]{color:#fff;background-color:#207bff;border-color:#207bff}.timeline-item .node-label.label-green[data-v-39d57b5c]{color:#fff;background-color:#09ad6e;border-color:#09ad6e}.timeline-item .node-label.label-orange[data-v-39d57b5c]{color:#fff;background-color:#f96;border-color:#f96}.timeline-item .node-label.label-rose[data-v-39d57b5c]{color:#fff;background-color:#f66;border-color:#f66}.timeline-item .node-label.label-default[data-v-39d57b5c]{color:#fff;background-color:#282828;border-color:#282828}.timeline-item .node-time[data-v-39d57b5c]{font-size:13px;color:#666;opacity:.8;text-align:center;margin-top:4px;font-weight:800}.timeline-item.timeline-item-selected[data-v-39d57b5c],.timeline-item.timeline-item-selected .timeline-node-wrapper-collapsed[data-v-39d57b5c]{z-index:10}.timeline-item.timeline-item-selected .timeline-node[data-v-39d57b5c]{position:relative;box-shadow:0 4px 20px #007bff66;transform:scale(1.05)}.timeline-item.timeline-item-selected .timeline-node[data-v-39d57b5c]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 20px);border:3px solid #007bff;border-radius:12px;animation:glow-39d57b5c 2s ease-in-out infinite;pointer-events:none;z-index:-1}.timeline-item.timeline-item-selected .timeline-node[data-v-39d57b5c]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 30px);height:calc(100% + 30px);border:2px solid rgba(0,123,255,.3);border-radius:16px;animation:pulse-ring-39d57b5c 2s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes glow-39d57b5c{0%,to{box-shadow:0 0 10px #007bff99,0 0 20px #007bff66,0 0 30px #007bff33;border-color:#007bff}50%{box-shadow:0 0 20px #007bffcc,0 0 30px #007bff99,0 0 40px #007bff66;border-color:#0056b3}}@keyframes pulse-ring-39d57b5c{0%{transform:translate(-50%,-50%) scale(.9);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}to{transform:translate(-50%,-50%) scale(.9);opacity:1}}.timeline-node[data-v-39d57b5c]{min-width:80px;max-width:180px;min-height:54px;padding:12px 16px;border-radius:6px;font-size:11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 1px 4px #0000001a;transition:all .2s ease;flex-shrink:0}.timeline-node[data-v-39d57b5c]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;cursor:pointer}.timeline-node.timeline-node-custom[data-v-39d57b5c],.timeline-node.timeline-node-case-change[data-v-39d57b5c]{align-items:center;justify-content:center}.timeline-node.timeline-node-custom .node-content[data-v-39d57b5c],.timeline-node.timeline-node-case-change .node-content[data-v-39d57b5c]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.timeline-node.timeline-node-custom .node-content .node-title[data-v-39d57b5c],.timeline-node.timeline-node-case-change .node-content .node-title[data-v-39d57b5c]{text-align:center}.timeline-node.timeline-node-custom .node-content .node-details[data-v-39d57b5c],.timeline-node.timeline-node-case-change .node-content .node-details[data-v-39d57b5c]{margin-top:2px}.timeline-node.timeline-node-collapsed[data-v-39d57b5c]{position:relative;padding-bottom:16px;z-index:1}.timeline-node.timeline-node-collapsed .node-content[data-v-39d57b5c]{position:relative}.timeline-node.timeline-node-collapsed .collapsed-expand-icon[data-v-39d57b5c]{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#007bff;transition:all .2s ease;border-radius:4px}.timeline-node.timeline-node-collapsed .collapsed-expand-icon[data-v-39d57b5c]:hover{background-color:#007bff1a;transform:translate(-50%) scale(1.2)}.timeline-node.node-call[data-v-39d57b5c],.timeline-node.node-chat[data-v-39d57b5c],.timeline-node.node-outbound[data-v-39d57b5c]{background:#e8f5e8;color:#333;border:1px solid #a5d6a7}.timeline-node.node-contact[data-v-39d57b5c]{background:#e1f5fe;color:#0d47a1;border:1px solid #81d4fa}.timeline-node.node-compensation[data-v-39d57b5c]{background:#ffeaea;color:#721c24;border:1px solid #f5c6cb}.timeline-node.node-case-change[data-v-39d57b5c]{background:#ffb60057;color:#333;border:1px solid #e9d697}.timeline-node.node-custom[data-v-39d57b5c]{background:#007bff;color:#fff;border:1px solid #d1d7de}.timeline-node.node-default[data-v-39d57b5c]{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.timeline-node .node-content[data-v-39d57b5c]{flex:1;position:relative;width:100%}.timeline-node .node-content .node-title[data-v-39d57b5c]{font-weight:600;font-size:12px;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;max-width:100%}.timeline-node .node-content .node-details[data-v-39d57b5c]{font-size:9px;opacity:.9;line-height:1.3;color:#777;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:2px;cursor:pointer}.timeline-node .node-content .node-details.node-details-custom[data-v-39d57b5c]{color:#fff}.tooltip-content[data-v-39d57b5c]{max-width:300px;max-height:400px;overflow-y:auto}.tooltip-content[data-v-39d57b5c]::-webkit-scrollbar{display:none}.tooltip-content .tooltip-section[data-v-39d57b5c],.tooltip-content .tooltip-item[data-v-39d57b5c],.tooltip-content .tooltip-phone-info[data-v-39d57b5c]{margin-bottom:4px}.tooltip-content .tooltip-section[data-v-39d57b5c]:last-child,.tooltip-content .tooltip-item[data-v-39d57b5c]:last-child,.tooltip-content .tooltip-phone-info[data-v-39d57b5c]:last-child{margin-bottom:0}.tooltip-content .tooltip-item[data-v-39d57b5c]{line-height:1.4;display:flex;align-items:center;flex-wrap:nowrap}.tooltip-content .tooltip-divider[data-v-39d57b5c]{height:1px;background-color:#e0e0e0;margin:8px 0}.tooltip-content .image-preview-container[data-v-39d57b5c]{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.tooltip-content .image-preview-container .preview-image[data-v-39d57b5c]{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #e5e5e5;cursor:pointer;transition:all .2s ease}.tooltip-content .image-preview-container .preview-image[data-v-39d57b5c]:hover{transform:scale(1.05)}.tooltip-content .image-preview-container .image-wrapper[data-v-39d57b5c]{position:relative;width:60px;height:60px;cursor:pointer;transition:all .2s ease}.tooltip-content .image-preview-container .image-wrapper[data-v-39d57b5c]:hover{transform:scale(1.05)}.tooltip-content .image-preview-container .image-wrapper .preview-image[data-v-39d57b5c]{width:100%;height:100%;border:1px solid #e5e5e5}.tooltip-content .image-preview-container .image-wrapper .image-overlay[data-v-39d57b5c]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:16px;font-weight:600;border-radius:4px;pointer-events:none}.node-action[data-v-39d57b5c]{display:flex;justify-content:center;align-items:center;flex-shrink:0}.node-action .action-badge[data-v-39d57b5c] .mtd-badge-dot,.node-action .action-badge[data-v-39d57b5c] .cs-mtd-badge-dot{background:#ff4d4f!important}.node-action .action-badge .action-icon[data-v-39d57b5c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px}.node-action .action-badge .action-icon[data-v-39d57b5c]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.node-action-placeholder[data-v-39d57b5c]{width:24px;height:24px;flex-shrink:0}.timeline-arrow[data-v-39d57b5c]{margin:0 12px 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-end}.timeline-arrow .time-interval[data-v-39d57b5c]{font-size:10px;color:#2a272796;font-weight:600;margin-bottom:-22px;white-space:nowrap;z-index:1}.timeline-arrow .timeline-arrow-icon[data-v-39d57b5c]{font-size:32px;color:#007bff;text-shadow:0 2px 4px rgba(0,123,255,.3);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.timeline-arrow .timeline-arrow-icon[data-v-39d57b5c]:hover{color:#0056b3}.timeline-secret-field.cs-secret-field[data-v-39d57b5c]{width:auto}.timeline-node-wrapper-collapsed[data-v-39d57b5c]{display:inline-block;position:relative;padding-right:6px;padding-bottom:6px;isolation:isolate}.timeline-node-stack[data-v-39d57b5c]{position:absolute;pointer-events:none;z-index:-1;min-width:80px;max-width:180px;min-height:54px;padding:12px 16px;border-radius:6px;box-shadow:0 1px 4px #0000001a;flex-shrink:0;width:calc(100% - 6px);height:calc(100% - 6px)}.timeline-node-stack.timeline-node-stack-bottom[data-v-39d57b5c]{top:6px;left:6px}.timeline-node-stack.timeline-node-stack-middle[data-v-39d57b5c]{top:3px;left:3px}.timeline-node-stack.node-call[data-v-39d57b5c],.timeline-node-stack.node-chat[data-v-39d57b5c],.timeline-node-stack.node-outbound[data-v-39d57b5c]{background:#e8f5e8;color:#333;border:1px solid #a5d6a7}.timeline-node-stack.node-contact[data-v-39d57b5c]{background:#e1f5fe;color:#0d47a1;border:1px solid #81d4fa}.timeline-node-stack.node-compensation[data-v-39d57b5c]{background:#ffeaea;color:#721c24;border:1px solid #f5c6cb}.timeline-node-stack.node-case-change[data-v-39d57b5c]{background:#ffb60057;color:#333;border:1px solid #e9d697}.timeline-node-stack.node-custom[data-v-39d57b5c]{background:#007bff;color:#fff;border:1px solid #d1d7de}.timeline-node-stack.node-default[data-v-39d57b5c]{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.service-info-board-timeline-summary[data-v-5eee9745]{width:100%;height:100%}.service-info-board-timeline-summary .empty-state[data-v-5eee9745]{text-align:center;padding:60px 20px;color:#999;font-size:14px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.service-info-board-timeline-summary .empty-state .empty-icon[data-v-5eee9745]{font-size:32px;margin-bottom:12px}.service-info-board-timeline-summary .empty-state .empty-text[data-v-5eee9745]{line-height:1.5}.service-info-board-order-multi-dimension-timeline[data-v-27452af3]{width:100%;height:100%;display:flex;flex-direction:column}.service-info-board-order-multi-dimension-timeline .timeline-header[data-v-27452af3]{display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0;gap:16px;padding-right:16px}.service-info-board-order-multi-dimension-timeline .timeline-header .timeline-tabs[data-v-27452af3]{flex:1;min-width:0;display:flex;align-items:center;gap:16px}.service-info-board-order-multi-dimension-timeline .timeline-header .timeline-tabs .unanswered-switch-container[data-v-27452af3]{display:flex;align-items:center;gap:8px}.service-info-board-order-multi-dimension-timeline .timeline-header .timeline-expand-control[data-v-27452af3]{flex-shrink:0}.service-info-board-order-multi-dimension-timeline .empty-state[data-v-27452af3]{text-align:center;padding:60px 20px;color:#999;font-size:14px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.service-info-board-order-multi-dimension-timeline .empty-state .empty-icon[data-v-27452af3]{font-size:32px;margin-bottom:12px}.service-info-board-order-multi-dimension-timeline .empty-state .empty-text[data-v-27452af3]{line-height:1.5}.service-info-board-summary[data-v-358b3a8b]{width:100%}.communication-search[data-v-f6b3bcec]{margin-bottom:10px}.communication-search-form[data-v-f6b3bcec]{background:#f7f7f7;border-radius:4px;padding:16px}.communication-search .mtd-form-item[data-v-f6b3bcec],.communication-search .cs-mtd-form-item[data-v-f6b3bcec]{margin-bottom:0}.communication-search .switch-self-contained[data-v-f6b3bcec]{margin-right:7px}.communication-search .title[data-v-f6b3bcec]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.communication-search .communication-types[data-v-f6b3bcec]{display:flex;align-items:center}.communication-search .communication-types .select-all-checkbox[data-v-f6b3bcec]{margin-right:16px;color:var(--color-danger-1)}.communication-search .communication-types .communication-types-items[data-v-f6b3bcec]{display:flex;flex-wrap:wrap}.action-button[data-v-7eb6b616]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-7eb6b616]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-7eb6b616] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-7eb6b616] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-7eb6b616] .case-log-detail-btn-badge .mtd-badge-position,[data-v-7eb6b616] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.service-info-board-summary[data-v-e8fdd8fe],.service-info-board-summary[data-v-6c307d01],.service-info-board-summary[data-v-3cb49daa],.service-info-board-summary[data-v-54e356e8]{width:100%}.case-log-detail-btn-badge[data-v-48a023de] .mtd-badge-dot,.case-log-detail-btn-badge[data-v-48a023de] .cs-mtd-badge-dot{width:8px!important;height:8px!important;background-color:#f5483b!important;border-radius:50%}.case-log-detail-btn-badge[data-v-48a023de] .mtd-badge-position,.case-log-detail-btn-badge[data-v-48a023de] .cs-mtd-badge-position{top:20%;left:100%}.service-info-board-summary[data-v-1c19e52f]{width:100%}.service-log-collapse[data-v-49cd1bb1]{overflow:auto;max-height:700px}.service-log-collapse .collapse-title-layout[data-v-49cd1bb1]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content-case[data-v-49cd1bb1]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-49cd1bb1]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-log-collapse .collapse-title-layout .expand-head-case[data-v-49cd1bb1]{margin-top:3px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-49cd1bb1]{font-weight:600;font-size:14px;display:inline-block;margin-left:90px}.service-info-board-summary[data-v-d2ca77fa],.service-info-board-summary[data-v-8a188f11],.service-info-board-summary[data-v-9a4fe29f]{width:100%}.taxi-tripartite-order-collapse[data-v-c7561e87]{width:100%;overflow:auto;max-height:700px}.taxi-tripartite-order-collapse .collapse-title-layout[data-v-c7561e87]{display:flex;place-content:center space-between;line-height:28px}.taxi-tripartite-order-collapse .collapse-title-layout .collapse-title-content[data-v-c7561e87]{font-weight:600;font-size:14px}.taxi-tripartite-order-collapse .collapse-title-layout .expand-head[data-v-c7561e87]{width:50%;color:#0009;font-size:14px;font-weight:400px}:root{--font-family: pingfang sc, helvetica neue, helvetica, arial, heiti sc, hiragino sans gb, microsoft yahei, sans-serif;--code-family: menlo, monaco, consolas, courier new, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-size-1: 12px;--font-size-2: 14px;--font-size-3: 16px;--font-size-4: 18px;--font-size-5: 20px;--font-size-6: 24px;--font-size-7: 30px;--line-height-1: 20px;--line-height-2: 22px;--line-height-3: 24px;--line-height-4: 26px;--line-height-5: 28px;--line-height-6: 32px;--line-height-7: 38px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-radius-0: 0;--border-radius-1: 2px;--border-radius-2: 4px;--border-radius-3: 6px;--border-radius-4: 10px;--border-radius-round: 2000px;--border-radius-half: 50%;--shadow-0: none;--shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .03);--shadow-2: 0 2px 6px 0 rgba(0, 0, 0, .08);--shadow-3: 0 4px 12px 0 rgba(0, 0, 0, .1);--shadow-4: 0 8px 24px 0 rgba(0, 0, 0, .12);--shadow-5: 0 13px 39px 0 rgba(0, 0, 0, .15);--color-white: #fff;--color-black: #000;--color-transparent: transparent;--color-primary: #00ba73;--color-primary-1: #3dd999;--color-primary-2: #009155;--color-primary-3: #b3f9c8;--color-primary-4: #edfaf4;--color-primary-5: #8dd999;--color-text-1: rgba(0, 0, 0, .25);--color-text-2: rgba(0, 0, 0, .35);--color-text-3: rgba(0, 0, 0, .5);--color-text-4: rgba(0, 0, 0, .7);--color-text-5: rgba(0, 0, 0, .9);--color-line-1: rgba(0, 0, 0, .12);--color-line-2: rgba(0, 0, 0, .06);--color-fill-1: #f5f5f5;--color-fill-2: #f2f2f2;--color-link: #00ba73;--color-link-hover: #3dd999;--color-link-pressed: #009155;--color-link-active: #b3f9c8;--color-info-1: #edfaf4;--color-success-1: #00ba73;--color-success-2: #edfaf4;--color-success-3: #3dd999;--color-success-4: #009155;--color-success-5: #b3f9c8;--color-danger-1: #ff4a47;--color-danger-2: #fff2f0;--color-danger-3: #ff7d7a;--color-danger-4: #d41e21;--color-danger-5: #ffd2cc;--color-warning-1: #ff9d00;--color-warning-2: #fff6e0;--color-warning-3: #ffc152;--color-warning-4: #c76a00;--color-warning-5: #fff5ad}.scroll-buttons[data-v-ffc3cd75]{position:fixed;right:24px;bottom:110px;display:flex;flex-direction:column;gap:8px;z-index:100}.scroll-buttons .scroll-button[data-v-ffc3cd75]{width:48px;height:48px;padding:0;margin:0;border-radius:10px;background-color:var(--color-white);box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s}.scroll-buttons .scroll-button[data-v-ffc3cd75] .mtd-btn-before{font-size:20px}.scroll-buttons .scroll-button[data-v-ffc3cd75]:hover{transform:translateY(-2px)}.page-menu-container[data-v-fb65df31]{position:absolute;left:0;-webkit-user-select:none;user-select:none;z-index:10}.page-menu-hidden-container[data-v-fb65df31]{width:30px;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f;cursor:pointer}.menu-title[data-v-fb65df31]{padding:11px 5px 5px;font-size:var(--font-size-2);color:var(--color-text-5);letter-spacing:8px;line-height:var(--line-height-2);writing-mode:vertical-lr}.page-menu-expand-container[data-v-fb65df31]{max-height:480px;border-radius:0 12px 12px 0;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f}.expand-menu-header[data-v-fb65df31]{display:flex;justify-content:space-between;align-items:center;height:40px;padding:17px 18px 8px 20px;cursor:pointer}.horizontal-line[data-v-fb65df31]{height:0;margin:0 0 10px 20px;border-bottom:1px solid #f0f0f0}.expand-menu-title[data-v-fb65df31]{font-weight:var(--font-weight-regular);font-size:var(--font-size-2);color:#7d7d7de6;line-height:var(--line-height-3)}.mtdicon-close[data-v-fb65df31]{font-size:var(--font-size-3);cursor:pointer}.expand-menu-group[data-v-fb65df31]{display:flex;flex-direction:column;padding-bottom:18px;overflow-y:overlay}.expand-menu-group[data-v-fb65df31]::-webkit-scrollbar-thumb{background-color:transparent}.expand-menu-group[data-v-fb65df31]:hover::-webkit-scrollbar-thumb{background-color:#ddd}.expand-menu-item[data-v-fb65df31]{flex-basis:36px;padding:6px 20px;font-size:var(--font-size-2);color:var(--color-text-5);letter-spacing:0;line-height:var(--line-height-2);cursor:pointer}.expand-menu-item .menu-item-first-index[data-v-fb65df31]{margin-right:2px}.expand-menu-item .menu-item-first[data-v-fb65df31]{font-weight:600}.expand-menu-item .menu-item-first[data-v-fb65df31]:hover{color:var(--cs-common-primary-color)}.expand-menu-item .menu-item-second[data-v-fb65df31]{color:#111925;margin:8px 20px}.expand-menu-item .menu-item-second[data-v-fb65df31]:hover{color:var(--cs-common-primary-color)}.page-menu-container[data-v-fb65df31]{left:0}.page-menu-container .page-menu-expand-container[data-v-fb65df31]{display:none}.page-menu-container:hover .page-menu-expand-container[data-v-fb65df31],.page-menu-container.is-dragging .page-menu-expand-container[data-v-fb65df31]{display:block}.page-menu-container:hover .page-menu-hidden-container[data-v-fb65df31],.page-menu-container.is-dragging .page-menu-hidden-container[data-v-fb65df31]{display:none}.block-header-hot-zone[data-v-bbcdfcd4]{display:flex;align-items:center;height:100%;margin-right:6px}.header-expand-btn[data-v-bbcdfcd4]{height:20px;width:20px;border-radius:4px;margin-right:10px;position:relative;cursor:pointer}.header-expand-btn[data-v-bbcdfcd4]:hover{background:#1119250d}.expand-icon[data-v-bbcdfcd4]{font-size:15px;color:#1a1a1a;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.block-header[data-v-bbcdfcd4]{margin:12px 12px 16px 8px;height:36px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;border-radius:50px;font-weight:600;color:#111925;background:var(--cs-common-nav-bc-image)}.block-content[data-v-bbcdfcd4]{padding:0 16px}.block-content[data-v-bbcdfcd4] .node-render .lc-block .lc-block-content{padding:0}.block-title[data-v-bbcdfcd4]{font-size:var(--font-size-4);color:#111925;letter-spacing:0;line-height:18px;font-weight:600;margin-left:8px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-icon[data-v-bbcdfcd4]{width:28px}.block-step[data-v-bbcdfcd4]{display:flex;margin-left:8px}[data-v-bbcdfcd4] [class*=mtd-badge-text]{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);font-family:var(--font-family);background-color:#111925;border:0}.blocks-container[data-v-9afc70e1]{display:flex;flex-direction:column;gap:8px 0;margin-bottom:12px}.business-block[data-v-9afc70e1]{border-radius:var(--border-radius-3);background-color:var(--color-white);overflow:hidden;margin-bottom:8px}.business-refresh-btn-container[data-v-fe1b4bf8]{display:flex;align-items:center}.business-refresh-btn-loading[data-v-fe1b4bf8]{cursor:not-allowed}.icon-csshuaxin-new[data-v-fe1b4bf8]{border-radius:2px;cursor:pointer;line-height:16px}.icon-csshuaxin-new[data-v-fe1b4bf8]:hover{background-color:var(--cs-common-primary1-color, #e6e7eb)}[data-v-fe1b4bf8] [class*=mtd-btn-before] [class*=mtd-btn-spin]{margin:0;color:#a8afb8;font-size:14px}[data-v-fe1b4bf8] [class*=mtd-btn]{padding:0;border-width:0;height:16px;min-width:16px}.business-header[data-v-f86c8081]{display:flex;flex-direction:column;padding:8px 16px;position:sticky;top:0;z-index:1;background:var(--color-white);margin-bottom:12px}.business-header .business-header-top-left[data-v-f86c8081]{display:flex;flex-direction:column;overflow:hidden;flex:1}.business-header .business-header-top-left .business-header-title-container[data-v-f86c8081]{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:4px}.header-title[data-v-f86c8081]{flex-shrink:3;font-size:var(--font-size-6);color:#111925;letter-spacing:0;line-height:28px;font-weight:600;max-width:360px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.business-operation[data-v-f826a5ca]{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:6px}.business-operation .business-operation-btn[data-v-f826a5ca]{margin:6px 0 0 8px}.expand-collect.expand-collect-flex[data-v-2851d73a]{display:flex}.expand-collect[data-v-2851d73a]::-webkit-scrollbar{display:none}.expand-collect_container[data-v-2851d73a]{position:relative;overflow:hidden}.unfolded[data-v-2851d73a]{max-height:246px;overflow-y:scroll}.expand-collect__btn[data-v-2851d73a]{border:1px solid rgba(17,25,37,.15);padding:9px 10px;display:flex;height:30px;min-width:65px;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;margin-top:6px}.expand-collect__container[data-v-2851d73a]{overflow:hidden}.expand-icon[data-v-2851d73a]{font-size:14px}.expand-collect-column[data-v-2851d73a]{opacity:1;font-weight:400;display:flex;align-items:center;justify-content:center;color:var(--cs-common-primary-color, #00BA73);margin-top:22px;margin-bottom:22px}.expand-collect-column>div[data-v-2851d73a]{cursor:pointer;font-size:12px;line-height:12px;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:center}.expand-collect-column>div[data-v-2851d73a]:before,.expand-collect-column>div[data-v-2851d73a]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.expand-collect-column[data-v-2851d73a] .mtdicon{vertical-align:top}.multi-tab-container[data-v-990e80a6]{display:flex;flex-direction:column;height:100%;overflow-y:hidden;padding:0 16px;background-color:#f3f3f4}.multi-tab-container .tab-item-label-text[data-v-990e80a6]{max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-tab-container .multi-order-tab[data-v-990e80a6]{height:32px}.multi-tab-container .multi-order-tab[data-v-990e80a6]>[class*=mtd-tabs-nav] [class*=mtd-tabs-nav-container]{background-color:#f3f3f4}.multi-tab-container .multi-order-tab[data-v-990e80a6]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item][class*=mtd-tab-active]{border-color:var(--cs-common-primary4-color);background-color:var(--cs-common-primary4-color);font-weight:600;color:#111925}.multi-tab-container .multi-order-tab[data-v-990e80a6]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-normal]{height:32px;line-height:32px;border-color:#e8e8ea;background-color:#e8e8ea}.multi-tab-container .multi-order-tab[data-v-990e80a6]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-label]{justify-content:space-between}.multi-tab-container .multi-order-tab[data-v-990e80a6]>[class*=mtd-tabs-content]{display:none}.multi-tab-container .multi-order-tab-pane-content[data-v-990e80a6]{height:calc(100% - 32px);flex-grow:1;display:flex;flex-direction:column}.business-detail-template[data-v-a2b1c417]{position:relative;height:100%;width:100%;background-color:#f3f3f4;display:flex;flex-direction:column}.business-detail-template .business-operation-affix[data-v-a2b1c417]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.business-detail-template .tag-container[data-v-a2b1c417]{width:100%;margin-bottom:8px;background:var(--color-white);padding:12px 12px 0;border-radius:var(--border-radius-3)}.business-detail-template .affix-container[data-v-a2b1c417]{position:relative;z-index:3}.business-detail-template .business-detail-scroll-container[data-v-a2b1c417]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.business-detail-template .business-detail-scroll-container[data-v-a2b1c417]::-webkit-scrollbar{display:none}:root{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh}#app{max-width:1280px;margin:20px;height:100%}@media (prefers-color-scheme: dark){textarea{background-color:#fff}}.global-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#ffffff80}.object-selector-container{position:relative;height:100%;display:flex;flex-direction:column}.object-selector-container .selector-content{flex:1;overflow:auto;padding:0 24px;isolation:isolate}.object-selector-container .selector-content>[class*=mtd-announcement]{padding:7px 10px;border-radius:6px}.object-selector-container .selector-content .lc-block-content{padding:0 16px 16px 0!important}.object-selector-container .selector-btn-group{display:flex;position:relative;height:48px;padding:8px 16px;gap:0 8px;justify-content:end;box-shadow:0 -8px 24px #0000001f;background-color:#fff}.option-tag[data-v-34fbc13c]{font-size:var(--font-size-1);border-radius:4px;text-align:center}.option-item[data-v-34fbc13c]{position:relative;display:flex;align-items:start;padding:2px 0 2px 26px}.option-item[data-v-34fbc13c]:hover{background-color:#0000000a;border-radius:4px;cursor:pointer}.option-item .zhushou-tag[data-v-34fbc13c]{left:0;position:absolute;width:20px;height:20px;line-height:20px;background-color:var(--cs-common-primary4-color);color:var(--cs-common-primary-color)}.option-item .question-item-content[data-v-34fbc13c]{display:flex}.option-item .question-item-content .faq-option-item[data-v-34fbc13c]{display:flex;align-items:center}.option-item .question-item-content .faq-option-item .mtd-right-icon[data-v-34fbc13c]{margin:0 4px;color:#11192573}.option-item .option-item-ellipsis[data-v-34fbc13c],.option-item .option-item-gray[data-v-34fbc13c]{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-item .option-item-ellipsis[data-v-34fbc13c]{font-weight:600;color:#111925}.option-item .option-item-ellipsis[data-v-34fbc13c] .text-highlight{color:#ff1f1f}.option-item .option-item-gray[data-v-34fbc13c]{color:#111925a6}.option-item .option-item-gray[data-v-34fbc13c] .text-highlight{color:#ff5e5e}.option-item .question-search-tag[data-v-34fbc13c]{font-size:var(--font-size-1);white-space:nowrap;color:#0000004d;margin-left:5px}.option-item .question-faq-tag[data-v-34fbc13c]{font-size:var(--font-size-1);color:#0000004d}@keyframes scaleCircle-7eaf6236{0%{transform:scale(1)}to{transform:scale(1.4)}}.voice-input[data-v-7eaf6236]{position:relative}.voice-input__icon[data-v-7eaf6236]{left:0;width:24px;height:24px;line-height:24px;border-radius:50%;overflow:hidden;text-align:center;margin:auto;cursor:pointer}.voice-input__icon-default[data-v-7eaf6236]:hover{background:#0000000f}.voice-input__icon-red[data-v-7eaf6236]{background-color:#f5483b}.voice-input__dialog[data-v-7eaf6236]{display:inline-flex}.voice-input__dialog-wrap[data-v-7eaf6236]{position:relative;top:8px;right:6px}.voice-input__dialog-wrap .voice-input__icon[data-v-7eaf6236]{position:absolute;top:0;z-index:10}.voice-input__dialog-wrap__circle[data-v-7eaf6236]{width:24px;height:24px;margin:auto;border-radius:50%;overflow:hidden;background-color:#f5483b;opacity:.3;animation:scaleCircle-7eaf6236 .8s infinite}.voice-input__dialog-end[data-v-7eaf6236]{width:52px;height:24px;line-height:24px;margin:10px auto 0;text-align:center;cursor:pointer;font-size:12px;border:1px solid rgba(0,0,0,.12);border-radius:4px;color:#000000d6}.option-prompt[data-v-1ac7e692]{font-size:var(--font-size-1);color:#999}.switch-question-input .icon-csmicrophone[data-v-1ac7e692]{cursor:pointer}.no-questions-find[data-v-1ac7e692]{display:flex;align-items:center;justify-content:center;margin:10px 0;color:#0006}.question_list_title[data-v-1ac7e692]{font-size:14px;margin-bottom:5px;margin-top:8px}.question_list_item[data-v-1ac7e692]{margin-top:14px}.search-more-btn[data-v-1ac7e692]{font-size:12px;margin:10px 0 0 12px}.search-more-btn .mtdicon-right[data-v-1ac7e692]{margin-left:6px}.search-more-btn[data-v-1ac7e692]:hover{background:none}.horizontal-line[data-v-1ac7e692]{border-top:1px solid #f0f0f0;margin:10px 0}.forbidden-tips[data-v-1ac7e692]{text-align:center;margin:15px 0}.tab-content[data-v-1ac7e692]{position:relative;min-height:20px}.list-bulleted-icon[data-v-cf841725]{cursor:pointer}.tree-container[data-v-cf841725]{position:relative;isolation:isolate}.tree-container .question-item[data-v-cf841725]{display:flex;align-items:center}.tree-container .question-item .question-item-name[data-v-cf841725]{margin-left:16px}.tree-container .option-tag[data-v-cf841725]{font-size:var(--font-size-1);height:20px;border-radius:4px;line-height:20px;text-align:center}.tree-container .zhushou-tag[data-v-cf841725]{position:absolute;left:8px;width:20px;height:20px;line-height:20px;background-color:var(--cs-common-primary4-color);color:var(--cs-common-primary-color)}.tree-container .right-thick-icon[data-v-cf841725]{color:#00000040;position:absolute;right:0}.tree-container .hide-right-thick[data-v-cf841725]{display:none}.tree-container .faq-item[data-v-cf841725]{display:flex;align-items:center}.tree-container[data-v-cf841725] [class*=mtd-cascader-menus]{max-height:200px}.tree-container[data-v-cf841725] [class*=mtd-cascader-menu-item-expand-icon]{display:none}.no-data-info[data-v-cf841725]{display:flex;align-items:center;justify-content:center;width:100px;height:120px;color:#11192573}.service-faq-tree-popper{padding:8px 16px 0}.bottom-line[data-v-9d52dedc]{border-bottom:solid 1px #f0f0f0}.search-recommend-container[data-v-9d52dedc]{position:relative;height:60px;width:100%;display:flex;gap:8px;align-items:center;padding:0 8px;background-color:#fff;overflow:hidden}.search-recommend-container .list-bulleted-icon[data-v-9d52dedc]{cursor:pointer;padding:4px}.search-recommend-container .list-bulleted-icon[data-v-9d52dedc]:hover{background-color:#0000000a}.search-recommend-container .recommend-container[data-v-9d52dedc]{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.search-recommend-container .recommend-container .question-container[data-v-9d52dedc]{display:flex;flex-grow:1;margin-right:8px;overflow:hidden}.search-recommend-container .recommend-container .question-container[data-v-9d52dedc]>:not(:first-child):before{content:"";height:14px;border-left:1px solid #f0f0f0;margin-right:8px}.search-recommend-container .recommend-container .question-container[data-v-9d52dedc]>:first-child{padding-left:8px}.search-recommend-container .recommend-container .question-showall-btn[data-v-9d52dedc]{margin-left:auto;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.search-recommend-container .recommend-container .question-showall-btn[data-v-9d52dedc]:hover{background-color:#0000000a}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-group]:not([class*=mtd-input-group-prepend]){min-width:150px;flex:1;border:1px solid rgba(0,0,0,.12);border-radius:var(--border-radius-3)}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-group]:not([class*=mtd-input-group-prepend]):hover{border-color:var(--cs-common-primary-color)}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-group]:not([class*=mtd-input-group-prepend]) [class*=mtd-input-group-prepend]{background:none;border:none}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-wrapper]{width:100%;padding:0;height:32px;border:none}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-wrapper] [class*=mtd-input]{color:#111925;cursor:text}.search-recommend-container[data-v-9d52dedc] [class*=mtd-input-wrapper] [class*=mtd-input-suffix-inner]{margin-right:8px}.question-item[data-v-9d52dedc]{min-width:120px;display:flex;padding:4px 8px 4px 0;white-space:nowrap;overflow:hidden;cursor:pointer;border-radius:6px;align-items:center}.question-item[data-v-9d52dedc]:hover{background-color:#0000000a}.question-item .question-name[data-v-9d52dedc]{color:#111925;overflow:hidden;text-overflow:ellipsis}.popver-question-container[data-v-9d52dedc]{max-height:180px;display:flex;flex-direction:column;overflow-y:scroll}.popver-question-container .question-item[data-v-9d52dedc]{flex-shrink:0;width:140px;padding:7px 4px 7px 8px}.popver-question-container .question-item .question-name[data-v-9d52dedc]{line-height:22px}.zhushou-tag[data-v-9d52dedc]{width:20px;border-radius:4px;margin-right:4px;background:#ebf8f3;font-size:var(--font-size-1);color:var(--color-primary-2);flex-shrink:0;text-align:center}.search-recommend-select-popover-service-butler{min-width:500px;margin-left:-35px}.search-recommend-select-popover-service-butler .tab-content{max-height:400px;overflow-y:scroll}.communication-search-form[data-v-87d3e35f]{background:#f7f7f7;border-radius:4px;padding:16px}.communication-search .switch-self-contained[data-v-87d3e35f]{margin-right:7px}.communication-search .title[data-v-87d3e35f]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.communication-search .communication-types[data-v-87d3e35f]{display:flex;align-items:center}.communication-search .communication-types .select-all-checkbox[data-v-87d3e35f]{margin-right:16px;color:var(--color-danger-1)}.communication-search .communication-types .communication-types-items[data-v-87d3e35f]{display:flex;flex-wrap:wrap}.service-process-header-tab[data-v-ac508214]{margin-bottom:8px}.service-process-header .switch-self-contained[data-v-ac508214]{margin-right:7px}.service-process-header .title[data-v-ac508214]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-ac508214]{margin-right:10px;flex:0 0 56px}.service-process-header .cancel-title[data-v-ac508214]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-ac508214]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-ac508214],.service-process-header .form-line-center-left[data-v-ac508214]{display:flex}.service-process-header .form-line-center-left-center[data-v-ac508214],.service-process-header .form-line-center-right-center[data-v-ac508214]{display:flex;align-items:center}.service-process-header .form-line[data-v-ac508214],.service-process-header .form-line-right[data-v-ac508214],.service-process-header .form-line-left[data-v-ac508214]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-ac508214]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-ac508214]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-ac508214]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-ac508214]{justify-content:space-between}.service-process-header .refresh-button[data-v-ac508214]{font-weight:900;flex:0 0 75px}.service-process-header .search-btn[data-v-ac508214]{margin-right:10px}.service-process-header .w-120[data-v-ac508214]{width:120px}.service-process-header .w-160[data-v-ac508214]{width:160px}.service-process-header .full-w[data-v-ac508214]{width:100%}.service-process-header .w-200[data-v-ac508214]{width:200px}.service-process-header .fix-w-105[data-v-ac508214]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-ac508214]{flex:0 0 200px}.service-process-header .auto-w-200[data-v-ac508214]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-ac508214]{width:180px}.service-process-header .mr-24[data-v-ac508214]{margin-right:24px}.service-process-header .mr-4[data-v-ac508214]{margin-right:4px}.service-process-header .pointer[data-v-ac508214]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-ac508214]{margin-top:6px}.service-process-header .service-process-filter-item[data-v-ac508214]:last-child{margin-right:16px}.service-process-header .fold-btn[data-v-ac508214]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer}.service-process-header[data-v-ac508214] .mtd-checkbox,.service-process-header[data-v-ac508214] .cs-mtd-checkbox{margin-right:16px}.service-process-header[data-v-ac508214] .mtd-form-item,.service-process-header[data-v-ac508214] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-ac508214] .mtd-tabs-bottom-border,.service-process-header[data-v-ac508214] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-ac508214] .mtd-tabs-content,.service-process-header[data-v-ac508214] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-ac508214] .mtd-tabs-bar-active,.service-process-header[data-v-ac508214] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-ac508214] .mtd-tab-active,.service-process-header[data-v-ac508214] .cs-mtd-tab-active,.service-process-header[data-v-ac508214] .mtd-tabs-item:hover,.service-process-header[data-v-ac508214] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-ac508214] .mtd-tabs,.service-process-header[data-v-ac508214] .cs-mtd-tabs{color:#111925d9}.case-info-name[data-v-ac508214]{margin-top:6px;font-size:14px;line-height:18px;color:#000000e6;margin-bottom:6px}.case-info-time[data-v-ac508214]{font-size:12px;line-height:16px;color:#000000e6;margin-bottom:6px}.service-process-header-tab[data-v-1d4d7b5e]{margin-bottom:8px}.service-process-header-form[data-v-1d4d7b5e]{background:#f7f7f7;border-radius:4px;padding:16px}.service-process-header .switch-self-contained[data-v-1d4d7b5e]{margin-right:7px}.service-process-header .title[data-v-1d4d7b5e]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-1d4d7b5e]{margin-right:10px;flex:0 0 56px}.service-process-header .cancel-title[data-v-1d4d7b5e]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-1d4d7b5e]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-1d4d7b5e],.service-process-header .form-line-center-left[data-v-1d4d7b5e]{display:flex}.service-process-header .form-line-center-left-center[data-v-1d4d7b5e],.service-process-header .form-line-center-right-center[data-v-1d4d7b5e]{display:flex;align-items:center}.service-process-header .form-line[data-v-1d4d7b5e],.service-process-header .form-line-right[data-v-1d4d7b5e],.service-process-header .form-line-left[data-v-1d4d7b5e]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-1d4d7b5e]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-1d4d7b5e]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-1d4d7b5e]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-1d4d7b5e]{justify-content:space-between}.service-process-header .refresh-button[data-v-1d4d7b5e]{font-weight:900;flex:0 0 75px}.service-process-header .search-btn[data-v-1d4d7b5e]{margin-right:10px}.service-process-header .w-120[data-v-1d4d7b5e]{width:120px}.service-process-header .w-160[data-v-1d4d7b5e]{width:160px}.service-process-header .full-w[data-v-1d4d7b5e]{width:100%}.service-process-header .w-200[data-v-1d4d7b5e]{width:200px}.service-process-header .fix-w-105[data-v-1d4d7b5e]{flex:0 0 105px}.service-process-header .fix-w-220[data-v-1d4d7b5e]{flex:0 0 220px}.service-process-header .auto-w-200[data-v-1d4d7b5e]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-1d4d7b5e]{width:180px}.service-process-header .pointer[data-v-1d4d7b5e]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-1d4d7b5e]{margin-top:6px}.service-process-header .service-process-filter-item[data-v-1d4d7b5e]:last-child{margin-right:16px}.service-process-header[data-v-1d4d7b5e] .mtd-checkbox,.service-process-header[data-v-1d4d7b5e] .cs-mtd-checkbox{margin-right:16px}.service-process-header[data-v-1d4d7b5e] .mtd-form-item,.service-process-header[data-v-1d4d7b5e] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-1d4d7b5e] .mtd-tabs-bottom-border,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-1d4d7b5e] .mtd-tabs-content,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-1d4d7b5e] .mtd-tabs-bar-active,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-1d4d7b5e] .mtd-tab-active,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tab-active,.service-process-header[data-v-1d4d7b5e] .mtd-tabs-item:hover,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-1d4d7b5e] .mtd-tabs,.service-process-header[data-v-1d4d7b5e] .cs-mtd-tabs{color:#111925d9}.action-icon[data-v-e1b2e362]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-icon[data-v-e1b2e362]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-e1b2e362] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-e1b2e362] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-e1b2e362] .case-log-detail-btn-badge .mtd-badge-position,[data-v-e1b2e362] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.service-process-operation-list[data-v-c99c3264]{display:flex;flex-wrap:wrap}.service-process-operation-list .service-process-operation-item[data-v-c99c3264]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-c99c3264]:last-child{margin-right:0}.service-process-operation-list[data-v-0c955d70]{display:flex;flex-wrap:wrap}.service-process-operation-list .service-process-operation-item[data-v-0c955d70]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-0c955d70]:last-child{margin-right:0}.service-process-operation-list[data-v-cf371211]{display:flex}.service-process-operation-list .service-process-operation-item[data-v-cf371211]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-cf371211]:last-child{margin-right:0}.service-process-operation-list .resend-btn[data-v-cf371211]{margin-left:10px}.service-process-operation-list[data-v-8672900e]{display:flex}.service-process-operation-list .service-process-operation-item[data-v-8672900e]{margin-right:10px}.service-process-operation-list .service-process-operation-item[data-v-8672900e]:last-child{margin-right:0}.dialog-body[data-v-c160359b]{min-height:100px}.service-process-operation-list[data-v-3e78b3bb]{display:flex}.service-process-operation-list .service-process-operation-item[data-v-3e78b3bb]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-3e78b3bb]:last-child{margin-right:0}.service-process-operation-list[data-v-80f88074]{display:flex}.service-process-operation-list .service-process-operation-item[data-v-80f88074]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-80f88074]:last-child{margin-right:0}.summary-table-wrapper[data-v-d71808df]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-d71808df]{overflow:auto}.summary-pagination[data-v-d71808df]{margin-top:12px;display:flex;justify-content:center}.muti-field[data-v-d71808df] .cs-f-secret-field{display:inline;width:auto}.case-log-content-clamp[data-v-d71808df]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.service-item[data-v-aa19ad68]{display:flex;font-size:14px;letter-spacing:0;font-weight:400}.service-item-break-content[data-v-aa19ad68]{word-break:break-all}.item-label[data-v-aa19ad68]{color:#00000080;padding-right:12px;flex:0 0 auto;max-width:100px}.item-content[data-v-aa19ad68]{flex:1 1 auto;color:#000000e6}.compensate-apply-dialog[data-v-4afd1d86]{width:400px;max-width:85vh;overflow:auto;margin:20px 30px}.compensate-apply-dialog .refund-risk-warn[data-v-4afd1d86]{display:flex;height:45px;align-items:center;border-radius:3px;background:#ff00004d}.compensate-apply-dialog .refund-risk-warn .hint-icon[data-v-4afd1d86]{color:#ef4136;margin:0 10px;font-size:25px}.compensate-apply-dialog .refund-risk-warn .hint-content[data-v-4afd1d86]{margin:auto}.compensate-apply-dialog .compensate-item[data-v-4afd1d86]{color:#000;font-size:14px;margin-top:10px;display:flex;flex-direction:row;justify-content:flex-start}.compensate-apply-dialog .compensate-item-left[data-v-4afd1d86]{width:120px;margin-right:10px}.compensate-apply-dialog .xiaoxiang-coupons-table[data-v-4afd1d86]{display:block;max-height:500px;overflow:auto}.dialog-sidebar[data-v-6c4c3fa8]{width:100px;height:400px;border-right:1px solid #ddd}.dialog-sidebar-item[data-v-6c4c3fa8]{display:block;width:100%;padding:5px 0 5px 20px;font-weight:700}.dialog-sidebar-item-selected[data-v-6c4c3fa8]{background-color:#f6f6f6}.sms-content[data-v-6c4c3fa8]{width:450px}.case-response-mail-container[data-v-16be352f]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;min-height:50px;min-width:400px}[data-v-16be352f] .mtd-collapse-item-header,[data-v-16be352f] .cs-mtd-collapse-item-header{min-width:650px}.spacing[data-v-16be352f]{margin-right:10px}.topic-group-empty[data-v-16be352f]{text-align:center}.topic-group-container[data-v-16be352f]{max-height:60vh;overflow-y:auto}.topic-group[data-v-16be352f]{width:600px}.topic-group[data-v-16be352f]:not(:last-child){border-width:1px 1px 0;border-style:solid;border-color:#b7b7b7}.topic-group[data-v-16be352f]:last-child{border-width:1px;border-style:solid;border-color:#b7b7b7}.topic-title[data-v-16be352f]{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-detail[data-v-16be352f]{padding:20px 40px;max-height:500px;width:600px;overflow:auto}.mail-detail[data-v-16be352f]{width:100%;gap:10px 0}.mail-detail .response-mail-btn[data-v-16be352f]{gap:0 20px}.mail-detail .detail-field[data-v-16be352f]{width:100%}.mail-detail .detail-field-title[data-v-16be352f]{width:80px;margin-right:15px;text-align:right}.mail-detail .flex-row[data-v-16be352f]{display:flex;flex-direction:row}.mail-detail .flex-column[data-v-16be352f]{display:flex;flex-direction:column}.mail-detail .detail-field-content[data-v-16be352f]{width:100%}.mail-detail .detail-field-content[data-v-16be352f] .cs-f-secret-field{width:auto}.mail-detail .detail-field-content .mtd-input-wrapper[data-v-16be352f],.mail-detail .detail-field-content .cs-mtd-input-wrapper[data-v-16be352f]{width:100%}.mail-detail .detail-field-content .mtd-textarea[data-v-16be352f],.mail-detail .detail-field-content .cs-mtd-textarea[data-v-16be352f]{width:100%;resize:none}.mail-detail .attachement-item[data-v-16be352f]{margin-right:10px}.mail-detail .mail-confirm-btn[data-v-16be352f]{margin-right:12px}a[data-v-16be352f],a[data-v-16be352f]:hover,a[data-v-16be352f]:link,a[data-v-16be352f]:visited{text-decoration:none}.required[data-v-16be352f]{position:relative}.required[data-v-16be352f]:before{content:"*";display:inline-block;position:absolute;top:1px;left:-12px;color:#f54b1e;font-weight:700;font-size:16px}.rich-text-editor-container[data-v-16be352f]{width:100%;border:1px solid #ccc}.rich-text-editor-container .rich-text-toolbar[data-v-16be352f]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-16be352f]{overflow-y:hidden}.assistant-task-record[data-v-9e719791]{min-width:760px;min-height:550px}.action-detail-list-compensate-approve[data-v-26766474]{width:400px;padding:20px}.action-detail-list-compensate-approve .compensate-approve-content-row[data-v-26766474]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-26766474]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-right[data-v-26766474]{flex:1}.action-detail-push[data-v-d8a8311f]{width:400px;padding:20px}.action-detail-push .content-row[data-v-d8a8311f]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-push .content-row .content-row-left[data-v-d8a8311f]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-detail-push .content-row .content-row-right[data-v-d8a8311f]{flex:1}.action-detail-push .content-row .content-row-right-textarea[data-v-d8a8311f]{height:100px;padding:6px 10px;resize:none;border:1px solid #ddd;border-radius:2px;word-break:break-all}.action-detail-list-compensate-all[data-v-2dfdc216]{width:600px;padding:20px}.action-detail-list-compensate-all .approve-flex[data-v-2dfdc216]{display:flex;justify-content:space-between;align-items:center}.action-detail-list-compensate-all .field-secret-flex[data-v-2dfdc216]{display:flex;justify-content:center}.action-detail-list-compensate-all .field-secret-flex .cs-f-secret-field[data-v-2dfdc216]{width:auto}.action-detail-list-compensate-all .field-secret-flex .cs-secret-field[data-v-2dfdc216]{width:auto!important}.action-detail-list-compensate-all .compensate-apply-id[data-v-2dfdc216]{margin-bottom:10px}.action-detail-list-compensate-all[data-v-ddbc77ff]{width:600px;padding:20px}.action-detail-list-compensate-all .list-content[data-v-ddbc77ff]{max-height:65vh;overflow:scroll}.action-detail-list-compensate-all .compensate-applyid[data-v-ddbc77ff]{margin-bottom:10px}.action-detail-list-compensate-all .row-content[data-v-ddbc77ff]{width:100%;display:flex;margin-bottom:5px}.action-detail-list-compensate-all .row-content span[data-v-ddbc77ff]:nth-child(1),.action-detail-list-compensate-all .row-content span[data-v-ddbc77ff]:nth-child(2){flex:20}.action-detail-list-compensate-all .row-content span[data-v-ddbc77ff]:nth-child(3),.action-detail-list-compensate-all .row-content span[data-v-ddbc77ff]:nth-child(4){flex:30}.action-detail-list-compensate-execute[data-v-b5180892]{width:500px;padding:20px}.action-detail-list-compensate-execute .content-row[data-v-b5180892]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-b5180892]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-execute .content-row .compensate-execute-right[data-v-b5180892]{flex:1}.action-detail-list-compensate-reject[data-v-7f7bced6]{width:400px;padding:20px}.action-detail-list-compensate-reject .compensate-reject-content-row[data-v-7f7bced6]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-7f7bced6]{width:100px;text-align:end;margin-right:20px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-right[data-v-7f7bced6]{flex:1}.content-row[data-v-abe027f4]{width:550px;margin:10px;display:flex;align-items:center;justify-content:start}.content-row .content-row-left[data-v-abe027f4]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.content-row .content-row-right[data-v-abe027f4]{flex:1}.host-summary-box li[data-v-e9cf85bf]{display:flex;justify-content:space-between;margin-top:10px}.host-summary-box li span[data-v-e9cf85bf]{display:inline-block}.host-summary-box li .host-summary-left[data-v-e9cf85bf]{width:80px}.host-summary-box li .host-summary-right[data-v-e9cf85bf]{width:240px}.cancel-reason[data-v-6137853b]{width:360px}.cancel-message-submit[data-v-6137853b]{margin-right:5px}.mail-record-dialog .mail-detial[data-v-19ff4dfc]{height:400px;width:600px;overflow-y:auto!important}.mail-record-dialog .content-row[data-v-19ff4dfc]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.mail-record-dialog .content-row .content-row-left[data-v-19ff4dfc]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.mail-record-dialog .content-row .content-row-right[data-v-19ff4dfc]{flex:1}.mail-record-dialog .break-all[data-v-19ff4dfc]{word-break:break-all}.action-detail-message[data-v-b446a598]{width:600px;height:400px;margin:15px 15px 10px}.action-detail-message .action-detail-message-textarea[data-v-b446a598]{width:500px}.asr-player-sdk-dialog-top[data-v-aeef93d8]{display:flex;align-items:center;justify-content:space-between}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-aeef93d8]{display:flex;width:756px}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-aeef93d8]{display:flex;margin-right:24px}.dialog-top-operation-text[data-v-aeef93d8]{margin-right:10px}.asr-player-sdk-dialog-text[data-v-aeef93d8]{color:#333;font-size:14px;margin:5px 0;font-weight:500}.asr-player-sdk-container[data-v-aeef93d8]{width:896px;margin-top:10px}.asr-player-sdk-container[data-v-aeef93d8] .media-editor-word-wrap{max-height:50vh}.asr-player-sdk-container[data-v-aeef93d8] .media-editor-audio-wrap{background:var(--color-white)!important}.asr-player-sdk-dialog-tips[data-v-aeef93d8]{color:red;margin:4px 0}.loading[data-v-aeef93d8]{height:100px}.loading[data-v-aeef93d8] .mtd-loading-circle,.loading[data-v-aeef93d8] .cs-mtd-loading-circle{color:#468dfb!important}.translate-content-box[data-v-30d94759]{height:300px;overflow:auto}.translate-content[data-v-30d94759]{display:flex;flex-direction:row}.translate-content .head-portrait-src[data-v-30d94759]{width:45px;height:auto;margin-right:20px}.translate-content-list[data-v-30d94759]{margin-left:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}.action-detail-call[data-v-754222ad]{min-width:500px;min-height:100px;padding:10px}.action-detail-call .content-row[data-v-754222ad]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-call .content-row .content-row-left[data-v-754222ad]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-detail-call .content-row .content-row-right-audio[data-v-754222ad]{display:flex;align-items:center}.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-754222ad]{position:relative}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-754222ad]{font-size:14px;font-weight:700;color:var(--cs-common-primary-color);margin-left:10px;margin-right:10px;cursor:pointer}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-754222ad]{position:absolute;width:240px;top:-55px;left:-80px;padding:5px 10px;border:1px solid var(--cs-common-primary-color)}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-754222ad]{padding-right:10px;cursor:pointer}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-754222ad]{font-size:14px;font-weight:700;color:var(--cs-common-primary-color);margin-left:10px;margin-right:10px;cursor:pointer}.action-detail-call .content-row .content-row-right[data-v-754222ad]{flex:1}.batch-closed-autocall-detail[data-v-effa64ad]{width:600px;padding:10px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row[data-v-effa64ad]{display:flex;flex-direction:row;line-height:32px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-effa64ad]{width:100px;text-align:end;margin-right:20px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right[data-v-effa64ad]{flex:1}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right .upload-record-audio[data-v-effa64ad]{margin:5px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-call-content[data-v-effa64ad]{width:100%}.ivr-chat-detail-dialog[data-v-4fbd852a]{width:700px;max-height:400px;overflow:auto;padding-right:5px}.ivr-chat-detail-box[data-v-4fbd852a]{padding:5px 0}.ivr-chat-detail-img[data-v-4fbd852a]{height:36px;width:36px}.user-content[data-v-4fbd852a]{display:flex;align-content:center;flex-direction:row}.user-content .avatar[data-v-4fbd852a]{width:36px;height:36px;background-size:100%;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/customer-default.png)}.user-content .content[data-v-4fbd852a]{margin-left:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.user-content .content .time[data-v-4fbd852a]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.user-content .content .msg[data-v-4fbd852a]{min-height:40px;max-width:592px;padding:10px;background:#5dc77b1f;border:1px solid rgba(0,0,0,.12);border-radius:5px}.user-content .action-info[data-v-4fbd852a]{margin-left:4px;word-break:keep-all;align-self:flex-end;color:#00000080}.robot-content[data-v-4fbd852a]{display:flex;align-content:center;flex-direction:row-reverse}.robot-content .avatar[data-v-4fbd852a]{width:36px;height:36px;background-size:100%;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/robot.png)}.robot-content .content[data-v-4fbd852a]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.robot-content .content .time[data-v-4fbd852a]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.robot-content .content .msg[data-v-4fbd852a]{min-height:40px;max-width:592px;padding:10px;background:#fafafa;border:1px solid rgba(0,0,0,.12);border-radius:5px}.robot-content .action-info[data-v-4fbd852a]{margin-right:4px;word-break:keep-all;align-self:flex-end;color:#00000080}.ivr-chat-detail-tag[data-v-4fbd852a]{width:110px;padding:5px 20px;margin:0 auto;background:#ececec;color:#666;border-radius:20px;text-align:center}.ivr-chat-detail-time[data-v-4fbd852a]{color:#999}.ivr-chat-detail-right[data-v-4fbd852a]{text-align:right;color:#999}.ivr-chat-msg[data-v-4fbd852a]{position:absolute;left:-32px;bottom:0;color:#999;font-size:12px}.ivr-chat-detail-blank[data-v-4fbd852a]{color:#999;font-size:14px;text-align:center;padding:20px}.ivr-recording-details[data-v-4fbd852a]{background-color:#fafafa;width:100%;display:flex;flex-direction:column}.ivr-recording-details .ivr-recording-details-header[data-v-4fbd852a]{width:100%;border-style:solid;border-color:#ebebeb;border-width:1px 1px 0;padding:10px;font-size:16px}.ivr-recording-details .ivr-recording-details-body[data-v-4fbd852a]{width:100%;border:1px solid #ebebeb}.ivr-recording-details .ivr-recording-details-row[data-v-4fbd852a]{width:100%;display:flex}.ivr-recording-details .ivr-recording-details-row span[data-v-4fbd852a]{width:50%;margin:0 10px 10px}.ivr-recording-details .ivr-recording-details-row:first-child span[data-v-4fbd852a]{width:50%;margin:10px}.task-listening[data-v-76eadfa4]{width:400px;padding:20px}.task-listening .content-row[data-v-76eadfa4]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.task-listening .content-row .content-row-left[data-v-76eadfa4]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.task-listening .content-row .content-row-right[data-v-76eadfa4]{flex:1}.task-listening .content-row .content-row-right .task-status[data-v-76eadfa4]{margin-right:10px}ul li[data-v-e0cf7aa7]{line-height:24px}.stay-andon-detail[data-v-10efa840]{width:auto}.sms-template-content[data-v-f7b3be52]{padding:12px 24px}.cost-allocation[data-v-26660a87]{width:720px}.account-adjustment-apply-log .account-adjustment-apply-log-id-wrapper[data-v-50f3385c]{padding:5px 0}.account-adjustment-apply-log .account-adjustment-apply-log-remark[data-v-50f3385c]{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.cs-action-detail-auth-application-dialog[data-v-a12d116f]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-a12d116f]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}.cs-action-detail-auth-application-dialog[data-v-a12d116f] .mtd-form-item-label,.cs-action-detail-auth-application-dialog[data-v-a12d116f] .cs-mtd-form-item-label{text-align:left}.cs-action-detail-auth-application-dialog[data-v-a12d116f] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-a12d116f] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-a12d116f] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-a12d116f] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-a12d116f] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-a12d116f] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-a12d116f]{display:flex;justify-content:center}.cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-a12d116f]{margin-right:10px}.cs-action-detail-auth-application-dialog[data-v-da4109fa]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-da4109fa]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}.cs-action-detail-auth-application-dialog[data-v-da4109fa] .mtd-form-item-label,.cs-action-detail-auth-application-dialog[data-v-da4109fa] .cs-mtd-form-item-label{text-align:left}.cs-action-detail-auth-application-dialog[data-v-da4109fa] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-da4109fa] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-da4109fa] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-da4109fa] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-da4109fa] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-da4109fa] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-da4109fa]{display:flex;justify-content:center}.cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-da4109fa]{margin-right:10px}.cs-action-detail-relative-case-dialog[data-v-7bda2085]{max-height:500px;width:500px;overflow-y:auto}.cs-action-detail-relative-case-dialog .content-row[data-v-7bda2085]{line-height:24px;display:flex}.cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-7bda2085]{width:110px;margin-right:15px;text-align:right}.cs-action-detail-relative-case-dialog .case-operation-detail[data-v-7bda2085]{border-top:1px dashed #ccc;padding:10px 10px 0 48px;word-break:break-all;white-space:normal}.communication-detail .service-list-row[data-v-33d39c0e]{display:flex}.communication-detail .service-list-row .secret-text[data-v-33d39c0e]{width:90px}.communication-detail[data-v-33d39c0e] .mtd-form-item,.communication-detail[data-v-33d39c0e] .cs-mtd-form-item{margin-bottom:5px}.communication-call-detail[data-v-31d6c743]{width:460px}.communication-call-detail .service-list-row[data-v-31d6c743]{display:flex}.communication-call-detail[data-v-31d6c743] .mtd-form-item,.communication-call-detail[data-v-31d6c743] .cs-mtd-form-item{margin-bottom:5px}.communication-chat-detail[data-v-029469ee]{width:540px}.communication-chat-detail[data-v-029469ee] .mtd-form-item,.communication-chat-detail[data-v-029469ee] .cs-mtd-form-item{margin-bottom:5px}.communication-contact-detail[data-v-724ed2de]{width:460px}.communication-outbound-detail[data-v-f71e603d]{width:540px}.communication-outbound-detail .service-list-row[data-v-f71e603d]{display:flex}.communication-outbound-detail[data-v-f71e603d] .mtd-form-item,.communication-outbound-detail[data-v-f71e603d] .cs-mtd-form-item{margin-bottom:5px}.action-related-information[data-v-ea4d79a5]{width:500px;height:280px;margin:15px 15px 10px}.action-related-information .content-row[data-v-ea4d79a5]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-related-information .content-row .content-row-left[data-v-ea4d79a5]{width:80px;text-align:left;flex-shrink:0;margin-right:15px}.action-related-information .content-row .content-row-right-audio[data-v-ea4d79a5]{display:flex;align-items:center}.action-related-information .content-row .content-row-right[data-v-ea4d79a5]{flex:1}.summary-table-wrapper[data-v-e08234d6]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-e08234d6]{overflow:auto}.summary-pagination[data-v-e08234d6]{margin-top:12px;display:flex;justify-content:center}[data-v-e08234d6] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-e08234d6] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-e08234d6] .case-log-detail-btn-badge .mtd-badge-position,[data-v-e08234d6] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.summary-table-wrapper[data-v-e0b6983f]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-e0b6983f]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-e0b6983f]{display:flex}.summary-table-wrapper .send-to-name[data-v-e0b6983f]{width:80px}.summary-pagination[data-v-e0b6983f]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-e0b6983f]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-e0b6983f]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-e0b6983f]{display:flex;align-items:center}.service-process-operation-list[data-v-3bd05f55]{display:flex;flex-wrap:wrap}.service-process-operation-list .service-process-operation-item[data-v-3bd05f55]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-3bd05f55]:last-child{margin-right:0}.service-process-operation-list[data-v-89a2ec51]{display:flex}.service-process-operation-list .service-process-operation-item[data-v-89a2ec51]{margin-right:5px}.service-process-operation-list .service-process-operation-item[data-v-89a2ec51]:last-child{margin-right:0}.action-button[data-v-5fa47385]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-5fa47385]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-5fa47385] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-5fa47385] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-5fa47385] .case-log-detail-btn-badge .mtd-badge-position,[data-v-5fa47385] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.communication-table-wrapper[data-v-16767e84]{margin-top:12px}.communication-table-wrapper .communication-table[data-v-16767e84]{overflow:auto}.communication-table-wrapper .service-list-row[data-v-16767e84]{display:flex}.communication-table-wrapper .send-to-name[data-v-16767e84]{width:120px}.communication-table-wrapper .department-size[data-v-16767e84]{font-size:13px}.communication-pagination[data-v-16767e84]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-16767e84]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-16767e84]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-16767e84]{display:flex;align-items:center}.summary-table-wrapper[data-v-2805b063]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-2805b063]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-2805b063]{display:flex}.summary-table-wrapper .send-to-name[data-v-2805b063]{width:80px}.summary-pagination[data-v-2805b063]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-2805b063]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-2805b063]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-2805b063]{display:flex;align-items:center}.action-flex .action-icon[data-v-2805b063]{margin:0 10px}.risk-flag[data-v-2805b063]{display:inline-block;color:#fff;font-size:12px;font-weight:400;line-height:20px;width:34px;height:20px;border-radius:2px;opacity:1;background:linear-gradient(120deg,#5ab1ee,#3969de);text-align:center}.special-appvoval-dialog[data-v-a1213d32]{min-height:110px}.special-appvoval-dialog .special-approval-modal-text[data-v-a1213d32]{margin-bottom:10px}.special-appvoval-dialog .font-red[data-v-a1213d32]{color:red;font-weight:700}.special-appvoval-dialog .dialog-footer[data-v-a1213d32]{display:flex;justify-content:end}.special-appvoval-dialog .dialog-footer .btn-left[data-v-a1213d32]{margin-right:10px}.summary-table-wrapper[data-v-38c433a1]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-38c433a1]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-38c433a1]{display:flex}.summary-table-wrapper .send-to-name[data-v-38c433a1]{width:80px}.summary-pagination[data-v-38c433a1]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-38c433a1]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-38c433a1]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-button[data-v-38c433a1]{color:var(--cs-common-primary-color);cursor:pointer}.action-flex[data-v-38c433a1]{display:flex;align-items:center;justify-content:space-evenly}.service-tag[data-v-8ae9550c]{margin-top:12px}.service-tag .service-tag-table[data-v-8ae9550c]{overflow:auto}.tag-pagination[data-v-8ae9550c]{margin-top:12px;display:flex;justify-content:center}.mail-tag[data-v-345c301b]{margin-top:12px}.mail-tag .mail-tag-table[data-v-345c301b]{overflow:auto}.mail-tag .secret-input-subject[data-v-345c301b]{color:#017f4a;cursor:pointer;font-weight:500}.mail-tag .attachment-list-img[data-v-345c301b]{width:100px}.mail-pagination[data-v-345c301b]{margin-top:12px;display:flex;justify-content:center}.summary-table-wrapper[data-v-fd207216]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-fd207216]{overflow:auto}.summary-pagination[data-v-fd207216]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-fd207216]{display:flex}.action-icon[data-v-fd207216]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-fd207216]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-fd207216] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-fd207216] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-fd207216] .case-log-detail-btn-badge .mtd-badge-position,[data-v-fd207216] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.talking-time-len[data-v-fd207216]{display:flex}.talking-time-len[data-v-fd207216] .cs-f-secret-field{width:auto}.summary-table-wrapper[data-v-3b99e4f4]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-3b99e4f4]{overflow:auto}.summary-pagination[data-v-3b99e4f4]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-3b99e4f4]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-3b99e4f4]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-3b99e4f4]{display:flex;align-items:center;justify-content:space-evenly}.summary-table-wrapper[data-v-38c99258]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-38c99258]{overflow:auto}.summary-pagination[data-v-38c99258]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-38c99258]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-38c99258]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-38c99258]{display:flex}.action-icon[data-v-38c99258]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-38c99258]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-38c99258] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-38c99258] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-38c99258] .case-log-detail-btn-badge .mtd-badge-position,[data-v-38c99258] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%;left:80%}.summary-table-wrapper[data-v-d7c67c41]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-d7c67c41]{overflow:auto}.summary-pagination[data-v-d7c67c41]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-d7c67c41]{display:flex;align-items:center}.action-icon[data-v-d7c67c41]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-d7c67c41]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.resend-btn[data-v-d7c67c41]{margin-left:10px}.summary-table-wrapper[data-v-73ac1df6]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-73ac1df6]{overflow:auto}.summary-pagination[data-v-73ac1df6]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-73ac1df6]{display:flex}.action-icon[data-v-73ac1df6]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-73ac1df6]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.summary-table-wrapper[data-v-2c903586]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-2c903586]{overflow:auto}.summary-pagination[data-v-2c903586]{margin-top:12px;display:flex;justify-content:center}.summary-table-wrapper[data-v-a2f66fd5]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-a2f66fd5]{overflow:auto}.summary-pagination[data-v-a2f66fd5]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-a2f66fd5]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-a2f66fd5]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.history-tag[data-v-464a0f07]{margin-top:12px}.history-tag .history-tag-table[data-v-464a0f07]{overflow:auto}.history-tag .history-tag-table .flow-history-remark-content[data-v-464a0f07]{height:45px;overflow:hidden}.history-tag .history-tag-table .flow-history-content-value[data-v-464a0f07] .text-unsecret{display:block;white-space:pre-wrap}.history-tag .history-tag-table .expanded[data-v-464a0f07]{height:auto;overflow:visible}.history-tag .history-tag-table[data-v-464a0f07] .mtd-btn-text-primary:focus,.history-tag .history-tag-table[data-v-464a0f07] .cs-mtd-btn-text-primary:focus{color:var(--cs-common-primary-color)}.tag-pagination[data-v-464a0f07]{margin-top:12px;display:flex;justify-content:center}.verification-tag[data-v-cf11e473]{margin-top:12px}.verification-tag .verification-tag-table[data-v-cf11e473]{overflow:auto}.tag-pagination[data-v-cf11e473]{margin-top:12px;display:flex;justify-content:center}.custom-collapse .collaps[data-v-a48853ba]{overflow:auto}.custom-collapse[data-v-a48853ba] .mtd-collapse-item,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item{margin:3px 3px 10px;border-bottom-style:none}.custom-collapse[data-v-a48853ba] .mtd-collapse-arrow,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse-arrow{line-height:32px}.custom-collapse[data-v-a48853ba] .mtd-collapse-item-content,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item-content{padding:0;margin-bottom:16px}.custom-collapse[data-v-a48853ba] .mtd-collapse,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse{border:none}.custom-collapse[data-v-a48853ba] .mtd-collapse-item-header,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item-header{background-color:var(--cs-common-primary4-color);border-radius:4px;height:32px;padding:3px 12px 3px 38px}.custom-collapse[data-v-a48853ba] .mtd-collapse-item:last-child,.custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item:last-child{margin-bottom:20px}.table-layout .mtd-pagination[data-v-635ad3a1],.table-layout .cs-mtd-pagination[data-v-635ad3a1]{padding-top:8px}.table-layout .row-class[data-v-635ad3a1],.table-layout .mtd-table[data-v-635ad3a1] .mtd-table-cell,.table-layout .mtd-table[data-v-635ad3a1] .cs-mtd-table-cell,.table-layout .cs-mtd-table[data-v-635ad3a1] .mtd-table-cell,.table-layout .cs-mtd-table[data-v-635ad3a1] .cs-mtd-table-cell{font-size:14px}.table-layout .mtd-table[data-v-635ad3a1] th,.table-layout .cs-mtd-table[data-v-635ad3a1] th{font-weight:500;color:#0009}.table-layout .mtd-table[data-v-635ad3a1] .mtd-table-empty-block,.table-layout .mtd-table[data-v-635ad3a1] .cs-mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-635ad3a1] .mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-635ad3a1] .cs-mtd-table-empty-block{font-size:14px}.table-layout .pagination-layout[data-v-635ad3a1]{margin-top:12px;display:flex;justify-content:center}.summary-collapse[data-v-73093d49]{margin-top:12px}.summary-collapse .collapse-title-layout[data-v-73093d49]{display:flex;place-content:center space-between;line-height:28px}.summary-collapse .collapse-title-layout .expand-head-case[data-v-73093d49]{margin-top:3px}.summary-collapse .collapse-title-layout .collapse-title-content[data-v-73093d49]{font-weight:600;font-size:14px;display:inline-block;margin-left:90px}.summary-collapse .collapse-title-layout .expand-head[data-v-73093d49]{width:50%;color:#0009;font-size:14px;font-weight:400px}.summary-case-collapse[data-v-2ef480fa]{margin-top:12px}.summary-case-collapse .collapse-title-layout[data-v-2ef480fa]{display:flex;place-content:center space-between;line-height:28px}.summary-case-collapse .collapse-title-layout .collapse-title-content[data-v-2ef480fa]{font-weight:600;font-size:14px}.summary-case-collapse .collapse-title-layout .expand-head[data-v-2ef480fa]{width:50%;color:#0009;font-size:14px;font-weight:400px}.action-detail-list[data-v-b086b9e6]{display:flex;flex-flow:row wrap;gap:0 4px}.action-detail-list .action-icon[data-v-b086b9e6]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-detail-list .action-icon[data-v-b086b9e6]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-detail-list .action-icon-disabled[data-v-b086b9e6]{opacity:.5;pointer-events:none}.action-detail-list .action-detail-adjust[data-v-b086b9e6]:before{content:"调"}.action-detail-list .action-detail-icon-to-mt[data-v-b086b9e6]{height:32px;width:32px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/mt.png);background-size:100% auto;vertical-align:middle}.action-detail-list .action-detail-icon-to-dp[data-v-b086b9e6]{height:28px;width:28px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/dp.png);background-size:100% auto;vertical-align:middle}.action-detail-list .action-detail-icon-to-dx[data-v-b086b9e6]{height:32px;width:32px;background-repeat:no-repeat;background-position:center;background-image:url(//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/assets/images/dx.png);background-size:100% auto;vertical-align:middle}.service-case-log[data-v-ce3dcf03]{margin-top:10px;width:100%}.service-case-log .service-case-log-comment[data-v-ce3dcf03]{display:flex;align-items:start;flex-flow:row nowrap;line-height:20px}.service-case-log .service-case-log-comment[data-v-ce3dcf03]:not(:last-child){margin-bottom:6px}.service-case-log .service-case-log-comment .content-left[data-v-ce3dcf03],.service-case-log .service-case-log-comment .content-right[data-v-ce3dcf03]{display:flex;align-items:start;flex-direction:row}.service-case-log .service-case-log-comment .content-left[data-v-ce3dcf03]{margin-right:20px}.service-case-log .service-case-log-comment .change-text-title[data-v-ce3dcf03]{padding-right:8px;white-space:nowrap;color:#00000080}.service-case-log .line-clamp[data-v-ce3dcf03] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.service-log-collapse[data-v-ccc399c8]{margin-top:12px}.service-log-collapse .collapse-title-layout[data-v-ccc399c8]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-ccc399c8]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-ccc399c8]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-log-case-table[data-v-aa280712]{margin-top:12px}.service-log-case-table .log-table[data-v-aa280712]{overflow:auto}.service-log-case-table .log-pagination[data-v-aa280712]{margin-top:12px;display:flex;justify-content:center}.service-log-case-table .line-clamp[data-v-aa280712] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.table-layout .mtd-pagination[data-v-0b7281b2],.table-layout .cs-mtd-pagination[data-v-0b7281b2]{padding-top:8px}.table-layout .row-class[data-v-0b7281b2],.table-layout .mtd-table[data-v-0b7281b2] .mtd-table-cell,.table-layout .mtd-table[data-v-0b7281b2] .cs-mtd-table-cell,.table-layout .cs-mtd-table[data-v-0b7281b2] .mtd-table-cell,.table-layout .cs-mtd-table[data-v-0b7281b2] .cs-mtd-table-cell{font-size:14px}.table-layout .mtd-table[data-v-0b7281b2] th,.table-layout .cs-mtd-table[data-v-0b7281b2] th{font-weight:500;color:#0009}.table-layout .mtd-table[data-v-0b7281b2] .mtd-table-empty-block,.table-layout .mtd-table[data-v-0b7281b2] .cs-mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-0b7281b2] .mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-0b7281b2] .cs-mtd-table-empty-block{font-size:14px}.table-layout .pagination-layout[data-v-0b7281b2]{margin-top:12px;display:flex;justify-content:center}.service-loguser-order[data-v-48f56b4e]{margin-top:12px}.service-loguser-order .log-table[data-v-48f56b4e]{overflow:auto}.service-loguser-order .log-pagination[data-v-48f56b4e]{margin-top:12px;display:flex;justify-content:center}.service-loguser-order .line-clamp[data-v-48f56b4e] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.service-item[data-v-d900e27d]{display:flex;font-size:14px;letter-spacing:0;font-weight:400}.service-item-break-content[data-v-d900e27d]{word-break:break-all}.item-label[data-v-d900e27d]{color:#00000080;padding-right:12px;flex:0 0 auto;max-width:100px}.item-content[data-v-d900e27d]{flex:1 1 auto;color:#000000e6}.history-tag[data-v-de254cf2]{margin-top:12px}.history-tag .history-tag-table[data-v-de254cf2]{overflow:auto}.tag-pagination[data-v-de254cf2]{margin-top:12px;display:flex;justify-content:center}.service-log-case-table[data-v-5e06ec3c]{margin-top:12px}.service-log-case-table .log-table[data-v-5e06ec3c]{overflow:auto}.service-log-case-table .log-pagination[data-v-5e06ec3c]{margin-top:12px;display:flex;justify-content:center}.service-log-case-table .line-clamp[data-v-5e06ec3c] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.service-process-list-container .no-data[data-v-613aabbb],.service-process-list-container .service-process-list-loading[data-v-613aabbb]{height:200px;font-size:14px;color:#11192573;font-weight:400;display:flex;justify-content:center;align-items:center}.service-progress-container[data-v-0d942966]{background:#fff}.floating-window[data-v-ec839389]{position:fixed;width:48px;bottom:240px;min-height:48px;right:24px;border-radius:20px;opacity:1;z-index:20;background:#fff;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.12);padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.floating-window .fold-icon[data-v-ec839389]{cursor:pointer}.floating-window .fold-icon[data-v-ec839389]:hover{color:var(--cs-common-primary-color)}.floating-window-icon-list[data-v-ec839389]{overflow-y:scroll;max-height:280px}.floating-window-app[data-v-ec839389]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:44px;border-radius:4px;cursor:pointer;padding:8px}.floating-window-app[data-v-ec839389]:hover{background:#11192514}.floating-window-app-icon[data-v-ec839389]{width:24px;height:24px}.floating-window-app.active[data-v-ec839389]{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium);background:var(--cs-common-primary4-color)}.floating-window-icon-list[data-v-ec839389]::-webkit-scrollbar{display:none}.floating-window-app-modal[data-v-ec839389] .mtd-modal-drag{align-items:flex-end;justify-content:flex-end}.floating-window-app-modal[data-v-ec839389] .mtd-modal-drag .mtd-modal{margin:0 80px 240px 0}.app-modal-small[data-v-ec839389] .mtd-modal-drag .mtd-modal{width:294px;height:280px}.app-modal-middle[data-v-ec839389] .mtd-modal-drag .mtd-modal{width:568px;height:280px}.app-modal-big[data-v-ec839389] .mtd-modal-drag .mtd-modal{width:568px;height:500px}.app-modal-custom[data-v-ec839389] .mtd-modal-drag .mtd-modal{width:var(--custom-width);height:var(--custom-height)}.floating-window-hide-title[data-v-ec839389] .mtd-modal-drag .mtd-modal .mtd-modal-header{padding:10px 24px}.floating-window-hide-title[data-v-ec839389] .mtd-modal-drag .mtd-modal .mtd-modal-header .mtd-modal-title{display:none}.floating-window-hide-title[data-v-ec839389] .mtd-modal-drag .mtd-modal .mtd-modal-content-wrapper{padding-top:16px}.floating-window-hide-title[data-v-ec839389] .mtd-modal-drag .mtd-modal .mtd-modal-close{top:0;right:5px}.service-detail[data-v-7cdc0dda]{width:100%;height:100%}.error-retry-container[data-v-598ed60b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 80px}.error-retry-container .icon-no-service[data-v-598ed60b]{margin-bottom:4px;color:#0000001a}.error-retry-container span[data-v-598ed60b]{margin-bottom:20px}.error-retry-container .copy-info[data-v-598ed60b]{margin-right:10px}.general-search-header[data-v-2ff8438b]{display:flex;align-items:center}.general-search-btn[data-v-2ff8438b]{height:28px;padding:4px 8px;color:var(--cs-common-primary-color);border-color:var(--cs-common-primary-color)}.switch-business-container[data-v-08e0993c]{position:relative}.order-selector .switch-icon[data-v-71ed1e26]{margin-right:4px}.order-selector[data-v-71ed1e26] .mtd-btn-primary.mtd-btn-ghost:hover{background-color:var(--cs-common-primary-color);color:#fff}.selector-btn[data-v-71ed1e26]{height:28px;padding:4px 8px;color:var(--cs-common-primary-color);border-color:var(--cs-common-primary-color)}.order-selector[data-v-25efb46e]{margin-left:auto}.selector-btn[data-v-25efb46e]{height:28px;padding:4px 8px}.order-confirm-block[data-v-acd43dad]{display:flex;flex:1;align-items:center;justify-content:space-between}.order-confirm-block-left[data-v-acd43dad],.order-confirm-block-right[data-v-acd43dad]{display:flex;align-items:center;gap:8px}.order-confirm-block-right[data-v-acd43dad]{margin-left:auto}.general-search[data-v-acd43dad]{height:28px}.home-page-container[data-v-7c9be1b8]{display:flex;flex:1;flex-direction:column;gap:8px 0;padding:23px 18px}.block-content[data-v-7c9be1b8]{border-radius:6px;background-color:#fff}.block-header[data-v-7c9be1b8]{display:flex;flex-direction:row;align-items:center;height:26px;-webkit-user-select:none;user-select:none}.block-header>*[data-v-7c9be1b8]{cursor:pointer}.block-title[data-v-7c9be1b8]{font-size:14px;color:#000000e6;letter-spacing:0;line-height:14px;font-weight:500}.empty-content-text[data-v-7c9be1b8]{font-size:14px;color:#111925;opacity:.45}.title-operating-area[data-v-7c9be1b8]{display:flex;flex:1;align-items:center;gap:8px}.title-operating-area .cloud-order-selector[data-v-7c9be1b8]{display:flex;flex:1;align-items:center;justify-content:space-between}.title-operating-area .refresh-btn[data-v-7c9be1b8]{height:28px}.empty-context-text[data-v-7c9be1b8]{text-align:center;font-size:14px;color:#111925;opacity:.45}.home-page[data-v-0e614ab5]{position:relative;height:100%;display:flex;flex-direction:column}.home-page .global-loading-mask[data-v-0e614ab5]{background-color:#e8e8e880;z-index:2}.home-page .home-page-block[data-v-0e614ab5]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%}.home-page .home-page-block[data-v-0e614ab5]::-webkit-scrollbar{display:none}.order-confirm-header[data-v-0e614ab5]{display:flex;justify-content:space-between}.expand-collect[data-v-2fa1680c]{display:flex}.expand-collect_container[data-v-2fa1680c]{position:relative;overflow:hidden}.unfolded[data-v-2fa1680c]{max-height:246px;overflow:auto}.expand-collect__btn[data-v-2fa1680c]{border:1px solid rgba(17,25,37,.15);padding:9px 10px;display:flex;height:30px;min-width:65px;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;margin-top:6px;white-space:nowrap;flex-shrink:0}.expand-collect__content[data-v-2fa1680c]{display:flex;flex-wrap:wrap;align-items:center;margin:2px 16px 2px 12px}.expand-icon[data-v-2fa1680c]{font-size:14px}.expand-collect-prefix-icon[data-v-2fa1680c]{display:flex;align-items:center}.operation-item[data-v-f94292ea]{max-width:170px;min-width:86px;margin:6px;overflow:hidden;text-overflow:ellipsis;display:inline;text-align:center}[data-v-f94292ea] .cs-mtd-btn-warning.cs-mtd-btn-ghost{color:#d86b01;border-color:#d86b01}[data-v-f94292ea] .cs-mtd-btn-warning.cs-mtd-btn-ghost:hover{color:#ff9419;border-color:#ff9419}.flow-operation[data-v-1996e5ad]{display:flex}.vertical-line[data-v-1996e5ad]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.operation-group-count-1[data-v-1996e5ad]{height:44px!important}.operation-group-count-2[data-v-1996e5ad]{height:88px!important}.operation-group-count-3[data-v-1996e5ad]{height:132px!important}.operation-group-count-4[data-v-1996e5ad]{height:176px!important}.operation-group[data-v-1996e5ad]{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr);grid-column-gap:20px;height:222px;max-width:60vw;overflow-x:overlay}.operation-group-button[data-v-1996e5ad]{margin:0 6px}.placeholder-element[data-v-1996e5ad]{position:absolute;top:-10px}.operation-group-popper{z-index:10!important;padding:10px}.mtd-popover-tip-demo-content{display:flex;align-items:center;margin-left:10px;height:37px;line-height:22px;background-color:#fff6f0;font-size:14px;border-radius:6px;font-weight:400;padding-right:15px;color:#944109}.mtd-popover-tip-demo-content .tip-demo-content-rich-text p{margin:unset}.mtd-popover-tip-demo-content .tip-demo-content-icon{margin:0 5px 0 8px}.object-selector-container{position:relative;height:100%}.object-selector-container .selector-content{flex:1;overflow:auto;padding:0 24px;background:#fff;border-radius:6px;isolation:isolate}.general-search-container[data-v-515fd5b5]{height:100%;background:linear-gradient(180deg,#fff,#e8e8e8 10%);padding:16px}.option-list[data-v-10bf3565]{max-height:300px;overflow-y:auto;display:flex;flex-direction:column}.option-list .option-item[data-v-10bf3565]{padding:0 8px;margin:0 4px;border-radius:4px;line-height:36px;text-align:left;cursor:pointer}.option-list .option-item[data-v-10bf3565]:hover{background-color:#0000000a}.option-list .no-data-info[data-v-10bf3565]{height:100px;display:flex;align-items:center;justify-content:center}.service-butler-custom-select-popover{padding:0!important}.risk-question-selector[data-v-793fc824]{display:flex;flex-direction:column;padding:0;gap:2px;line-height:24px}.selector-wrapper[data-v-793fc824]{display:flex;align-items:center;padding:16px;gap:8px}.question-selector-label[data-v-793fc824]{flex-shrink:0;white-space:nowrap}[data-v-793fc824] .risk-scene-select{flex:1}.risk-tips[data-v-793fc824]{display:block;padding:8px 16px}.related-knowledge[data-v-793fc824]{line-height:32px}.related-knowledge .no-knowledge[data-v-793fc824]{display:flex}.related-knowledge .knowledge-list[data-v-793fc824]{display:flex;column-gap:10px;margin:0;padding-left:0}.related-knowledge .knowledge-list-row[data-v-793fc824]{flex-direction:row;flex-wrap:wrap;list-style-type:none}.related-knowledge .knowledge-link[data-v-793fc824]{display:flex;height:32px;color:var(--cs-common-primary-color);letter-spacing:0}.related-knowledge .knowledge-link[data-v-793fc824] :hover{text-decoration:underline}.split-layout[data-v-e564a630]{display:flex;width:100%;height:100%;overflow:hidden}.split-layout-padding[data-v-e564a630]{padding-bottom:50px}.split-layout .left-container[data-v-e564a630]{height:100%;overflow:hidden;overflow-y:auto;position:relative}.split-layout .left-container[data-v-e564a630]::-webkit-scrollbar{display:none}.split-layout .right-container[data-v-e564a630]{position:relative;overflow:hidden;overflow-y:auto}.split-layout .right-container[data-v-e564a630]::-webkit-scrollbar{display:none}.split-layout .middle-container[data-v-e564a630]{display:flex;width:16px;height:100%;justify-content:center;align-items:center}.split-layout .middle-container .fold-icon[data-v-e564a630]{width:10px;height:68px;background:#ffffff80;border-top-right-radius:4px;border-bottom-right-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer}.blocks-container[data-v-e70ae0be]{display:flex;height:100%;flex-direction:column;gap:8px 0}.service-block[data-v-e70ae0be]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-e70ae0be]{text-align:center;font-size:14px;color:#111925;opacity:.45}.service-context-loading[data-v-e70ae0be]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#e8e8e880;z-index:1}[flex]{flex:1;box-sizing:border-box;min-width:0;min-height:0}[layout],[layout=column],[layout=row]{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}[layout=column]{flex-direction:column}[layout=row]{flex-direction:row}[layout-align],[layout-align="start stretch"]{justify-content:flex-start;align-content:stretch;align-items:stretch}[layout-align=start],[layout-align="start start"],[layout-align="start center"],[layout-align="start end"],[layout-align="start stretch"]{justify-content:flex-start}[layout-align=center],[layout-align="center start"],[layout-align="center center"],[layout-align="center end"],[layout-align="center stretch"]{justify-content:center}[layout-align=end],[layout-align="end center"],[layout-align="end start"],[layout-align="end end"],[layout-align="end stretch"]{justify-content:flex-end}[layout-align=space-around],[layout-align="space-around center"],[layout-align="space-around start"],[layout-align="space-around end"],[layout-align="space-around stretch"]{justify-content:space-around}[layout-align=space-between],[layout-align="space-between center"],[layout-align="space-between start"],[layout-align="space-between end"],[layout-align="space-between stretch"]{justify-content:space-between}[layout-align="start start"],[layout-align="center start"],[layout-align="end start"],[layout-align="space-between start"],[layout-align="space-around start"]{align-items:flex-start;align-content:flex-start}[layout-align="start center"],[layout-align="center center"],[layout-align="end center"],[layout-align="space-between center"],[layout-align="space-around center"]{align-items:center;align-content:center;max-width:100%}[layout-align="start center"]>*,[layout-align="center center"]>*,[layout-align="end center"]>*,[layout-align="space-between center"]>*,[layout-align="space-around center"]>*{max-width:100%;box-sizing:border-box}[layout-align="start end"],[layout-align="center end"],[layout-align="end end"],[layout-align="space-between end"],[layout-align="space-around end"]{align-items:flex-end;align-content:flex-end}[layout-align="start stretch"],[layout-align="center stretch"],[layout-align="end stretch"],[layout-align="space-between stretch"],[layout-align="space-around stretch"]{align-items:stretch;align-content:stretch}.show-three-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}.cs-select .mtd-cascader{width:100%;max-width:300px}.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner{display:none}.cs-select .mtd-input:disabled{color:#666}.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input{border:none;cursor:auto}.cs-select .mtd-select-disabled{opacity:1}.cs-select .cs-field-right{flex-direction:column;align-items:flex-start}.cs-select .text-color-red{color:red}.cs-select .cs-f-select{border:1px solid red}.cs-textarea{flex-grow:1}.cs-textarea .textarea-wrapper{position:relative;flex-grow:1}.cs-textarea .textarea-wrapper .mtd-textarea{width:100%;border:none;resize:none;height:100px;font-size:14px;line-height:20px}.cs-textarea .textarea-wrapper textarea{border:none}.cs-textarea .limit-exceeded{border-color:#ff4a47}.cs-textarea .textarea-limit-exceeded-tip{color:#ff4a47}.cs-textarea .nlp-textarea{position:relative;display:flex;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-height:104px}.cs-textarea .nlp-textarea .nlp-textarea-operation{position:absolute;display:flex;flex-direction:row;align-items:center;right:0;bottom:0;z-index:3}.cs-textarea .nlp-textarea .nlp-textarea-operation .icon-cscs-icon-nlp-delete{line-height:22px}.cs-textarea .nlp-textarea .nlp-textarea-operation .nlp-default-recommend-tag{background:#a3fdc2;border-radius:8px;font-size:14px;color:var(--cs-common-primary-color);letter-spacing:0;padding:0 6px;margin-right:8px}.cs-textarea .nlp-textarea .nlp-textarea-operation .mtd-btn{height:24px}.cs-textarea .nlp-textarea .mtd-textarea{height:100%}.cs-textarea .recommend-textarea{position:relative;padding-bottom:24px;background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:2px}.cs-textarea .recommend-textarea .preload-textarea{color:#0009;opacity:unset;cursor:default;height:80px;overflow:auto;padding:4px 8px;width:100%}.cs-textarea .recommend-textarea .recommend-textarea-operation{position:absolute;right:6px;bottom:0;z-index:3;display:flex;align-items:center}.cs-textarea .mtd-btn>span{line-height:20px}.cs-textarea .icon-style-disabled>span{line-height:20px;color:#0009}.cs-textarea .cancel-btn-span{line-height:12px}.cs-textarea .cancel-btn{color:var(--cs-common-primary2-color);display:inline;cursor:pointer;margin:0 8px}.cs-textarea .icon-style{color:var(--cs-common-primary2-color);display:inline;cursor:pointer;margin:12px}.cs-textarea .clear-icon{margin:0 12px}.cs-textarea .mtdicon-copy-o{cursor:pointer}.cs-textarea .textareat-edit-slot,.cs-textarea .textarea-not-edit-slot{width:100%}.cs-textarea .refresh-btn,.cs-textarea .mtdicon-refresh-o{color:var(--cs-common-primary2-color)}.cs-textarea .view-all-icon{margin:0 7px 0 12px}.cs-text .mtd-input-wrapper{width:100%;max-width:300px}.cs-text .cs-field-right{flex-direction:column;align-items:start}.cs-radio .mtd-radio{max-width:100%;align-items:flex-start}.cs-radio .mtd-radio-inner{margin-top:2px}.cs-radio .mtd-radio-nlp-recommend{padding-left:2px}.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner{position:relative!important}.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:1px dashed var(--cs-common-primary-color);border-radius:50%}.cs-checkbox .mtd-checkbox{margin-bottom:4px}.cs-checkbox .mtd-checkbox-nlp-recommend{padding-left:2px;margin-right:32px!important}.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner{position:relative!important}.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:1px dashed var(--cs-common-primary-color)}.cs-checkbox .mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox:last-child{margin-right:32px!important}.cs-secret-input{display:flex;justify-content:flex-start;align-items:center;margin-right:6px;max-width:300px}.cs-secret-input .icon-style{cursor:pointer;color:#00ba73;position:absolute;text-align:center;height:80%;right:3px;top:25%}.cs-secret-input .edit-input .mtd-input-wrapper{max-width:100px}.cs-secret-input .mtd-input-suffix-inner{width:20px}.cs-secret-input .mtd-input-wrapper.mtd-input-suffix .mtd-input{padding-right:20px}.cs-multiple-select .mtd-select{width:100%}.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner{display:none}.cs-multiple-select .mtd-input:disabled{color:#666}.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input{border:none;cursor:auto}.cs-multiple-select .mtd-select-disabled{opacity:1}.cs-dynamic-multiple-select .mtd-select{width:100%}.cs-graph .mtd-carousel .mtd-carousel-btn{background-color:transparent!important;border:none!important;box-shadow:none!important;color:#000!important}.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-prev{left:0}.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-next{right:0}.cs-graph .mtd-carousel-inside{padding-inline-start:0}.cs-graph .mtd-carousel .mtd-carousel-indicator.mtd-carousel-outside .mtd-carousel-dot{background-color:#11192526}.cs-graph .mtd-carousel .mtd-carousel-indicator.mtd-carousel-outside .mtd-carousel-dot.mtd-carousel-active-dot{background-color:#111925a6}.cs-number{width:100%}.cs-number .mtd-input-number-small{height:32px;width:100%}.cs-number .mtd-input-number-small .mtd-input-number{padding-top:2px;line-height:32px}.cs-number .mtd-input:read-only{border-color:transparent}.cs-number .mtd-input-number-wrapper{width:100%}.cs-lc-steps-content .mtd-steps{flex-wrap:nowrap!important;overflow-x:scroll}.cs-lc-steps-content .mtd-steps .mtd-step-process>.mtd-step-main-description{color:#111925d9}.cs-lc-steps-content .name-step-bar .cs-step-horizontal{min-width:unset;flex:1 1 auto!important}.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-icon{width:auto;min-width:unset}.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-line{min-width:62px}.cs-lc-steps-content .name-step-bar .mtd-step-head-icon{min-width:80px;line-height:30px;border-radius:6px;font-size:12px;color:#fff;padding:0 6px;background:var(--cs-common-primary-color)}.cs-lc-steps-content .name-step-bar .mtd-step-error>.mtd-step-head-icon{background:#ff1f1f}.cs-lc-steps-content .name-step-bar .mtd-step-cancel>.mtd-step-head-icon{background:#f70}.cs-lc-steps-content .name-step-bar .mtd-step-wait>.mtd-step-head-icon{background:#1119254d}.cs-lc-steps-content .name-step-bar .mtd-step-flex,.cs-lc-steps-content .component-step-bar .mtd-step-flex{flex:1}.cs-date-select .mtd-input-wrapper{width:100%}.cs-field-container .cs-field-left{font-size:14px;line-height:22px;color:#000000e6;white-space:normal;flex-shrink:0}.cs-field-container .cs-field-left .field-display-name{word-break:break-word;display:inline-block;position:relative;color:#646971}.cs-field-container .required{width:1em;height:1em;margin-right:2px;font-size:8px;vertical-align:baseline}.cs-field-container svg:not(:root){overflow:hidden}.cs-field-container .cs-field-right{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;font-size:14px;line-height:22px;color:#000000e6;white-space:normal;word-break:break-word;width:100%}.cs-field-container .cs-field-right .mtd-textarea,.cs-field-container .cs-field-right .mtd-input{color:#000000e6}.cs-field-container-row .cs-field-left{width:112px;margin-right:12px;text-align:left;display:flex;align-items:center;justify-content:left}.cs-field-container-column{width:100%}.cs-field-container-column .cs-field-right{width:100%;margin-top:4px}[cs-style-env=CustomStepBar] [cs-field-label-max-width="50%"] .cs-field-container .cs-field-left{max-width:50%}.cs-fe-button-text-btn{height:22px!important;padding:0}.one-click-copy-btn[data-v-680bc09b]{display:inline-flex;align-self:center;vertical-align:middle;cursor:pointer;font-size:16px;margin-left:6px}.cs-secret-field[data-v-3df4ff33]{width:100%;flex-wrap:wrap}.secret-text-highlight[data-v-3df4ff33]{color:var(--cs-common-primary-color);cursor:pointer}.cs-text[data-v-57c73337]{display:contents}.cs-text .cs-f-custom-text-content[data-v-57c73337] .cs-secret-input,.cs-text .cs-f-custom-text-content[data-v-57c73337] .mtd-input-wrapper,.cs-text .cs-f-custom-text-content[data-v-57c73337] .cs-mtd-input-wrapper{max-width:var(--2defed1f)!important}.cs-f-text-content[data-v-57c73337]{width:var(--7acd06ee)}.cs-textarea[data-v-f7c567fd]{display:contents}.pre-word-wrap[data-v-7157234c]{white-space:pre-wrap}[data-v-7157234c] .text-ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--55fe3593)}.cs-plain-text-wrapper[data-v-7157234c]{display:contents}.cs-f-plain-text-content[data-v-7157234c]{width:auto}.cs-field-right[data-v-4fa24b50]{align-items:flex-start}.cs-field-right .options-container[data-v-4fa24b50]{display:flex;flex-direction:column}.cs-field-right .options-container .text-color-red[data-v-4fa24b50]{color:red;font-size:14px}.cs-field-right .options-container .radio-name[data-v-4fa24b50]{display:block}.cs-cascader[data-v-c6146a77]{width:100%;max-width:300px}/*!
* Viewer.js v1.10.1
* https://fengyuanchen.github.io/viewerjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2021-08-01T13:35:44.576Z
*/.viewer-zoom-in:before,.viewer-zoom-out:before,.viewer-one-to-one:before,.viewer-reset:before,.viewer-prev:before,.viewer-play:before,.viewer-next:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen:before,.viewer-fullscreen-exit:before,.viewer-close:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container *::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#00000080;overflow:hidden}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;z-index:1}.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#00000080;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{background-color:#00000080;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#00000080}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.viewer-loading:after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:#ffffff80;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width: 767px){.viewer-hide-xs-down{display:none}}@media (max-width: 991px){.viewer-hide-sm-down{display:none}}@media (max-width: 1199px){.viewer-hide-md-down{display:none}}.cs-field-case[data-v-46802e5d]{display:contents}.cs-f-textarea[data-v-7d027627] .cs-field-right{display:inline;flex-grow:1}.cs-field-container .cs-field-left[data-v-7d027627]{display:flex;align-items:center}.cs-field-container .cs-field-left .hover-text-content[data-v-7d027627]{display:flex;align-items:center;margin-left:2px;cursor:pointer}.carousel-container[data-v-857ffab9]{width:180px}.carousel-item[data-v-857ffab9]{display:flex;justify-content:center;align-items:center;width:180px;height:150px}.single-image[data-v-857ffab9]{width:100%;display:flex;align-items:center;justify-content:start}img[data-v-857ffab9]{max-width:120px;max-height:150px;border-radius:4px;object-fit:cover;cursor:pointer}.tile-images[data-v-857ffab9]{display:flex;flex-wrap:wrap}.tile-images .tile-image[data-v-857ffab9]{margin-right:16px;position:relative}.tile-images .tile-image img[data-v-857ffab9]{width:110px;height:110px;border-radius:4px;object-fit:cover;cursor:pointer}.tile-images .tile-image-icon[data-v-857ffab9]{position:absolute;left:0;top:0;background:#fff9db;font-size:12px;font-weight:400;letter-spacing:0;color:#43240d;border-radius:4px 0;padding:4px 6px}.get-all-images[data-v-857ffab9]{display:flex;align-items:center;justify-content:center;height:110px;width:40px;background:#f0f0f0;border-radius:6px;cursor:pointer}.get-all-images .text-tips[data-v-857ffab9]{font-size:14px;word-break:break-all;cursor:pointer;writing-mode:vertical-rl;font-weight:500;color:var(--cs-common-primary-color);letter-spacing:0;line-height:20px}.get-all-images .text-tips[data-v-857ffab9]:hover{color:var(--cs-common-primary2-color)}.image-container[data-v-857ffab9]{text-align:center}.image-container .image-count[data-v-857ffab9]{margin-top:5px}.cs-field-table-container .carousel-container{width:66px}.cs-field-table-container .carousel-container img,.cs-field-table-container .carousel-container .carousel-item{width:66px;height:66px}.cs-link[data-v-f69a4626]{display:flex}.cs-link .mtdicon-edit-o[data-v-f69a4626]{padding:0 0 0 8px;font-size:16px;color:var(--cs-common-primary-color);line-height:20px}.link-layout[data-v-f69a4626]{display:flex;flex-direction:row;align-items:start;cursor:pointer}.link-layout .link-default-box[data-v-f69a4626]{display:flex;flex-direction:row;align-items:center}.link-layout .link-default-box i[data-v-f69a4626],.link-layout .link-default-box a[data-v-f69a4626]{color:var(--cs-common-primary-color);transition:color .3s}.link-layout .link-default-box i[data-v-f69a4626]{line-height:16px;font-size:14px;font-weight:500;margin-left:2px}.link-layout .link-default-box a[data-v-f69a4626]{background-color:transparent}.link-layout .link-default-box a[disabled][data-v-f69a4626]{color:#0000005c;cursor:not-allowed}.link-layout .link-default-box:hover i[data-v-f69a4626],.link-layout .link-default-box:hover a[data-v-f69a4626]{color:var(--cs-common-primary1-color)}.link-layout .link-default-box:active i[data-v-f69a4626],.link-layout .link-default-box:active a[data-v-f69a4626]{color:var(--cs-common-primary3-color)}.link-layout .link-text-box a[data-v-f69a4626]{text-decoration:underline;-webkit-text-decoration-skip:objects;text-underline-offset:2px}.link-layout .link-button-box[data-v-f69a4626]{padding:1px 8px;border-radius:4px;border:1px solid var(--cs-common-primary-color)}.link-layout .link-button-box:hover a[data-v-f69a4626]{text-decoration:none}.link-layout.position-left[data-v-f69a4626]{justify-content:start}.link-layout.position-right[data-v-f69a4626]{justify-content:end}.lc-map[data-v-3e252ecf]{width:100%;display:block}.lc-map-ctrl[data-v-3e252ecf]{margin-bottom:10px;width:100%;display:flex}.lc-map-ctrl-extend[data-v-3e252ecf]{margin-right:10px}.lc-map-wrapper[data-v-3e252ecf]{width:100%;display:flex}.lc-map-inner[data-v-3e252ecf]{width:100%;display:block}.lc-map-no-data[data-v-3e252ecf]{display:flex;justify-content:center;align-items:center;height:100%;border:1px solid rgba(0,0,0,.06)}.lc-map-dom[data-v-3e252ecf]{position:relative;width:100%}.lc-map-dom-legend[data-v-3e252ecf]{position:absolute;top:8px;right:8px;padding:9px 9px 0 8px;background-color:#fff;border-radius:4px;z-index:9999;max-width:300px;overflow:auto}.lc-map-dom-legend-category[data-v-3e252ecf]{font-weight:500;font-size:12px}.lc-map-dom-legend ul[data-v-3e252ecf]{margin:0;padding:0}.lc-map-dom-legend ul li[data-v-3e252ecf]{list-style:none;margin-bottom:8px}.lc-map-dom-legend ul li span[data-v-3e252ecf]{display:inline-block;font-size:12px}.lc-map-dom-legend ul li .lc-map-dom-legend-item-desc[data-v-3e252ecf]{font-size:12px;padding-right:5px;min-width:80px}.lc-map-dom-legend ul li .lc-map-dom-legend-item-color[data-v-3e252ecf]{width:6px;height:10px;border-radius:1px;vertical-align:middle;margin-left:22px;margin-right:4px}[data-v-3e252ecf] .mtmap-infowindow .mtmap-infowindow-body{overflow:hidden;background:none}[data-v-3e252ecf] .mtmap-infowindow-anchor{display:none}[data-v-3e252ecf] .lc-map-single-icon{width:20px;height:20px;background-color:#e74c3c;border-radius:50% 50% 50% 0;transform:rotate(315deg);color:#fff;font-weight:600;position:relative;top:2px}[data-v-3e252ecf] .lc-map-single-icon .lc-map-single-icon-text{transform:rotate(45deg);padding-left:3.5px}[data-v-3e252ecf] .lc-map-icon{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;max-width:90px;height:22px;background-color:#f50505;border-radius:10px;position:relative}[data-v-3e252ecf] .lc-map-icon .lc-map-icon-anchor{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid #f50505}.diff-latter-time[data-v-0cbf243e]{position:absolute;height:20px;line-height:20px;top:0;right:0;padding:0 4px;transform:translate(50%);z-index:1;font-size:12px;color:#11192585;cursor:pointer;background:#fff}.diff-latter-time-padding[data-v-0cbf243e]{padding:0}.diff-latter-time-dot[data-v-0cbf243e]{line-height:18px}.diff-latter-time-name[data-v-0cbf243e]{height:30px;line-height:30px}.text-ellipsis[data-v-0cbf243e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-bar-desc[data-v-f2a2ce97]{font-size:10px;padding-bottom:10px}.step-bar-desc .step-remark[data-v-f2a2ce97]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:20px;cursor:pointer}.step-bar-desc .step-date-time[data-v-f2a2ce97]{font-size:14px}.step-bar-desc .step-date-time div[data-v-f2a2ce97]:nth-child(2){font-weight:700}.step-bar-desc .step-time[data-v-f2a2ce97]{word-break:break-word}.name-step-bar[data-v-32e9c2d6]{width:100%;padding-top:12px}.name-step-bar .name-step-bar-title[data-v-32e9c2d6]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.name-step-bar .cs-step-horizontal[data-v-32e9c2d6] .mtd-step-head-line{min-width:39px!important}.component-step-bar[data-v-57cba3cf]{width:100%;padding-top:12px}.component-step-bar .name-step-bar-title[data-v-57cba3cf]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:unset;cursor:pointer}.cs-lc-steps-content[data-v-aacc7d5a]{max-width:unset;width:0;flex:1;border:1px solid rgba(0,0,0,.06);border-radius:6px}.cs-lc-steps-content[data-v-aacc7d5a] ::-webkit-scrollbar{width:2px;height:6px}.cs-lc-steps-content[data-v-aacc7d5a] ::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:14px}.empty-style[data-v-aacc7d5a]{width:100%;text-align:center}.attachment-input[data-v-430c920f]{z-index:2;width:52px;height:32px;flex-shrink:0}.attachment-input[data-v-430c920f]::-webkit-file-upload-button{visibility:hidden}.attachment-input[data-v-430c920f]:before{width:52px;height:32px;content:attr(data-upload-text);display:inline-block;background-color:#fff;color:var(--cs-common-primary-color);border:1px solid var(--cs-common-primary-color);border-radius:4px;padding:0 8px;outline:none;white-space:nowrap;cursor:pointer;text-align:center;vertical-align:middle;line-height:30px;font-size:14px}.file-name[data-v-430c920f]{max-width:250px;margin-left:12px}.result-text[data-v-430c920f]{padding-left:20px}.retry-button[data-v-430c920f]{margin-top:16px;text-align:center}/*!
* Cropper.js v1.5.13
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2022-11-20T05:30:43.444Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.preview-viewer-popup .image-preview-main[data-v-13017deb]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000de}.preview-viewer-popup .image-preview-main .preview-img[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-audio[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-video[data-v-13017deb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;display:flex;justify-content:center;align-items:center}.preview-viewer-popup .image-preview-main .preview-img .image-origin[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-audio .image-origin[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-video .image-origin[data-v-13017deb]{position:absolute;max-width:100%;max-height:100%}.preview-viewer-popup .image-preview-main .preview-img video[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-audio video[data-v-13017deb],.preview-viewer-popup .image-preview-main .preview-video video[data-v-13017deb]{width:100%;height:100%}.preview-viewer-popup .image-preview-main .close[data-v-13017deb]{position:absolute;color:#fff;cursor:pointer;top:24px;right:24px;opacity:.8;width:48px;height:48px;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:#000000e6;border-radius:50%}.preview-viewer-popup .image-preview-main .switch[data-v-13017deb]{position:absolute;color:#fff9;cursor:pointer;left:24px;top:calc(50% - 22px);width:48px;height:48px;font-size:20px;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:50%}.preview-viewer-popup .image-preview-main .right[data-v-13017deb]{left:initial;right:24px}.preview-viewer-popup .image-preview-main .image-preview-name[data-v-13017deb]{position:absolute;bottom:61px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:418px;height:auto;background:#00000052;border-radius:4px;opacity:.6;font-size:12px;color:#fff;line-height:20px;font-weight:400;padding:8px 12px}.preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-13017deb]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:418px;height:48px;font-size:24px;cursor:pointer;display:flex;align-items:center;background:#00000061;border-radius:4px;color:#ffffff80}.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction[data-v-13017deb]{display:flex;align-items:center;justify-content:center}.preview-viewer-popup .image-preview-main .image-preview-operaction .left[data-v-13017deb],.preview-viewer-popup .image-preview-main .image-preview-operaction .right[data-v-13017deb],.preview-viewer-popup .image-preview-main .image-preview-operaction .clockwise[data-v-13017deb],.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-13017deb]{margin:0 20px}.preview-viewer-popup .image-preview-main .image-preview-operaction .add[data-v-13017deb]{margin:0 13px}.preview-viewer-popup .image-preview-main .image-preview-operaction .count[data-v-13017deb]{font-size:14px}.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch[data-v-13017deb]{font-size:20px;line-height:40px}.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-13017deb]{font-size:24px}.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-13017deb]{position:relative}.preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-13017deb]{top:0;left:0;position:absolute;display:block;width:24px;height:24px}.preview-viewer-popup .image-preview-main .image-preview-operaction .icon[data-v-13017deb]{width:30px;height:35px}.preview-viewer-popup .image-preview-main .image-preview-operaction i[data-v-13017deb]:hover{color:#fff}.attachment-preview .no-photos[data-v-e38dcc3f]{color:#11192573;font-weight:600;font-size:12px;margin-bottom:10px}.attachment-preview .attachment-preview-list[data-v-e38dcc3f]{display:flex;flex-wrap:wrap}.attachment-preview .attachment-preview-list .attachment-preview-list-item img[data-v-e38dcc3f]{margin:0 16px 0 0;width:110px;height:110px;border:1px solid #e5e5e5;border-radius:6px}.attachment-preview .attachment-preview-list .attachment-preview-list-item .file-list-item[data-v-e38dcc3f]{margin:0 16px 0 0;width:110px;height:110px;display:inline-block;border:1px solid #e5e5e5;cursor:pointer;border-radius:6px}.attachment-preview .attachment-preview-list .attachment-preview-list-item .audio-item[data-v-e38dcc3f]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-audio.png) center no-repeat}.attachment-preview .attachment-preview-list .attachment-preview-list-item .other-item[data-v-e38dcc3f]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-file.png) center no-repeat}.attachment-preview .attachment-preview-list .attachment-preview-list-item .txt-item[data-v-e38dcc3f]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-file.png) center no-repeat}.attachment-preview .attachment-preview-list .attachment-preview-list-item .video-item[data-v-e38dcc3f]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png) center no-repeat}.media-container[data-v-b549920c]{display:flex;justify-content:start}.get-all-medias[data-v-b549920c]{display:flex;align-items:center;justify-content:center;height:110px;width:40px;background:#f0f0f0;border-radius:6px;cursor:pointer}.get-all-medias .text-tips[data-v-b549920c]{font-size:14px;word-break:break-all;cursor:pointer;writing-mode:vertical-rl;color:var(--cs-common-primary-color);letter-spacing:0;line-height:20px;font-weight:400}.get-all-medias .text-tips[data-v-b549920c]:hover{color:var(--cs-common-primary1-color)}.cs-lc-upload-attachment[data-v-cc8e7f19]{display:flex;flex-direction:column}.get-all-medias[data-v-cc8e7f19]{display:flex;align-items:center;justify-content:center;height:110px;width:40px;background:#f0f0f0;border-radius:6px;cursor:pointer}.get-all-medias .text-tips[data-v-cc8e7f19]{font-size:14px;word-break:break-all;cursor:pointer;writing-mode:vertical-rl;color:var(--cs-common-primary-color);letter-spacing:0;line-height:20px;font-weight:400}.get-all-medias .text-tips[data-v-cc8e7f19]:hover{color:var(--cs-common-primary1-color)}.cs-number[data-v-4cfaed52]{display:contents}.icon-info .dynamic-cs-field[data-v-cac25203]{display:inline-flex}.icon-info .template-text[data-v-cac25203]{white-space:pre-line}.dynamic-text .dynamic-cs-field[data-v-5ae2f145]{display:inline-flex}.dynamic-text .template-text[data-v-5ae2f145]{white-space:pre-line}.cs-date-select[data-v-cc9954d5],.date-select-input[data-v-cc9954d5]{width:100%}.date-select-input[data-v-cc9954d5]{position:relative;display:inline-block}.date-select-date-picker[data-v-cc9954d5]{position:absolute;width:0!important;height:0!important;top:0;left:0;overflow:hidden}.time-picker-footer[data-v-cc9954d5]{display:flex;flex-direction:row;justify-content:end;border-top:1px solid rgba(0,0,0,.06);padding:8px 16px}.cs-datetime-picker .mg-input[data-v-e76f3bb1]{display:inline-block;min-width:100px;max-width:300px;width:100%;height:32px;padding:5px 8px;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;background:#fff}.time-range-picker[data-v-bf15aa2b],.date-time-range-picker[data-v-d66e7fd4]{width:100%;max-width:300px}.llm-container[data-v-aa5d62f4]{padding:16px 12px;border:1px solid rgba(0,0,0,.12);flex:1;gap:12px;background:linear-gradient(119deg,#eef8ff80,#eae1fc80);box-sizing:border-box;border:1px solid #FFFFFF;border-radius:6px;box-shadow:0 0 4px #00000005}.llm-container .llm-title[data-v-aa5d62f4]{display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}.llm-container .llm-title .llm-title-text[data-v-aa5d62f4],.llm-container .llm-title .icon-csicon-cscs-llm[data-v-aa5d62f4]{font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:#6a4cff;z-index:1}.llm-container .llm-title .title-text[data-v-aa5d62f4]{font-size:16px;font-weight:600;line-height:26px;letter-spacing:0;margin-left:10px;color:#000000e6}.llm-container .llm-title .llm-title-operate[data-v-aa5d62f4]{display:flex}.llm-container .llm-title i[data-v-aa5d62f4]{font-size:16px}.llm-container .operate-text[data-v-aa5d62f4]{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;color:var(--cs-common-primary-color);cursor:pointer}.llm-container .operate-text i[data-v-aa5d62f4]{margin-right:3px}.llm-container .regenerate[data-v-aa5d62f4]{color:var(--cs-common-primary-color)}.llm-container .refresh[data-v-aa5d62f4]{color:#1119254d}.llm-container .llm-text[data-v-aa5d62f4]{font-size:14px;font-weight:400;line-height:22px;text-align:justify;letter-spacing:0;color:#111925}.llm-container .no-text[data-v-aa5d62f4]{height:66px;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#11192526;font-size:14px}.llm-container .no-text i[data-v-aa5d62f4]{font-size:40px}.llm-container .no-text span[data-v-aa5d62f4]{line-height:22px}.llm-container .mtd-loading[data-v-aa5d62f4],.llm-container .sep-mtd-loading[data-v-aa5d62f4]{position:static!important;transform:translate(0)!important}.llm-container[data-v-aa5d62f4] .cs-mtd-loading{position:static!important}.llm-container .llm-time[data-v-aa5d62f4]{color:#888}.custom-class[data-v-aa5d62f4]{display:flex}.custom-class .LLMComponent-name[data-v-aa5d62f4]{font-size:14px;font-weight:600;line-height:22px;width:100px;margin-right:5px}.custom-class .llm-text[data-v-aa5d62f4]{font-size:14px;font-weight:400;letter-spacing:0px;margin-bottom:-10px}.custom-class .llm-time[data-v-aa5d62f4]{color:#888}.service-record-list[data-v-49c62d40]{width:100%}.service-record-list .content-list[data-v-49c62d40]{max-height:400px;overflow-y:auto}.service-record-list .content-list .folded-invalid-records[data-v-49c62d40]{background-color:#f8f8f8;border:1px solid #ccc;border-radius:8px;margin-bottom:5px;padding:8px 16px;transition:all .3s ease;cursor:pointer}.service-record-list .content-list .folded-invalid-records[data-v-49c62d40]:hover{color:#303133}.service-record-list .content-list .folded-invalid-records .folded-header[data-v-49c62d40]{display:flex;align-items:center;gap:8px}.service-record-list .content-list .folded-invalid-records .folded-header .fold-icon[data-v-49c62d40]{color:#606266;font-size:14px}.service-record-list .content-list .folded-invalid-records .folded-header .folded-title[data-v-49c62d40]{font-size:14px;font-weight:500;color:#303133}.service-record-list .content-list .folded-invalid-records .folded-header .folded-desc[data-v-49c62d40]{font-size:12px;color:#909399;margin-left:4px}.service-record-list .content-list ul[data-v-49c62d40]{list-style:none;padding:0;margin:0}.service-record-list .content-list ul[data-v-49c62d40]::-webkit-scrollbar{width:6px}.service-record-list .content-list ul[data-v-49c62d40]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.service-record-list .content-list ul[data-v-49c62d40]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.service-record-list .content-list ul[data-v-49c62d40]::-webkit-scrollbar-thumb:hover{background:#999}.service-record-list .content-list ul li.session-item[data-v-49c62d40]{background-color:#fff;border:1px solid #ccc;box-shadow:0 5px 5px #0000001a;margin-bottom:10px;padding:15px;border-radius:10px}.service-record-list .content-list ul li.session-item .record-basic-info[data-v-49c62d40]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.service-record-list .content-list ul li.session-item .record-content[data-v-49c62d40]{margin-bottom:10px;font-size:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}.service-record-list .content-list ul li.session-item .record-content-one[data-v-49c62d40]{padding:8px 0;overflow-wrap:break-word;word-break:normal;white-space:normal}.service-record-list .content-list ul li.session-item .record-time[data-v-49c62d40]{display:flex;gap:10px;color:#999;font-size:10px}.service-record-list .content-list ul li.session-item .role-text[data-v-49c62d40]{font-size:12px;font-weight:500;display:inline-block;padding:2px 6px;border-radius:4px}.service-record-list .content-list ul li.session-item .error-e05-info[data-v-49c62d40]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.service-record-list .content-list ul li.session-item .error-e05-info .left-group[data-v-49c62d40]{flex:1;display:flex;flex-direction:row;align-items:center;gap:10px}.service-record-list .content-list ul li.session-item .error-e05-info .record-basic-info[data-v-49c62d40]{flex-shrink:0;margin-bottom:0}.service-record-list .content-list ul li.session-item .error-e05-info .record-content[data-v-49c62d40]{flex:1;min-width:0;margin-bottom:0}.service-record-list .content-list ul li.session-item .error-e05-info .record-content .record-content-one[data-v-49c62d40]{padding:0;margin:0;display:flex;align-items:center;gap:8px}.service-record-list .content-list ul li.session-item .error-e05-info .record-content .record-content-one .background-text[data-v-49c62d40]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.service-record-list .content-list ul li.session-item .error-e05-info .record-content .record-content-one .no-data-icon[data-v-49c62d40]{color:red;font-size:16px;flex-shrink:0}.service-record-list .content-list ul li.session-item .error-e05-info .record-time[data-v-49c62d40]{flex-shrink:0;margin-left:auto;white-space:nowrap}.service-record-list .content-list ul li.session-item .normal-info[data-v-49c62d40]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.service-record-list .content-list ul li.session-item .normal-info .text-info[data-v-49c62d40]{flex:1;margin-right:15px}.service-record-list .content-list ul li.session-item .normal-info .text-info .user-emotion[data-v-49c62d40]{padding:4px 8px;border-radius:12px;font-size:12px}.service-record-list .content-list ul li.session-item .normal-info .text-info .record-content-item[data-v-49c62d40]{width:calc(50% - 5px);background-color:#f8f8f8;padding:8px;border-radius:6px;overflow-wrap:break-word;word-break:normal;white-space:normal}.service-record-list .content-list ul li.session-item .normal-info .text-info .record-content-item span[data-v-49c62d40]{font-weight:700}.service-record-list .content-list ul li.session-item .normal-info .pic-info[data-v-49c62d40]{width:100px;max-height:130px;background-color:#f5f5f5;border-radius:4px;cursor:pointer;overflow:hidden;position:relative}.service-record-list .content-list ul li.session-item .normal-info .pic-info .custom-preview-viewer[data-v-49c62d40]{width:100%;height:130px;display:flex;align-items:center;justify-content:center}.service-record-list .content-list ul li.session-item .normal-info .pic-info .custom-preview-viewer .image-container[data-v-49c62d40]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.service-record-list .content-list ul li.session-item .normal-info .pic-info .custom-preview-viewer .image-container .preview-image[data-v-49c62d40]{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.service-record-list .content-list ul li.session-item .normal-info .pic-info .custom-preview-viewer .image-container .image-count-badge[data-v-49c62d40]{position:absolute;bottom:2px;right:2px;background-color:#000000b3;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;min-width:16px;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;gap:2px}.service-record-list .content-list ul li.session-item .normal-info .pic-info .custom-preview-viewer .no-image[data-v-49c62d40]{color:#999;font-size:12px}.service-record-list .content-list .no-session[data-v-49c62d40]{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:12px;gap:5px}.service-record-list .content-list .error-icon[data-v-49c62d40]{color:#f5a623;cursor:pointer}.revisit-date-select .data-selection-container[data-v-630bc07f]{display:flex}.revisit-date-select .data-selection-container .time-type-desc[data-v-630bc07f]{margin-left:4px;display:flex;align-items:center;color:red}.revisit-date-select .data-selection-container .user-time-desc[data-v-630bc07f]{margin-left:4px;display:flex;align-items:center;color:#acacac}.revisit-date-select .time-type-tips[data-v-630bc07f]{margin-top:4px;color:red;margin-bottom:6px}.time-picker-footer[data-v-630bc07f]{display:flex;flex-direction:row;justify-content:end;border-top:1px solid rgba(0,0,0,.06);padding:8px 16px}.cs-lc-nocode-container[data-v-17aba82d]{width:100%;height:100%}.cs-lc-nocode-container .cs-lc-nocode[data-v-17aba82d]{display:flex;align-items:center}.cs-lc-nocode-container .cs-lc-nocode-iframe[data-v-17aba82d]{width:100%}.cs-lc-nocode-container .cs-lc-nocode-iframe iframe[data-v-17aba82d]{border-radius:4px;box-shadow:0 2px 8px #0000001a}.nocode-modal-content[data-v-17aba82d]{width:100%}.nocode-modal-content iframe[data-v-17aba82d]{border-radius:4px}.modal-footer[data-v-17aba82d]{display:flex;justify-content:flex-end;gap:8px}.cs-compliant-input[data-v-568cf32e]{width:100%;flex-wrap:wrap;display:flex;align-items:center}.mtdicon-visibility-off-o[data-v-568cf32e]{margin:6px 8px;font-size:20px;color:#111925a6}.mtdicon-visibility-off-o[data-v-568cf32e]:hover{cursor:pointer;color:#1119254d}.mtdicon-visibility-on-o[data-v-568cf32e],.mtdicon-load[data-v-568cf32e]{margin:6px 8px;font-size:20px;color:#111925a6}.mtdicon-load[data-v-568cf32e]{animation:wrapRotate 1.5s linear infinite}[data-v-199bea97] .mtd-select{width:100%}[data-v-199bea97] .mtd-select-disabled{opacity:1}[data-v-199bea97] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner{display:none}[data-v-199bea97] .mtd-select-disabled .mtd-input-wrapper .mtd-input{border:none;cursor:auto}[data-v-199bea97] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled{color:#666}.select-info[data-v-a2a6e0ff]{display:flex;flex-direction:column;gap:12px}.select-info .base-info-container[data-v-a2a6e0ff]{display:flex;align-items:center;gap:10px}.select-info .base-info-container .base-info-item-name[data-v-a2a6e0ff]{font-weight:500;color:#2d3748;white-space:nowrap}.select-info .base-info-container .base-info-item-value[data-v-a2a6e0ff]{color:#4a5568;white-space:nowrap}.select-info .base-info-container .search-input[data-v-a2a6e0ff]{flex:1}.select-info .search-result-container[data-v-a2a6e0ff]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.select-info .search-result-container .search-result-header[data-v-a2a6e0ff]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#edf2f7;border-bottom:1px solid #e2e8f0;font-size:12px}.select-info .search-result-container .search-result-header .result-count[data-v-a2a6e0ff]{color:#4a5568;font-weight:500}.select-info .search-result-container .search-result-header .clear-search[data-v-a2a6e0ff]{color:#3182ce;cursor:pointer;font-weight:500;transition:color .2s ease}.select-info .search-result-container .search-result-header .clear-search[data-v-a2a6e0ff]:hover{color:#2c5aa0}.select-info .search-result-container .search-result-list[data-v-a2a6e0ff]{max-height:200px;overflow-y:auto}.select-info .search-result-container .search-result-list[data-v-a2a6e0ff]::-webkit-scrollbar{width:6px}.select-info .search-result-container .search-result-list[data-v-a2a6e0ff]::-webkit-scrollbar-track{background:#f1f5f9}.select-info .search-result-container .search-result-list[data-v-a2a6e0ff]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.select-info .search-result-container .search-result-list[data-v-a2a6e0ff]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.select-info .search-result-container .search-result-list .search-result-item[data-v-a2a6e0ff]{padding:8px 12px;border-bottom:1px solid #e2e8f0;cursor:pointer}.select-info .search-result-container .search-result-list .search-result-item[data-v-a2a6e0ff]:last-child{border-bottom:none}.select-info .search-result-container .search-result-list .search-result-item[data-v-a2a6e0ff]:hover{background:#e6fffa}.select-info .search-result-container .search-result-list .search-result-item .result-content[data-v-a2a6e0ff]{display:flex;justify-content:space-between;align-items:center;gap:8px}.select-info .search-result-container .search-result-list .search-result-item .result-content .result-text[data-v-a2a6e0ff]{flex:1;font-size:13px;color:#2d3748;word-break:break-all;line-height:1.4}.select-info .no-result[data-v-a2a6e0ff]{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#718096;font-size:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.base-info-container[data-v-3cfe377d]{display:flex;flex-direction:column;gap:5px}.base-info-container .demo-title-content[data-v-3cfe377d]{display:flex;align-items:center;justify-content:space-between}.base-info-container .demo-title-content .refresh[data-v-3cfe377d]{display:flex;align-items:center;gap:10px;cursor:pointer}.base-info-container .base-info-title[data-v-3cfe377d]{font-weight:700;border-bottom:1px solid #dadada}.base-info-container .base-info-item-list[data-v-3cfe377d]{display:flex;flex-direction:column;gap:5px}.base-info-container .base-info-item-list .base-info-item .base-info-item-name[data-v-3cfe377d]{margin-right:10px}.base-info-container[data-v-e9308d5b]{margin:10px}.base-info-container .current-time[data-v-e9308d5b]{border-bottom:1px solid #dadada}.request-interceptor-panel .urls-config-section[data-v-193d692d]{margin:8px 0;border:1px solid #e0e0e0;border-radius:4px;background:#fff}.request-interceptor-panel .urls-config-section .urls-header[data-v-193d692d]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:12px;color:#495057;cursor:pointer;transition:background-color .2s}.request-interceptor-panel .urls-config-section .urls-header[data-v-193d692d]:hover{background:#e9ecef}.request-interceptor-panel .urls-config-section .urls-header-left[data-v-193d692d]{display:flex;align-items:center;gap:8px}.request-interceptor-panel .urls-config-section .urls-header-left .expand-icon[data-v-193d692d]{font-size:12px;transition:transform .2s ease}.request-interceptor-panel .urls-config-section .urls-header-left .urls-title[data-v-193d692d]{font-weight:500}.request-interceptor-panel .urls-config-section .urls-header-left .urls-count[data-v-193d692d]{font-size:10px;color:#6c757d}.request-interceptor-panel .urls-config-section .urls-content[data-v-193d692d]{padding:8px 12px}.request-interceptor-panel .urls-config-section .urls-content .urls-edit[data-v-193d692d]{display:flex;flex-direction:column;gap:8px}.request-interceptor-panel .urls-config-section .urls-content .urls-edit[data-v-193d692d] .mtd-input-number-wrapper,.request-interceptor-panel .urls-config-section .urls-content .urls-edit[data-v-193d692d] .cs-mtd-input-number-wrapper{margin:0 10px}.request-interceptor-panel .urls-config-section .urls-content .urls-edit .filter-urls[data-v-193d692d] .mtd-select,.request-interceptor-panel .urls-config-section .urls-content .urls-edit .filter-urls[data-v-193d692d] .cs-mtd-select{width:100%}.request-interceptor-panel .urls-config-section .urls-content .urls-edit .urls-error[data-v-193d692d]{color:#dc3545;font-size:11px;font-weight:500}.request-interceptor-panel .urls-content-section .panel-header[data-v-193d692d]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:12px;color:#6c757d}.request-interceptor-panel .urls-content-section .panel-header .request-count[data-v-193d692d]{font-weight:500}.request-interceptor-panel .urls-content-section .panel-header .clear-button[data-v-193d692d]{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s}.request-interceptor-panel .urls-content-section .panel-header .clear-button[data-v-193d692d]:hover{background:#c82333}.request-interceptor-panel .urls-content-section .debug-row[data-v-193d692d]{margin:4px 0;border:1px solid #f0f0f0;border-radius:3px;background:#fafafa}.request-interceptor-panel .urls-content-section .debug-row .row-header[data-v-193d692d]{padding:6px 12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:500;color:#6c757d;transition:background-color .2s}.request-interceptor-panel .urls-content-section .debug-row .row-header[data-v-193d692d]:hover{background:#e9ecef}.request-interceptor-panel .urls-content-section .debug-row .row-header.expanded[data-v-193d692d]{background:#28a745;color:#fff}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-info[data-v-193d692d]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;color:#666}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-info .request-method[data-v-193d692d]{background:#007bff;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-info .request-url[data-v-193d692d]{font-family:monospace;font-size:12px;flex:1;word-break:break-word}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-info .trace-id[data-v-193d692d]{background:#6f42c1;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;font-family:monospace;display:inline-flex;align-items:center;gap:5px}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-info .trace-id-text[data-v-193d692d]{margin:0}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data[data-v-193d692d]{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:8px}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper[data-v-193d692d]{display:flex;align-items:center;gap:8px}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .request-status[data-v-193d692d]{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .request-status.status-pending[data-v-193d692d]{background:#ffc107;color:#856404}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .request-status.status-success[data-v-193d692d]{background:#d4edda;color:#155724}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .request-status.status-error[data-v-193d692d]{background:#f8d7da;color:#721c24}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .request-status.status-info[data-v-193d692d]{background:#d1ecf1;color:#0c5460}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-status-wrapper .expand-icon[data-v-193d692d]{font-size:12px;transition:transform .2s ease}.request-interceptor-panel .urls-content-section .debug-row .row-header .request-meta-data .request-time[data-v-193d692d]{font-size:12px;color:#4ab335}.request-interceptor-panel .urls-content-section .debug-row .row-content[data-v-193d692d]{padding:8px 12px;background:#fff}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details[data-v-193d692d]{display:flex;flex-direction:column;gap:8px}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data[data-v-193d692d],.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data[data-v-193d692d]{margin-top:8px}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data-header[data-v-193d692d],.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data-header[data-v-193d692d]{display:flex;align-items:center;gap:10px;width:fit-content;cursor:pointer}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data .code-block[data-v-193d692d],.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data .code-block[data-v-193d692d]{margin:0;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;color:#495057;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow:auto}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data .code-block[data-v-193d692d]::-webkit-scrollbar,.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data .code-block[data-v-193d692d]::-webkit-scrollbar{width:6px}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data .code-block[data-v-193d692d]::-webkit-scrollbar-track,.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data .code-block[data-v-193d692d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data .code-block[data-v-193d692d]::-webkit-scrollbar-thumb,.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data .code-block[data-v-193d692d]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .request-data .code-block[data-v-193d692d]::-webkit-scrollbar-thumb:hover,.request-interceptor-panel .urls-content-section .debug-row .row-content .request-details .response-data .code-block[data-v-193d692d]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.request-interceptor-panel .empty-state[data-v-193d692d]{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.create-option[data-v-193d692d]{display:flex;align-items:center;margin:10px}.create-option[data-v-193d692d] .mtd-input-wrapper,.create-option[data-v-193d692d] .cs-mtd-input-wrapper{flex:1}.iframe-container[data-v-445d0ff7]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.iframe-container .iframe-content[data-v-445d0ff7]{width:100%;height:100%;border:none;display:block}.iframe-container .error-overlay[data-v-445d0ff7]{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.iframe-container .error-overlay .error-message[data-v-445d0ff7]{font-size:20px;text-align:center;color:#e74c3c}.component-debug-body[data-v-23b294e0]{height:100%;padding-bottom:10px}.component-debug-body .not-debugging[data-v-23b294e0]{margin-top:10px;text-align:center}.fail-interface-detail .empty-state[data-v-49f49515]{text-align:center;padding:40px 20px;color:#6c757d;font-size:14px}.fail-interface-detail .interface-table .table-title[data-v-49f49515]{font-size:16px;font-weight:600;color:#333;margin:0 0 6px;text-align:center}.fail-interface-detail .interface-table .error-message[data-v-49f49515]{word-break:break-word;line-height:1.4}.fail-interface-detail .interface-table .error-type-badge[data-v-49f49515]{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.fail-interface-detail .interface-table .error-type-badge.type-timeout[data-v-49f49515]{background:#e2e3e5;color:#383d41}.fail-interface-detail .interface-table .error-type-badge.type-rate-limit[data-v-49f49515]{background:#fff3cd;color:#856404}.fail-interface-detail .interface-table .error-type-badge.type-other[data-v-49f49515]{background:#f8d7da;color:#721c24}.fail-interface-detail .interface-table .error-type-badge.type-interface[data-v-49f49515]{background:#d1ecf1;color:#0c5460}.fail-interface-detail .interface-table .error-type-badge.type-unknown[data-v-49f49515]{background:#e9ecef;color:#495057}.fail-interface-detail .interface-table .failed-properties[data-v-49f49515]{display:flex;flex-wrap:wrap;gap:4px}.fail-interface-detail .interface-table .failed-properties .property-tag[data-v-49f49515]{background:#e7f3ff;color:#06c;padding:2px 6px;border-radius:12px;font-size:12px;font-weight:500}.fail-interface-detail .interface-table .no-properties[data-v-49f49515]{color:#adb5bd;font-style:italic}.stop-record[data-v-8291903c]{position:fixed;background-color:#eb9898;top:8px;left:350px;width:100px;height:40px;z-index:10;text-align:center;vertical-align:middle;line-height:40px;border-radius:20px;cursor:pointer}.cs-lc-debug-panel[data-v-7a0c010f]{position:fixed;bottom:20px;right:20px;width:600px;height:500px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;overflow:hidden;display:flex;flex-direction:column}.cs-lc-debug-panel .debug-header[data-v-7a0c010f]{padding:12px 16px;background:linear-gradient(250deg,#fff,#f9e8ff);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:18px;color:#333}.cs-lc-debug-panel .debug-header-left[data-v-7a0c010f]{display:flex;align-items:center;gap:15px;overflow:hidden}.cs-lc-debug-panel .debug-header-left-text[data-v-7a0c010f]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-lc-debug-panel .debug-header-left-text.container-id[data-v-7a0c010f]{min-width:130px}.cs-lc-debug-panel .debug-header-right[data-v-7a0c010f]{display:flex;align-items:center;gap:8px}.cs-lc-debug-panel .debug-body[data-v-7a0c010f]{margin:0 10px;flex:1;overflow:auto;padding-bottom:10px}.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs{display:flex;flex-direction:column;height:100%;overflow:hidden}.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .mtd-tabs-content,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .cs-mtd-tabs-content,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .mtd-tabs-content,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .cs-mtd-tabs-content{height:100%;flex:1;overflow-y:scroll}.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .mtd-tabs-content .mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .mtd-tabs-content .cs-mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .cs-mtd-tabs-content .mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .mtd-tabs .cs-mtd-tabs-content .cs-mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .mtd-tabs-content .mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .mtd-tabs-content .cs-mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .cs-mtd-tabs-content .mtd-tab-pane,.cs-lc-debug-panel .debug-body[data-v-7a0c010f] .cs-mtd-tabs .cs-mtd-tabs-content .cs-mtd-tab-pane{height:100%}.debug-panel-show-controller[data-v-97bbcaca]{position:fixed;left:0;bottom:160px;width:46px;height:56px;padding:8px 11px;background:#fff;border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#000000e6;font-weight:400;z-index:79;cursor:pointer}.out-call-note-container[data-v-4283cf5c]{width:500px;margin:0 -24px;padding:0 20px}.out-call-note-container .call-user[data-v-4283cf5c]:before{content:"*";color:red}.out-call-note-container [class*=mtd-row][data-v-4283cf5c]{margin-bottom:20px}.out-call-note-container [class*=mtd-row][data-v-4283cf5c]:last-child{margin-bottom:0}.out-call-note-container [class*=mtd-col][data-v-4283cf5c]{border-radius:var(--border-radius-2)}.out-call-note-container .bg-purple[data-v-4283cf5c]{background:#d3dce6}.out-call-note-container .grid-content[data-v-4283cf5c]{border-radius:var(--border-radius-2);min-height:36px}.out-call-note-container .modal-footer[data-v-4283cf5c]{display:flex;justify-content:center;align-items:center}.out-call-note-container .textarea[data-v-4283cf5c]{width:260px;height:100px;overflow-y:auto;resize:none}.out-call-note-container .field-secret[data-v-4283cf5c]{display:inline}.out-call-note-container .secret-link[data-v-4283cf5c]{color:var(--cs-common-primary-color);font-weight:500}.multi-order-tab-container[data-v-212b408e]{display:flex;flex-direction:column;height:100%;overflow-y:hidden;padding:0 16px;background-color:#f3f3f4}.multi-order-tab-container .icon-csmain-order[data-v-212b408e]{margin-right:6px}.multi-order-tab-container .tab-item-label[data-v-212b408e]{display:flex;align-items:center;padding-bottom:4px}.multi-order-tab-container .tab-item-label .tab-item-label-text[data-v-212b408e]{max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-order-tab-container .multi-order-tab[data-v-212b408e]{height:32px}.multi-order-tab-container .multi-order-tab[data-v-212b408e]>[class*=mtd-tabs-nav] [class*=mtd-tabs-nav-container]{background-color:#f3f3f4}.multi-order-tab-container .multi-order-tab[data-v-212b408e]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item][class*=mtd-tab-active]{background-color:#cef2e0;border-color:#f7f7f8;font-weight:600;color:#111925}.multi-order-tab-container .multi-order-tab[data-v-212b408e]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-normal]{height:32px;line-height:32px;border-color:#e8e8ea;background-color:#e8e8ea}.multi-order-tab-container .multi-order-tab[data-v-212b408e]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-label]{justify-content:space-between}.multi-order-tab-container .multi-order-tab[data-v-212b408e]>[class*=mtd-tabs-content]{display:none}.multi-order-tab-container .multi-order-tab-pane-content[data-v-212b408e]{height:calc(100% - 32px);flex-grow:1}.related-knowledge[data-v-e787ce3a]{line-height:32px}.related-knowledge .no-knowledge[data-v-e787ce3a]{display:flex}.related-knowledge .knowledge-list[data-v-e787ce3a]{display:flex;column-gap:10px;margin:0;padding-left:0}.related-knowledge .knowledge-list-row[data-v-e787ce3a]{flex-direction:row;flex-wrap:wrap;list-style-type:none}.related-knowledge .knowledge-list-column[data-v-e787ce3a]{flex-direction:column}.related-knowledge .knowledge-link[data-v-e787ce3a]{display:flex;height:auto;color:var(--cs-common-primary-color);letter-spacing:0}.related-knowledge .knowledge-link[data-v-e787ce3a] :hover{text-decoration:underline}.related-knowledge .knowledge-list .knowledge-link[data-v-e787ce3a]{cursor:pointer;font-size:14px}.faq-recommend-container[data-v-48931760]{display:flex;flex-wrap:wrap;gap:12px}.faq-recommend-container .recommand-item[data-v-48931760]{position:relative;border:1px solid rgba(0,0,0,.13);border-radius:6px;padding:0 12px;font-size:14px;line-height:30px;color:#111925;background-color:#fff;text-align:center;display:inline-block;cursor:pointer}.faq-recommend-container .recommand-item.active[data-v-48931760]{border-color:var(--cs-common-primary-color);color:var(--cs-common-primary-color)}.faq-recommend-container .recommand-item[data-v-48931760]:hover{background-color:#eaecf0}.faq-recommend-container .selected-button-corner[data-v-48931760]{position:absolute;bottom:0;right:0;width:0;height:0;border:10px solid var(--cs-common-primary-color);border-color:transparent var(--cs-common-primary-color) var(--cs-common-primary-color) transparent}.faq-recommend-container .select-button-icon[data-v-48931760]{color:#fff;position:absolute;right:0;bottom:0;z-index:1000;size:7px;font-size:10px;font-weight:1000;transform:scale(.6)}.faq-select-container[data-v-f4cbc932]{position:relative}.faq-select-container[data-v-f4cbc932] [class*=mtd-cascader]{width:200px}.service-created-info .case-link[data-v-f318b9a0]{color:var(--cs-common-primary-color);cursor:pointer}.service-created-container [class*=mtd-card][data-v-91bb90ca]{display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border:none;height:150px;margin-top:16px}.service-created-container .title-line[data-v-91bb90ca]{display:flex;align-items:center}.service-created-container .title-icon-warning[data-v-91bb90ca]{font-size:18px;height:18px;margin-right:5px;width:18px;color:#ff9d00}.service-created-container .title-text[data-v-91bb90ca]{color:#000c;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.question-confirm-container[data-v-b43c30c7]{display:flex;flex-direction:column;gap:12px}.question-confirm-container .question-confirm-selector[data-v-b43c30c7]{display:flex;align-items:flex-start;gap:12px}.question-confirm-container .question-confirm-selector .faq-select-label[data-v-b43c30c7]{white-space:nowrap;color:var(--color-text-3);line-height:32px}.question-confirm-container .question-confirm-selector .question-desc-icon[data-v-b43c30c7]{cursor:pointer;line-height:32px}.question-confirm-container .faq-recommend[data-v-b43c30c7]{margin-left:96px}.blocks-container[data-v-fe06783d]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-fe06783d]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-fe06783d]{text-align:center;font-size:14px;color:#111925;opacity:.45}.blocks-container[data-v-adb97c26]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-adb97c26]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-adb97c26]{text-align:center;font-size:14px;color:#111925;opacity:.45}.text-danger[data-v-95b3f22d]{background-color:transparent;color:var(--color-danger-1);border-color:transparent}.text-warning[data-v-95b3f22d]{background-color:transparent;color:var(--color-warning-1);border-color:transparent}.drawer-operation-container[data-v-94acedfe]{display:flex;align-items:center;flex-wrap:wrap}.drawer-operation-container .drawer-operation-btn[data-v-94acedfe]{margin:6px}.no-order-info-tip[data-v-7df930b9]{height:100px;margin:0 13px;border-radius:6px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600}.blocks-container[data-v-bcb5bdac]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-bcb5bdac]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-bcb5bdac]{text-align:center;font-size:14px;color:#111925;opacity:.45}.risk-question-selector[data-v-2ea7259d]{display:flex;flex-direction:column;padding:0;gap:2px;line-height:24px}.selector-wrapper[data-v-2ea7259d]{display:flex;align-items:center;padding:16px;gap:8px}.question-selector-label[data-v-2ea7259d]{flex-shrink:0;white-space:nowrap}[data-v-2ea7259d] .risk-scene-select{flex:1}.risk-tips[data-v-2ea7259d]{display:block;padding:8px 16px}.related-knowledge[data-v-2ea7259d]{line-height:32px}.related-knowledge .no-knowledge[data-v-2ea7259d]{display:flex}.related-knowledge .knowledge-list[data-v-2ea7259d]{display:flex;column-gap:10px;margin:0;padding-left:0}.related-knowledge .knowledge-list-row[data-v-2ea7259d]{flex-direction:row;flex-wrap:wrap;list-style-type:none}.related-knowledge .knowledge-link[data-v-2ea7259d]{display:flex;height:32px;color:var(--cs-common-primary-color);letter-spacing:0}.related-knowledge .knowledge-link[data-v-2ea7259d] :hover{text-decoration:underline}.blocks-container[data-v-38d5a271]{display:flex;position:relative;flex-direction:column;gap:8px 0}.service-block[data-v-38d5a271]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-38d5a271]{text-align:center;font-size:14px;color:#111925;opacity:.45}.drawer-blocks[data-v-327f85de]{position:absolute;bottom:0;width:100%}.drawer-blocks-container[data-v-327f85de]{border-radius:12px 12px 0 0;padding:0 16px 16px;background-color:#fff;display:flex;flex-direction:column;box-shadow:-16px 0 46px #0003;height:0}.drawer-blocks-container.is-open[data-v-327f85de]{height:var(--61978a8f)}.drawer-blocks-container .drawer-blocks-header[data-v-327f85de]{display:flex;justify-content:space-between;padding:16px 0;cursor:pointer}.drawer-blocks-container .drawer-blocks-header .title[data-v-327f85de]{font-weight:500;font-size:18px;line-height:26px}.drawer-blocks-container .drawer-blocks-header .mtdicon-close[data-v-327f85de]{cursor:pointer;font-size:25px}.drawer-blocks-container .drawer-blocks-render[data-v-327f85de]{flex:1;overflow:auto;border-top:1px solid rgba(0,0,0,.06)}.drawer-blocks-container .drawer-blocks-render[data-v-327f85de] .block-item .block-header{padding:0 0 16px}.form-block-container[data-v-8c323d3d]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.case-refresh-btn-container[data-v-56e91224]{display:flex;align-items:center}.case-refresh-btn-loading[data-v-56e91224]{cursor:not-allowed}.icon-csshuaxin-new[data-v-56e91224]{border-radius:2px;cursor:pointer;line-height:16px}.icon-csshuaxin-new[data-v-56e91224]:hover{background-color:#e6e7eb}[data-v-56e91224] [class*=mtd-btn-before] [class*=mtd-btn-spin]{margin:0;color:#a8afb8;font-size:14px}[data-v-56e91224] [class*=mtd-btn]{padding:0;border-width:0;height:16px;min-width:16px}.switch-question-footer[data-v-d6e4fb6b]{display:flex;justify-content:end;gap:0 8px;margin-top:24px}.switch-question-select[data-v-d6e4fb6b]{width:310px}[data-v-d6e4fb6b] .cs-mtd-input-disabled{background-color:#fff}.cs-mtd-card[data-v-fa7007cd]{display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border:none;height:150px;margin-top:16px}.switch-question-btn[data-v-a60b9b25]{height:24px;border-radius:4px;font-size:12px;line-height:20px}.favorite-icon-container[data-v-b08a743e]{display:flex;align-items:center;border-radius:var(--border-radius-1)}.favorite-icon-container[data-v-b08a743e]:hover{background-color:#e6e7eb}.mtdicon-star[data-v-b08a743e]{color:#f5ba31}.favorite-icon[data-v-b08a743e]{cursor:pointer}.favorite-icon.mtdicon-star-o[data-v-b08a743e]{color:#1a1a1a}.favorite-icon-loading[data-v-b08a743e]{cursor:not-allowed}.case-online-out-container[data-v-8b38991f]{height:20px;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-1)}.case-online-out-container[data-v-8b38991f]:hover{background:#e6e7eb}.service-progress-container[data-v-2256cb52]{display:flex;flex-direction:row;align-items:center;gap:0 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.service-progress-container[data-v-2256cb52]:hover{background:#e6e7eb;border-radius:2px}.service-progress-icon[data-v-2256cb52]{font-size:20px}.service-progress-body[data-v-2256cb52]{display:flex;flex-direction:column;width:166px;height:166px}.service-progress-title[data-v-2256cb52]{margin-bottom:8px;padding:16px 16px 0;font-weight:700;font-weight:500;font-size:18px;color:#000000de;letter-spacing:0;line-height:26px}.service-progress-btn-group[data-v-2256cb52]{display:flex;flex-direction:column;padding:0 4px}.service-progress-btn-group .service-progress-btn[data-v-2256cb52]{display:flex;justify-content:space-between;align-items:center;height:36px;cursor:pointer}.service-progress-btn-group .service-progress-btn[data-v-2256cb52]:hover{background-color:#edeff2}.service-progress-btn-group .service-progress-btn-title[data-v-2256cb52]{margin-left:12px;font-size:14px;color:#000000de;letter-spacing:0}.service-progress-btn-group .service-progress-btn-title.user-message[data-v-2256cb52]{display:flex;flex-wrap:nowrap;align-items:center;gap:0 4px}.service-progress-btn-group .mtdicon-right-thick[data-v-2256cb52]{margin-right:4px;font-size:16px}.sync-service-btn[data-v-2256cb52]{display:flex;flex-direction:row}.sync-service-btn>*[data-v-2256cb52]:not(:last-child){margin-right:8px}.title-layout[data-v-2256cb52]{display:flex;justify-content:space-between}.view-user-note[data-v-2256cb52]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color)}.view-user-note[data-v-2256cb52]:hover{text-decoration-line:underline;cursor:pointer}.message-count[data-v-2256cb52]{height:16px;background:#ff4a47;border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:0 4px;font-size:10px;line-height:14px;color:#fff;text-align:center}[data-v-2256cb52] .cs-mtd-badge-text{padding:0 4px}.service-progress-popover{padding:0!important}.tag-icon[data-v-1937f189]{font-size:14px;margin-right:4px}.tag-content[data-v-1937f189]{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.pre-word-wrap[data-v-1937f189]{white-space:pre-wrap}.tag[data-v-1937f189]{position:relative;display:flex;flex-shrink:0;justify-content:flex-start;align-items:center;padding:4px 6px 3px;border-radius:4px;font-size:14px;line-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradient-corner[data-v-1937f189]{position:absolute;top:0;left:0;width:10px;height:10px;background:#ff3434;clip-path:polygon(0 0,100% 0,0 100%)}.user-tag-container[data-v-81108698]{display:flex;height:20px;overflow:hidden;padding:0 12px 0 0}.user-tag-container .user-tag-group[data-v-81108698]{display:flex;align-items:center;gap:6px 4px;border-radius:0;border:none;box-shadow:none;z-index:2;overflow:hidden}.user-tag-container .all-tag-thick-btn[data-v-81108698]{width:auto;height:20px;border-radius:4px;margin-left:4px;display:flex;align-items:center;flex-shrink:0}.user-tag-container .all-tag-thick-btn[data-v-81108698]:hover{background-color:#f0f0f0;cursor:pointer}.user-tag-container .all-tag-thick-btn span[data-v-81108698]{margin-right:4px}.popover-tag-group[data-v-81108698]{max-width:400px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px}.attachment-tag[data-v-359aa991]{display:flex;margin-right:4px}.attachment-tag[data-v-359aa991] .tag .icon-cscs-icon-warning-circle{color:#ffd200}.attachment-tag[data-v-359aa991] .tag .tag-content{color:#43240d}.case-oncall-icon{cursor:pointer}.add-note-container[data-v-a50288cf]{max-width:400px;flex-grow:1;flex-shrink:1;flex-basis:50%;overflow:hidden}.add-note-container .card-container[data-v-a50288cf]{display:flex;flex-direction:row;align-items:flex-start;flex-grow:1;flex-shrink:1;flex-basis:50%;padding:8px;height:58px;border-radius:6px;opacity:1;background:#f3f3f4;overflow:hidden;cursor:pointer}.add-note-container .card-container .card-info-container[data-v-a50288cf]{display:flex;flex-direction:column;margin-left:8px;overflow:hidden;flex:1}.add-note-container .card-container .card-info-container .container-top[data-v-a50288cf]{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden;margin-top:2px}.add-note-container .card-container .card-info-container .container-top .info-title[data-v-a50288cf]{font-size:14px;font-weight:600;line-height:22px;min-width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-note-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-a50288cf]{margin-left:auto;color:var(--cs-common-primary-color)}.add-note-container .card-container .card-info-container .info-content[data-v-a50288cf]{font-size:12px;line-height:20px;color:#0000008c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-note-container .card-container .icon-csservice-head-note .mtdicon-file-add[data-v-a50288cf]{width:20px}.add-note-container .tag-list[data-v-a50288cf]{margin:0 4px;display:flex;gap:4px;overflow:hidden}.add-note-container .tag-list.outside[data-v-a50288cf]{flex-wrap:nowrap;max-height:36px}.add-note-container .tag-list .tag[data-v-a50288cf]{display:flex;flex-shrink:0;align-items:center;height:16px;border-radius:2px;font-size:14px;color:#000000d6;border-color:transparent;font-weight:400;padding:4px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[class*=mtd-popover].note-popover-container{width:436px}.add-remark-container[data-v-35c399c6]{max-width:400px;margin-right:8px;flex-grow:1;flex-shrink:1;flex-basis:50%;overflow:hidden}.add-remark-container .card-container[data-v-35c399c6]{display:flex;flex-direction:row;align-items:flex-start;flex-grow:1;flex-shrink:1;flex-basis:50%;padding:8px;height:58px;border-radius:6px;opacity:1;background:#f3f3f4;overflow:hidden;cursor:pointer}.add-remark-container .card-container .card-info-container[data-v-35c399c6]{display:flex;flex-direction:column;margin-left:8px;overflow:hidden;flex:1}.add-remark-container .card-container .card-info-container .container-top[data-v-35c399c6]{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden;margin-top:2px}.add-remark-container .card-container .card-info-container .container-top .info-title[data-v-35c399c6]{font-size:14px;font-weight:600;line-height:22px;min-width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-remark-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-35c399c6]{margin-left:auto;color:var(--cs-common-primary-color)}.add-remark-container .card-container .card-info-container .info-content-container[data-v-35c399c6]{display:flex;gap:0 4px}.add-remark-container .card-container .card-info-container .info-content[data-v-35c399c6]{font-size:12px;line-height:20px;color:#0000008c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-remark-container .card-container .icon-csservice-head-note .mtdicon-file-add[data-v-35c399c6]{width:20px}[class*=mtd-popover].remark-popover-container{width:436px}.icon-related-knowledge[data-v-e076c5b6]{line-height:20px;border-radius:2px;cursor:pointer;flex-shrink:0}.icon-related-knowledge[data-v-e076c5b6]:hover{background-color:#e6e7eb}.title-container[data-v-e076c5b6]{min-width:150px;display:flex;align-items:center;justify-content:space-between}.title-container .title-content[data-v-e076c5b6]{font-size:16px;line-height:24px;font-weight:600}.title-container .close-icon[data-v-e076c5b6]{margin-left:24px;cursor:pointer}.related-knowledge-container[data-v-e076c5b6]{padding:0 10px;max-width:660px}.service-header[data-v-181261d6]{display:flex;flex-direction:column;padding:8px 16px;position:sticky;top:0;z-index:1;background:#fff;margin-bottom:12px}.service-header .service-header-top[data-v-181261d6]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0 6px}.service-header .service-header-top .service-header-top-left[data-v-181261d6]{display:flex;flex-direction:column;overflow:hidden;flex:1}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-181261d6],.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-181261d6]{display:flex;flex-direction:row;align-items:center}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-181261d6]{gap:8px;margin-bottom:4px}.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-181261d6]{gap:4px}.service-header .service-header-top .service-header-top-right[data-v-181261d6]{display:flex;flex-direction:row;overflow:hidden;justify-content:flex-end;flex:1}.service-header .header-tag-box[data-v-181261d6]{display:flex;overflow:hidden}.service-header .header-tag-box[data-v-181261d6]>:first-child:before{margin:0 12px 0 6px;content:"";width:0;border-left:1px solid #f0f0f0}.header-title[data-v-181261d6]{flex-shrink:3;font-size:var(--font-size-6);color:#111925;letter-spacing:0;line-height:28px;font-weight:600;max-width:360px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.header-case-id[data-v-181261d6]{font-size:var(--font-size-1);color:var(--color-text-3);letter-spacing:0;line-height:12px;font-weight:600;flex-shrink:0}.save-info[data-v-181261d6]{display:flex;align-items:center;gap:0 6px;height:22px;line-height:22px;border-radius:30px;font-size:var(--font-size-2);color:var(--color-text-3);letter-spacing:0;font-weight:400;flex-shrink:0;margin-left:8px}.save-info .mtdicon-warning-circle[data-v-181261d6]{font-size:var(--font-size-5)}.save-info.save-failed[data-v-181261d6]{color:var(--color-danger-1)}.case-header-announcement-line[data-v-181261d6]{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;background:#fff9e6;border-radius:6px;padding:0 16px;margin-top:8px}.case-header-announcement-line .mtdicon[data-v-181261d6]{margin-right:8px;font-size:16px;color:#ff9d00}.case-header-announcement-line .announcement-text[data-v-181261d6]{font-weight:400;font-family:var(--PingFangSC-Regular);font-size:14px;color:#592d00;line-height:26px}.case-header-announcement-line .announcement-operate[data-v-181261d6]{position:relative;font-weight:600;font-family:var(--PingFangSC-Regular);font-size:14px;color:var(--cs-common-primary-color);line-height:26px;cursor:pointer}.case-header-announcement-line .announcement-operate[data-v-181261d6]:after{content:"";position:absolute;width:100px;height:26px;left:-15px;top:0}.copy-btn[data-v-181261d6]{cursor:pointer}.multi-order-tab-container[data-v-4b440531]{display:flex;flex-direction:column;height:100%;overflow-y:hidden;padding:0 16px;background-color:#f3f3f4;position:relative}.multi-order-tab-container .tabs-container[data-v-4b440531]{height:auto;overflow:visible;padding-bottom:4px}.multi-order-tab-container .tabs-container .tabs-wrapper[data-v-4b440531]{display:flex;align-items:center;white-space:nowrap;overflow:auto;gap:4px;height:40px}.multi-order-tab-container .group-badge[data-v-4b440531] .mtd-badge-position{transform:translate(-6px,-50%)}.multi-order-tab-container .group-header[data-v-4b440531]{display:flex;align-items:center;justify-content:center;height:22px;padding:0 4px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;box-sizing:border-box;position:relative;border:none}.multi-order-tab-container .group-header[data-v-4b440531]:hover{opacity:.9}.multi-order-tab-container .group-header .group-name[data-v-4b440531]{font-weight:500;color:#fff;font-size:14px}.multi-order-tab-container .group-header .group-count[data-v-4b440531]{font-size:14px;color:#fff;margin-left:0;font-weight:500}.multi-order-tab-container .group-header.expanded[data-v-4b440531]:after{content:"";position:absolute;left:0;right:-4px;bottom:-4px;height:2px;background:var(--group-color)}.multi-order-tab-container .order-tab[data-v-4b440531]{display:flex;align-items:center;height:30px;padding:0 12px;background-color:#e8e8ea;border:1px solid #d0d0d2;border-radius:8px 8px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .2s ease;position:relative;box-sizing:border-box;flex-shrink:1;min-width:60px}.multi-order-tab-container .order-tab[data-v-4b440531]:hover{background-color:#d8d8da;border-color:#c0c0c2}.multi-order-tab-container .order-tab.active[data-v-4b440531]{background-color:#cef2e0;border-color:#cef2e0;font-weight:500;color:#111925;z-index:1;flex-shrink:0}.multi-order-tab-container .order-tab.grouped[data-v-4b440531]{position:relative;border:1px solid #d0d0d2}.multi-order-tab-container .order-tab.grouped[data-v-4b440531]:not(.active){background-color:#ffffffe6;border-color:#d0d0d2}.multi-order-tab-container .order-tab.grouped.active[data-v-4b440531]{background-color:#cef2e0;border-color:#cef2e0}.multi-order-tab-container .order-tab .tab-content[data-v-4b440531]{width:100%;display:flex;align-items:center;gap:6px;position:relative}.multi-order-tab-container .order-tab .tab-content .order-id[data-v-4b440531]{font-size:12px;max-width:100px;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.multi-order-tab-container .order-tab .tab-content .close-btn[data-v-4b440531]{font-size:16px;color:#999;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.multi-order-tab-container .order-tab .tab-content .close-btn[data-v-4b440531]:hover{color:#666;background-color:#0000001a}.multi-order-tab-container .order-tab.grouped[data-v-4b440531]:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-4px;height:2px;background:var(--group-color)}.multi-order-tab-container .order-tab.grouped[data-v-4b440531]:not(:has(~.order-tab.grouped)):after{right:0}.multi-order-tab-container .multi-order-tab-pane-content[data-v-4b440531]{height:calc(100% - 44px);flex-grow:1}.multi-order-tab-container .context-menu[data-v-4b440531]{position:fixed;background:#fff;border:1px solid #e8e8ea;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;overflow:hidden}.multi-order-tab-container .context-menu .context-menu-item[data-v-4b440531]{padding:10px 16px;cursor:pointer;transition:background-color .2s;font-size:13px;border-bottom:1px solid #f0f0f0}.multi-order-tab-container .context-menu .context-menu-item[data-v-4b440531]:last-child{border-bottom:none}.multi-order-tab-container .context-menu .context-menu-item[data-v-4b440531]:hover{background-color:#f5f5f5}.multi-order-tab-container .context-menu .context-menu-item[data-v-4b440531]:active{background-color:#e8e8ea}.multi-order-tab-container .context-menu-overlay[data-v-4b440531]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.multi-order-tab-container[data-v-4b440531] .mtd-modal{z-index:2000}.multi-order-tab-container[data-v-4b440531] .mtd-modal-content{border-radius:8px}.multi-order-tab-container .group-modal-content .form-item[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .form-item[data-v-4b440531]{display:flex;align-items:flex-start;margin-bottom:16px;position:relative}.multi-order-tab-container .group-modal-content .form-item .form-label[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .form-item .form-label[data-v-4b440531]{width:80px;text-align:right;margin-right:12px;font-weight:500;line-height:32px;flex-shrink:0}.multi-order-tab-container .group-modal-content .form-item .form-hint[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .form-item .form-hint[data-v-4b440531]{position:absolute;right:0;top:8px;font-size:12px;color:#999}.multi-order-tab-container .group-modal-content .color-picker[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .color-picker[data-v-4b440531]{display:flex;gap:12px;align-items:center;min-height:32px;padding:4px 0}.multi-order-tab-container .group-modal-content .color-picker .color-option[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .color-picker .color-option[data-v-4b440531]{width:20px;height:20px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box}.multi-order-tab-container .group-modal-content .color-picker .color-option[data-v-4b440531]:hover,.multi-order-tab-container .add-to-group-modal-content .color-picker .color-option[data-v-4b440531]:hover,.multi-order-tab-container .group-modal-content .color-picker .color-option.selected[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .color-picker .color-option.selected[data-v-4b440531]{transform:scale(1.1)}.multi-order-tab-container .group-modal-content .color-picker .color-option .selected-dot[data-v-4b440531],.multi-order-tab-container .add-to-group-modal-content .color-picker .color-option .selected-dot[data-v-4b440531]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%}.multi-order-tab-container .modal-footer[data-v-4b440531]{display:flex;justify-content:flex-end;gap:8px}.mtd-modal .group-modal-content .form-item,.mtd-modal .add-to-group-modal-content .form-item{display:flex;align-items:flex-start;margin-bottom:16px;position:relative}.mtd-modal .group-modal-content .form-item .form-label,.mtd-modal .add-to-group-modal-content .form-item .form-label{width:80px;text-align:right;margin-right:12px;font-weight:500;line-height:32px;flex-shrink:0}.mtd-modal .group-modal-content .form-item .form-hint,.mtd-modal .add-to-group-modal-content .form-item .form-hint{position:absolute;right:0;top:8px;font-size:12px;color:#999}.mtd-modal .group-modal-content .color-picker,.mtd-modal .add-to-group-modal-content .color-picker{display:flex;gap:12px;align-items:center;min-height:32px;padding:4px 0}.mtd-modal .group-modal-content .color-picker .color-option,.mtd-modal .add-to-group-modal-content .color-picker .color-option{width:20px;height:20px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box}.mtd-modal .group-modal-content .color-picker .color-option:hover,.mtd-modal .add-to-group-modal-content .color-picker .color-option:hover,.mtd-modal .group-modal-content .color-picker .color-option.selected,.mtd-modal .add-to-group-modal-content .color-picker .color-option.selected{transform:scale(1.1)}.mtd-modal .group-modal-content .color-picker .color-option .selected-dot,.mtd-modal .add-to-group-modal-content .color-picker .color-option .selected-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%}.mtd-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px}.common-service-detail-template[data-v-8d7846c2]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.common-service-detail-template .service-detail-padding[data-v-8d7846c2]{padding-bottom:50px}.common-service-detail-template .service-detail-scroll-container[data-v-8d7846c2]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.common-service-detail-template .service-detail-scroll-container[data-v-8d7846c2]::-webkit-scrollbar{display:none}.common-service-detail-template .affix-container[data-v-8d7846c2]{position:sticky;z-index:3;top:0}.common-service-detail-template .service-operation-affix[data-v-8d7846c2]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.common-service-detail-template .service-operation-affix .affix-container[data-v-8d7846c2]{position:relative}.common-service-detail-template .service-operation-container[data-v-8d7846c2]{margin:2px 16px 2px 12px}.common-service-detail-template .service-operation-container[data-v-8d7846c2] .cs-lc-operations{padding-bottom:unset}.common-service-detail-template .vertical-line[data-v-8d7846c2]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.blocks-container[data-v-731b614a]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-731b614a]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-731b614a]{text-align:center;font-size:14px;color:#111925;opacity:.45}.user-tag-container[data-v-cfeddf93]{display:flex;height:20px;overflow:hidden;padding:0 12px 0 0}.user-tag-container .user-tag-group[data-v-cfeddf93]{display:flex;align-items:center;gap:6px 4px;border-radius:0;border:none;box-shadow:none;z-index:2;overflow:hidden}.user-tag-container .all-tag-thick-btn[data-v-cfeddf93]{width:auto;height:20px;border-radius:4px;margin-left:4px;display:flex;align-items:center;flex-shrink:0}.user-tag-container .all-tag-thick-btn[data-v-cfeddf93]:hover{background-color:#f0f0f0;cursor:pointer}.user-tag-container .all-tag-thick-btn span[data-v-cfeddf93]{margin-right:4px}.popover-tag-group[data-v-cfeddf93]{max-width:400px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px}.user-picker-block[data-v-a1ec377c]{margin:12px 13px;border-radius:var(--border-radius-3);background-color:var(--color-white)}.blocks-container[data-v-20426eb3]{margin:12px 13px;border-radius:6px;background-color:var(--color-white)}.no-user-info-tip[data-v-e08d28cd]{height:100px;margin:0 13px;border-radius:6px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600}.no-user-info-tip .no-user-info-tip-casedetail[data-v-e08d28cd]{display:flex;align-items:center}.no-user-info-tip .no-user-info-tip-casedetail .case-detail-link-btn[data-v-e08d28cd]{margin-left:8px}.finance-service-detail-template[data-v-722a6425]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.finance-service-detail-template .service-detail-padding[data-v-722a6425]{padding-bottom:50px}.finance-service-detail-template .service-detail-scroll-container[data-v-722a6425]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.finance-service-detail-template .service-detail-scroll-container[data-v-722a6425]::-webkit-scrollbar{display:none}.finance-service-detail-template .affix-container[data-v-722a6425]{position:sticky;z-index:3;top:0}.finance-service-detail-template .service-operation-affix[data-v-722a6425]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.finance-service-detail-template .service-operation-affix .affix-container[data-v-722a6425]{position:relative}.finance-service-detail-template .service-operation-container[data-v-722a6425]{margin:2px 16px 2px 12px}.finance-service-detail-template .service-operation-container[data-v-722a6425] .cs-lc-operations{padding-bottom:0!important}.finance-service-detail-template .vertical-line[data-v-722a6425]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.risk-menu-container[data-v-0e36f9ff]{position:absolute;left:0;-webkit-user-select:none;user-select:none;z-index:100;top:20%}.risk-menu-hidden[data-v-0e36f9ff]{width:30px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f;cursor:pointer}.risk-menu-hidden .menu-title[data-v-0e36f9ff]{padding:11px 5px 5px;font-size:var(--font-size-2);color:var(--color-text-5);letter-spacing:8px;line-height:var(--line-height-2);writing-mode:vertical-lr}.risk-menu-expand[data-v-0e36f9ff]{width:240px;max-height:480px;border-radius:0 12px 12px 0;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f}.menu-header[data-v-0e36f9ff]{display:flex;justify-content:space-between;align-items:center;height:40px;padding:17px 18px 8px 20px;cursor:pointer}.menu-header .menu-title[data-v-0e36f9ff]{font-size:var(--font-size-2);color:#7d7d7de6;line-height:var(--line-height-3)}.horizontal-line[data-v-0e36f9ff]{height:0;margin:0 0 10px 20px;border-bottom:1px solid #f0f0f0}.menu-group[data-v-0e36f9ff]{display:flex;flex-direction:column;max-height:428px;padding-bottom:18px;overflow-y:overlay}.menu-group[data-v-0e36f9ff]::-webkit-scrollbar{width:6px}.menu-group[data-v-0e36f9ff]::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}.menu-group[data-v-0e36f9ff]:hover::-webkit-scrollbar-thumb{background-color:#ddd}.menu-item[data-v-0e36f9ff]{flex-basis:36px;padding:6px 20px;font-size:var(--font-size-2);color:var(--color-text-5);letter-spacing:0;line-height:var(--line-height-2)}.menu-item-first[data-v-0e36f9ff]{display:flex;align-items:center;cursor:pointer;border-radius:50px;font-weight:600;color:#111925;background:var(--cs-common-nav-bc-image);padding:6px 10px}.menu-item-first-index[data-v-0e36f9ff]{margin-right:2px}.menu-item-first .arrow-icon[data-v-0e36f9ff]{margin-left:4px;font-size:12px;transition:transform .3s}.menu-item-first[data-v-0e36f9ff]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.menu-item-second[data-v-0e36f9ff]{color:#111925;margin:8px 20px 0 8px;cursor:pointer;transition:color .3s}.menu-item-second[data-v-0e36f9ff]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.menu-item-third[data-v-0e36f9ff]{color:#111925;transition:color .3s;cursor:pointer;margin:8px 20px}.menu-item-third[data-v-0e36f9ff]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.risk-menu-expand[data-v-0e36f9ff],.risk-menu-hidden[data-v-0e36f9ff]{transition:transform .3s ease}.menu-group[data-v-0e36f9ff]{transition:max-height .3s ease}.menu-item-second-area[data-v-0e36f9ff]{transition-property:margin;transition-duration:.3s;transition-timing-function:ease}.menu-item-second-has-children[data-v-0e36f9ff]{font-weight:var(--font-weight-medium)}.risk-detail-template[data-v-4ba8792b]{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#f3f3f4}.fixed-footer[data-v-4ba8792b]{position:sticky;bottom:0;z-index:100;background:#fff;flex-shrink:0;border-top:1px solid #d4d5d6}.modules-container[data-v-4ba8792b]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.modules-container .risk-tab-content[data-v-4ba8792b]{height:calc(100% - 56px);overflow:hidden}.modules-container .risk-tab-content[data-v-4ba8792b]::-webkit-scrollbar{display:none}.modules-container .risk-tab-content .risk-tab-pane[data-v-4ba8792b]{height:100%;overflow:auto}.modules-container .risk-tab-content .risk-tab-pane[data-v-4ba8792b]::-webkit-scrollbar{display:none}.risk-tabs[data-v-4ba8792b]{margin:6px}.risk-tabs .risk-tabs-button[data-v-4ba8792b]{font-weight:600}[data-v-4ba8792b] .service-header{box-shadow:0 2px 6px #00000014;margin-bottom:0}[data-v-4ba8792b] .multi-order-tab-container{padding:0}[data-v-4ba8792b] .multi-order-tab-container .multi-order-tab{padding:0 16px;margin-top:12px}[data-v-4ba8792b] .multi-order-tab-container .multi-order-tab-pane-content{padding:0 16px;background:linear-gradient(180deg,#fff9,#fff6 12%,#fff0)}.service-context-loading[data-v-4ba8792b]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#e8e8e880;z-index:1}.risk-operation-block[data-v-4b422790]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.risk-operation-block .service-operation-container[data-v-4b422790] .cs-lc-operations{padding-bottom:unset}.risk-operation-block .affix-container[data-v-4b422790]{position:relative}.risk-operation-block .vertical-line[data-v-4b422790]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.horizontal-line[data-v-4b422790]{height:2px;border:1px solid #e0e0e0;margin:0 14px}.operation-prefix[data-v-4b422790]{width:20px;font-size:12px;line-height:16px;text-align:center;border:1px solid;border-radius:2px;margin-left:12px}.service-prefix[data-v-4b422790]{color:var(--cs-common-primary-color);border-color:var(--cs-common-primary-color)}.risk-prefix[data-v-4b422790]{color:#166ff7;border-color:#166ff7}[data-v-b68ec38f] .flow-operation{max-height:120px}.risk-detail-main[data-v-b68ec38f]{display:flex;flex-direction:column;height:calc(100vh - 300px)}.vertical-line[data-v-b68ec38f]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.create-case-home-page-template[data-v-9a3fa74d]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.create-case-home-page-template .service-detail-padding[data-v-9a3fa74d]{padding-bottom:50px}.create-case-home-page-template .service-detail-scroll-container[data-v-9a3fa74d]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.create-case-home-page-template .service-detail-scroll-container[data-v-9a3fa74d]::-webkit-scrollbar{display:none}.create-case-home-page-template .affix-container[data-v-9a3fa74d]{position:sticky;z-index:3;top:0}.create-case-home-page-template .service-operation-affix[data-v-9a3fa74d]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.create-case-home-page-template .service-operation-affix .affix-container[data-v-9a3fa74d]{position:relative}.create-case-home-page-template .service-operation-container[data-v-9a3fa74d]{margin:2px 16px 2px 12px}.create-case-home-page-template .service-operation-container[data-v-9a3fa74d] .cs-lc-operations{padding-bottom:0!important}.create-case-home-page-template .vertical-line[data-v-9a3fa74d]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.delay-handle-form-container .service-block[data-v-51d58ea4]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.service-info-title[data-v-707b977a]{gap:8px;display:flex;align-items:center;margin-left:8px}.object-rebind-btn[data-v-707b977a]{height:28px;padding:4px 8px;color:var(--color-primary);border-color:var(--color-primary)}.blocks-container[data-v-3db475fd]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.blocks-container .service-block[data-v-3db475fd]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.blocks-container .empty-content-text[data-v-3db475fd]{text-align:center;font-size:14px;color:#111925;opacity:.45}.delay-detail[data-v-641a5a30]{height:100%;background-color:#f3f3f4}.delay-detail .delay-scroll-container[data-v-641a5a30]{display:flex;flex-direction:column;width:100%;height:calc(100% - 88px)}.delay-detail-center[data-v-641a5a30]{display:flex;width:100%;height:100%;margin-bottom:16px;overflow:hidden}.delay-detail-center-padding[data-v-641a5a30]{padding-bottom:50px}.delay-detail-center-left-container[data-v-641a5a30]{margin:0 16px 16px;height:100%;overflow:hidden;overflow-y:auto;position:relative}.delay-detail-center-left-container[data-v-641a5a30]::-webkit-scrollbar{display:none}.delay-detail-center-right-container[data-v-641a5a30]{position:relative;margin-right:16px}.delay-detail-center-right-container-service[data-v-641a5a30]{height:100%;overflow:hidden;overflow-y:auto}.delay-detail-center-right-container[data-v-641a5a30]::-webkit-scrollbar{display:none}.delay-detail-center-right-container-icon[data-v-641a5a30]{position:absolute;z-index:1;left:-16px;top:40%;width:10px;height:68px;background:#ffffff80;border-top-right-radius:4px;border-bottom-right-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer}.delay-detail .service-operation-affix[data-v-641a5a30]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.delay-detail .service-operation-affix .affix-container[data-v-641a5a30]{position:relative}.delay-detail .affix-container-menu[data-v-641a5a30]{position:sticky;z-index:3;top:0}.delay-detail .service-operation-container[data-v-641a5a30]{margin:2px 16px 2px 12px}.delay-detail .service-operation-container[data-v-641a5a30] .cs-lc-operations{padding-bottom:0!important}.risk-delay-detail[data-v-81e19052]{display:flex;flex-direction:column;overflow-y:hidden;height:100%}.risk-delay-detail .delay-scroll-container[data-v-81e19052]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.risk-delay-detail-center[data-v-81e19052]{display:flex;width:100%;height:100%;margin-bottom:16px;overflow:hidden}.risk-delay-detail-center-padding[data-v-81e19052]{padding-bottom:50px}.risk-delay-detail-center-left-container[data-v-81e19052]{margin:0 16px 16px;height:100%;overflow:hidden;overflow-y:auto;position:relative}.risk-delay-detail-center-left-container[data-v-81e19052]::-webkit-scrollbar{display:none}.risk-delay-detail-center-right-container[data-v-81e19052]{position:relative;margin-right:16px}.risk-delay-detail-center-right-container-service[data-v-81e19052]{height:100%;overflow:hidden;overflow-y:auto}.risk-delay-detail-center-right-container[data-v-81e19052]::-webkit-scrollbar{display:none}.risk-delay-detail-center-right-container-icon[data-v-81e19052]{position:absolute;z-index:1;left:-16px;top:40%;width:10px;height:68px;background:#ffffff80;border-top-right-radius:4px;border-bottom-right-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer}

.cloud-fulltime-dialog[data-v-3c08e6c0] {
  width: 400px;
}
.cloud-fulltime-dialog .retry-button[data-v-3c08e6c0] {
  margin-top: 50px;
  text-align: center;
}
.risk-warning-dialog[data-v-577686dc] {
  min-width: 300px;
  max-width: 500px;
}
.risk-warning-dialog .risk-warning-title[data-v-577686dc] {
  margin: 20px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.risk-warning-dialog .risk-warning-title .risk-warning-title-text[data-v-577686dc] {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 26px;
  font-weight: 500;
  text-align: left;
  word-break: all;
}
.risk-warning-dialog .risk-warning-title .mtdicon-shield-success-fill[data-v-577686dc] {
  color: #ff4a47;
  font-size: 30px;
  line-height: 26px;
}
.risk-warning-dialog .risk-warning-body[data-v-577686dc] {
  margin: 20px 0;
}
.risk-warning-dialog .risk-warning-footer[data-v-577686dc] {
  display: flex;
  justify-content: right;
}
.risk-warning-container[data-v-03661f12] {
  padding: 5px 20px;
  height: 30px;
  position: relative;
  background-color: #ffeceb;
  border-radius: 5px;
  overflow: hidden;
  font-size: 14px;
  box-shadow: 3px 6px 6px 0 rgba(244, 203, 202, 0.5);
}
.risk-warning-container .risk-warning-icon[data-v-03661f12] {
  position: absolute;
  left: 10px;
  font-size: 18px;
  color: #ff4a46;
  line-height: 20px;
  text-align: center;
}
.risk-warning-container .risk-warning-body[data-v-03661f12] {
  width: 100%;
  height: 100%;
  line-height: 20px;
  position: absolute;
  left: 35px;
  right: 10px;
  top: 0;
  display: inline-block;
  overflow: hidden;
}
.risk-warning-container .risk-warning-body .carousel-item[data-v-03661f12] {
  background-color: #ffeceb;
}
.risk-warning-container .risk-warning-body .risk-warning-item[data-v-03661f12] {
  height: 100%;
  color: #b3090e;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  line-height: 30px;
}
.risk-warning-container .risk-warning-body .mtd-carousel-indicator[data-v-03661f12] {
  display: none !important;
}
.answer-container .answer-tips[data-v-a1dd2e48] {
  display: flex;
  align-items: center;
  height: 36px;
  border-radius: 6px;
  opacity: 1;
  padding: 2px 16px;
  background: #fff5f0;
  color: #f70;
}
.answer-container[data-v-a1dd2e48] .mtd-radio-group {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.answer-container[data-v-a1dd2e48] .mtd-radio-group .mtd-radio {
  height: 32px;
}
.answer-container[data-v-a1dd2e48] .mtd-radio-group .mtd-input-wrapper {
  margin-left: 12px;
}
.answer-container .mtd-select[data-v-a1dd2e48] {
  width: 100%;
}
.answer-container .btn-group[data-v-a1dd2e48] {
  display: flex;
  justify-content: flex-end;
}
.answer-container .btn-group .mtd-btn[data-v-a1dd2e48] {
  margin-left: 10px;
}
.source-tracing-trigger[data-v-55ed3160] {
  position: fixed;
  bottom: 224px;
  left: 0;
  width: 46px;
  height: 56px;
  padding: 8px 11px;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  box-sizing: border-box;
  z-index: 79;
  cursor: pointer;
}
.source-tracing-modal-header[data-v-1ce34240] {
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(90deg, #678afe 0%, #927cff 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.source-tracing-modal-header .title[data-v-1ce34240] {
  flex: 1;
}
.source-tracing-modal-header .controls[data-v-1ce34240] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.source-tracing-modal-header .close-btn[data-v-1ce34240] {
  cursor: pointer;
  font-size: 16px;
  transition: opacity 0.2s;
}
.source-tracing-modal-header .close-btn[data-v-1ce34240]:hover {
  opacity: 0.8;
}
.field-info-item[data-v-7567e1d7] {
  display: flex;
  margin-bottom: 8px;
  font-size: 14px;
  color: #111925;
}
.field-info-item .label[data-v-7567e1d7] {
  height: 22px;
  white-space: nowrap;
}
.field-info-item .value[data-v-7567e1d7] {
  line-height: 22px;
  color: rgba(17, 25, 37, 0.65);
  word-wrap: break-word;
  word-break: break-all;
}
.field-info-item .link[data-v-7567e1d7] {
  color: rgb(20, 84, 245);
  text-decoration: underline;
}
.field-info-item .pointer[data-v-7567e1d7] {
  cursor: pointer;
}
.component-operation-info .info-card[data-v-723a9543] {
  margin-bottom: 12px;
}
.component-operation-info .info-card .card-title[data-v-723a9543] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.component-operation-info .customization-toggle[data-v-723a9543] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 12px;
  transition: color 0.2s;
}
.component-operation-info .customization-toggle[data-v-723a9543]:hover {
  color: rgba(0, 0, 0, 0.7);
}
.component-operation-info .customization-toggle .toggle-icon[data-v-723a9543] {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 4px;
}
.component-operation-info .customization-toggle.expanded .toggle-icon[data-v-723a9543] {
  transform: rotate(180deg);
}
.component-operation-info .customization-content .info-card[data-v-723a9543]:last-child {
  margin-bottom: 0;
}
.source-tracing-empty[data-v-58f0239f] {
  width: 300px;
  height: 130px;
  margin: 100px auto;
}
.source-tracing-empty .empty-content[data-v-58f0239f] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.source-tracing-empty .empty-content .empty-image[data-v-58f0239f] {
  width: 96px;
  height: 96px;
  background: url(assets/source-tracing-empty.62d374c8a42fbbc3273e.png) no-repeat;
  background-size: 96px 96px;
}
.source-tracing-empty .empty-content .empty-text[data-v-58f0239f] {
  font-size: 14px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
  color: #111925;
}
.source-tracing-content .content[data-v-54ba2b32] {
  box-sizing: border-box;
  padding: 16px 12px 0;
  overflow-y: auto;
}
.source-tracing-content .content[data-v-54ba2b32]::-webkit-scrollbar {
  display: none;
}
.source-tracing-content .content .query-item[data-v-54ba2b32] {
  padding-bottom: 20px;
}
.source-tracing-content .content .query-item .query-time[data-v-54ba2b32] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  color: rgba(17, 25, 37, 0.65);
  margin-bottom: 8px;
}
.source-tracing-content .content .query-item .query-time .status-tags[data-v-54ba2b32] {
  display: flex;
  gap: 4px;
}
.source-tracing-content .content .query-item .info-container[data-v-54ba2b32] {
  padding: 16px 12px;
  border-radius: 6px;
  background: #fff;
}
.source-tracing-content .content .query-item .info-container .field-section[data-v-54ba2b32] {
  padding-bottom: 8px;
}
.source-tracing-content .content .query-item .info-container .component-section[data-v-54ba2b32] {
  padding-top: 16px;
  border-top: 1px solid rgba(17, 25, 37, 0.1);
}
.source-tracing-content .content .query-item .info-container .divider[data-v-54ba2b32] {
  height: 1px;
  background-color: #dadada;
  margin: 8px 0;
}
.source-tracing-content .content .actions[data-v-54ba2b32] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
  gap: 10px;
}
.source-tracing-content .content-size-large[data-v-54ba2b32] {
  max-height: 500px;
}
.source-tracing-content .content-size-small[data-v-54ba2b32] {
  max-height: 400px;
}
.source-tracing-modal[data-v-76e3edff] {
  position: fixed;
  top: 200px;
  left: 280px;
  border-radius: 16px;
  background: #f5f6fa;
  box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  z-index: 80;
  overflow: hidden;
  border: 1px solid #678afe;
}
.source-tracing-modal .content-wrapper .announcement-content[data-v-76e3edff] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.source-tracing-modal .content-wrapper .announcement-content a[data-v-76e3edff] {
  color: inherit;
  text-decoration: none;
}
.modal-size-large[data-v-76e3edff] {
  width: 400px;
}
.modal-size-small[data-v-76e3edff] {
  width: 300px;
}
.source-tracing-container[data-v-b4b8ba7a] {
  position: relative;
}
.resolution-notify[data-v-0d19ae4c] {
  width: 400px;
  height: 472px;
  position: fixed;
  top: 60px;
  right: 5px;
  padding: 8px 11px;
  z-index: 2000;
  background-color: white;
  border-radius: 10px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 22px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.resolution-notify .tuantuan-image[data-v-0d19ae4c] {
  position: absolute;
  left: -2px;
  top: -40px;
  width: 92px;
  height: 96px;
}
.resolution-notify .background-image[data-v-0d19ae4c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.resolution-notify .header[data-v-0d19ae4c] {
  position: absolute;
  top: 18px;
  right: 24px;
  display: flex;
  align-items: center;
  font-family: PingFang SC, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.resolution-notify .header-icon[data-v-0d19ae4c] {
  font-size: 25px;
  margin-left: 36px;
}
.resolution-notify .explanation[data-v-0d19ae4c] {
  position: absolute;
  left: 24px;
  top: 72px;
  width: 352px;
  height: 44px;
}
.resolution-notify .suggestion[data-v-0d19ae4c] {
  position: absolute;
  left: 24px;
  top: 126px;
  width: 98px;
  height: 22px;
}
.resolution-notify .resolution-value[data-v-0d19ae4c] {
  position: absolute;
  left: 122px;
  top: 126px;
  width: 40px;
  height: 22px;
  font-size: 18px;
  font-weight: 600;
}
.resolution-notify .demo-gif[data-v-0d19ae4c] {
  position: absolute;
  left: 24px;
  top: 164px;
  width: 352px;
  height: 244px;
  border-radius: 8px;
}
.resolution-notify .footer-left[data-v-0d19ae4c] {
  display: flex;
  position: absolute;
  bottom: 26px;
  left: 20px;
}
.resolution-notify .footer-right[data-v-0d19ae4c] {
  position: absolute;
  bottom: 20px;
  right: 24px;
}
.resolution-notify .setting-text[data-v-0d19ae4c] {
  color: var(--cs-common-primary-color);
}
.modal-title-icon[data-v-ed2cb0b2] {
  font-size: 24px;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.modal-title-icon.modal-title-icon-warning[data-v-ed2cb0b2] {
  color: #ff9d00;
}
.demo-icon-title[data-v-ed2cb0b2] {
  display: flex;
  align-items: center;
}
.case-flow-tool[data-v-949f675a] {
  position: relative;
}
.case-flow-tool-btn[data-v-949f675a] {
  position: fixed;
  bottom: 324px;
  left: 0;
  width: 46px;
  height: 56px;
  padding: 0 4px;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  box-sizing: border-box;
  z-index: 79;
  cursor: pointer;
}
.case-flow-tool-model[data-v-949f675a] {
  position: fixed;
  top: 120px;
  left: 280px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  z-index: 80;
  overflow: hidden;
  padding: 0 15px;
}
.case-flow-tool-model .pointer[data-v-949f675a] {
  cursor: pointer;
}
.case-flow-tool-model .search-wrap[data-v-949f675a] {
  display: flex;
  padding: 0 10px;
  margin-bottom: 20px;
}
.case-flow-tool-model .search-wrap .search-btn[data-v-949f675a] {
  margin-left: 10px;
}
.case-flow-tool-model .empty-text[data-v-949f675a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
.case-flow-tool-model .content-list[data-v-949f675a] {
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid #c3c4c8;
  border-radius: 4px 0 0 4px;
}
.case-flow-tool-model .content-list .content-item-header[data-v-949f675a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.case-flow-tool-model .content-list .content-item-header .button-name[data-v-949f675a] {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
.case-flow-tool-model .content-list .content-item-header .button-status-group[data-v-949f675a] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.case-flow-tool-model .content-list .content-item-header .button-status-group .status-item[data-v-949f675a] {
  display: flex;
  align-items: center;
}
.case-flow-tool-model .content-list .content-item-header .button-status-group .status-item .status-item-success[data-v-949f675a] {
  color: var(--cs-common-primary-color);
}
.case-flow-tool-model .content-list .content-item-header .button-status-group .status-item .status-item-error[data-v-949f675a] {
  color: #f56c6c;
}
.case-flow-tool-model .content-list .content-item-reason[data-v-949f675a] {
  margin-top: 10px;
  border-top: 1px dashed #c3c4c8;
}
.case-flow-tool-model .content-list .content-item-reason .reason-item-icon[data-v-949f675a] {
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
}
.case-flow-tool-model .title[data-v-949f675a] {
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-flow-tool-model .title-right[data-v-949f675a] {
  display: flex;
  align-items: center;
}
.case-flow-tool-model .title .case-id[data-v-949f675a] {
  font-size: 16px;
  color: #979393;
  display: inline-block;
  margin-left: -195px;
  margin-top: 5px;
}
.case-flow-tool-model .content-wrap[data-v-949f675a] {
  min-height: 400px;
  max-height: 600px;
  overflow-y: auto;
  margin: 0 10px;
}
.icon-color[data-v-949f675a] {
  color: #ff6e1a;
}
.model-size-large[data-v-949f675a] {
  width: 500px;
}
.ellipsis-text[data-v-949f675a] {
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
[data-v-949f675a] .mtd-collapse {
  border: none;
}
[data-v-949f675a] .mtd-collapse .mtd-collapse-item {
  border: none;
}
[data-v-949f675a] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-header {
  font-weight: 600;
  font-size: 14px;
}
.consult-entry-container[data-v-394bed2d] {
  position: fixed;
  bottom: calc(15% - 24px);
  right: 0;
  cursor: pointer;
  width: 48px;
  height: 48px;
  opacity: 1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cs-common-primary-color);
  border-radius: 50% 0 0 50%;
  transition: background-color 0.8s ease 3s, transform 0.8s ease 3s, border-radius 0.2s ease 3.8s;
}
.consult-entry-container .icon[data-v-394bed2d] {
  font-size: 20px;
  color: white;
  transition: all 0.8s ease 3s;
}
.consult-entry-container[data-v-394bed2d]:hover {
  border-radius: 50%;
  background-color: white;
  transform: translateX(-18px);
  transition: border-radius 0.2s ease, transform 0.8s ease 0.2s, background-color 0.8s ease 0.2s;
}
.consult-entry-container:hover .icon[data-v-394bed2d] {
  transition: all 0.8s ease;
  color: black;
}
.network-permission-notice[data-v-ed4ba506] {
  padding: 20px 0;
}
.network-permission-notice .permission-image[data-v-ed4ba506] {
  display: block;
  margin: 0 auto 20px;
  max-width: 400px;
  height: auto;
}
.network-permission-notice p[data-v-ed4ba506] {
  margin: 10px 0;
  line-height: 1.6;
  font-size: 14px;
  color: #333;
  text-align: left;
}
.network-permission-notice p a[data-v-ed4ba506] {
  color: #1890ff;
  text-decoration: none;
}
.network-permission-notice p a[data-v-ed4ba506]:hover {
  text-decoration: underline;
}
.index-tab-operation-popover.mtd-popover {
  max-height: calc(100% - 91px);
  overflow-y: auto;
  top: 91px !important;
}
.root-view[data-v-e6b69f72] {
  height: 100%;
}
.risk-warning-info-tips[data-v-e6b69f72] {
  position: fixed;
  top: 40px;
  z-index: 20001;
  width: 36vw;
  left: 32vw;
  right: 32vw;
  background-color: #fff;
  border-radius: 5px;
}
.training-phone[data-v-e6b69f72] {
  position: fixed;
  min-height: 40px;
  top: 56px;
  left: 75%;
  z-index: 4;
}
.main-wrapper[data-v-e6b69f72] {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.main-wrapper .main-operate-container[data-v-e6b69f72] {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.main-wrapper .main-operate-container[data-v-e6b69f72] .workbench-router-view {
  height: 100%;
}
.main-wrapper .main-operate-container[data-v-e6b69f72] .page-router-view {
  overflow-y: auto;
  height: 100%;
}
.main-wrapper .nav-bar-container[data-v-e6b69f72] {
  position: relative;
  height: 100%;
}
.main-wrapper .nav-bar-container .navbar-note-tool[data-v-e6b69f72] {
  position: absolute;
  bottom: 5px;
  right: -45px;
  z-index: 80;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-tool > .tooltip[data-v-e6b69f72] {
  top: unset !important;
  left: -20px !important;
  bottom: 30px !important;
  min-width: 70px;
  color: #fff;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-tool > .tooltip .tooltip-inner[data-v-e6b69f72] {
  background-color: #212121;
  border-radius: 4px;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-tool > .tooltip[data-v-e6b69f72]::before {
  background: #212121;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-icon[data-v-e6b69f72] {
  width: 28px;
  height: 28px;
  background-color: #fff;
  border: solid 1px transparent;
  border-radius: 28px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-icon .icon[data-v-e6b69f72] {
  margin-top: 3px;
  width: 20px;
  height: 20px;
}
.main-wrapper .nav-bar-container .navbar-note-tool .note-icon .icon[data-v-e6b69f72]:hover {
  color: #386fcb;
}
.main-wrapper .index-tab-bar[data-v-e6b69f72] {
  background-color: var(--tab-bar-background);
}
.training-wheel[data-v-e6b69f72] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100vw;
}
.login-error[data-v-72d36eb4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-error .sso-forbidden-container[data-v-72d36eb4] {
  text-align: center;
}
.login-error .sso-forbidden-container .mtdicon-lock-o[data-v-72d36eb4] {
  display: block;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.24);
  margin-bottom: 8px;
}
.login-error .sso-forbidden-container .sso-forbidden-tips[data-v-72d36eb4] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}
.login-error .error-msg[data-v-72d36eb4] {
  font: 14px/22px "PingFang SC";
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.login-error .error-container[data-v-72d36eb4] {
  margin-top: 17px;
  font-family: PingFang SC;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-error .error-container .refresh-btn[data-v-72d36eb4] {
  margin: 0 24px 0 12px;
  color: #1c6cdc;
  border: none;
  background-color: transparent;
}
.login-error .current-state-loading[data-v-72d36eb4] {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(assets/loading.d677b100a167765611a2.gif) center;
  background-size: 100% 100%;
}
.agent-type .agent-item-container[data-v-04d05ad6] {
  padding: 0 24px;
}
.agent-type .agent-item-container .agent-item[data-v-04d05ad6] {
  height: 96px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--cs-login-role-bc-color, rgba(0, 0, 0, 0.04));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 16px;
  padding-right: 24px;
}
.agent-type .agent-item-container .agent-item .agent-item-detail[data-v-04d05ad6] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 96px;
  font-weight: 500;
  padding-left: 32px;
}
.agent-type .agent-item-container .agent-item .agent-item-detail .agent-item-title[data-v-04d05ad6] {
  font-family: "PingFangSC-Medium";
  margin-left: 24px;
  color: var(--cs-login-role-text-color, rgba(0, 0, 0, 0.84));
}
.agent-type .agent-item-container .agent-item .agent-item-detail .agent-item-icon[data-v-04d05ad6] {
  position: relative;
  top: 5px;
}
.agent-type .agent-item-container .agent-item .agent-item-detail .agent-item-icon.role-icon[data-v-04d05ad6] {
  color: var(--cs-login-role-icon-color);
}
.agent-type .agent-item-container .agent-item[data-v-04d05ad6]:hover {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 16px;
}
.single-login-error .title[data-v-04d05ad6] {
  font: 16px/24px "PingFang SC";
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.single-login-error .content[data-v-04d05ad6] {
  font: 14px/22px "PingFang SC";
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding-left: 24px;
}
.broswer-update-warn-container .browser-update-helper[data-v-43b3bd0c] {
  display: block;
  margin-top: 10px;
  line-height: 22px;
  text-decoration: none;
  color: #166ff7;
}
.broswer-update-warn-container .download-operate[data-v-43b3bd0c] {
  padding: 0;
  border-color: #166ff7;
  background-color: #166ff7;
}
.broswer-update-warn-container .download-operate .download-link[data-v-43b3bd0c] {
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
}
.broswer-update-warn-container .mtd-btn[data-v-43b3bd0c]:hover {
  color: #166ff7;
  border-color: #166ff7;
}
.new-risk-warn[data-v-3f1eefe4] {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--cs-login-tip-bc-color, #fff9e6);
  border-radius: 16px;
}
.new-risk-warn .risk-warn-title[data-v-3f1eefe4] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 16px;
  color: var(--cs-login-tip-title-color, rgba(89, 45, 0, 0.87));
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
  padding: 12px 296px 0 0;
  display: flex;
  align-items: center;
}
.new-risk-warn .risk-warn-title .title-icon[data-v-3f1eefe4] {
  color: var(--cs-login-tip-icon-color, #f5ba31);
  font-size: 22px;
  padding-right: 10px;
  padding-left: 16px;
}
.new-risk-warn .risk-warn-content[data-v-3f1eefe4] {
  white-space: pre-line;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: var(--cs-login-tip-content-color, rgba(0, 0, 0, 0.6));
  letter-spacing: 0;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 16px 0 48px;
}
.new-risk-warn .risk-warn-footer[data-v-3f1eefe4] {
  padding: 12px 16px 46px 252px;
}
.new-risk-warn .risk-warn-footer .confirm-button[data-v-3f1eefe4] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cs-login-btn-color, #f5ba31);
  border: none;
  border-radius: 4px;
  float: right;
  width: 120px;
  height: 24px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  color: var(--cs-login-btn-text-color, #fff);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 24px;
}
.avatar-wrapper[data-v-0cf3f0c5] {
  position: relative;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}
.avatar-wrapper .avatar-circle[data-v-0cf3f0c5] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-wrapper .avatar-circle .avatar-img[data-v-0cf3f0c5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-wrapper .avatar-circle .avatar-border[data-v-0cf3f0c5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-wrapper .avatar-star-border[data-v-0cf3f0c5] {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 96px;
  height: 96px;
  object-fit: cover;
}
.avatar-wrapper .birthday-crown[data-v-0cf3f0c5] {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
}
.avatar-wrapper .birthday-crown .crown-img[data-v-0cf3f0c5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-wrapper .shining-star[data-v-0cf3f0c5] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.avatar-wrapper .shining-star .star-img[data-v-0cf3f0c5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-wrapper .anniversary-text[data-v-0cf3f0c5] {
  margin: auto;
  position: absolute;
  left: 15px;
  bottom: -10px;
  font-weight: 500;
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffda42;
  border-radius: 22px;
  font-size: 12px;
  color: #613709;
  letter-spacing: 0;
}
.title-wrapper[data-v-d9097d9e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.title-wrapper .left-line[data-v-d9097d9e] {
  width: 38px;
  height: 2px;
  background-image: linear-gradient(-88deg, #c4deff 5%, rgba(196, 222, 255, 0) 100%);
  border-radius: 2px;
  margin-right: 10px;
}
.title-wrapper .content[data-v-d9097d9e] {
  font-weight: 600;
  font-family: PingFangSC-Semibold, sans-serif;
  font-size: 20px;
  color: #5386c7;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
}
.title-wrapper .right-line[data-v-d9097d9e] {
  width: 38px;
  height: 2px;
  transform: scaleX(-1);
  background-image: linear-gradient(-88deg, #c4deff 5%, rgba(196, 222, 255, 0) 100%);
  margin-left: 10px;
}
.avatar-list[data-v-bdbc9542] {
  padding: 8px 8px 50px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.avatar-list .avatar-item[data-v-bdbc9542] {
  margin: 15px;
  position: relative;
  width: 56px;
}
.avatar-list .avatar-item .avatar-content[data-v-bdbc9542] {
  position: relative;
  width: 56px;
  height: 56px;
}
.avatar-list .avatar-item .avatar-content .avatar-image[data-v-bdbc9542] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
.avatar-list .avatar-item .avatar-content .avatar-image img[data-v-bdbc9542] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-list .avatar-item .avatar-content .anniversary-text[data-v-bdbc9542] {
  margin: auto;
  position: absolute;
  left: 2px;
  bottom: -10px;
  font-weight: 500;
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffda42;
  border-radius: 22px;
  font-size: 12px;
  color: #613709;
  letter-spacing: 0;
}
.avatar-list .avatar-item .exceed-number[data-v-bdbc9542] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 24px;
  color: #5386c7;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  background: #d9efff;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
.avatar-list .avatar-item .staff-name[data-v-bdbc9542] {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #292929;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatar-list .anniversary-item .staff-name[data-v-bdbc9542] {
  margin-top: 12px;
}
.justify-left[data-v-bdbc9542] {
  justify-content: left;
  margin-left: 5px;
}
.justify-center[data-v-bdbc9542] {
  justify-content: center;
}
.show-more[data-v-5f309773] {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-flow: wrap;
  max-height: 210px;
}
.show-more .avatar-item[data-v-5f309773] {
  margin: 15px;
  position: relative;
  width: 56px;
}
.show-more .avatar-item .avatar-content[data-v-5f309773] {
  position: relative;
  width: 56px;
  height: 56px;
}
.show-more .avatar-item .avatar-content .avatar-image[data-v-5f309773] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
.show-more .avatar-item .avatar-content .avatar-image img[data-v-5f309773] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.show-more .avatar-item .staff-name[data-v-5f309773] {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #292929;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left[data-v-4b736064] {
  position: relative;
  width: 500px;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.left-bg-img[data-v-4b736064] {
  position: absolute;
  top: -130px;
  left: -200px;
  width: 700px;
  height: 800px;
  background-image: var(--cs-login-left-bc-image, url("//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/login-page/login-left-default.png"));
  background-repeat: no-repeat;
  background-size: 700px 800px;
  background-color: transparent;
}
.left .staff-middle-wrapper[data-v-4b736064] {
  position: relative;
  width: 324px;
  height: 366px;
  top: 88px;
  background-color: #fff;
  border-radius: 46px;
  border-width: 6px;
  border-style: solid;
  border-color: rgba(207, 227, 255, 0.4);
  text-align: center;
  padding: 42px 36px;
}
.left .staff-middle-wrapper .staff-slogan[data-v-4b736064] {
  font-weight: 400;
  font-family: MEITUANTYPE-REGULAR, sans-serif;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  margin-top: 23px;
}
.left .staff-middle-wrapper .staff-desc[data-v-4b736064] {
  font-weight: 400;
  opacity: 0.7;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 14px;
  color: #292929;
  letter-spacing: 0;
  margin-top: 12px;
}
.left .staff-middle-wrapper .avatar-wrapper[data-v-4b736064] {
  margin-top: 20px;
  margin-bottom: 8px;
}
.left .staff-middle-wrapper .staff-name[data-v-4b736064] {
  font-weight: 500;
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
}
.left .staff-middle-wrapper .wheat[data-v-4b736064] {
  position: absolute;
  top: 65px;
  width: 32px;
  height: 32px;
  opacity: 1;
}
.left .staff-middle-wrapper .wheat-left[data-v-4b736064] {
  left: 30px;
}
.left .staff-middle-wrapper .wheat-right[data-v-4b736064] {
  right: 30px;
}
.left .one-list[data-v-4b736064] {
  position: relative;
  width: 324px;
  height: 366px;
  top: 88px;
  left: 131px;
  background-image: linear-gradient(180deg, #e8f2ff 0%, #fff 100%);
  border-radius: 46px;
  border-width: 4px;
  border-style: solid;
  border-color: rgba(207, 227, 255, 0.4);
  text-align: center;
  padding: 42px 18px;
  background-clip: padding-box;
}
.left .one-list .star-icon[data-v-4b736064] {
  position: absolute;
  right: 30px;
  top: 40px;
  width: 66px;
  height: 65px;
  opacity: 1;
}
.left .one-list-star-width[data-v-4b736064] {
  width: 340px;
}
.left .star-backgroung[data-v-4b736064] {
  background: radial-gradient(61% 34% at 21% -1%, #efffef 0%, rgba(204, 242, 255, 0) 94%), radial-gradient(86% 61% at 87% 0%, rgba(213, 232, 255, 0.8) 1%, rgba(204, 247, 255, 0) 100%), #fff;
  border-color: rgba(197, 219, 250, 0.9);
}
.left .star-wrapper-title[data-v-4b736064] {
  font-weight: 800;
  font-size: 26px;
  font-family: PingFangSC-Regular, sans-serif;
}
.left .star-wrapper-front-title[data-v-4b736064] {
  font-family: PingFang SC, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.left .star-one-list[data-v-4b736064] {
  text-align: left;
  margin-left: 15px;
  margin-top: -10px;
}
.left .colleague-two-list[data-v-4b736064] {
  position: relative;
  top: 57px;
  left: 100px;
}
.left .colleague-two-list .list-wrapper[data-v-4b736064] {
  width: 380px;
  height: 203px;
  background-image: linear-gradient(180deg, #e8f2ff 0%, #fff 100%);
  border-radius: 46px;
  border-width: 4px;
  border-style: solid;
  border-color: rgba(184, 214, 255, 0.6);
  padding: 28px 0;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.left .colleague-three-list[data-v-4b736064] {
  position: relative;
  top: 25px;
  left: 110px;
}
.left .colleague-three-list .list-wrapper[data-v-4b736064] {
  width: 380px;
  height: 160px;
  background-image: linear-gradient(180deg, #e8f2ff 0%, #fff 100%);
  border-radius: 30px;
  border-width: 4px;
  border-style: solid;
  border-color: rgba(184, 214, 255, 0.6);
  padding: 5px 0;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.left .star-lists[data-v-4b736064] {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  font-family: PingFangSC-Semibold, sans-serif;
}
.left .star-lists-title[data-v-4b736064] {
  color: #5386c7;
}
.left .star-lists-front-title[data-v-4b736064] {
  color: rgba(20, 20, 20, 0.8);
}
.left .date-range[data-v-4b736064] {
  font-weight: 200;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: small;
  color: rgb(102, 103, 106);
  margin-top: 5px;
}
.left .date-range-center[data-v-4b736064] {
  text-align: center;
}
.left .left-bg-img-link-wrapper[data-v-4b736064] {
  position: absolute;
  left: 0;
  top: 504px;
  width: 500px;
  height: 36px;
  border-radius: 0 0 0 20px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  gap: 4px;
}
.left .left-bg-img-link-wrapper .left-bg-img-link[data-v-4b736064] {
  font-size: 12px;
  color: #fff;
}
.show-more[data-v-4b736064] {
  display: flex;
}
.show-more .modal-title-line[data-v-4b736064] {
  font-family: PingFangSC-Regular, sans-serif;
}
.show-more .modal-title-line .modal-title-name[data-v-4b736064] {
  font-weight: 800;
  font-size: 20px;
}
.show-more .modal-title-line .modal-date-range[data-v-4b736064] {
  font-weight: 200;
  font-size: small;
  color: slategray;
  padding-left: 5px;
}
.cloud-monitor[data-v-1c57016e] {
  text-align: center;
}
.cloud-monitor .camera-icon[data-v-1c57016e] {
  margin: 0 auto 20px;
  background-image: url("//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/video-fill-1681977860236@2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 75px;
  width: 87px;
}
.cloud-monitor .success-icon[data-v-1c57016e] {
  color: green;
  font-size: 67px;
}
.cloud-monitor .tip[data-v-1c57016e] {
  opacity: 0.9;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
.cloud-monitor .error-tip[data-v-1c57016e] {
  color: red;
  height: 18px;
  position: relative;
  top: 30px;
}
.cloud-monitor .retry-button[data-v-1c57016e] {
  margin-top: 70px;
  width: 134px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  background-color: #0a70f5;
}
.info-title[data-v-0fc3b54a] {
  font-weight: 600;
  font-size: 18px;
}
.info-text[data-v-0fc3b54a] {
  max-height: 200px;
  overflow-y: auto;
  font-size: 14px;
  word-break: break-all;
}
.info-text-red[data-v-0fc3b54a] {
  color: red;
  font-weight: 600;
}
.time-info[data-v-0fc3b54a] {
  margin-top: 10px;
  line-height: 30px;
}
.info-text[data-v-222d7fbf] {
  font-size: 16px;
  word-break: break-all;
}
[data-v-222d7fbf] .link-time {
  color: var(--cs-common-primary-color);
}
[data-v-222d7fbf] .restrict-bold {
  font-weight: var(--font-weight-semi-bold);
}
@keyframes fadeIn-cd2d20f2 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.new-login-second[data-v-cd2d20f2] {
  background-image: var(--cs-login-bc-image, url("//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/login-bg.png"));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-login-second .background-image[data-v-cd2d20f2] {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: fadeIn-cd2d20f2 0.5s ease-in-out;
}
.new-login-second .login-content-wrapper[data-v-cd2d20f2] {
  position: relative;
  background-image: var(--cs-login-window-bc-image, url("//s3.meituan.net/static-prod01/com.sankuai.csfesep.pacific-files/login-page/login-window-default.png"));
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 1400px;
  display: flex;
  height: 800px;
  align-items: center;
  justify-content: center;
}
.new-login-second .login-content-wrapper .login-content-container[data-v-cd2d20f2] {
  position: relative;
  background-color: transparent;
  display: flex;
  align-items: center;
  border-radius: 20px;
  width: 1000px;
  height: 540px;
}
.new-login-second .login-content-wrapper .login-content-container .right[data-v-cd2d20f2] {
  padding: 60px 32px 50px 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 50%;
}
.new-login-second .login-content-wrapper .login-content-container .right .logo-container[data-v-cd2d20f2] {
  margin-bottom: 32px;
  padding-left: 24px;
}
.new-login-second .login-content-wrapper .login-content-container .right .logo-container .logo-icon[data-v-cd2d20f2] {
  background-image: url("//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/logo-desc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 42px;
  width: 200px;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container[data-v-cd2d20f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: auto;
  flex: 1;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content[data-v-cd2d20f2] {
  width: 100%;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content .login-progress-container[data-v-cd2d20f2] {
  padding: 0 30px;
  color: #0a70f5;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content .current-state-desc[data-v-cd2d20f2] {
  font: 18px/26px -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  margin: 16px 0 24px 0;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content .sso-forbidden-container[data-v-cd2d20f2] {
  text-align: center;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content .sso-forbidden-container .mtdicon-lock-o[data-v-cd2d20f2] {
  display: block;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.24);
  margin-bottom: 8px;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .main-content .sso-forbidden-container .sso-forbidden-tips[data-v-cd2d20f2] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .error-footer .error-msg[data-v-cd2d20f2] {
  font: 14px/22px -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .error-footer .error-container[data-v-cd2d20f2] {
  margin-top: 17px;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .error-footer .error-container .refresh-btn[data-v-cd2d20f2] {
  margin: 0 24px 0 12px;
  color: #1c6cdc;
  border: none;
  background-color: transparent;
}
.new-login-second .login-content-wrapper .login-content-container .right .main-container .current-state-loading[data-v-cd2d20f2] {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(assets/loading.d677b100a167765611a2.gif) center;
  background-size: 100% 100%;
}
.new-login-second .login-content-wrapper .login-content-container .login-slogan[data-v-cd2d20f2] {
  position: absolute;
  left: 50%;
  top: calc(100% + 30px);
  transform: translateX(-50%);
  background: #fff;
  border-radius: 35px;
  font-weight: 400;
  font-family: MEITUANTYPE-REGULAR, sans-serif;
  font-size: 28px;
  color: #1a1a1a;
  letter-spacing: 0;
  padding: 6px 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-login-second .login-content-wrapper .login-content-container .login-slogan .slogan-image[data-v-cd2d20f2] {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-login-second .login-content-wrapper .login-content-container .login-slogan .slogan-border[data-v-cd2d20f2] {
  opacity: 0.1;
  background: #000;
  border-radius: 8px;
  width: 1px;
  height: 25px;
  margin: 0 18px;
}