: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}
.verify-identity-by-phone-container[data-v-cb50e8e6] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-cb50e8e6] {
  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-cb50e8e6] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6],
.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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6] {
  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-cb50e8e6]::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-cb50e8e6] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-cb50e8e6] {
  margin: 0 12px 0 0;
}
.dianping-business-modal[data-v-77039674] {
  max-height: 400px;
  overflow: auto;
}
.dianping-business-modal .mtd-form[data-v-77039674] {
  padding: 10px 20px 0 50px;
}
.dianping-business-modal .dianping-pagination[data-v-77039674] {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.verify-identity-by-phone-container[data-v-0f8edfb6] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-0f8edfb6] {
  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-0f8edfb6] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6],
.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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6] {
  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-0f8edfb6]::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-0f8edfb6] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-0f8edfb6] {
  margin: 0 12px 0 0;
}
.verify-identity-by-phone-container[data-v-624cea86] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-624cea86] {
  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-624cea86] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86],
.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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86] {
  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-624cea86]::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-624cea86] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-624cea86] {
  margin: 0 12px 0 0;
}
.font-color-red[data-v-af4faa1e] {
  color: rgb(255, 95, 87);
}
.financial-information-card[data-v-af4faa1e] {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.financial-information-card-content[data-v-af4faa1e] {
  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-af4faa1e] {
  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-af4faa1e] {
  padding: 8px 16px;
}
.financial-information-card-operate[data-v-af4faa1e] .mtd-radio-group {
  width: 100%;
  display: flex;
}
.financial-information-card-operate[data-v-af4faa1e] .mtd-radio-group > label {
  flex: 1;
}
.font-color-red[data-v-264f44b7] {
  color: rgb(255, 95, 87);
}
.title[data-v-264f44b7] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-264f44b7] {
  margin-bottom: 12px;
}
.only-finance[data-v-264f44b7] {
  min-width: 550px;
  display: flex;
}
.only-finance-item[data-v-264f44b7] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.only-finance-item[data-v-264f44b7]:last-child {
  margin-right: 0;
}
.only-finance-item-header[data-v-264f44b7] {
  margin-bottom: 8px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.only-finance-item-header span[data-v-264f44b7] {
  font-weight: 500;
  line-height: 22px;
}
.only-finance-change-btn[data-v-264f44b7] {
  padding: 0;
  font-size: 12px;
}
.font-color-red[data-v-256dcb74] {
  color: rgb(255, 95, 87);
}
.custom-collapse[data-v-256dcb74] {
  border: none;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item {
  border: none;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-header {
  background-color: initial;
  position: relative;
  padding: 0 0 0 16px;
  color: inherit;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-header i {
  line-height: 22px;
  height: 22px;
  width: 16px;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: initial;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-content {
  color: inherit;
  padding: 0;
}
.strong[data-v-256dcb74] {
  font-weight: 500;
}
.search-table[data-v-495c1bac] {
  text-align: initial;
}
.search-table .page-pagination[data-v-495c1bac] {
  padding: 8px 0;
  text-align: right;
}
.search-table[data-v-495c1bac] .mtd-table-border {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.search-table[data-v-495c1bac] .mtd-table-border td,
.search-table[data-v-495c1bac] .mtd-table-border th {
  border-right: none;
}
.common-order[data-v-779d5574] {
  min-width: 720px;
}
.common-order[data-v-779d5574] .mtd-table-empty-text-wrapper {
  border-bottom: #ededed 1px solid;
}
.common-order[data-v-779d5574] .mtd-table-cell {
  padding-left: 16px;
  padding-right: 16px;
}
.custom-date-picker[data-v-779d5574] {
  width: 180px;
}
.search-table[data-v-779d5574] {
  margin-top: 10px;
}
.custom-tag[data-v-779d5574] {
  position: absolute;
  right: 0;
  top: 0;
}
.other-pane-tip[data-v-779d5574] {
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.35);
}
.other-pane-tip-black[data-v-779d5574] {
  color: rgba(0, 0, 0, 0.7);
}
.date-picker-icon[data-v-779d5574] {
  margin-left: 6px;
}
.year-pane[data-v-779d5574] {
  margin-top: 8px;
}
.empty-data[data-v-779d5574] {
  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-5070f96c] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-5070f96c] {
  color: rgb(255, 95, 87);
}
.pay-time-column[data-v-5070f96c] {
  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-1767ac23] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-1767ac23] {
  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-ebb01ae4] {
  color: rgb(255, 95, 87);
}
.order-verify-timeline-title[data-v-ebb01ae4] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.order-verify-timeline[data-v-ebb01ae4] {
  padding-top: 7px;
}
.order-verify-timeline-title[data-v-ebb01ae4] {
  margin-bottom: 8px;
}
.order-verify-timeline[data-v-ebb01ae4] .mtd-timeline-item:not(:last-child) .mtd-timeline-item-line-tail {
  display: inherit;
}
.font-color-red[data-v-1d4ab55e] {
  color: rgb(255, 95, 87);
}
.only-order-title[data-v-1d4ab55e] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.only-order[data-v-1d4ab55e] {
  min-width: 600px;
}
.only-order-title[data-v-1d4ab55e] {
  margin-bottom: 12px;
}
.font-color-red[data-v-7d710cde] {
  color: rgb(255, 95, 87);
}
.title[data-v-7d710cde] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-7d710cde] {
  font-weight: 500;
  margin-bottom: 8px;
}
.content-item[data-v-7d710cde] {
  margin-bottom: 16px;
}
.font-color-red[data-v-6c17736e] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-6c17736e] {
  color: rgb(255, 95, 87);
}
.registration-tip[data-v-6c17736e] {
  margin-bottom: 10px;
}
.tips-content[data-v-6c17736e] {
  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-6c17736e] {
  position: relative;
}
.tips-content .tips-arrow[data-v-6c17736e]::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-d5e7fc62] {
  color: rgb(255, 95, 87);
}
.title[data-v-d5e7fc62] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-d5e7fc62] {
  margin-bottom: 12px;
}
.operate[data-v-d5e7fc62] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-d5e7fc62] {
  margin-left: 12px;
}
.info[data-v-d5e7fc62] {
  display: flex;
}
.info > i[data-v-d5e7fc62] {
  color: var(--cs-common-primary-color);
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-644161d7] {
  color: rgb(255, 95, 87);
}
.title[data-v-644161d7] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-644161d7] {
  margin-bottom: 12px;
}
.custom-announcement[data-v-644161d7] {
  width: 558px;
}
.custom-icon[data-v-644161d7] {
  color: #ff5f57;
  font-size: 16px;
}
.operate[data-v-644161d7] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-644161d7] {
  margin-left: 12px;
}
.info[data-v-644161d7] {
  display: flex;
}
.info > i[data-v-644161d7] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-abbdc7b2] {
  color: rgb(255, 95, 87);
}
.dianping-business-modal-title[data-v-abbdc7b2] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-timeline-title[data-v-abbdc7b2] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-title[data-v-abbdc7b2] {
  margin-bottom: 12px;
}
.dianping-business-modal-content[data-v-abbdc7b2] {
  padding: 0 20px;
}
.dianping-business-modal-header[data-v-abbdc7b2] {
  margin-bottom: 12px;
  color: rgb(255, 95, 87);
}
.dianping-business-modal-timeline[data-v-abbdc7b2] {
  padding-top: 7px;
}
.dianping-business-modal-timeline-title[data-v-abbdc7b2] {
  margin-bottom: 8px;
}
.dianping-business-modal-operate[data-v-abbdc7b2] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding: 0 20px;
}
.dianping-business-modal-operate button + button[data-v-abbdc7b2] {
  margin-left: 12px;
}
.on-call-fail-prompt[data-v-abbdc7b2] {
  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-17ad1a02] {
  color: rgb(255, 95, 87);
}
.inline-component-content[data-v-17ad1a02], .inline-component[data-v-17ad1a02], .list-item-content[data-v-17ad1a02] {
  display: flex;
  height: 42px;
  align-items: center;
}
.list-item[data-v-17ad1a02] {
  border-top: 1px solid #edf0f7;
}
.list-item[data-v-17ad1a02]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.list-item-component[data-v-17ad1a02] {
  padding-left: 14px;
}
.list-item-content-title[data-v-17ad1a02] {
  font-weight: 500;
  flex: 1;
}
.list-item-content-radio[data-v-17ad1a02] {
  width: 170px;
}
.inline-component[data-v-17ad1a02] {
  width: 320px;
  margin-right: 10px;
}
.inline-component-content[data-v-17ad1a02] {
  width: 250px;
  padding: 0 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.inline-component-content > div[data-v-17ad1a02]:first-child:not(:only-child) {
  width: 80px;
}
.inline-component-content[data-v-17ad1a02]:only-child {
  margin-right: 54px;
}
.font-color-red[data-v-6e601d9a] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-6e601d9a] {
  width: 220px;
}
.search-table[data-v-6e601d9a] {
  margin-top: 10px;
}
.font-color-red[data-v-6e601d9a] {
  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-b25042ec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #edf0f7;
  height: 42px;
}
.three-party-order-table-header > span[data-v-b25042ec] {
  font-weight: 500;
}
.other-info-input[data-v-29b24f56] {
  width: 100%;
}
.other-info-input[placeholder][data-v-29b24f56] {
  overflow: auto;
}
.meituan-business-modal[data-v-7f9f858c] {
  width: 580px;
}
.meituan-business-modal-message[data-v-7f9f858c] {
  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-7f9f858c] {
  margin-top: 10px;
  max-height: 600px;
  overflow: auto;
}
.meituan-business-modal-operate[data-v-7f9f858c] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.meituan-business-modal-operate .btn-mg-12 button[data-v-7f9f858c]:not(:last-child) {
  margin-right: 12px;
}
.verify-identity-by-phone-container[data-v-041e4c78] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-041e4c78] {
  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-041e4c78] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78],
.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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78] {
  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-041e4c78]::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-041e4c78] {
  display: flex;
  justify-content: flex-end;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-041e4c78] {
  margin: 0 12px 0 0;
}
.send-chart-tips[data-v-3f431661] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 4px 12px 4px 32px;
}
.send-chart-tips .send-chart-tip-item[data-v-3f431661] {
  position: relative;
  margin: 4px 0;
  font-size: 14px;
  color: #592d00;
  line-height: 22px;
}
.send-chart-tips .send-chart-tip-copy[data-v-3f431661] {
  position: absolute;
  top: 3px;
  left: -24px;
  font-size: 16px;
  color: #592d00;
  cursor: pointer;
}
.send-message-tips .send-message-input-box[data-v-1df29cfc] {
  margin-bottom: 8px;
}
.send-message-tips .send-message-content[data-v-1df29cfc] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse {
  border: none;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item {
  border: none;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-header {
  padding: 0 16px;
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-content {
  padding: 0 16px;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-arrow {
  line-height: 22px;
  width: auto;
}
.daozong-order-list[data-v-2059bd12] {
  width: 100%;
}
.daozong-order-list .daozong-order-list-header[data-v-2059bd12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.daozong-order-list .daozong-order-list-header .flex[data-v-2059bd12] {
  display: flex;
  align-items: center;
}
.daozong-order-list .daozong-order-list-header .date-select-hint[data-v-2059bd12] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.daozong-order-list .daozong-filter[data-v-2059bd12] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .daozong-order-list-pagination[data-v-2059bd12] {
  padding-top: 10px;
  text-align: right;
}
.daozong-order-list .text-align-r[data-v-2059bd12] {
  text-align: right;
}
.daozong-order-list .radio-check[data-v-2059bd12] {
  cursor: pointer;
}
.daozong-order-list .radio-check .radio-innter[data-v-2059bd12] {
  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-2059bd12] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .radio-check.active .radio-innter[data-v-2059bd12] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.daozong-order-list .radio-label[data-v-2059bd12] {
  display: inline-block;
  vertical-align: middle;
}
.daozong-business-modal[data-v-c7c1b482] {
  width: 960px;
}
.daozong-business-modal .daozong-business-modal-content[data-v-c7c1b482] {
  position: relative;
}
.daozong-business-modal .daozong-business-modal-content .daozong-business-modal-timeline[data-v-c7c1b482] {
  max-height: 80vh;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow-y: auto;
}
.daozong-business-modal .daozong-business-modal-content .icon-unfold[data-v-c7c1b482] {
  cursor: pointer;
}
.daozong-business-modal .daozong-business-modal-content[data-v-c7c1b482]::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-c7c1b482] {
  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-c7c1b482] {
  color: var(--cs-common-primary-color);
}
.daozong-business-modal .daozong-business-modal-hint[data-v-c7c1b482] {
  color: rgba(0, 0, 0, 0.35);
}
.daozong-business-modal .daozong-business-modal-footer[data-v-c7c1b482] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daozong-business-modal .daozong-business-modal-footer .right[data-v-c7c1b482] {
  display: flex;
  align-items: center;
}
.daozong-business-modal .daozong-business-modal-footer .margin-right-20[data-v-c7c1b482] {
  margin-right: 20px;
}
.daozong-business-modal .daozong-business-modal-message[data-v-c7c1b482] {
  transition: 0.5s ease-in;
}
.daozong-business-modal .daozong-business-modal-message.hide[data-v-c7c1b482] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.daozong-business-modal .preview-image .preview-image-item-date[data-v-c7c1b482] {
  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-c7c1b482] {
  margin-top: 8px;
}
.daozong-business-modal[data-v-c7c1b482] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.daozong-business-modal[data-v-c7c1b482] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container[data-v-12e1f7b7] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-12e1f7b7] {
  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-12e1f7b7] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7],
.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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7] {
  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-12e1f7b7]::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-12e1f7b7] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-12e1f7b7] {
  margin: 0 12px 0 0;
}
.mobike-business-map[data-v-0a476f1c] {
  width: 100%;
  height: 100%;
  min-height: 70vh;
}
.mobike-order-list[data-v-41566e6a] {
  width: 100%;
  padding-bottom: 20px;
}
.mobike-order-list .mobike-order-list-header[data-v-41566e6a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.mobike-order-list .mobike-order-list-header .flex[data-v-41566e6a] {
  display: flex;
  align-items: center;
}
.mobike-order-list .mobike-order-list-header .date-select-hint[data-v-41566e6a] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.mobike-order-list .mobike-order-list-body[data-v-41566e6a] {
  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-41566e6a] {
  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-41566e6a] {
  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-41566e6a] {
  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-41566e6a] {
  cursor: pointer;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon .mtdicon-close[data-v-41566e6a] {
  margin-left: 10px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-name[data-v-41566e6a] {
  width: 168px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-value[data-v-41566e6a] {
  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-41566e6a] {
  width: 200px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .trade-color[data-v-41566e6a] {
  color: rgba(0, 0, 0, 0.7);
  background: #f7f7f7;
}
.mobike-order-list .mobike-order-list-body .border-top[data-v-41566e6a] {
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-order-list .mobike-order-list-body .item-hint[data-v-41566e6a] {
  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-41566e6a] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .text-align-r[data-v-41566e6a] {
  text-align: right;
}
.mobike-order-list .radio-innter[data-v-41566e6a] {
  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-41566e6a] {
  cursor: pointer;
}
.mobike-order-list .radio-check.active[data-v-41566e6a] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .radio-check.active .radio-innter[data-v-41566e6a] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.mobike-order-list .radio-label[data-v-41566e6a] {
  display: inline-block;
  vertical-align: middle;
}
.mobike-order-list .mobike-order-list-more[data-v-41566e6a] {
  text-align: center;
}
.mobike-order-list .mobike-order-list-no-data[data-v-41566e6a] {
  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-0a30c8d0] {
  width: 600px;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0] {
  position: relative;
}
.mobike-business-modal .mobike-business-modal-content .icon-unfold[data-v-0a30c8d0] {
  cursor: pointer;
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0]::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-0a30c8d0] {
  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-0a30c8d0] {
  font-size: 12px;
  color: #ff5f57;
  letter-spacing: 0;
  line-height: 20px;
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0] .mtd-table-body tr:hover > td:not(.verify-content) {
  background-color: initial;
}
.mobike-business-modal .mobike-business-modal-timeline-title[data-v-0a30c8d0] {
  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-0a30c8d0] {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal .mobike-business-modal-hint[data-v-0a30c8d0] {
  color: rgba(0, 0, 0, 0.35);
}
.mobike-business-modal .mobike-business-modal-footer[data-v-0a30c8d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobike-business-modal .mobike-business-modal-footer .right[data-v-0a30c8d0] {
  display: flex;
  align-items: center;
}
.mobike-business-modal .mobike-business-modal-footer .margin-right-20[data-v-0a30c8d0] {
  margin-right: 20px;
}
.mobike-business-modal .mobike-business-modal-message[data-v-0a30c8d0] {
  transition: 0.5s ease-in;
}
.mobike-business-modal .mobike-business-modal-message.hide[data-v-0a30c8d0] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.mobike-business-modal .margin-top-8[data-v-0a30c8d0] {
  margin-top: 8px;
}
.mobike-business-modal[data-v-0a30c8d0] .verify-content {
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-bottom-border {
  height: 0;
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-item.mtd-tab-active,
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-item:hover {
  color: rgba(0, 0, 0, 0.9);
}
.verify-identity-by-phone-container .verify-recommend[data-v-026d17e4] {
  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-026d17e4] {
  font-weight: 500;
  color: #592d00;
  line-height: 22px;
  margin: 0;
}
.verify-identity-by-phone-container .verify-recommend .verify-recommend-content[data-v-026d17e4] {
  font-weight: 400;
  color: #592d00;
  line-height: 22px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-026d17e4] {
  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-026d17e4] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4],
.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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4]::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-026d17e4] {
  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-026d17e4] {
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business[data-v-026d17e4] {
  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-026d17e4] {
  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-026d17e4] {
  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-026d17e4]::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;
}
.operate[data-v-b08d5c3e] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.undone-nuclear[data-v-b08d5c3e] {
  display: flex;
  width: 350px;
}
.undone-nuclear > i[data-v-b08d5c3e] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.verify-item-container[data-v-68f3737d] {
  display: flex;
  align-items: center;
  height: 44px;
}
.verify-item-container .wyc-title[data-v-68f3737d] {
  width: 150px;
}
.verify-item-container .verify-item[data-v-68f3737d] {
  padding-left: 12px;
}
.verify-item-container .verify-item-value[data-v-68f3737d] {
  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-68f3737d]:last-child {
  border-left: 1px solid rgba(245, 72, 59, 0.08);
}
.verify-item-container .verify-item-choice[data-v-68f3737d] {
  width: 182px;
  box-sizing: border-box;
  padding-left: 30px;
}
.order-info-wyc[data-v-279e62ba] {
  max-height: 440px;
  position: relative;
  overflow-y: scroll;
}
.order-info-wyc .wyc-title[data-v-279e62ba] {
  width: 150px;
}
.order-info-wyc.mtd-list[data-v-279e62ba] {
  border: none;
}
.order-info-wyc .mtd-list-item[data-v-279e62ba] {
  padding: 0;
}
.order-info-wyc .mtd-list-item[data-v-279e62ba]:not(:last-child) {
  border-bottom: none;
}
.order-info-wyc .order-position[data-v-279e62ba] {
  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-279e62ba] {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
.order-info-wyc .position-value[data-v-279e62ba] {
  padding-right: 12px;
}
.order-info-wyc .order-info-time[data-v-279e62ba] {
  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-279e62ba] {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  background-color: #fff;
}
.phone-for-wyc[data-v-80652d00] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  padding-left: 12px;
}
.phone-for-wyc .phone-value[data-v-80652d00] {
  padding-right: 12px;
}
.phone-for-wyc .callout-btn[data-v-80652d00] {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.phone-for-wyc .phone-sms-verify[data-v-80652d00] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}
.phone-for-wyc .phone-sms-verify .verify-code[data-v-80652d00] {
  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-80652d00] {
  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-3eb8991d] {
  width: 400px;
}
.wangyueche-business-modal .tips[data-v-3eb8991d] {
  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-3eb8991d] {
  list-style: none;
}
.wangyueche-business-modal .business-verify-li[data-v-3eb8991d] {
  padding-left: 17px;
  position: relative;
}
.wangyueche-business-modal .business-verify-li .verify-item-title[data-v-3eb8991d] {
  width: 150px;
}
.wangyueche-business-modal .business-verify-li[data-v-3eb8991d]::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-3eb8991d] {
  height: 44px;
  display: flex;
  align-items: center;
}
.wangyueche-business-modal .row-item-title[data-v-3eb8991d] {
  font-weight: 700;
}
.wangyueche-business-modal .verify-timeline-btn-group[data-v-3eb8991d] {
  margin-top: 16px;
  text-align: right;
}
.wangyueche-business-modal .verify-timeline-btn-group .verify-timeline-left-btn[data-v-3eb8991d] {
  margin-right: 12px;
}
.wangyueche-business-modal[data-v-3eb8991d] .ellipsis-span {
  display: inline-block;
  flex: 1;
  width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wangyueche-business-modal[data-v-3eb8991d] .bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.identify-card-verify-container .timeline-item-title[data-v-0912c6a3] {
  font-weight: 500;
  color: #000;
}
.identify-card-verify-container .timeline-item-line[data-v-0912c6a3] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.identify-card-verify-container .timeline-item-line-left[data-v-0912c6a3] {
  margin-right: 12px;
}
.identify-card-verify-container .timeline-item-line-right[data-v-0912c6a3] {
  color: #f5483b;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content[data-v-0912c6a3] {
  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-0912c6a3] {
  position: relative;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0912c6a3]::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-0912c6a3] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container .timeline-item-title[data-v-ec03ce3e] {
  font-weight: 500;
  color: #000;
}
.verify-identity-by-phone-container .timeline-item-line[data-v-ec03ce3e] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .timeline-item-line-left[data-v-ec03ce3e] {
  margin-right: 12px;
}
.verify-identity-by-phone-container .resend-tips[data-v-ec03ce3e] {
  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-ec03ce3e] {
  height: 32px;
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container .verification-code-tips[data-v-ec03ce3e] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content[data-v-ec03ce3e] {
  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-ec03ce3e] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-ec03ce3e]::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-ec03ce3e] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container[data-v-ec03ce3e] .cs-f-secret-field {
  width: 100px;
}
.business-verify-container-title[data-v-09549be8] {
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-bottom: 10px;
}
.business-verify-container[data-v-09549be8] .mtd-table-row :nth-child(2).mtd-table-column-default {
  background: #fff9e6;
  color: #f5483b;
}
.business-verify-container[data-v-09549be8] 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-72f8ad24] {
  font-weight: 500;
  color: #000;
}
.card-image-verify-container .timeline-item-line[data-v-72f8ad24] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.card-image-verify-container .timeline-item-line-left[data-v-72f8ad24] {
  margin-right: 12px;
}
.font-color-red[data-v-ea047c06] {
  color: rgb(255, 95, 87);
}
.finance-business-modal[data-v-ea047c06] {
  min-width: 380px;
}
.finance-business-modal-title[data-v-ea047c06] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  padding-bottom: 4px;
}
.finance-business-modal-tips[data-v-ea047c06] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.finance-business-modal-tips-icon[data-v-ea047c06] {
  color: #f5ba31;
}
.finance-business-modal-tips-text[data-v-ea047c06] {
  color: #592d00;
  margin-left: 5px;
}
.finance-business-modal-content[data-v-ea047c06] {
  margin-top: 16px;
}
.finance-business-modal-operate[data-v-ea047c06] {
  margin-top: 24px;
  text-align: right;
}
.finance-business-modal-operate .submit-btns[data-v-ea047c06] {
  margin-top: 16px;
}
.finance-business-modal-operate .submit-btns .mtd-btn[data-v-ea047c06] {
  margin-left: 12px;
}
.verify-identity-container[data-v-5774b7b7] {
  width: 700px;
}
.verify-identity-container .verify-title[data-v-5774b7b7] {
  line-height: 36px;
  margin: 16px 0;
  background: #fff9e6;
  border-radius: 4px;
}
.verify-identity-container .verify-title .title[data-v-5774b7b7] {
  margin-left: 12px;
}
.verify-identity-container .verify-identity-date[data-v-5774b7b7] {
  width: 100%;
}
.verify-identity-container .verify-identity-date span[data-v-5774b7b7] {
  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-5774b7b7] {
  margin-top: 14px;
  height: 550px;
  overflow-y: scroll;
}
.verify-identity-container .verify-identity-content[data-v-5774b7b7] .mtd-collapse-item-content {
  padding-top: 10px;
}
.verify-identity-container .verify-identity-content .option-header[data-v-5774b7b7] {
  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-5774b7b7] {
  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-5774b7b7]: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-5774b7b7] {
  width: 130px;
}
.verify-identity-container .verify-identity-content .option-list-value[data-v-5774b7b7] {
  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-5774b7b7] {
  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-5774b7b7] {
  margin-left: 33px;
}
.verify-identity-container .verify-identity-content .option-list-result .button.mtd-btn.mtd-btn-text-primary[data-v-5774b7b7] {
  margin-top: 6px;
}
.verify-identity-container .verify-identity-content .option-list span[data-v-5774b7b7] {
  display: inline-block;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore[data-v-5774b7b7] {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5774b7b7] {
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5774b7b7] .mtd-btn-before {
  color: #0a70f5;
}
.verify-identity-container .empty-content[data-v-5774b7b7] {
  height: 500px;
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .empty-content .mtdicon-lookup[data-v-5774b7b7] {
  font-size: 30px;
}
.verify-identity-container .empty-content .empty-info[data-v-5774b7b7] {
  text-align: center;
}
.verify-identity-container .verify-identity-btn-group[data-v-5774b7b7] {
  display: flex;
  justify-content: right;
}
.verify-identity-container .verify-identity-btn-group .cancel-btn[data-v-5774b7b7] {
  margin-right: 12px;
}
.id-card[data-v-11dbb74b] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.id-card .card-name[data-v-11dbb74b] {
  width: 162px;
  padding-left: 12px;
}
.id-card .card-number[data-v-11dbb74b] {
  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-11dbb74b] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-4b74fec8] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-4b74fec8] {
  width: 220px;
}
.search-table[data-v-4b74fec8] {
  margin-top: 10px;
}
.font-color-red[data-v-4b74fec8] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.account-info[data-v-e983bb02] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-info .account-name[data-v-e983bb02] {
  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-e983bb02] {
  width: 190px;
  text-align: right;
}
.email-info[data-v-471fe708] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-info .email-name[data-v-471fe708] {
  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-471fe708] {
  width: 190px;
  text-align: right;
}
.verify-business[data-v-813e5c40] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-813e5c40] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-813e5c40] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-813e5c40] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-813e5c40] {
  max-height: 600px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list .item-split[data-v-813e5c40] {
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-813e5c40] {
  text-align: center;
}
.verify-business .btn-group[data-v-813e5c40] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.verify-business .btn-group .special-btns button[data-v-813e5c40]:first-child {
  margin-right: 12px;
}
.verify-business .btn-group .submit-btns button[data-v-813e5c40]:first-child {
  margin-right: 12px;
}
.phone-verify-container[data-v-178e1eb8] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-178e1eb8] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-178e1eb8] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-178e1eb8] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-178e1eb8] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-178e1eb8] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-178e1eb8] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-178e1eb8] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-178e1eb8] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-178e1eb8] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-178e1eb8] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-178e1eb8] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-178e1eb8] {
  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-178e1eb8] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-178e1eb8] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-178e1eb8] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-178e1eb8] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-178e1eb8] {
  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-178e1eb8] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-178e1eb8]::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-178e1eb8] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-178e1eb8]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-178e1eb8]:first-child {
  margin-right: 12px;
}
.footer-container[data-v-507614b2] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.footer-container .submit-btns button[data-v-507614b2]:first-child {
  margin-right: 12px;
}
/*!
 * 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-2ede8f40] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3800;
  background: rgba(0, 0, 0, 0.87);
}
.preview-viewer-popup .image-preview-main .preview-img[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video[data-v-2ede8f40] {
  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-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio .image-origin[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video .image-origin[data-v-2ede8f40] {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}
.preview-viewer-popup .image-preview-main .preview-img video[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio video[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video video[data-v-2ede8f40] {
  width: 100%;
  height: 100%;
}
.preview-viewer-popup .image-preview-main .close[data-v-2ede8f40] {
  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-2ede8f40] {
  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-2ede8f40] {
  left: initial;
  right: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-name[data-v-2ede8f40] {
  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-2ede8f40] {
  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-2ede8f40] {
  height: 48px;
  font-size: 24px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  padding-right: 10px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction[data-v-2ede8f40] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction-auto[data-v-2ede8f40] {
  margin: 0 10px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .left[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .right[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .clockwise[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-2ede8f40] {
  margin: 0 20px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .add[data-v-2ede8f40] {
  margin: 0 13px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .count[data-v-2ede8f40] {
  font-size: 14px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch[data-v-2ede8f40] {
  font-size: 20px;
  line-height: 40px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-2ede8f40] {
  font-size: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-2ede8f40] {
  position: relative;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-2ede8f40] {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .icon[data-v-2ede8f40] {
  width: 30px;
  height: 35px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction i[data-v-2ede8f40]:hover {
  color: #fff;
}
.cropper-confirm-box[data-v-2ede8f40] {
  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;
}
.demo-modal-footer[data-v-5cbfd61a] {
  margin-top: 10px;
  text-align: center;
}
.icon[data-v-c152fa04] {
  position: absolute;
  font-size: 48px;
  right: 23px;
}
[card-color=blue][data-v-c152fa04] {
  background-color: #3c8df5;
}
[card-color=blue] .icon[data-v-c152fa04] {
  color: #4ea6f8;
}
[card-color=lightBlue][data-v-c152fa04] {
  background-color: #40b1f2;
}
[card-color=lightBlue] .icon[data-v-c152fa04] {
  color: #53c6f6;
}
[card-color=green][data-v-c152fa04] {
  background-color: #26b9b3;
}
[card-color=green] .icon[data-v-c152fa04] {
  color: #32cdc8;
}
[card-color=purple][data-v-c152fa04] {
  cursor: pointer;
  background-color: #a86deb;
}
[card-color=purple] .icon[data-v-c152fa04] {
  color: #be85f2;
}
[card-color=purple][data-v-c152fa04]: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-c152fa04]:hover,
[card-color=lightBlue][data-v-c152fa04]:hover,
[card-color=green][data-v-c152fa04]:hover {
  box-shadow: 0 0 black !important;
  -webkit-box-shadow: 0 0 black !important;
}
a[data-v-c152fa04],
a[data-v-c152fa04]:hover,
a[data-v-c152fa04]:link,
a[data-v-c152fa04]:visited {
  text-decoration: none;
}
.more-content[data-v-c152fa04] {
  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-c152fa04] {
  height: 138px !important;
}
.blue-theme-card:hover .more-content[data-v-c152fa04] {
  display: block;
}
[data-v-c152fa04] .blue-theme-card-body {
  padding: 16px 0 20px 24px;
}
.card-content[data-v-c152fa04] {
  color: #fff;
}
.card-content .title-count[data-v-c152fa04] {
  font-size: 28px;
  line-height: 28px;
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.card-content .title-desc[data-v-c152fa04] {
  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-c152fa04] {
  display: flex;
  justify-content: flex-start;
}
.card-content .detail[data-v-c152fa04] {
  display: inline-block;
  margin-top: 12px;
  flex: 1;
}
.card-content .detail-count[data-v-c152fa04] {
  font-family: DINPro-Bold, -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;
  line-height: 16px;
}
.card-content .detail-desc[data-v-c152fa04] {
  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;
}
@charset "UTF-8";
a[data-v-67b869ba],
a[data-v-67b869ba]:hover,
a[data-v-67b869ba]:link,
a[data-v-67b869ba]:visited {
  text-decoration: none;
}
.title[data-v-67b869ba] {
  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-67b869ba] {
  height: 100%;
}
.default[data-v-67b869ba] {
  height: calc(100% - 80px);
}
.default .default-inner[data-v-67b869ba] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-67b869ba] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-67b869ba] {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.38);
}
.top5[data-v-67b869ba] {
  font-family: DINPro-Bold, -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-67b869ba] {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
[list-type=case] .detail[data-v-67b869ba] {
  flex: 1 1 100px;
  max-width: 100px;
}
[list-type=staff] .detail[data-v-67b869ba] {
  flex: 1 1 60px;
  max-width: 60px;
}
.rank .blue-theme-list[data-v-67b869ba] {
  border: 0;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-67b869ba] {
  display: flex;
  padding: 8px;
  border-radius: 6px;
}
.rank .blue-theme-list .blue-theme-list-item .index[data-v-67b869ba] {
  flex: 1 1 10px;
  max-width: 10px;
  font-family: DINPro-Bold, -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.3);
}
.rank .blue-theme-list .blue-theme-list-item .item-title-tooltip[data-v-67b869ba] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .item-title[data-v-67b869ba] {
  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-67b869ba] {
  position: relative;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .detail[data-v-67b869ba]::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-67b869ba] {
  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-67b869ba]: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-67b869ba] {
  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-67b869ba] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.rank .blue-theme-list .blue-theme-list-item:first-child .index[data-v-67b869ba] {
  color: #f5483b;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(2) .index[data-v-67b869ba] {
  color: #f80;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(3) .index[data-v-67b869ba] {
  color: #fec300;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-67b869ba]:not(:last-child) {
  border-bottom: 0;
}

/* vue3TODO: 使用 :deep() 替代 ::v-deep */
[data-v-67b869ba] .blue-theme-card-body {
  padding: 16px;
  height: 100%;
}
a[data-v-a9765c14],
a[data-v-a9765c14]:hover,
a[data-v-a9765c14]:link,
a[data-v-a9765c14]:visited {
  text-decoration: none;
}
.more-content[data-v-a9765c14] {
  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-a9765c14]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-a9765c14] {
  display: block;
}
.chart-block[data-v-a9765c14] {
  width: 100%;
  height: 100%;
}
.default[data-v-a9765c14] {
  height: 90%;
}
.default .default-inner[data-v-a9765c14] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-a9765c14] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-a9765c14] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
[data-v-a9765c14] .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-a9765c14] .blue-theme-card-body {
  padding: 0 24px;
  height: 80%;
}
[data-v-a9765c14] .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.polar-chart[data-v-7f55a83f] {
  width: 100%;
  height: 100%;
}
.default[data-v-7f55a83f] {
  height: 90%;
}
.default .default-inner[data-v-7f55a83f] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-7f55a83f] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-7f55a83f] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-7f55a83f],
a[data-v-7f55a83f]:hover,
a[data-v-7f55a83f]:link,
a[data-v-7f55a83f]:visited {
  text-decoration: none;
}
.more-content[data-v-7f55a83f] {
  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-7f55a83f]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-7f55a83f] {
  display: block;
}
[data-v-7f55a83f] .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-7f55a83f] .blue-theme-card-body {
  padding: 0 0 0 24px;
  height: 80%;
}
[data-v-7f55a83f] .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blue-theme-card[data-v-a8d921c8] {
  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-a8d921c8]: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-a8d921c8],
  .card-grid[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird > .blue-theme-card[data-v-a8d921c8],
  .card-grid > .blue-theme-card[data-v-a8d921c8] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-a8d921c8],
  .card-item-3[data-v-a8d921c8] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-a8d921c8],
  .card-item-4[data-v-a8d921c8] {
    grid-column-start: 3;
    grid-column-end: 5;
}
}
@media (min-width: 1920px) {
.card-grid[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(6, 16.6666666667%);
}
.chart-list-gird > .blue-theme-card[data-v-a8d921c8],
  .card-grid > .blue-theme-card[data-v-a8d921c8] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-a8d921c8],
  .card-item-3[data-v-a8d921c8] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-a8d921c8],
  .card-item-4[data-v-a8d921c8] {
    grid-column-start: 3;
    grid-column-end: 5;
}
.card-item-5[data-v-a8d921c8] {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}
.card-item-7[data-v-a8d921c8] {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}
}
ul[data-v-30a108c2] {
  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-30a108c2] {
  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-30a108c2]:first-child, ul li[data-v-30a108c2]:nth-child(2), ul li[data-v-30a108c2]:nth-child(3), ul li[data-v-30a108c2]:last-child {
  width: 214px;
  flex-grow: 0;
  flex-shrink: 0;
}
ul li:first-child span[data-v-30a108c2], ul li:nth-child(2) span[data-v-30a108c2], ul li:nth-child(3) span[data-v-30a108c2], ul li:last-child span[data-v-30a108c2] {
  color: rgba(0, 0, 0, 0.5);
}
ul li[data-v-30a108c2]:first-child {
  font-weight: 500;
}
ul li:first-child span i[data-v-30a108c2] {
  color: orange;
}
ul li[data-v-30a108c2]:last-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
}
ul li:last-child a[data-v-30a108c2] {
  text-decoration: none;
}
.iframe-box[data-v-928a683c] {
  position: absolute;
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
}
.iframe-box > iframe[data-v-928a683c] {
  flex: 1;
  border: none;
}
a[data-v-4e8fa118],
a[data-v-4e8fa118]:hover,
a[data-v-4e8fa118]:link,
a[data-v-4e8fa118]:visited {
  text-decoration: none;
}
.more-content[data-v-4e8fa118] {
  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-4e8fa118]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-4e8fa118] {
  display: block;
}
.echart-block[data-v-4e8fa118] {
  width: 100%;
  height: 100%;
}
[data-v-4e8fa118] .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-4e8fa118] .blue-theme-card-body {
  padding: 0 24px 8px;
  height: 80%;
}
[data-v-4e8fa118] .blue-theme-tabs {
  height: 100%;
  color: rgba(0, 0, 0, 0.7);
}
[data-v-4e8fa118] .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  z-index: 1;
}
[data-v-4e8fa118] .blue-theme-tabs-content {
  height: 90%;
}
[data-v-4e8fa118] .blue-theme-tab-pane {
  text-align: center;
  height: 100%;
}
[data-v-4e8fa118] .blue-theme-tabs-bottom-border {
  display: none;
}
[data-v-4e8fa118] .blue-theme-tabs-nocard .blue-theme-tabs-item {
  color: rgba(0, 0, 0, 0.7);
}
[data-v-4e8fa118] .blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active {
  color: var(--cs-index-minor-tab-active-color);
}
[data-v-4e8fa118] .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-61dbfff2] {
  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-61dbfff2] {
  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-61dbfff2]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-61dbfff2] {
  display: block;
}
.unclose-case-list-content[data-v-61dbfff2] {
  display: flex;
  position: relative;
}
.unclose-case-list-content-main[data-v-61dbfff2] {
  flex: 1 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-main .case-id[data-v-61dbfff2] {
  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-61dbfff2] {
  opacity: 0.84;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-extra[data-v-61dbfff2] {
  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-61dbfff2] {
  display: none;
  z-index: 100;
  color: #0a70f5;
}
.unclose-case-list-content-extra .content-time[data-v-61dbfff2] {
  font-size: 12px;
  opacity: 0.5;
}
.list-bottom[data-v-61dbfff2] {
  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-61dbfff2] {
  line-height: 12px;
  color: #0a70f5;
  margin-left: 12px;
}
a[data-v-61dbfff2],
a[data-v-61dbfff2]:hover,
a[data-v-61dbfff2]:link,
a[data-v-61dbfff2]:visited {
  text-decoration: none;
}
.placeholder-block[data-v-61dbfff2] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.placeholder-block .placeholder-icon[data-v-61dbfff2] {
  width: 56px;
  height: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.placeholder-block p[data-v-61dbfff2] {
  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-61dbfff2] .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-61dbfff2] .blue-theme-card-body {
  padding: 0 16px;
  height: 75%;
  overflow: overlay;
}
[data-v-61dbfff2] .blue-theme-list {
  border: none;
}
[data-v-61dbfff2] .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-61dbfff2] .blue-theme-list-item:hover .content-time {
  visibility: hidden;
}
[data-v-61dbfff2] .blue-theme-list-item:hover .immediate-process {
  display: block;
  color: #0a70f5;
}
[data-v-61dbfff2] .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-61dbfff2] .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-61dbfff2] .blue-theme-tag {
  line-height: 12px;
  border-radius: 8px;
  border: solid 0.5px;
  margin-left: 5px;
  height: 16px;
}
[data-v-61dbfff2] .blue-theme-tag.urge-tag {
  border: 1px solid rgb(169, 169, 169);
  background-color: #fff;
  color: rgb(169, 169, 169);
  padding: 5px;
}
[data-v-61dbfff2] .blue-theme-tag.danger {
  border: 1px solid rgb(235, 85, 47);
  background-color: #fff;
  color: rgb(235, 85, 47);
  padding: 5px;
}
[data-v-61dbfff2] .blue-theme-tag.warning {
  border-color: rgb(244, 143, 39);
  color: rgb(244, 143, 39);
}
[data-v-61dbfff2] .blue-theme-tag.case-tag {
  vertical-align: unset;
}
[data-v-61dbfff2] .refund-tag {
  line-height: 14px;
  margin-left: 5px;
  height: 16px;
  vertical-align: middle;
}
.show-more .more[data-v-92191388] {
  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-92191388] .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
.show-more:hover .more[data-v-92191388] {
  display: inline;
}
.show-more:hover .more[data-v-92191388] :hover {
  color: #0a70f5;
}
a[data-v-92191388],
a[data-v-92191388]:hover,
a[data-v-92191388]:link,
a[data-v-92191388]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-92191388] {
  overflow: hidden;
}
.title[data-v-92191388] {
  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-92191388] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-92191388] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-92191388] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-92191388] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.score-list[data-v-92191388] {
  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-92191388] {
  border: 0;
}
.score-list .blue-theme-list-item[data-v-92191388] {
  padding: 8px;
  position: relative;
}
.score-list .blue-theme-list-item .score-list-item[data-v-92191388] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.score-list .blue-theme-list-item .score-list-item .order-id[data-v-92191388] {
  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-92191388] {
  max-width: 60px;
  flex: 1 1 60px;
  margin-right: 20px;
}
.score-list .blue-theme-list-item .score-list-item .score .score-count[data-v-92191388] {
  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-92191388] {
  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-92191388] {
  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-92191388] {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 0;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button[data-v-92191388] {
  color: #0a70f5;
  font-size: 14px;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button.not-allow-click[data-v-92191388] {
  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-92191388] {
  margin: 0 9px;
}
.score-list .blue-theme-list-item[data-v-92191388]:hover {
  border-radius: 4px;
}
.score-list .blue-theme-list-item:hover .order-id[data-v-92191388] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.score-list .blue-theme-list-item:hover .hover-button-group[data-v-92191388] {
  display: inline;
}
.score-list .blue-theme-list-item[data-v-92191388]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-92191388] {
  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-92191388] {
  color: #0a70f5;
  margin-left: 12px;
}
.title-container[data-v-27ff3a87] {
  display: flex;
  align-items: center;
}
.show-more .more[data-v-27ff3a87] {
  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-27ff3a87] .blue-theme-card-body {
  height: 100%;
}
.show-more:hover .more[data-v-27ff3a87] {
  display: inline;
}
.show-more:hover .more[data-v-27ff3a87] :hover {
  color: #0a70f5;
}
.blue-theme-card[data-v-27ff3a87] {
  overflow: hidden;
}
.title[data-v-27ff3a87] {
  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-27ff3a87] {
  margin-top: 12px;
  height: calc(100% - 60px);
}
.default .default-inner[data-v-27ff3a87] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-27ff3a87] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-27ff3a87] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-27ff3a87],
a[data-v-27ff3a87]:hover,
a[data-v-27ff3a87]:link,
a[data-v-27ff3a87]:visited {
  text-decoration: none;
}
.polar-chart[data-v-27ff3a87] {
  width: 100%;
}
.icon-setting[data-v-27ff3a87] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 3px;
}
.face-row[data-v-27ff3a87] {
  height: 50px;
}
.face-row .face-icon[data-v-27ff3a87] {
  font-size: 34px;
  margin-right: 8px;
}
.face-row .percent[data-v-27ff3a87] {
  text-align: center;
}
.face-row .percent .percent__text[data-v-27ff3a87] {
  font-size: 20px;
  font-family: DINPro-Bold, -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-27ff3a87] {
  color: rgba(0, 0, 0, 0.42);
  white-space: nowrap;
}
.face-row .left-col[data-v-27ff3a87] {
  display: flex;
  justify-content: center;
}
.face-row .left-col .percent__text[data-v-27ff3a87] {
  color: #00b365; /* stylelint-disable-line */
}
.face-row .middle-col[data-v-27ff3a87] {
  height: 100%;
  display: flex;
  justify-content: center;
}
.face-row .middle-col .percent__text[data-v-27ff3a87] {
  color: rgba(0, 0, 0, 0.6);
}
.face-row .middle-col .pagination[data-v-27ff3a87] {
  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-27ff3a87] {
  display: flex;
  justify-content: center;
}
.face-row .right-col .percent__text[data-v-27ff3a87] {
  color: #f5483b;
}
.face-row .icon-shuzhishangsheng1[data-v-27ff3a87],
.face-row .icon-shuzhixiajiang1[data-v-27ff3a87] {
  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-a95f8628] {
  position: relative;
}
.show-more .show-more-style[data-v-a95f8628], .show-more .read-button[data-v-a95f8628], .show-more .more[data-v-a95f8628] {
  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-a95f8628] {
  right: 0;
}
.show-more .read-button[data-v-a95f8628] {
  right: 80px;
}
.more[data-v-a95f8628]:hover,
.read-button[data-v-a95f8628]:hover {
  color: #0a70f5;
}
[data-v-a95f8628] .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
[data-v-a95f8628] .message-list .blue-theme-list-item .message-desc div .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-more:hover .more[data-v-a95f8628],
.show-more:hover .read-button[data-v-a95f8628] {
  display: inline;
}
.show-more:hover .more[data-v-a95f8628] :hover,
.show-more:hover .read-button[data-v-a95f8628] :hover {
  color: #0a70f5;
}
a[data-v-a95f8628],
a[data-v-a95f8628]:hover,
a[data-v-a95f8628]:link,
a[data-v-a95f8628]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-a95f8628] {
  overflow: hidden;
  flex-flow: column nowrap;
}
.unread-card-head[data-v-a95f8628] {
  position: relative;
}
.unread-card-title[data-v-a95f8628] {
  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-a95f8628] {
  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-a95f8628] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-a95f8628] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-a95f8628] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-a95f8628] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.message-list[data-v-a95f8628] {
  padding-right: 16px;
  overflow: overlay;
}
.message-list .blue-theme-list[data-v-a95f8628] {
  border: 0;
}
.message-list .blue-theme-list-item[data-v-a95f8628] {
  padding: 8px;
  position: relative;
  content-visibility: auto;
}
.message-list .blue-theme-list-item .message-title[data-v-a95f8628] {
  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-a95f8628] {
  font-size: 17px;
  margin-right: 4px;
}
.message-list .blue-theme-list-item .message-desc[data-v-a95f8628] {
  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-a95f8628] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .important-icon[data-v-a95f8628] {
  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-a95f8628] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 8px 0 9px;
}
.message-list .blue-theme-list-item .hover-button-group .hover-button[data-v-a95f8628] {
  display: none;
  color: #0a70f5;
  font-size: 14px;
}
.message-list .blue-theme-list-item .hover-button-group .time[data-v-a95f8628] {
  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-a95f8628]:hover {
  border-radius: 4px;
}
.message-list .blue-theme-list-item:hover .desc[data-v-a95f8628] {
  opacity: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item:hover .hover-button-group .hover-button[data-v-a95f8628] {
  display: inline;
}
.message-list .blue-theme-list-item:hover .hover-button-group .time[data-v-a95f8628] {
  display: none;
}
.message-list .blue-theme-list-item--unread[data-v-a95f8628]::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-a95f8628]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-a95f8628] {
  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-a95f8628] {
  color: #0a70f5;
  margin-left: 12px;
}
.background-image[data-v-21eb3ba7] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
}
.benefit-explain[data-v-21eb3ba7] {
  height: 260px;
  overflow-y: auto;
  margin-top: 10px;
}
.news-card[data-v-21eb3ba7] {
  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-21eb3ba7] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.news-card .news-card-img img[data-v-21eb3ba7] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news-card .news-title[data-v-21eb3ba7] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-21eb3ba7] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-mask {
  background: none;
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-mask {
  background: none;
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-icon {
  color: #fff;
}
.thin-background[data-v-21eb3ba7] {
  width: 130px;
}
.not-show-card[data-v-21eb3ba7] {
  display: none;
}
.title-status[data-v-21eb3ba7] {
  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-21eb3ba7] {
  display: flex;
  align-items: top;
}
.news-equity .equity-title[data-v-21eb3ba7] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-21eb3ba7]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-21eb3ba7]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.unmature-benefit[data-v-21eb3ba7] {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.equity-bottom[data-v-21eb3ba7] {
  font-size: 13px;
  color: #a8a8a8;
  height: 38px;
  display: flex;
  align-items: end;
}
.link-text[data-v-21eb3ba7] {
  text-decoration: underline;
}
.sub-title[data-v-15f0ca1f] {
  font-weight: 600;
}
.table[data-v-15f0ca1f] {
  margin-bottom: 40px;
}
.explain-text[data-v-15f0ca1f] {
  color: rgba(0, 0, 0, 0.5);
  line-height: 70%;
}
.complete-color[data-v-15f0ca1f] {
  color: #67c23a;
}
.incomplete-color[data-v-15f0ca1f] {
  color: #909399;
}
[data-v-15f0ca1f] .mtd-table-cell {
  text-align: center;
}
.img-done[data-v-55f50ed7] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.card-img-done[data-v-55f50ed7] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.card-img-undone[data-v-55f50ed7] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.news-card[data-v-55f50ed7] {
  width: 350px;
  margin: 20px auto;
  text-align: center;
}
.news-card .star-icon[data-v-55f50ed7] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.news-card .news-title[data-v-55f50ed7] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-55f50ed7] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.news-equity[data-v-55f50ed7] {
  display: flex;
  align-items: center;
}
.news-equity .equity-title[data-v-55f50ed7] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-55f50ed7]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-55f50ed7]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.equity-bottom[data-v-55f50ed7] {
  font-size: 13px;
  color: #a8a8a8;
}
@charset "UTF-8";
[data-v-de9e9836] .blue-theme-card {
  height: 111px !important;
  background: url(assets/background.9a036fc4e8b0b4a2ef10.png);
  background-size: 100%;
}
[data-v-de9e9836] .blue-theme-progress-text,[data-v-de9e9836] .blue-theme-progress-percentage {
  display: none !important;
}
[data-v-de9e9836] .blue-theme-icon {
  color: #b1b1b1;
}
[data-v-de9e9836] .blue-theme-progress-bar-outer {
  width: 101%;
}
a[data-v-de9e9836],
a[data-v-de9e9836]:hover,
a[data-v-de9e9836]:link,
a[data-v-de9e9836]:visited {
  text-decoration: none;
}
.more-content[data-v-de9e9836] {
  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-de9e9836] {
  display: block;
}
.show-more[data-v-de9e9836] {
  margin-bottom: 15px;
}
.show-more .task-header[data-v-de9e9836] {
  display: flex;
  justify-content: space-between;
  height: 25px;
  margin-bottom: 6px;
}
.show-more .task-header .task-title[data-v-de9e9836] {
  font-size: 16px;
  font-weight: 700;
}
.show-more .task-header .task-info[data-v-de9e9836] {
  display: flex;
  align-items: center;
}
.show-more .task-header .task-info .task-countdown[data-v-de9e9836] {
  font-size: 12px;
}
.show-more .task-header .task-info .task-countdown .highlight-red[data-v-de9e9836] {
  color: red;
}
.show-more .task-header .task-info .task-countdown span[data-v-de9e9836] {
  font-size: 15px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.show-more .task-header .task-info .task-feedback[data-v-de9e9836],
.show-more .task-header .task-info .task-more[data-v-de9e9836] {
  font-size: 12px;
  color: #b1b1b1;
  line-height: 25px;
}
.show-more .task-header .task-info > div[data-v-de9e9836]:not(:last-child)::after {
  content: "｜";
  margin-left: 10px;
  color: #b1b1b1;
}
.show-more .rule-color[data-v-de9e9836] {
  font-size: 13px;
}
.show-more .plan-color[data-v-de9e9836] {
  display: flex;
  align-items: center;
  position: relative;
}
.show-more .plan-color .task-plan[data-v-de9e9836] {
  font-size: 13px;
}
.show-more .plan-color .plan-progress[data-v-de9e9836] {
  width: 82% !important;
  display: flex;
}
.show-more .plan-color .plan-data[data-v-de9e9836] {
  font-size: 13px;
  color: #b1b1b1;
  padding-left: 19px;
}
.show-more .plan-color .plan-data span[data-v-de9e9836] {
  font-size: 29px;
  color: #000;
}
.card-img-undone[data-v-de9e9836] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.progress-img[data-v-de9e9836] {
  width: 32px;
  height: 32px;
}
.card-img-done[data-v-de9e9836] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.star-img[data-v-de9e9836] {
  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-2195589a]:hover {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item[data-v-2195589a]:active {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item-active[data-v-2195589a] {
  color: rgb(10, 112, 245);
}
.mtd-multiple-input[data-v-6ddbdec8] {
  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-6ddbdec8] {
  line-height: 1;
  display: block;
  position: relative;
}
.mtd-multiple-input-field-wrap[data-v-6ddbdec8] {
  display: inline-block;
}
.mtd-multiple-input-field-wrap .mtd-multiple-input-field[data-v-6ddbdec8] {
  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-6ddbdec8] {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.mtd-multiple-input-suffix-inner[data-v-6ddbdec8] {
  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-6ddbdec8] {
  padding-right: 32px;
}
.mtd-multiple-input .mtd-multiple-input-suffix-inner[data-v-6ddbdec8] {
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.mtd-multiple-input-rendered > *[data-v-6ddbdec8] {
  vertical-align: top;
}
.mtd-multiple-input .mtd-multiple-input-rendered > *[data-v-6ddbdec8] {
  margin-top: 5px;
  line-height: 20px;
}
.mtd-multiple-input-placeholder[data-v-6ddbdec8] {
  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-b155ce4c] {
  display: flex;
}
.cascader-has-selected[data-v-b155ce4c] {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.has-selected-value-list[data-v-b155ce4c] {
  height: 180px;
}
.has-selected-value-list > ul[data-v-b155ce4c] {
  list-style-type: none;
  margin: 0;
  padding: 0 16px;
  height: 100%;
  overflow: auto;
}
.has-selected-value-list > ul li[data-v-b155ce4c] {
  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-b155ce4c] {
  margin-left: 40px;
  cursor: pointer;
}
.has-selected-value[data-v-b155ce4c] {
  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-b155ce4c] {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.has-selected-value .button-selected span[data-v-b155ce4c] {
  color: rgba(0, 0, 0, 0.38);
  font-weight: 400;
}
.has-selected-value .button-clear[data-v-b155ce4c] {
  color: #1c6cdc;
}
.case-monitor-header[data-v-715d9f1f] {
  top: 0;
  position: sticky;
  z-index: 2;
}
.header-tab[data-v-715d9f1f] {
  display: flex;
}
.filter[data-v-715d9f1f] {
  width: 100%;
  height: 76px;
  background-color: #fafafa;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  padding: 11px 0;
}
.search-name[data-v-715d9f1f] {
  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-715d9f1f] {
  display: block;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
}
.search-btn[data-v-715d9f1f] {
  height: 32px;
  border-radius: 6px;
  border-color: #1c6cdc;
  border-width: 1px;
  border-style: solid;
  margin-left: 8px;
}
.search-btn-group[data-v-715d9f1f] {
  white-space: nowrap;
}
.search-btn.search[data-v-715d9f1f] {
  width: 72px;
  background-color: #1c6cdc;
  color: #fff;
}
.search-btn.save-freq-search[data-v-715d9f1f] {
  width: 142px;
  background-color: #fff;
  color: #1c6cdc;
}
.search-btn.delete[data-v-715d9f1f] {
  background-color: #fff;
  color: #1c6cdc;
  width: 72px;
}
.toolbox[data-v-715d9f1f] {
  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-715d9f1f] {
  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-715d9f1f] {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
}
.case-monitor[data-v-715d9f1f] {
  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-715d9f1f] {
  margin-top: 0;
  padding: 11px 8px;
}
.case-monitor .blue-theme-col[data-v-715d9f1f] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 8px;
}
.case-monitor .blue-theme-col[data-v-715d9f1f]:last-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.cascader-select-all[data-v-715d9f1f] {
  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-715d9f1f] {
  display: inline-table;
  transform: rotate(180deg);
}
[data-v-715d9f1f] .blue-theme-tabs-nav-scroll {
  margin-right: 32px;
}
[data-v-715d9f1f] .case-monitor-tab {
  width: 80%;
  background-color: #fafafa;
}
[data-v-715d9f1f] .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-715d9f1f] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-nav-scroll {
  margin-right: 50px;
}
[data-v-715d9f1f] .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-715d9f1f] .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-715d9f1f] .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-715d9f1f] .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-715d9f1f] .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-715d9f1f] .case-monitor-tab > .blue-theme-tabs-content {
  padding: 0;
}
[data-v-715d9f1f] .blue-theme-btn.tool .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-715d9f1f] .blue-theme-btn.tool:hover {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-715d9f1f] .blue-theme-btn.tool:hover .blue-theme-btn-before {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-715d9f1f] .blue-theme-btn.tool:hover .icon {
  color: var(--cs-index-main-tab-active-color) !important;
}
[data-v-715d9f1f] .blue-theme-btn-text:focus {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-715d9f1f] .blue-theme-btn.search-btn.delete {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.13);
}
[data-v-715d9f1f] .blue-theme-btn.search-btn.delete .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-715d9f1f] .blue-theme-tabs-bottom-border {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.12);
}
[data-v-715d9f1f] .blue-theme-multiple-input-rendered {
  display: flex;
}
[data-v-715d9f1f] .blue-theme-tag,[data-v-715d9f1f] .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-715d9f1f] .blue-theme-multiple-input-rendered .blue-theme-tag {
  border-radius: 4px;
}
[data-v-715d9f1f] .blue-theme-multiple-input {
  border-radius: 6px;
}
[data-v-715d9f1f] .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-715d9f1f] {
    width: 1392px;
}
.case-monitor-header[data-v-715d9f1f] {
    width: 1392px;
}
}
#dashboard-business-performance[data-v-715d9f1f],
#dashboard-rank-analysis[data-v-715d9f1f] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dashboard-loading[data-v-715d9f1f] {
  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;
}
@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-icon.iconfont[data-v-f9eae05b]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-icon.icon[data-v-f9eae05b]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}body[dir=rtl] .mirror-flip[data-v-f9eae05b]{transform:scaleX(-1)}.cs-common-fold-tag[data-v-a3d209d3]{position:relative;display:flex;padding-top:5px;cursor:pointer}.cs-common-fold-tag .fold-tag-list[data-v-a3d209d3]{display:flex;align-items:center}.cs-common-fold-tag .fold-tag-list .tag-refund-icon[data-v-a3d209d3]{margin-left:4px}.cs-common-fold-tag .fold-tag-list .tag-word[data-v-a3d209d3]{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-a3d209d3]{flex-wrap:wrap}.cs-common-fold-tag .fold-dropdown[data-v-a3d209d3]{align-self:end}.cs-common-fold-tag .fold-dropdown .tag-more[data-v-a3d209d3]{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-a3d209d3]:hover{border-radius:4px;background:rgba(0,0,0,.06)}.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-f1d3847b]{padding:0;margin:0}.pagination-for-has-next-container .no-count-pagination-item[data-v-f1d3847b]{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-f1d3847b]:not(:last-child){margin-right:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-f1d3847b]{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-f1d3847b]{margin-right:16px;font-size:14px}.pagination-for-has-next-container[data-v-bd2dac3d]{padding:0;margin:0}.pagination-for-has-next-container .no-count-pagination-item[data-v-bd2dac3d]{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-bd2dac3d]:not(:last-child){margin-right:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-bd2dac3d]{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-bd2dac3d]{margin-right:10px;font-size:14px}.table-pagination-for-total-count[data-v-068c444f]{text-align:center;font-size:14px}.table-pagination-for-total-count[data-v-068c444f] .mtd-pager-item,.table-pagination-for-total-count[data-v-068c444f] .cs-mtd-pager-item{font-size:14px}.scroll-container{width:100%;height:100%;overflow:auto}video[data-v-5c358e69]{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-270ffb1d]{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-270ffb1d]{color:#fff}.cs-form-item .required-item[data-v-270ffb1d]{padding-left:5px;position:relative}.cs-form-item .required-item[data-v-270ffb1d]: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-270ffb1d]{color:#fff;padding-right:5px;display:flex;align-items:center}.virtual-scroll-container[data-v-4c6cd120]{width:100%;height:100%;overflow-y:auto}.virtual-scroll-wrapper[data-v-4c6cd120]{width:100%;height:0}.chips-container[data-v-2e70c5d4] .mtd-input-wrapper,.chips-container[data-v-2e70c5d4] .cs-mtd-input-wrapper{border:none}.cs-f-chips[data-v-2e70c5d4]{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-2e70c5d4]{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-2e70c5d4]{color:#000}.cs-f-chips .chip i[data-v-2e70c5d4]{margin-left:4px}.chips-tip[data-v-2e70c5d4]{text-align:left;text-indent:12px;font-size:12px;color:#00000080;margin-top:-2px;white-space:nowrap}.chips-tip-error[data-v-2e70c5d4]{color:#f5483b}.success[data-v-2e70c5d4]{border-color:var(--cs-common-primary-color)}.fail[data-v-2e70c5d4]{border-color:#f5483b}.chips-input[data-v-2e70c5d4]{flex-basis:100px;flex-grow:1}[data-v-165e9f35] .text-highlight{color:orange}.cs-load-fail-container[data-v-5794befe]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.cs-load-fail-text[data-v-5794befe]{font-weight:400;font-size:14px;color:#00000059;letter-spacing:0;text-align:center;line-height:22px}.preview-viewer-swiper[data-v-73a4ccfe]{width:160px;height:160px;margin:auto;position:relative}.preview-viewer-swiper .preview-viewer-swiper-image[data-v-73a4ccfe]{width:100%;height:100%}.preview-viewer-swiper .swiper-switch[data-v-73a4ccfe]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px}.preview-viewer-swiper .swiper-switch-left[data-v-73a4ccfe]{left:-20px}.preview-viewer-swiper .swiper-switch-right[data-v-73a4ccfe]{right:-20px}.preview-viewer-swiper .preview-viewer-swiper-checkbox[data-v-73a4ccfe]{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-5ef05e66]{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-5ef05e66] .mtd-modal,.preview-viewer-popup[data-v-5ef05e66] .cs-mtd-modal{width:0px;height:0px}.preview-viewer-popup .preview-img[data-v-5ef05e66],.preview-viewer-popup .preview-audio[data-v-5ef05e66],.preview-viewer-popup .preview-video[data-v-5ef05e66]{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-5ef05e66],.preview-viewer-popup .preview-audio .image-preview-drag[data-v-5ef05e66],.preview-viewer-popup .preview-video .image-preview-drag[data-v-5ef05e66]{cursor:move}.preview-viewer-popup .preview-img .image-origin[data-v-5ef05e66],.preview-viewer-popup .preview-audio .image-origin[data-v-5ef05e66],.preview-viewer-popup .preview-video .image-origin[data-v-5ef05e66]{max-width:100%;max-height:100%}.preview-viewer-popup .preview-img video[data-v-5ef05e66],.preview-viewer-popup .preview-audio video[data-v-5ef05e66],.preview-viewer-popup .preview-video video[data-v-5ef05e66]{width:100%;height:100%}.preview-viewer-popup .close[data-v-5ef05e66]{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-5ef05e66]{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-5ef05e66]{left:initial;right:24px}.preview-viewer-popup .image-preview-name[data-v-5ef05e66]{position:absolute;bottom:61px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:418px;height:auto;background:rgba(0,0,0,.32);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-5ef05e66]{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;height:48px}.preview-viewer-popup .image-preview-operaction[data-v-5ef05e66]{height:48px;font-size:24px;display:flex;align-items:center;background:rgba(0,0,0,.38);border-radius:4px;color:#ffffff80;padding-right:10px}.preview-viewer-popup .image-preview-operaction .operaction[data-v-5ef05e66]{display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-viewer-popup .image-preview-operaction .operaction-auto[data-v-5ef05e66]{margin:0 10px}.preview-viewer-popup .image-preview-operaction .left[data-v-5ef05e66],.preview-viewer-popup .image-preview-operaction .right[data-v-5ef05e66],.preview-viewer-popup .image-preview-operaction .clockwise[data-v-5ef05e66],.preview-viewer-popup .image-preview-operaction .download[data-v-5ef05e66]{margin:0 20px}.preview-viewer-popup .image-preview-operaction .add[data-v-5ef05e66]{margin:0 13px}.preview-viewer-popup .image-preview-operaction .count[data-v-5ef05e66]{font-size:14px}.preview-viewer-popup .image-preview-operaction .origin-switch[data-v-5ef05e66]{font-size:20px;line-height:40px}.preview-viewer-popup .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-5ef05e66]{font-size:24px}.preview-viewer-popup .image-preview-operaction .download[data-v-5ef05e66]{position:relative}.preview-viewer-popup .image-preview-operaction .download a[data-v-5ef05e66]{top:0;left:0;position:absolute;display:block;width:24px;height:24px}.preview-viewer-popup .image-preview-operaction .icon[data-v-5ef05e66]{width:30px;height:35px}.preview-viewer-popup .image-preview-operaction i[data-v-5ef05e66]:hover{color:#fff}.cropper-confirm-box[data-v-5ef05e66]{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-5ef05e66]{font-size:16px}.preview .preview-secret[data-v-b385d31d]{cursor:pointer;font-weight:600;font-size:12px}.preview .preview-viewer .no-photos[data-v-b385d31d]{font-weight:600;font-size:12px}.preview .preview-viewer .preview-viewer-list[data-v-b385d31d]{display:flex;flex-wrap:wrap}.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item img[data-v-b385d31d]{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-b385d31d]{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-b385d31d]{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-b385d31d]{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-b385d31d]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png) center no-repeat}.chosen-item[data-v-fdfe7332]{display:flex;flex-direction:row;justify-content:space-between;margin:5px 16px}.button-delete[data-v-fdfe7332]{height:12px;border-radius:50%}.button-delete[data-v-fdfe7332]:hover,.button-delete[data-v-b68f4051]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-b68f4051] input{color:#fff;font-size:12px;border:none}[data-v-b68f4051] input::placeholder{color:#fff}[data-v-b68f4051] .mtd-input-wrapper,[data-v-b68f4051] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-b68f4051] .mtd-input-wrapper .mtd-input,[data-v-b68f4051] .mtd-input-wrapper .cs-mtd-input,[data-v-b68f4051] .cs-mtd-input-wrapper .mtd-input,[data-v-b68f4051] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-b68f4051] .mtd-input-suffix-inner,[data-v-b68f4051] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-b68f4051] .mtd-select-search-field,[data-v-b68f4051] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-b68f4051] .mtd-tag,[data-v-b68f4051] .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-b68f4051] .mtd-tag .mtd-tag-content,[data-v-b68f4051] .mtd-tag .cs-mtd-tag-content,[data-v-b68f4051] .cs-mtd-tag .mtd-tag-content,[data-v-b68f4051] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-b68f4051] .mtd-select-tags-text,[data-v-b68f4051] .cs-mtd-select-tags-text{line-height:20px}[data-v-b68f4051] .mtd-select,[data-v-b68f4051] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-cb824a76]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.date-time-input[data-v-cb824a76]{margin-left:5px}[data-v-cb824a76] .mtd-input,[data-v-cb824a76] .cs-mtd-input{padding-left:5px;font-size:12px;background-color:#28a448;border:none;color:#fff}[data-v-cb824a76] .mtd-input::placeholder,[data-v-cb824a76] .cs-mtd-input::placeholder{color:#fff}[data-v-cb824a76] .mtd-input-wrapper,[data-v-cb824a76] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-cb824a76] .mtd-input-wrapper .mtd-input,[data-v-cb824a76] .mtd-input-wrapper .cs-mtd-input,[data-v-cb824a76] .cs-mtd-input-wrapper .mtd-input,[data-v-cb824a76] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}.button-delete[data-v-07bba165]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-07bba165] input{color:#fff;font-size:12px;border:none}[data-v-07bba165] input::placeholder{color:#fff}[data-v-07bba165] .mtd-input-wrapper,[data-v-07bba165] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-07bba165] .mtd-input-wrapper .mtd-input,[data-v-07bba165] .mtd-input-wrapper .cs-mtd-input,[data-v-07bba165] .cs-mtd-input-wrapper .mtd-input,[data-v-07bba165] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-07bba165] .mtd-input-suffix-inner,[data-v-07bba165] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-07bba165] .mtd-select-search-field,[data-v-07bba165] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-07bba165] .mtd-tag,[data-v-07bba165] .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-07bba165] .mtd-tag .mtd-tag-content,[data-v-07bba165] .mtd-tag .cs-mtd-tag-content,[data-v-07bba165] .cs-mtd-tag .mtd-tag-content,[data-v-07bba165] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-07bba165] .mtd-select-tags-text,[data-v-07bba165] .cs-mtd-select-tags-text{line-height:20px}[data-v-07bba165] .mtd-select,[data-v-07bba165] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-0f58b87c]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-0f58b87c] input{color:#fff;font-size:12px;border:none}[data-v-0f58b87c] input::placeholder{color:#fff}[data-v-0f58b87c] .mtd-input-wrapper,[data-v-0f58b87c] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-0f58b87c] .mtd-input-wrapper .mtd-input,[data-v-0f58b87c] .mtd-input-wrapper .cs-mtd-input,[data-v-0f58b87c] .cs-mtd-input-wrapper .mtd-input,[data-v-0f58b87c] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-0f58b87c] .mtd-input-suffix-inner,[data-v-0f58b87c] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-0f58b87c] .mtd-select-search-field,[data-v-0f58b87c] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-0f58b87c] .mtd-tag,[data-v-0f58b87c] .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-0f58b87c] .mtd-tag .mtd-tag-content,[data-v-0f58b87c] .mtd-tag .cs-mtd-tag-content,[data-v-0f58b87c] .cs-mtd-tag .mtd-tag-content,[data-v-0f58b87c] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-0f58b87c] .mtd-select-tags-text,[data-v-0f58b87c] .cs-mtd-select-tags-text{line-height:20px}[data-v-0f58b87c] .mtd-select,[data-v-0f58b87c] .cs-mtd-select{width:260px;margin-left:5px}.button-delete[data-v-d67bf202]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.input-number[data-v-d67bf202]{margin-left:5px;height:22px;width:100%}.input-number[data-v-d67bf202] input{background:#28a448;color:#fff;border:none}.input-number[data-v-d67bf202] input::placeholder{color:#fff}.button-delete[data-v-ac8cad66]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-ac8cad66] input{color:#fff;font-size:12px;border:none}[data-v-ac8cad66] input::placeholder{color:#fff}[data-v-ac8cad66] .mtd-input-wrapper,[data-v-ac8cad66] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-ac8cad66] .mtd-input-wrapper .mtd-input,[data-v-ac8cad66] .mtd-input-wrapper .cs-mtd-input,[data-v-ac8cad66] .cs-mtd-input-wrapper .mtd-input,[data-v-ac8cad66] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-ac8cad66] .mtd-input-suffix-inner,[data-v-ac8cad66] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-ac8cad66] .mtd-select-search-field,[data-v-ac8cad66] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-ac8cad66] .mtd-tag,[data-v-ac8cad66] .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-ac8cad66] .mtd-tag .mtd-tag-content,[data-v-ac8cad66] .mtd-tag .cs-mtd-tag-content,[data-v-ac8cad66] .cs-mtd-tag .mtd-tag-content,[data-v-ac8cad66] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-ac8cad66] .mtd-select-tags-text,[data-v-ac8cad66] .cs-mtd-select-tags-text{line-height:20px}[data-v-ac8cad66] .mtd-select,[data-v-ac8cad66] .cs-mtd-select{width:260px;margin-left:5px}[data-v-ac8cad66] .mtd-cascader,[data-v-ac8cad66] .cs-mtd-cascader{width:300px;padding-left:5px}[data-v-ac8cad66] .mtd-cascader .mtd-multiple-select-choices,[data-v-ac8cad66] .mtd-cascader .cs-mtd-multiple-select-choices,[data-v-ac8cad66] .cs-mtd-cascader .mtd-multiple-select-choices,[data-v-ac8cad66] .cs-mtd-cascader .cs-mtd-multiple-select-choices{flex-wrap:nowrap}.button-delete[data-v-4cc14fd1]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-input[data-v-4cc14fd1]{margin-left:5px}[data-v-4cc14fd1] input{color:#fff;font-size:12px;border:none;padding-left:5px}[data-v-4cc14fd1] input::placeholder{color:#fff}[data-v-4cc14fd1] .mtd-input-wrapper,[data-v-4cc14fd1] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-4cc14fd1] .mtd-input-wrapper .mtd-input,[data-v-4cc14fd1] .mtd-input-wrapper .cs-mtd-input,[data-v-4cc14fd1] .cs-mtd-input-wrapper .mtd-input,[data-v-4cc14fd1] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-4cc14fd1] .mtd-input-suffix-inner,[data-v-4cc14fd1] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}.button-delete[data-v-879495eb]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-879495eb] input{color:#fff;font-size:12px;border:none}[data-v-879495eb] input::placeholder{color:#fff}[data-v-879495eb] .mtd-input-wrapper,[data-v-879495eb] .cs-mtd-input-wrapper{background-color:#28a448;width:100%;height:22px;min-height:22px;font-size:12px;padding:0}[data-v-879495eb] .mtd-input-wrapper .mtd-input,[data-v-879495eb] .mtd-input-wrapper .cs-mtd-input,[data-v-879495eb] .cs-mtd-input-wrapper .mtd-input,[data-v-879495eb] .cs-mtd-input-wrapper .cs-mtd-input{height:20px;min-height:20px;border-radius:4px}[data-v-879495eb] .mtd-input-suffix-inner,[data-v-879495eb] .cs-mtd-input-suffix-inner{height:20px;background-color:#0000;transform:translateY(0)}[data-v-879495eb] .mtd-select-search-field,[data-v-879495eb] .cs-mtd-select-search-field{height:20px;min-height:20px;background-color:#0000}[data-v-879495eb] .mtd-tag,[data-v-879495eb] .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-879495eb] .mtd-tag .mtd-tag-content,[data-v-879495eb] .mtd-tag .cs-mtd-tag-content,[data-v-879495eb] .cs-mtd-tag .mtd-tag-content,[data-v-879495eb] .cs-mtd-tag .cs-mtd-tag-content{display:inline-block;width:45px}[data-v-879495eb] .mtd-select-tags-text,[data-v-879495eb] .cs-mtd-select-tags-text{line-height:20px}[data-v-879495eb] .mtd-select,[data-v-879495eb] .cs-mtd-select{width:260px;margin-left:5px}.text-upload[data-v-2e68e8fd] .mtd-upload-dragger,.text-upload[data-v-2e68e8fd] .cs-mtd-upload-dragger{width:100px;height:32px;line-height:32px}.picture-upload[data-v-2e68e8fd] .mtd-upload-dragger,.picture-upload[data-v-2e68e8fd] .cs-mtd-upload-dragger{width:100px;height:100px;border:none;box-sizing:content-box;background:none}.microphone-container[data-v-62de3ab9]{line-height:normal}.microphone-container .microphone-row[data-v-62de3ab9]{display:flex;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.microphone-container .microphone-row .microphone[data-v-62de3ab9]{cursor:pointer}.microphone-container .microphone-row .microphone.fill[data-v-62de3ab9]{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-62de3ab9]{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-62de3ab9]{margin-left:5px;font-size:14px;color:var(--cs-common-primary-color, #009155);cursor:pointer}.microphone-container .microphone-row .new-tag[data-v-62de3ab9]{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-70b4bb71]{position:relative;display:inline-block;width:100%}.asr-container .microphone-container[data-v-70b4bb71]{position:absolute;left:2px;bottom:1px;padding-left:8px;background-color:#fff;width:calc(100% - 4px);height:24px}: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;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;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;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;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,.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}.rich-text-editor-container[data-v-28833b7c]{width:100%;border:1px solid #ccc;font-synthesis:style}.rich-text-editor-container .rich-text-toolbar[data-v-28833b7c]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-28833b7c]{overflow-y:hidden}

@charset "UTF-8";.cs-confirm-wrapper[data-v-3e7b29ca] .cs-mtd-modal-header{padding:0}.cs-confirm-wrapper[data-v-3e7b29ca] .cs-mtd-modal-wrapper{top:50%;bottom:initial}[dir=ltr] .cs-confirm-wrapper[data-v-3e7b29ca] .cs-mtd-modal-wrapper{right:initial;left:50%;transform:translate(-50%,-50%)}[dir=rtl] .cs-confirm-wrapper[data-v-3e7b29ca] .cs-mtd-modal-wrapper{left:initial;right:50%;transform:translate(50%,-50%)}.cs-confirm-header[data-v-3e7b29ca]{display:flex;color:#000000d6;font-weight:600;font-size:18px}[dir=ltr] .cs-mtd-confirm-icon[data-v-3e7b29ca]{margin-left:-4px;margin-right:8px}[dir=rtl] .cs-mtd-confirm-icon[data-v-3e7b29ca]{margin-right:-4px;margin-left:8px}[dir=ltr] .cs-confirm-typed .cs-confirm-content[data-v-3e7b29ca]{padding-left:28px}[dir=rtl] .cs-confirm-typed .cs-confirm-content[data-v-3e7b29ca]{padding-right:28px}.cs-mtd-modal-minimize[data-v-3e7b29ca]{position:absolute;top:16px;padding:4px;border-radius:6px}[dir=ltr] .cs-mtd-modal-minimize[data-v-3e7b29ca]{right:56px}[dir=rtl] .cs-mtd-modal-minimize[data-v-3e7b29ca]{left:56px}.cs-mtd-modal-minimize[data-v-3e7b29ca]:hover{background-color:#0000000f;cursor:pointer}.minimized-confirm-bubble-wrapper[data-v-f94d7ec8] .mtd-modal{position:fixed;top:84%;border-bottom:1px solid #ddd;background-color:#fff;padding:5px 10px;min-width:125px;cursor:pointer}[dir=ltr] .minimized-confirm-bubble-wrapper[data-v-f94d7ec8] .mtd-modal{left:85%;border-right:1px solid #ddd;box-shadow:1px 1px 1px 1px #0000001a}[dir=rtl] .minimized-confirm-bubble-wrapper[data-v-f94d7ec8] .mtd-modal{right:85%;border-left:1px solid #ddd;box-shadow:-1px 1px 1px 1px #0000001a}.minimized-confirm-bubble-wrapper[data-v-f94d7ec8] .mtd-modal .mtd-modal-content-wrapper{padding:0;overflow:hidden}.minimized-confirm-bubble-wrapper[data-v-f94d7ec8] .mtd-modal .mtd-modal-header{padding:0}.minimized-confirm-bubble-wrapper .bubble-panel[data-v-f94d7ec8]{width:120px;display:flex;align-items:center}.minimized-confirm-bubble-wrapper .bubble-panel i[data-v-f94d7ec8]{color:var(--cs-common-primary-color);font-size:16px}[dir=ltr] .minimized-confirm-bubble-wrapper .bubble-panel i[data-v-f94d7ec8]{margin-right:8px}[dir=rtl] .minimized-confirm-bubble-wrapper .bubble-panel i[data-v-f94d7ec8]{margin-left:8px}.dialog-list[data-v-f94d7ec8]{margin:0;padding:0;width:100px;list-style:none;cursor:pointer}[dir=ltr] .dialog-list[data-v-f94d7ec8]{text-align:left}[dir=rtl] .dialog-list[data-v-f94d7ec8]{text-align:right}.dialog-list li[data-v-f94d7ec8]{font-size:14px;width:100px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-list li[data-v-f94d7ec8]:hover{color:#0a70f5}[data-v-c54448b7] .mtd-drawer,[data-v-c54448b7] .mtd-drawer-mask,[data-v-c54448b7] .mtd-drawer-wrapper{position:absolute}[data-v-c54448b7] .mtd-drawer{display:flex;flex-direction:column}[dir=ltr] [class][data-v-c54448b7] .mtd-drawer{border-radius:6px 0 0 6px}[dir=rtl] [class][data-v-c54448b7] .mtd-drawer{border-radius:0 6px 6px 0}[data-v-c54448b7] .mtd-drawer-content{flex:1;min-height:0;padding:0}[data-v-c54448b7] .mtd-drawer-footer{display:none}.drawer-title[data-v-c54448b7]{font-weight:600}.context-provider-container[data-v-6ce98f93]{position:relative}.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)}[dir=ltr] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{border-left:none}[dir=rtl] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{border-right:none}[dir=ltr] .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}[dir=rtl] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2){border-right:1px solid rgba(17,25,37,.15);border-radius:0 6px 6px 0}[dir=ltr] .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}[dir=rtl] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type{border-radius:6px 0 0 6px}.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)}[dir=ltr] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active{box-shadow:-1px 0 0 var(--cs-common-primary-color, #00BA73)}[dir=rtl] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active{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){box-shadow:none}[dir=ltr] .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;border-left:1px solid var(--cs-common-primary-color, #00BA73)}[dir=rtl] .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:0 6px 6px 0;border-right:1px solid var(--cs-common-primary-color, #00BA73)}[dir=ltr] .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}[dir=rtl] .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:6px 0 0 6px}.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;border:1px solid rgba(17,25,37,.15);border-radius:36px}[dir=ltr] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{margin-right:8px}[dir=rtl] .cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item{margin-left:8px}.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{border-radius:36px}[dir=ltr] .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}[dir=rtl] .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-left:0}.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{border-radius:36px}[dir=ltr] .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}[dir=rtl] .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-left: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{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}.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}[dir=ltr] .cs-lc-form .label-position-col .mtd-form-item-label{text-align:left}[dir=rtl] .cs-lc-form .label-position-col .mtd-form-item-label{text-align:right}.cs-lc-form .label-position-col .mtd-form-item-content{width:100%}[dir=ltr] .cs-lc-form .label-position-col .mtd-form-item-content{margin-left:0!important}[dir=rtl] .cs-lc-form .label-position-col .mtd-form-item-content{margin-right:0!important}[dir=ltr] .cs-lc-form .label-position-row .mtd-form-item-label{margin-right:10px;padding-right:0}[dir=rtl] .cs-lc-form .label-position-row .mtd-form-item-label{margin-left:10px;padding-left: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}[dir=ltr] .cs-lc-table .flex-line-item .mtd-form-item-content,[dir=ltr] .cs-lc-block-search .flex-line-item .mtd-form-item-content{margin-right:24px}[dir=rtl] .cs-lc-table .flex-line-item .mtd-form-item-content,[dir=rtl] .cs-lc-block-search .flex-line-item .mtd-form-item-content{margin-left:24px}[dir=ltr] .cs-lc-table .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child),[dir=ltr] .cs-lc-block-search .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child){margin-right:8px}[dir=rtl] .cs-lc-table .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child),[dir=rtl] .cs-lc-block-search .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child){margin-left: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{justify-content:flex-start}[dir=ltr] .cs-lc-table .flex-line-item .label-position-row .mtd-form-item-label,[dir=ltr] .cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-label{text-align:left}[dir=rtl] .cs-lc-table .flex-line-item .label-position-row .mtd-form-item-label,[dir=rtl] .cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-label{text-align:right}.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}[dir=ltr] .cs-lc-table .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input,[dir=ltr] .cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input{margin-right:0}[dir=rtl] .cs-lc-table .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input,[dir=rtl] .cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input{margin-left: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}[dir=ltr] .cs-lc-table .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,[dir=ltr] .cs-lc-table .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn,[dir=ltr] .cs-lc-block-search .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,[dir=ltr] .cs-lc-block-search .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn{margin-left:8px}[dir=rtl] .cs-lc-table .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,[dir=rtl] .cs-lc-table .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn,[dir=rtl] .cs-lc-block-search .flex-line-item>.node-render:nth-last-child(2) .mtd-btn+.mtd-btn,[dir=rtl] .cs-lc-block-search .flex-line-item>.node-render:nth-last-child(1) .mtd-btn+.mtd-btn{margin-right: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}[lang=ar] .cs-lc-table .mtd-table .mtd-table-header .mtd-table-cell,[lang=en] .cs-lc-table .mtd-table .mtd-table-header .mtd-table-cell{text-align:start}.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}[dir=ltr] .cs-lc-selector-tabs .selector-index{margin-right:8px}[dir=rtl] .cs-lc-selector-tabs .selector-index{margin-left: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}[dir=ltr] .cs-lc-selector-tabs .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs{margin-left:0}[dir=rtl] .cs-lc-selector-tabs .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs{margin-right: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)}.cs-lc-btn[data-v-52232a33]{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-52232a33]{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-52232a33]:before,.cs-lc-btn>div[data-v-52232a33]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.cs-lc-btn[data-v-52232a33] .mtdicon{vertical-align:top}[dir=ltr] .cs-lc-btn[data-v-52232a33] .mtdicon{margin-right:4px}[dir=rtl] .cs-lc-btn[data-v-52232a33] .mtdicon{margin-left:4px}.cs-lc-btn[data-v-52232a33] .mtdicon-fast-backward,.cs-lc-btn[data-v-52232a33] .mtdicon-fast-forward{rotate:90deg}.flex-line-item[data-v-ff50f31d]{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:8px;margin-bottom:8px}.card-wrapper[data-v-bff629a0]{width:100%;padding:10px 16px;border:1px solid var(--cs-common-primary-color, #7febb2);border-top:none}.loading-text[data-v-bff629a0]{text-align:center}.cs-table-expand-row-icon-base[data-v-bff629a0]{width:18px;height:18px;line-height:1;display:block;font-size:18px}.cs-lc-table-operation-cell[data-v-481866e9]{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:4px}.cs-lc-table-operation-cell .expand-icon[data-v-481866e9]{rotate:-90deg;border-radius:6px}.pagination-for-has-next-container[data-v-862bcc3a]{padding:0;margin:10px 0 0;text-align:center}.pagination-for-has-next-container .no-count-pagination-item[data-v-862bcc3a]{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}[dir=ltr] .pagination-for-has-next-container .no-count-pagination-item[data-v-862bcc3a]:not(:last-child){margin-right:8px}[dir=rtl] .pagination-for-has-next-container .no-count-pagination-item[data-v-862bcc3a]:not(:last-child){margin-left:8px}.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-862bcc3a]{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-862bcc3a]{font-size:14px}[dir=ltr] .pagination-for-has-next-container .order-page-operation[data-v-862bcc3a]{margin-right:10px}[dir=rtl] .pagination-for-has-next-container .order-page-operation[data-v-862bcc3a]{margin-left:10px}[dir=ltr] .pagination-for-has-next-container .current-page[data-v-862bcc3a]{margin-right:10px}[dir=rtl] .pagination-for-has-next-container .current-page[data-v-862bcc3a]{margin-left:10px}.table-pagination[data-v-42008b8b]{text-align:center;font-size:14px;margin-top:10px}.pagination-for-cursor-container[data-v-db37eb7a]{padding:0;margin:10px 0 0;text-align:center}.pagination-for-cursor-container .no-count-pagination-item[data-v-db37eb7a]{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}[dir=ltr] .pagination-for-cursor-container .no-count-pagination-item[data-v-db37eb7a]:not(:last-child){margin-right:8px}[dir=rtl] .pagination-for-cursor-container .no-count-pagination-item[data-v-db37eb7a]:not(:last-child){margin-left:8px}.pagination-for-cursor-container .no-count-pagination-item-disabled[data-v-db37eb7a]{color:#000000d6;border-color:#0000001f;background:#fff;opacity:.45;cursor:not-allowed;transition-duration:0s}.pagination-for-cursor-container .order-page-operation[data-v-db37eb7a]{font-size:14px}[dir=ltr] .pagination-for-cursor-container .order-page-operation[data-v-db37eb7a]{margin-right:10px}[dir=rtl] .pagination-for-cursor-container .order-page-operation[data-v-db37eb7a]{margin-left:10px}.cs-lc-table[data-v-dc0c5c93]{margin-bottom:10px}.label-position-col[data-v-e9cb0371]{display:flex;flex-direction:column}.label-position-col[data-v-e9cb0371] .mtd-form-item-label{margin-bottom:2px}.mtd-form-item[data-v-e9cb0371] label{color:var(--4c2b65e2);background-color:var(--49ba24fe);border-radius:var(--082764b2)}.cs-lc-content-expand-wrapper[data-v-8eae2a6e]{position:relative}.expand-wrapper-padding[data-v-8eae2a6e]{padding-bottom:24px}.cs-lc-content[data-v-8eae2a6e]{overflow:hidden}.cs-lc-partial-show[data-v-8eae2a6e]{max-height:180px}.cs-lc-all-show[data-v-8eae2a6e]{max-height:auto}.cs-lc-btn[data-v-8eae2a6e]{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-8eae2a6e]{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-8eae2a6e]:before,.cs-lc-btn>div[data-v-8eae2a6e]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.cs-lc-btn[data-v-8eae2a6e] .mtdicon{vertical-align:top}[dir=ltr] .cs-lc-btn[data-v-8eae2a6e] .mtdicon{margin-right:4px}[dir=rtl] .cs-lc-btn[data-v-8eae2a6e] .mtdicon{margin-left:4px}.cs-lc-btn[data-v-8eae2a6e] .mtdicon-fast-backward,.cs-lc-btn[data-v-8eae2a6e] .mtdicon-fast-forward{rotate:90deg}.async-state-container[data-v-3d037fcf]{display:flex;align-items:center;justify-content:center;min-height:80px;font-size:14px}[dir=ltr] .async-state-container .async-state-icon[data-v-3d037fcf]{margin-right:5px}[dir=rtl] .async-state-container .async-state-icon[data-v-3d037fcf]{margin-left:5px}.lc-block[data-v-1c55ff9a]{background-color:var(--color-white);border-radius:6px;position:relative}.lc-block .lc-block-loading[data-v-1c55ff9a]{position:absolute;width:100%;height:100%;z-index:1;background-color:#ffffff80}.lc-block .lc-block-loading mtd-loading[data-v-1c55ff9a]{position:absolute;top:50%}[dir=ltr] .lc-block .lc-block-loading mtd-loading[data-v-1c55ff9a]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .lc-block .lc-block-loading mtd-loading[data-v-1c55ff9a]{right:50%;transform:translate(50%,-50%)}.lc-block .lc-block-header[data-v-1c55ff9a]{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-1c55ff9a]{pointer-events:none;opacity:.5;cursor:not-allowed}.lc-block .lc-block-title[data-v-1c55ff9a]{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-1c55ff9a]{font-weight:600}.lc-block .expand-icon[data-v-1c55ff9a]{font-size:10px;color:#1a1a1a;font-weight:bolder}[dir=ltr] .lc-block .expand-icon[data-v-1c55ff9a]{margin-left:8px}[dir=rtl] .lc-block .expand-icon[data-v-1c55ff9a]{margin-right:8px}.lc-block .refresh-area[data-v-1c55ff9a]{display:flex;align-items:center}.lc-block .refresh-area .refresh-btn[data-v-1c55ff9a]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px}[dir=ltr] .lc-block .refresh-area .refresh-btn[data-v-1c55ff9a]{margin-left:9px}[dir=rtl] .lc-block .refresh-area .refresh-btn[data-v-1c55ff9a]{margin-right:9px}.lc-block .refresh-area .refresh-btn .refresh-icon[data-v-1c55ff9a]{font-size:12px}.lc-block .refresh-area .refresh-btn[data-v-1c55ff9a]:hover{cursor:pointer;background:#1119251a}.lc-block .refresh-area .refresh-loading[data-v-1c55ff9a]{display:flex;align-items:center;font-size:12px;color:#111925a6}[dir=ltr] .lc-block .refresh-area .refresh-loading[data-v-1c55ff9a]{margin-left:15px}[dir=rtl] .lc-block .refresh-area .refresh-loading[data-v-1c55ff9a]{margin-right:15px}@keyframes spin-1c55ff9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-block .refresh-area .refresh-loading .refresh-loading-icon[data-v-1c55ff9a]{animation:spin-1c55ff9a 1s linear infinite}[dir=ltr] .lc-block .refresh-area .refresh-loading .refresh-loading-icon[data-v-1c55ff9a]{margin-right:5px}[dir=rtl] .lc-block .refresh-area .refresh-loading .refresh-loading-icon[data-v-1c55ff9a]{margin-left:5px}.lc-block .infor-overview[data-v-1c55ff9a]{line-height:14px;font-size:12px;color:#111925}[dir=ltr] .lc-block .infor-overview[data-v-1c55ff9a]{margin-left:16px}[dir=rtl] .lc-block .infor-overview[data-v-1c55ff9a]{margin-right:16px}.lc-block .lc-block-content[data-v-1c55ff9a]{padding:0 16px}.lc-block .lc-block-content .cs-lc-block-search[data-v-1c55ff9a]{padding:16px 16px 8px;margin-bottom:8px;border-radius:4px;background:#f7f7f7}.lc-block .lc-block .lc-block-header[data-v-1c55ff9a]{display:flex;align-items:center;flex-direction:row;border-radius:6px;-webkit-user-select:none;user-select:none;padding:0;margin-bottom:12px;position:relative;height:20px}[dir=ltr] .lc-block .lc-block .lc-block-header[data-v-1c55ff9a]{padding-left:10px}[dir=rtl] .lc-block .lc-block .lc-block-header[data-v-1c55ff9a]{padding-right:10px}.lc-block .lc-block .lc-block-header[data-v-1c55ff9a]:before{content:"";display:block;width:4px;height:18px;background:var(--cs-common-primary-color, #00BA73);position:absolute;border-radius:2px}[dir=ltr] .lc-block .lc-block .lc-block-header[data-v-1c55ff9a]:before{left:0}[dir=rtl] .lc-block .lc-block .lc-block-header[data-v-1c55ff9a]:before{right:0}.lc-block .lc-block .lc-block-header[data-v-1c55ff9a]:hover{background-color:inherit}.lc-block .lc-block .lc-block-title[data-v-1c55ff9a]{font-size:16px;line-height:20px}[dir=ltr] .lc-block .lc-block .lc-block-title[data-v-1c55ff9a]{margin:0 8px 0 2px}[dir=rtl] .lc-block .lc-block .lc-block-title[data-v-1c55ff9a]{margin:0 2px 0 8px}[dir=ltr] .lc-block .lc-block .lc-block-content[data-v-1c55ff9a]{padding-left:0;padding-right:0}[dir=rtl] .lc-block .lc-block .lc-block-content[data-v-1c55ff9a]{padding-right:0;padding-left:0}.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcTab]>.lc-block[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcTab]>.cs-lc-tabs[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcBlock]>.lc-block[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcBlock]+.node-render[component-name=CsLcBlock]>.cs-lc-tabs[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcBlock]>.lc-block[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcBlock]>.cs-lc-tabs[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcTab]>.lc-block[data-v-1c55ff9a],.lc-block .node-render[component-name=CsLcTab]+.node-render[component-name=CsLcTab]>.cs-lc-tabs[data-v-1c55ff9a]{margin-top:12px}.lc-block .lc-block[data-v-1c55ff9a],.lc-block .cs-lc-tabs[data-v-1c55ff9a]{margin-bottom:32px}.lc-block .node-render:last-of-type>.lc-block[data-v-1c55ff9a]{margin-bottom:0}.lc-block .node-render:last-of-type>.cs-lc-tabs[data-v-1c55ff9a]{margin-bottom:0}.lc-card-container[data-v-4475005c]{height:100%;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#fff}.lc-card-container .lc-card-title[data-v-4475005c]{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-4475005c]{padding:16px}.lc-card-container .lc-card-content>.node-render:first-child .lc-card-title[data-v-4475005c]{padding-top:0}.lc-card-container .lc-card-content .lc-card-container[data-v-4475005c]{border:0 none}.lc-card-container .lc-card-content .lc-card-container .lc-card-title[data-v-4475005c]{padding:16px 0;line-height:14px;background:unset}[dir=ltr] .lc-card-container .lc-card-content .lc-card-container .lc-card-title[data-v-4475005c]{text-align:left}[dir=rtl] .lc-card-container .lc-card-content .lc-card-container .lc-card-title[data-v-4475005c]{text-align:right}.lc-card-container .lc-card-content .lc-card-container .lc-card-content[data-v-4475005c]{padding:0}.block-line-item[data-v-6403a055]{gap:24px}.order-selector-node .block-line-item[data-v-6403a055]{gap:14px}.block-line-item[data-v-6403a055]{display:flex;padding-bottom:8px;min-width:180px;overflow-x:auto}.block-line-item[data-v-6403a055]>.node-render{width:calc(100% / var(--b91b5d0e))}.block-line-item[data-v-6403a055]>.node-render .cs-field-container-column .cs-field-left{margin-bottom:2px}.block-line-item[data-v-6403a055]>.node-render .cs-field-left{color:#11192599;line-height:22px}.block-line-item[data-v-6403a055]>.node-render .cs-field-left .field-display-name:after{display:none}[dir=ltr] .block-line-item[data-v-6403a055]>.node-render .cs-field-container-row .cs-field-left{margin-right:8px}[dir=rtl] .block-line-item[data-v-6403a055]>.node-render .cs-field-container-row .cs-field-left{margin-left:8px}.block-line-item[data-v-6403a055]>.node-render .cs-field-right{color:#111925;line-height:22px}.block-line-item[data-v-6403a055]>.node-render .cs-secret-input,.block-line-item[data-v-6403a055]>.node-render .mtd-input-wrapper{max-width:300px}.block-line-item[data-v-6403a055]>.node-render:first-child .cs-field-container-row .cs-field-left{width:var(--11d3f1a0)!important}.block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .mtd-form-item-label,.block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .cs-mtd-form-item-label{width:var(--11d3f1a0)!important}[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .mtd-form-item-content,[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .cs-mtd-form-item-content{margin-left:var(--1def121e)!important}[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .mtd-form-item-content,[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:first-child .label-position-row .cs-mtd-form-item-content{margin-right:var(--1def121e)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(2) .cs-field-container-row .cs-field-left{width:var(--2cd953c0)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .mtd-form-item-label,.block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .cs-mtd-form-item-label{width:var(--2cd953c0)!important}[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .mtd-form-item-content,[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .cs-mtd-form-item-content{margin-left:var(--6b3e3381)!important}[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .mtd-form-item-content,[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(2) .label-position-row .cs-mtd-form-item-content{margin-right:var(--6b3e3381)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(3) .cs-field-container-row .cs-field-left{width:var(--f417da32)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .mtd-form-item-label,.block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .cs-mtd-form-item-label{width:var(--f417da32)!important}[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .mtd-form-item-content,[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .cs-mtd-form-item-content{margin-left:var(--a0d248b0)!important}[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .mtd-form-item-content,[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(3) .label-position-row .cs-mtd-form-item-content{margin-right:var(--a0d248b0)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(4) .cs-field-container-row .cs-field-left{width:var(--2654247d)!important}.block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .mtd-form-item-label,.block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .cs-mtd-form-item-label{width:var(--2654247d)!important}[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .mtd-form-item-content,[dir=ltr] .block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .cs-mtd-form-item-content{margin-left:var(--5b6ef73e)!important}[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .mtd-form-item-content,[dir=rtl] .block-line-item[data-v-6403a055]>.node-render:nth-child(4) .label-position-row .cs-mtd-form-item-content{margin-right:var(--5b6ef73e)!important}[dir=ltr] .lc-reference-container :slotted(.node-render) .lc-block-content[data-v-cdebff2c]{padding-left:0}[dir=rtl] .lc-reference-container :slotted(.node-render) .lc-block-content[data-v-cdebff2c]{padding-right:0}.svg-icon[data-v-ffcb1de1]{width:var(--8d046e9c);height:var(--8d046e9c);vertical-align:-.15em;fill:currentColor;overflow:hidden}.cs-lc-tag[data-v-cdd6a540]{display:flex;line-height:14px;padding:3px 4px;border-radius:4px;align-items:center;font-size:12px;cursor:pointer}[dir=ltr] .cs-lc-tag[data-v-cdd6a540]{margin:0 4px 6px 0}[dir=rtl] .cs-lc-tag[data-v-cdd6a540]{margin:0 0 6px 4px}.cs-lc-tag-content[data-v-cdd6a540]{white-space:pre-wrap}.full-0[data-v-cdd6a540]{background-color:#e01919;color:#fff;font-weight:500}.full-1[data-v-cdd6a540]{background-color:#e56d17;color:#fff;font-weight:500}.full-2[data-v-cdd6a540]{background-color:#0e61e6;color:#fff;font-weight:500}.full-3[data-v-cdd6a540]{background-color:#008f51;color:#fff;font-weight:500}.full-4[data-v-cdd6a540]{background-color:#dd3885;color:#fff;font-weight:500}.full-5[data-v-cdd6a540]{background-color:#7118d8;color:#fff;font-weight:500}.full-6[data-v-cdd6a540]{background-color:#444a53;color:#fff;font-weight:500}.hollow-0[data-v-cdd6a540]{border:1px solid #dd0000;color:#d00;font-weight:400}.hollow-1[data-v-cdd6a540]{border:1px solid #df5900;color:#df5900;font-weight:400}.hollow-2[data-v-cdd6a540]{border:1px solid #0049bf;color:#0049bf;font-weight:400}.hollow-3[data-v-cdd6a540]{border:1px solid #066c40;color:#066c40;font-weight:400}.hollow-4[data-v-cdd6a540]{border:1px solid #c0005a;color:#c0005a;font-weight:400}.hollow-5[data-v-cdd6a540]{border:1px solid #5901be;color:#5901be;font-weight:400}.hollow-6[data-v-cdd6a540]{border:1px solid #111925;color:#111925;font-weight:400}.opacity-0[data-v-cdd6a540]{background-color:#fbe5e5;color:#d00;font-weight:400}.opacity-1[data-v-cdd6a540]{background-color:#ffebd0;color:#bd4c00;font-weight:400}.opacity-2[data-v-cdd6a540]{background-color:#e6effc;color:#0049bf;font-weight:400}.opacity-3[data-v-cdd6a540]{background-color:#e0f1ea;color:#066c40;font-weight:400}.opacity-4[data-v-cdd6a540]{background-color:#f8e5ee;color:#d40666;font-weight:400}.opacity-5[data-v-cdd6a540]{background-color:#efe5fa;color:#5901be;font-weight:400}.opacity-6[data-v-cdd6a540]{background-color:#eaeaeb;color:#111925;font-weight:400}.lc-tags-container[data-v-6d14bf5c]{display:flex;flex-wrap:wrap;margin-bottom:14px}.cs-lc-tabs[data-v-ad799e36]{color:#000000e6}.cs-lc-selector-tabs .selector-header[data-v-ad799e36]{margin-bottom:12px}.order-icon-group[data-v-7c9c080d]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}[data-v-d84fa6d7] .mtd-table-header-wrapper .mtd-checkbox{display:none}.lc-linkage-select[data-v-3978bdbc] .node-render .mtd-form-item-content,.lc-linkage-select[data-v-3978bdbc] .node-render .cs-mtd-form-item-content{max-width:300px}.cs-lc-operations[data-v-9341b101]{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:6px;padding-bottom:8px}.lc-renderer-announcement[data-v-a808638e]{border-radius:6px;border:1px solid rgba(0,0,0,.1)!important;background:#fff;margin-bottom:10px}.lc-renderer-announcement .mtd-announcement[data-v-a808638e]{padding:11px 12px 7px}.lc-renderer-announcement .lc-renderer-announcement-title[data-v-a808638e]{font-weight:500}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-a808638e]{color:var(--cs-common-primary-color, #5dc77b)}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-a808638e]:hover{color:var(--cs-common-primary1-color, #4aae66)}.lc-renderer-announcement .lc-renderer-announcement-title a[data-v-a808638e]:active{color:var(--cs-common-primary3-color, #b3f9c8)}.lc-renderer-announcement .lc-renderer-announcement-slot[data-v-a808638e] .cs-field-right{color:unset!important}.lc-renderer-complex-field[data-v-eb9638d1]{width:100%;height:100%;display:flex}.lc-renderer-complex-field .cs-field-left[data-v-eb9638d1]{align-self:start}.lc-renderer-complex-field .cs-field-right[data-v-eb9638d1]{flex:1;display:flex;flex-direction:row;gap:0 5px}.lc-renderer-complex-field .cs-field-right[data-v-eb9638d1] .cs-field-container{display:block}.cs-lc-tabs[data-v-27d91502]{color:#000000e6}.cs-lc-solution[data-v-00dfe350]{color:#000000e6;padding:0 16px}.cs-lc-solution-content-des[data-v-00dfe350]{font-family:PingFang SC;color:#111925;font-size:14px;margin-bottom:12px}.cs-lc-solution-content-btn[data-v-00dfe350]{display:flex;flex-wrap:wrap;gap:8px}.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-92a48ce0]{height:inherit;background-color:#f5f5f5}.lc-layout .lc-layout-content[data-v-92a48ce0]{height:inherit;display:grid;grid-column-gap:var(--2bc99836);grid-template-columns:var(--d7ca77d6)}.lc-layout .lc-layout-content .lc-layout-content-item[data-v-92a48ce0]{height:inherit}.lc-renderer-batch-operation-table[data-v-0595cebb]{display:flex;flex-direction:column}.can-operation[data-v-0595cebb]{color:red}[dir=ltr] .can-operation[data-v-0595cebb]{margin-left:10px}[dir=rtl] .can-operation[data-v-0595cebb]{margin-right:10px}.llm-contact-container .llm-contact-title[data-v-7586dc21]{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px}.llm-contact-container .llm-contact-title .llm-title-text[data-v-7586dc21]{font-size:14px;font-weight:400;color:#111925a6}[dir=ltr] .llm-contact-container .llm-contact-title .llm-title-text[data-v-7586dc21]{margin-left:8px}[dir=rtl] .llm-contact-container .llm-contact-title .llm-title-text[data-v-7586dc21]{margin-right:8px}.llm-contact-container .llm-contact-title .operate-text[data-v-7586dc21]{display:flex;align-items:center;font-weight:400;line-height:20px;letter-spacing:0px;color:#009155;cursor:pointer}[dir=ltr] .llm-contact-container .llm-contact-title .operate-text i[data-v-7586dc21]{margin-right:3px}[dir=rtl] .llm-contact-container .llm-contact-title .operate-text i[data-v-7586dc21]{margin-left:3px}.llm-contact-container .llm-contact-content[data-v-7586dc21]{border-radius:4px;opacity:1;padding:12px 10px;gap:10px}[dir=ltr] .llm-contact-container .llm-contact-content[data-v-7586dc21]{background:linear-gradient(98deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}[dir=rtl] .llm-contact-container .llm-contact-content[data-v-7586dc21]{background:linear-gradient(-98deg,#f1fdf64d,#dbf4ff4d 55%,#eae5ff4d 102%)}.llm-contact-container .llm-contact-content .llm-contact-component[data-v-7586dc21]{display:flex;justify-content:flex-start}.llm-contact-container .llm-contact-content .LLMComponent-name[data-v-7586dc21]{font-size:14px;font-weight:600;line-height:22px;width:150px}.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}.social-media-account[data-v-4f149eed]{display:flex}.social-media-account .field-left[data-v-4f149eed]{width:88px}[dir=ltr] .social-media-account .field-left[data-v-4f149eed]{margin-right:8px}[dir=rtl] .social-media-account .field-left[data-v-4f149eed]{margin-left:8px}.social-media-account .field-right[data-v-4f149eed]{flex:1}.social-media-account .user-detail-meituan-line[data-v-4f149eed]{display:flex;white-space:nowrap;align-items:center}.social-media-account .user-detail-meituan-line[data-v-4f149eed]:not(:last-child){margin-bottom:11px}[dir=ltr] .social-media-account .user-detail-meituan-line .content[data-v-4f149eed]{margin-right:10px}[dir=rtl] .social-media-account .user-detail-meituan-line .content[data-v-4f149eed]{margin-left:10px}.social-media-account .user-detail-meituan-line i[data-v-4f149eed]{color:#666}.social-media-account .user-detail-meituan-line .user-detail-title[data-v-4f149eed]{flex:0 0 100px}[dir=ltr] .social-media-account .user-detail-meituan-line .user-detail-title[data-v-4f149eed]{margin-right:10px}[dir=rtl] .social-media-account .user-detail-meituan-line .user-detail-title[data-v-4f149eed]{margin-left:10px}.social-media-account .user-detail-meituan-line[data-v-4f149eed] .mtd-btn{height:22px}.social-media-account .user-detail-meituan-line[data-v-4f149eed] .mtd-btn span{line-height:22px}.new-customer-attribute .new-customer-attribute-search[data-v-903c72a2]{line-height:32px}.new-customer-attribute .new-customer-attribute-search .search-button[data-v-903c72a2]{margin-left:10px;margin-right:10px}.new-customer-attribute .body[data-v-903c72a2]{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-903c72a2]{width:450px;display:flex}.flex-container[data-v-1bbb6ddf]{display:flex;align-items:center}.flex-container .cs-field-left[data-v-1bbb6ddf]{width:100px}[dir=ltr] .flex-container .cs-field-left[data-v-1bbb6ddf]{text-align:left;margin-right:10px}[dir=rtl] .flex-container .cs-field-left[data-v-1bbb6ddf]{text-align:right;margin-left:10px}.popover-small-size[data-v-1bbb6ddf]{font-size:12px}.pagination[data-v-d171b119]{margin:20px 0;text-align:center}.label[data-v-47e9c293]{width:88px;display:inline-block}.search-btn[data-v-47e9c293]{color:var(--cs-common-primary-color)}[dir=ltr] .search-btn[data-v-47e9c293]{margin-left:10px}[dir=rtl] .search-btn[data-v-47e9c293]{margin-right:10px}.transaction-snapshot[data-v-0958fccc]{width:100%}.transaction-snapshot .transaction-snapshot-tips[data-v-0958fccc]{margin:10px 0}.table-pagination[data-v-c8734e9f],.voucher-pagination[data-v-8cbb51aa],.voucher-pagination[data-v-2fb9bd45]{text-align:center;margin:15px 0}.user-account-status[data-v-45520664]{display:flex;gap:12px;align-items:center}.user-account-status .user-account-status-label[data-v-45520664]{white-space:nowrap;color:#00000080}.user-account-status .user-account-status-content[data-v-45520664]{width:fit-content}.user-account-status .danger[data-v-45520664]{color:#ff4a47}[data-v-45520664] .mtd-btn-text-primary,[data-v-45520664] .cs-mtd-btn-text-primary{color:var(--cs-common-primary-color)}.user-bind-phone[data-v-cc7ee688]{display:flex;gap:12px;align-items:center}.user-bind-phone .user-bind-phone-label[data-v-cc7ee688]{white-space:nowrap;color:#00000080}.user-bind-phone .secret-phone[data-v-cc7ee688]{width:fit-content}[data-v-cc7ee688] .mtd-btn-text-primary,[data-v-cc7ee688] .cs-mtd-btn-text-primary{color:var(--cs-common-primary-color)}.advertisment-solution-link[data-v-6305ac03]{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-72944607]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-info-pagination[data-v-c4dd628d]{margin:15px 0;text-align:center}[dir=ltr] .search-btn[data-v-c4dd628d]{margin-right:5px}[dir=rtl] .search-btn[data-v-c4dd628d]{margin-left:5px}.operate-btn[data-v-c4dd628d]{margin-bottom:5px;display:inline-block!important}[dir=ltr] .operate-btn[data-v-c4dd628d]{margin-right:5px}[dir=rtl] .operate-btn[data-v-c4dd628d]{margin-left:5px}.violation-ticket[data-v-d7bdd463]{width:100%}.violation-ticket .query-buttons[data-v-d7bdd463] .mtd-form-item-content,.violation-ticket .illegal-table-buttons[data-v-d7bdd463]{display:flex;gap:10px}.violation-ticket .blockHeader[data-v-d7bdd463]{font-size:18px;font-weight:500;line-height:26px;padding:32px 0 12px}.violation-ticket .button-group[data-v-d7bdd463]{display:flex;gap:5px;flex-wrap:wrap}.dao-zong-shopid-search[data-v-97193f9d]{display:flex;align-items:center;gap:8px}[dir=ltr] .clear-button[data-v-97193f9d]{margin-left:5px}[dir=rtl] .clear-button[data-v-97193f9d]{margin-right:5px}.table-pagination[data-v-97193f9d]{margin-top:10px;text-align:center}.pre-check-content[data-v-97193f9d]{display:inline-block;width:380px;word-break:break-all}.pagination[data-v-ca44b84c]{margin:20px 0;text-align:center}.external-order[data-v-ca44b84c]{color:var(--cs-common-primary-color)}.pagination[data-v-71c91640]{margin:20px 0;text-align:center}.external-order[data-v-71c91640]{color:var(--cs-common-primary-color)}.violation-ticket[data-v-d0e2b675]{width:100%}.violation-ticket .query-buttons[data-v-d0e2b675] .mtd-form-item-content{display:flex;gap:10px}.violation-ticket .button-group[data-v-d0e2b675]{display:flex;gap:5px;flex-wrap:wrap}.table-pagination-style[data-v-d0e2b675]{margin-top:8px;text-align:center}.snapshot-info-content[data-v-82659302]{width:60%}.snapshot-info-content .mb30[data-v-82659302]{margin-bottom:30px}.offline-pay-container[data-v-cf09c92c]{width:100%}.offline-pay-container .search-container[data-v-cf09c92c]{display:flex;flex-direction:row;align-items:center}.offline-pay-container .search-container[data-v-cf09c92c] .mtd-date-picker{margin:0 10px}.offline-pay-container .search-container .waybill-input[data-v-cf09c92c]{width:200px}.offline-pay-container .search-container .search-container-button[data-v-cf09c92c]{margin:0 10px}.offline-pay-container .offline-pay-table[data-v-cf09c92c]{margin-top:15px}[dir=ltr] .offline-pay-container .ml-15[data-v-cf09c92c]{margin-left:15px}[dir=rtl] .offline-pay-container .ml-15[data-v-cf09c92c]{margin-right:15px}.offline-pay-container[data-v-cf09c92c] .mtd-pagination{margin-top:15px;display:flex;justify-content:center}.pagination[data-v-60583653]{margin:15px 0;text-align:center}.field-display-name[data-v-ab6df46a]{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-f23cba26]{width:100%}.project-info-container .search-container[data-v-f23cba26]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.project-info-container .search-container .query-container[data-v-f23cba26]{display:flex;flex-direction:row;align-items:center}[dir=ltr] .project-info-container .search-container .query-container[data-v-f23cba26]{margin:0 10px 10px 0}[dir=rtl] .project-info-container .search-container .query-container[data-v-f23cba26]{margin:0 0 10px 10px}.project-info-container[data-v-f23cba26] .mtd-table{margin:10px 0}.project-info-container[data-v-f23cba26] .mtd-pagination{text-align:center}.cs-timer[data-v-ecb83a0c]{display:flex}.evaluate-collapse[data-v-528f0741]{position:relative;margin:12px 0 32px}.evaluate-collapse .demo-collapse-poem[data-v-528f0741]{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;color:#000000e6;font-size:16px;font-weight:600}[dir=ltr] .evaluate-collapse .demo-collapse-poem[data-v-528f0741]{padding-left:10px;margin:0 8px 12px 2px}[dir=rtl] .evaluate-collapse .demo-collapse-poem[data-v-528f0741]{padding-right:10px;margin:0 2px 12px 8px}.evaluate-collapse .demo-collapse-poem .mtdicon-down-thick[data-v-528f0741]{transition:transform .3s;transform:rotate(0);font-size:16px;color:#00000080}[dir=ltr] .evaluate-collapse .demo-collapse-poem .mtdicon-down-thick[data-v-528f0741]{margin-left:4px}[dir=rtl] .evaluate-collapse .demo-collapse-poem .mtdicon-down-thick[data-v-528f0741]{margin-right:4px}[dir=ltr] .evaluate-collapse .demo-collapse-poem.expended .mtdicon-down-thick[data-v-528f0741]{transform:rotate(180deg)}[dir=rtl] .evaluate-collapse .demo-collapse-poem.expended .mtdicon-down-thick[data-v-528f0741]{transform:rotate(-180deg)}.demo-collapse-poem[data-v-528f0741]:before{content:"";display:block;width:4px;height:18px;background:var(--cs-common-nav-boundary-line-color);position:absolute;border-radius:2px}[dir=ltr] .demo-collapse-poem[data-v-528f0741]:before{left:0}[dir=rtl] .demo-collapse-poem[data-v-528f0741]:before{right:0}[dir=ltr] .search-btn[data-v-585e18cb]{margin-right:10px}[dir=rtl] .search-btn[data-v-585e18cb]{margin-left:10px}.table-pagination[data-v-585e18cb]{text-align:center;margin:15px 0}.evaluation-query[data-v-2cffb702]{padding:15px}[dir=ltr] .search-btn[data-v-005ec1be]{margin-right:10px}[dir=rtl] .search-btn[data-v-005ec1be]{margin-left:10px}.table-pagination[data-v-005ec1be]{text-align:center;margin:15px 0}.evaluation-query[data-v-72e04260]{padding:15px}.customer-detail[data-v-bcb91633]{position:relative}.customer-detail .customer-detail-title[data-v-bcb91633]{display:flex;align-items:center;flex-direction:row;font-weight:600;margin-bottom:10px}[dir=ltr] .customer-detail .customer-detail-title[data-v-bcb91633]{padding-left:10px}[dir=rtl] .customer-detail .customer-detail-title[data-v-bcb91633]{padding-right:10px}.customer-detail .customer-detail-title[data-v-bcb91633]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;border-radius:2px}[dir=ltr] .customer-detail .customer-detail-title[data-v-bcb91633]:before{left:0}[dir=rtl] .customer-detail .customer-detail-title[data-v-bcb91633]:before{right:0}.customer-detail .basic-info[data-v-bcb91633] .lc-block .lc-block-content,.customer-detail .signatory-info[data-v-bcb91633] .lc-block .lc-block-content{padding:0}.customer-detail .sign-signed-info[data-v-bcb91633]{margin-top:10px}.label[data-v-494874b2]{width:88px;display:inline-block;color:#111925a6}[dir=ltr] .reset[data-v-f15fe53b]{margin-right:10px}[dir=rtl] .reset[data-v-f15fe53b]{margin-left:10px}.pagination[data-v-f15fe53b]{margin:15px 0;text-align:center}.voucher-status-query[data-v-f44dfb23] .mtd-tabs-nav .mtd-tabs-item-normal{line-height:35px;height:35px}.ticket-list[data-v-aafd9955]{margin-top:15px}[dir=ltr] .query-btn[data-v-aafd9955]{margin-right:5px}[dir=rtl] .query-btn[data-v-aafd9955]{margin-left:5px}.button-group[data-v-aafd9955]{display:flex;gap:5px;flex-wrap:wrap}.block-header[data-v-aafd9955]{display:flex;align-items:center;flex-direction:row;font-size:16px;line-height:20px;margin-bottom:10px}[dir=ltr] .block-header[data-v-aafd9955]{padding-left:10px}[dir=rtl] .block-header[data-v-aafd9955]{padding-right:10px}.block-header[data-v-aafd9955]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;border-radius:2px}[dir=ltr] .block-header[data-v-aafd9955]:before{left:0}[dir=rtl] .block-header[data-v-aafd9955]:before{right:0}.pagination[data-v-aafd9955]{margin:15px 0;text-align:center}.platform-radio[data-v-0adf3ba0]{width:180px}.block-header[data-v-0adf3ba0]{display:flex;align-items:center;flex-direction:row;font-size:16px;line-height:20px;margin-bottom:10px}[dir=ltr] .block-header[data-v-0adf3ba0]{padding-left:10px}[dir=rtl] .block-header[data-v-0adf3ba0]{padding-right:10px}.block-header[data-v-0adf3ba0]:before{content:"";display:block;width:4px;height:14px;background-color:var(--cs-common-nav-boundary-line-color);position:absolute;border-radius:2px}[dir=ltr] .block-header[data-v-0adf3ba0]:before{left:0}[dir=rtl] .block-header[data-v-0adf3ba0]:before{right:0}.comment-content[data-v-0adf3ba0]{width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[dir=ltr] .query-btn[data-v-0adf3ba0]{margin-right:10px}[dir=rtl] .query-btn[data-v-0adf3ba0]{margin-left:10px}.query-evaluation-footer[data-v-0adf3ba0]{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.query-evaluation-footer .confirm-btn[data-v-0adf3ba0]{flex:0 0 auto}.query-evaluation-footer .pagination[data-v-0adf3ba0]{flex:1;text-align:center}.pagination-layout[data-v-5fa6904f]{margin-top:10px;text-align:center}[data-v-5fa6904f] [class*=mtd-table-cell]{display:block}[data-v-5fa6904f] [class*=mtd-table-cell] .link-success{color:var(--cs-common-primary-color);cursor:pointer}.refresh-btn[data-v-5fa6904f]{margin-bottom:5px}.question-desc[data-v-bea584d0]{white-space:pre-wrap}.remind-btn[data-v-4265e98a]{cursor:pointer;pointer-events:auto}.service-flag[data-v-a9e5db1b]{color:#ff9d00}.service-id-link[data-v-a9e5db1b]{color:var(--cs-common-primary-color)}.risk-flag[data-v-a9e5db1b]{line-height:20px;padding:3px 5px;font-size:var(--font-size-1);color:#fff;border-radius:var(--border-radius-1)}[dir=ltr] .risk-flag[data-v-a9e5db1b]{margin-left:6px;background:linear-gradient(120deg,#5ab1ee,#3969de)}[dir=rtl] .risk-flag[data-v-a9e5db1b]{margin-right:6px;background:linear-gradient(-120deg,#5ab1ee,#3969de)}.fold-tag[data-v-90af0b4d]{position:relative;display:flex;padding-top:5px;cursor:pointer}.fold-tag .fold-tag-list[data-v-90af0b4d]{display:flex;align-items:center}[dir=ltr] .fold-tag .fold-tag-list .tag-refund-icon[data-v-90af0b4d]{margin-left:4px}[dir=rtl] .fold-tag .fold-tag-list .tag-refund-icon[data-v-90af0b4d]{margin-right:4px}.fold-tag .fold-tag-list .tag-word[data-v-90af0b4d]{margin-top:4px;padding:2px 8px;font-size:12px;line-height:14px;border-radius:8px}[dir=ltr] .fold-tag .fold-tag-list .tag-word[data-v-90af0b4d]{margin-left:4px}[dir=rtl] .fold-tag .fold-tag-list .tag-word[data-v-90af0b4d]{margin-right:4px}.fold-tag .fold-tag-list.fold-tag-is-wrap[data-v-90af0b4d]{flex-wrap:wrap}.fold-tag .fold-dropdown[data-v-90af0b4d]{align-self:end}.fold-tag .fold-dropdown .tag-more[data-v-90af0b4d]{display:flex;justify-content:center;align-items:center;width:44px;height:20px;padding:4px;font-size:12px}[dir=ltr] .fold-tag .fold-dropdown .tag-more[data-v-90af0b4d]{margin-left:4px}[dir=rtl] .fold-tag .fold-dropdown .tag-more[data-v-90af0b4d]{margin-right:4px}.fold-tag .fold-dropdown .tag-more[data-v-90af0b4d]: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-9ca58903]{display:flex;align-items:center}.column-cell-container .more-information[data-v-9ca58903]{cursor:pointer}[dir=ltr] .column-cell-container .more-information[data-v-9ca58903]{margin-left:5px}[dir=rtl] .column-cell-container .more-information[data-v-9ca58903]{margin-right:5px}.refund-approval-titile[data-v-235781aa]{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;color:#000000e6;margin-bottom:12px}.refund-approval-titile .mtdicon-down-thick[data-v-235781aa]{transition:transform .3s;transform:rotate(0);font-size:16px;color:#00000080}[dir=ltr] .refund-approval-titile .mtdicon-down-thick[data-v-235781aa]{margin-left:4px}[dir=rtl] .refund-approval-titile .mtdicon-down-thick[data-v-235781aa]{margin-right:4px}[dir=ltr] .refund-approval-titile.expended .mtdicon-down-thick[data-v-235781aa]{transform:rotate(180deg)}[dir=rtl] .refund-approval-titile.expended .mtdicon-down-thick[data-v-235781aa]{transform:rotate(-180deg)}[dir=ltr] .refund-empty-text[data-v-235781aa]{padding-left:10px}[dir=rtl] .refund-empty-text[data-v-235781aa]{padding-right:10px}.refund-approval-content[data-v-235781aa]{display:flex;align-items:center;justify-content:flex-start}.approval-process-steps[data-v-235781aa]{overflow-x:scroll}.approval-process-steps .approval-process-step[data-v-235781aa]{min-width:200px}.approval-process-steps .operator-list[data-v-235781aa]{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100px}.button-container[data-v-235781aa]{display:flex;flex-direction:column}.button-container .withdraw-btn[data-v-235781aa]{margin-bottom:10px}.select-duty-rider[data-v-5a6e1991]{display:flex;width:100%;flex-direction:column;align-items:stretch}.select-duty-rider .gur-body[data-v-5a6e1991]{width:33%}.select-duty-rider .titled[data-v-5a6e1991]{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-bfa10a56]{display:flex;flex-wrap:wrap;gap:15px}.shop-id-name-link-search .shop-id[data-v-bfa10a56],.shop-id-name-link-search .shop-name[data-v-bfa10a56]{display:flex;gap:10px;align-items:center}.shop-id-name-link-search .shop-id span[data-v-bfa10a56],.shop-id-name-link-search .shop-name span[data-v-bfa10a56]{flex-shrink:0}.option-list[data-v-bfa10a56]{min-width:180px;max-width:400px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.option-list .option-item[data-v-bfa10a56]{padding:0 8px;margin:4px;border-radius:4px;line-height:36px;cursor:pointer}[dir=ltr] .option-list .option-item[data-v-bfa10a56]{text-align:left}[dir=rtl] .option-list .option-item[data-v-bfa10a56]{text-align:right}.option-list .option-item[data-v-bfa10a56]:hover{background-color:#0000000a}.option-list .no-data-info[data-v-bfa10a56]{height:100px;display:flex;align-items:center;justify-content:center}.case-refresh-btn-loading[data-v-bfa10a56]{cursor:not-allowed}.daocan-shopidname-link-select-popover{padding:0!important}.transaction-snapshot[data-v-702c2900]{width:100%}.transaction-snapshot .transaction-snapshot-tips[data-v-702c2900]{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-ba78acfb]{display:flex;justify-content:space-between;align-items:center}.cardId-text[data-v-ba78acfb]{display:flex}.cardId-text .certificate[data-v-ba78acfb]{width:80px}.cardId-text .popover-content[data-v-ba78acfb]{padding:10px}.cardId-text .popover-content>div[data-v-ba78acfb]{font-size:14px;display:flex}.cardId-text .popover-content>div>span[data-v-ba78acfb]:nth-child(1){display:inline-block;min-width:100px}.hera-appeal .upload-base[data-v-ee14c6a1]{width:360px}[dir=ltr] .hera-appeal .upload-base[data-v-ee14c6a1]{text-align:left}[dir=rtl] .hera-appeal .upload-base[data-v-ee14c6a1]{text-align:right}.hera-appeal .mtd-modal-footer[data-v-ee14c6a1]{display:flex;justify-content:flex-end;gap:8px}.container[data-v-bc6cf5e1]{width:780px}.search-area[data-v-bc6cf5e1]{display:flex;align-items:center}[dir=ltr] .search-area .search-input[data-v-bc6cf5e1]{margin-right:8px}[dir=rtl] .search-area .search-input[data-v-bc6cf5e1]{margin-left:8px}[dir=ltr] .search-area .search-btn[data-v-bc6cf5e1]{margin-right:5px}[dir=rtl] .search-area .search-btn[data-v-bc6cf5e1]{margin-left:5px}.table-pagination-style[data-v-c9d1c4c5],.table-pagination-style[data-v-7ea639e3]{text-align:center;margin-top:20px}.customer-info-button[data-v-258c8fa7]{padding-top:10px}.small-group-currency-operation[data-v-6d76090f]{display:flex;flex-direction:row;margin-bottom:8px}[dir=ltr] .small-group-currency-operation .small-group-currency-balance[data-v-6d76090f]{margin-right:20px}[dir=rtl] .small-group-currency-operation .small-group-currency-balance[data-v-6d76090f]{margin-left:20px}.small-group-currency-button[data-v-6d76090f]{padding-top:10px}.small-group-currency-search[data-v-6d76090f]{display:flex;flex-direction:row;margin-bottom:16px;align-items:center}.small-group-currency-search .small-group-currency-search-input[data-v-6d76090f]{width:200px}[dir=ltr] .small-group-currency-search .small-group-currency-search-input[data-v-6d76090f]{margin-right:10px}[dir=rtl] .small-group-currency-search .small-group-currency-search-input[data-v-6d76090f]{margin-left:10px}.opt-btn[data-v-b97a99da]{margin-bottom:5px}.cs-contact[data-v-66127cc7]{display:flex}.cs-field-left[data-v-66127cc7]{align-items:center;display:flex;color:#00000080;flex-shrink:0;font-size:14px;white-space:normal;word-break:break-all}[dir=ltr] .cs-field-left[data-v-66127cc7]{margin-right:10px;text-align:left}[dir=rtl] .cs-field-left[data-v-66127cc7]{margin-left:10px;text-align:right}.cs-field-right[data-v-66127cc7]{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-9646821b]{margin-bottom:5px}[dir=ltr] .btn-item[data-v-9646821b]{margin-right:5px}[dir=rtl] .btn-item[data-v-9646821b]{margin-left:5px}.btn-item[data-v-2ec97e3f]{margin-bottom:5px}[dir=ltr] .btn-item[data-v-2ec97e3f]{margin-right:5px}[dir=rtl] .btn-item[data-v-2ec97e3f]{margin-left:5px}.popover-content[data-v-c7496f6f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.live-time[data-v-4bf3a726]{display:flex}.live-time_name[data-v-4bf3a726]{flex-shrink:0}[dir=ltr] .live-time_name[data-v-4bf3a726]{margin-right:8px}[dir=rtl] .live-time_name[data-v-4bf3a726]{margin-left:8px}.xingbake-shop-table[data-v-be9f269d]{width:100%}[data-v-be9f269d] .mtd-table tr .subColumn{background:#fffff9}[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-59ce96c8]{margin:0 13px;border-radius:6px;background-color:#fff}.card-picker-title[data-v-59ce96c8]{font-size:18px;line-height:18px;font-weight:600;letter-spacing:0px;color:#111925;padding-bottom:16px}[data-v-59ce96c8] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-59ce96c8] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.expand-detailed-information-row[data-v-59ce96c8]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-59ce96c8]{text-align:center;font-size:14px;margin-top:10px}.detail-btn-group[data-v-c06bd3f4]{display:flex;padding-bottom:8px;min-width:100px;gap:10px}.tasting-privilege-detail .block-title[data-v-c06bd3f4]{font-weight:600;font-size:14px;line-height:22px;letter-spacing:0px}.tasting-privilege-detail .tasting-privilege-table[data-v-c06bd3f4]{margin-top:16px}.info-title[data-v-0debc398],.info-title[data-v-8fe62ce7]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.table-pagination[data-v-8fe62ce7]{text-align:center;font-size:14px;margin-top:10px}.expand-detail[data-v-5452290a]{background:#f7f7f7;padding:16px 40px}.card-benefit-list .info-title[data-v-5452290a]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}[data-v-5452290a] .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-280993b3]{background:#f7f7f7;padding:16px 40px}[data-v-280993b3] .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-89a4527a]{background:#f7f7f7;padding:16px 40px}[data-v-89a4527a] .mtd-table .success-row td{background:#d8f0e6}[data-v-9c19c188] .detail-info .lc-block{background:#f7f7f7}.detail-title[data-v-9c19c188]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.detail-btn-group[data-v-9c19c188]{display:flex;padding-bottom:8px;min-width:100px;gap:10px}.user-activity-table .title[data-v-e3179d1a]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}[dir=ltr] .user-activity-table .user-activity-title[data-v-e3179d1a]{padding-left:10px}[dir=rtl] .user-activity-table .user-activity-title[data-v-e3179d1a]{padding-right:10px}[dir=ltr] .user-activity-table .time-picker[data-v-e3179d1a]{padding-right:30px}[dir=rtl] .user-activity-table .time-picker[data-v-e3179d1a]{padding-left:30px}.reward-distribution-details[data-v-e3179d1a]{padding:10px 20px;background:#f2f2f2}.reward-distribution-details[data-v-e3179d1a] .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-72669d9d] .lc-block{background:#f7f7f7}.detail-title[data-v-72669d9d]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}.seach-area[data-v-ad8daa09]{display:flex}.seach-area .payment-amount .mtd-input-wrapper[data-v-ad8daa09]{width:88px}.seach-area .search-btn[data-v-ad8daa09]{display:flex;gap:0 5px;margin-top:48px}.mtd-date-picker[data-v-ad8daa09]{width:180px;min-width:180px}.card-pay-picker[data-v-ad8daa09]{margin:0 13px;border-radius:6px;background-color:#fff}.card-pay-title[data-v-ad8daa09]{font-weight:600;font-size:14px;line-height:26px;margin-bottom:6px}[data-v-ad8daa09] .mtd-table .success-row td{background:#d8f0e6}.expand-detailed-information-row[data-v-ad8daa09]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-ad8daa09]{text-align:center;font-size:14px;margin-top:10px}[data-v-ad8daa09] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-ad8daa09] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.payment-detail-info_title[data-v-30828cba]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}.payment-mode-search[data-v-30828cba]{display:flex;align-items:center;gap:10px;padding:2px 5px 10px}.example-badge[data-v-30828cba]{margin-top:10px;vertical-align:middle}[dir=ltr] .example-badge[data-v-30828cba]{margin-right:40px}[dir=rtl] .example-badge[data-v-30828cba]{margin-left:40px}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-30828cba]{all:initial;font-size:14px;color:#00000080}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-30828cba]:hover{cursor:pointer;color:#3dd999}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span[data-v-30828cba]{overflow:auto;display:inline}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span .mtd-badge .mtd-badge-hidden[data-v-30828cba]{display:none}.coupon-tab .mtd-tab-active .mtd-tabs-item-label span[data-v-30828cba]{color:#00ba73}[data-v-30828cba] .lc-block{background:#f7f7f7}.payment-info .search-box[data-v-aabbf7db]{display:flex}.payment-info .search-box .payment-amount .mtd-input-wrapper[data-v-aabbf7db]{width:88px}.payment-info .search-box .button-box[data-v-aabbf7db]{display:flex;gap:0 5px;margin-top:48px}.payment-info .payment-order-list_title[data-v-aabbf7db]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}[dir=ltr] .payment-info .payment-order-list_table[data-v-aabbf7db]{text-align:right}[dir=rtl] .payment-info .payment-order-list_table[data-v-aabbf7db]{text-align:left}.payment-info .payment-order-list_table .mtd-pagination[data-v-aabbf7db]{margin-top:20px}.expand-box[data-v-aabbf7db]{background:#f7f7f7;padding:16px 40px}.mtd-date-picker[data-v-aabbf7db]{width:180px;min-width:180px}.tooltip-p[data-v-aabbf7db]{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-aabbf7db]{text-align:center;font-size:14px;margin-top:10px}[data-v-aabbf7db] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-aabbf7db] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.refund-order-detail_title[data-v-d89e6974]{font-weight:600;color:#000000e6;letter-spacing:0;font-size:14px;line-height:32px;margin-bottom:10px}.payment-amount .mtd-input-wrapper[data-v-215270c0]{width:88px}.refund-info .refund-order-list_title[data-v-215270c0]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px;margin-bottom:10px}[dir=ltr] .refund-info .refund-order-list_table[data-v-215270c0]{text-align:right}[dir=rtl] .refund-info .refund-order-list_table[data-v-215270c0]{text-align:left}.refund-info .refund-order-list_table .mtd-pagination[data-v-215270c0]{margin-top:20px}.expand-box[data-v-215270c0]{background:#f7f7f7;padding:16px 40px}.tooltip-p[data-v-215270c0]{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-215270c0]{text-align:center;font-size:14px;margin-top:10px}[data-v-215270c0] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-215270c0] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.bill_information .bill_information_search[data-v-52047230]{margin:16px 0 12px}.bill_information .date_time_range[data-v-52047230]{width:360px;margin-bottom:12px}.bill_information .detail_amount[data-v-52047230]{display:flex;align-items:center;padding:0 12px}[dir=ltr] .bill_information .detail_amount[data-v-52047230]{justify-content:right}[dir=rtl] .bill_information .detail_amount[data-v-52047230]{justify-content:left}.bill_information .trade_amount[data-v-52047230]{display:flex;align-items:center;padding:0 12px}[dir=ltr] .bill_information .trade_amount[data-v-52047230]{justify-content:right}[dir=rtl] .bill_information .trade_amount[data-v-52047230]{justify-content:left}.bill_information .detail_type_title[data-v-52047230]{display:flex;align-items:center;justify-content:center;padding:7px 12px}.bill_information .detail_type[data-v-52047230]{display:flex;align-items:center;justify-content:center}.bill_information .detail_amount_empty[data-v-52047230]{width:21px}[dir=ltr] .bill_information .detail_amount_icon[data-v-52047230]{margin-left:7px}[dir=rtl] .bill_information .detail_amount_icon[data-v-52047230]{margin-right:7px}.bill_information .sum_row[data-v-52047230]{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-52047230]{font-weight:600}.bill_information .bill_composition_type_selected[data-v-52047230]{display:flex;margin-bottom:16px}.bill_information .bill_information_title[data-v-52047230]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:500;line-height:32px}.bill_information .bill_information_select[data-v-52047230]{width:360px}[dir=ltr] .bill_information .bill_information_select[data-v-52047230]{margin-left:12px}[dir=rtl] .bill_information .bill_information_select[data-v-52047230]{margin-right:12px}.bill_information .table_page_style[data-v-52047230]{display:flex;justify-content:end;margin-top:11px}.bill_information .cs-buttons-container>.mtd-btn[data-v-52047230]{color:#166ff7!important}.bill_information .bill_table .row-text-right[data-v-52047230]{padding:0 12px}[dir=ltr] .bill_information .bill_table .row-text-right[data-v-52047230]{text-align:right}[dir=rtl] .bill_information .bill_table .row-text-right[data-v-52047230]{text-align:left}.bill_information .bill_table .bill_table_row>td[data-v-52047230]{padding:0!important}.bill_information .bill_table .tooltip-p[data-v-52047230]{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-080d8206]{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-080d8206],.bill-repayment-info .row-render-container .row-render-main .cs-field-container-row .cs-field-right a[data-v-080d8206]{color:#166ff7!important}.bill-repayment-info .bill-repayment-info-title[data-v-080d8206]{font-weight:600}.bill-repayment-info .bill-repayment-info-Detail[data-v-080d8206]{font-weight:600;margin-top:12px}.bill-repayment-info .bill-repayment-info-title_color[data-v-080d8206]{font-size:20px;color:#e02020;letter-spacing:0;font-weight:600}[data-v-080d8206] .lc-block{background:#f7f7f7}.bill_repayment .oncal-icon-group[data-v-476f42ae]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill_repayment .bill_repayment_search[data-v-476f42ae]{margin:16px 0 12px}.bill_repayment .bill_repayment_title[data-v-476f42ae]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill_repayment .bill_repayment_select[data-v-476f42ae]{width:360px}[dir=ltr] .bill_repayment .bill_repayment_select[data-v-476f42ae]{margin-left:12px}[dir=rtl] .bill_repayment .bill_repayment_select[data-v-476f42ae]{margin-right:12px}.bill_repayment .table_page_style[data-v-476f42ae]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-476f42ae] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-476f42ae] .show-expanded-table-item td{background-color:var(--cs-common-primary-color)}.expand-detailed-information-row[data-v-476f42ae]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-476f42ae]{text-align:center;font-size:14px;margin-top:10px}[data-v-476f42ae] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-476f42ae] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.list-operation button[data-v-476f42ae]{margin-bottom:4px}.bill-details .bill-details-title[data-v-6885267e]{font-weight:600;color:#000000e6;letter-spacing:0;font-size:14px;line-height:32px;margin-bottom:10px}[dir=ltr] .bill-details .bill-btn-item[data-v-6885267e]{margin-right:10px}[dir=rtl] .bill-details .bill-btn-item[data-v-6885267e]{margin-left:10px}.bill-repayment .oncal-icon-group[data-v-76c98df4]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill-repayment .bill-repayment-search[data-v-76c98df4]{margin:16px 0 12px}.bill-repayment .bill-repayment-title[data-v-76c98df4]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill-repayment .bill-repayment-select[data-v-76c98df4]{width:360px}[dir=ltr] .bill-repayment .bill-repayment-select[data-v-76c98df4]{margin-left:12px}[dir=rtl] .bill-repayment .bill-repayment-select[data-v-76c98df4]{margin-right:12px}.bill-repayment .table_page_style[data-v-76c98df4]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-76c98df4] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-76c98df4] .show-expanded-table-item td{background-color:#5dc77b}.expand-detailed-information-row[data-v-76c98df4]{background:#f7f7f7;padding:16px 40px}.table-pagination[data-v-76c98df4]{text-align:center;font-size:14px;margin-top:10px}[data-v-76c98df4] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-76c98df4] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.payment-detail-info[data-v-e7312458]{padding:10px 20px}.payment-detail-info .payment-detail-info-title[data-v-e7312458]{font-weight:700}.payment-mode-search[data-v-e7312458]{display:flex;align-items:center;gap:10px;padding:2px 5px 10px}.example-badge[data-v-e7312458]{margin-top:10px;vertical-align:middle}[dir=ltr] .example-badge[data-v-e7312458]{margin-right:40px}[dir=rtl] .example-badge[data-v-e7312458]{margin-left:40px}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-e7312458]{all:initial;font-size:14px;color:#00000080}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label[data-v-e7312458]:hover{cursor:pointer;color:#3dd999}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span[data-v-e7312458]{overflow:auto;display:inline}.coupon-tab .mtd-tabs-item .mtd-tabs-item-label span .mtd-badge .mtd-badge-hidden[data-v-e7312458]{display:none}.coupon-tab .mtd-tab-active .mtd-tabs-item-label span[data-v-e7312458]{color:#00ba73}[data-v-e7312458] .lc-block{background:#f7f7f7}.payment-info .search-box[data-v-9d7c453a]{display:flex}.payment-info .search-box .payment-amount .mtd-input-wrapper[data-v-9d7c453a]{width:88px}.payment-info .payment-order-list .payment-order-list-title[data-v-9d7c453a]{color:#000c;font-weight:600}[dir=ltr] .payment-info .payment-order-list_table[data-v-9d7c453a]{text-align:right}[dir=rtl] .payment-info .payment-order-list_table[data-v-9d7c453a]{text-align:left}.payment-info .payment-order-list_table .mtd-pagination[data-v-9d7c453a]{margin-top:20px}.expand-box[data-v-9d7c453a]{background:#f7f7f7;padding:16px 40px}.mtd-date-picker[data-v-9d7c453a]{width:180px;min-width:180px}.tooltip-p[data-v-9d7c453a]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;padding:0 10px}.pagination[data-v-9d7c453a]{text-align:center;margin:20px 0}[data-v-9d7c453a] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-9d7c453a] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.bill_repayment .oncal-icon-group[data-v-94be932d]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:24px}.bill_repayment .bill_repayment_search[data-v-94be932d]{margin:16px 0 12px}.bill_repayment .bill_repayment_title[data-v-94be932d]{font-size:14px;color:#000000e6;letter-spacing:0;font-weight:600;line-height:32px}.bill_repayment .bill_repayment_select[data-v-94be932d]{width:360px}[dir=ltr] .bill_repayment .bill_repayment_select[data-v-94be932d]{margin-left:12px}[dir=rtl] .bill_repayment .bill_repayment_select[data-v-94be932d]{margin-right:12px}.bill_repayment .table_page_style[data-v-94be932d]{display:flex;justify-content:end;margin-top:11px}.mtd-table[data-v-94be932d] .table_row_class td{background:#f3f4f4;box-shadow:inset 0 -1px #1119250d}.mtd-table[data-v-94be932d] .show-expanded-table-item td{background-color:#5dc77b}.expand-detailed-information-row[data-v-94be932d]{background:#f7f7f7;padding:16px 40px}.bill-repayment-info[data-v-94be932d]{margin:20px 20px 0}.bill-repayment-info .bill-repayment-info-title[data-v-94be932d]{font-weight:600}.table-pagination[data-v-94be932d]{text-align:center;font-size:14px;margin-top:10px}[data-v-94be932d] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-94be932d] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}[data-v-94be932d] .lc-block{background:#f7f7f7}.insurance-details[data-v-3ccdfdd6]{padding:16px 40px}.details-title[data-v-3ccdfdd6]{font-weight:600}[data-v-3ccdfdd6] .lc-block{background:#f7f7f7}.scenario-title[data-v-717640c8]{font-weight:600}.insurance-details[data-v-717640c8]{background:#f7f7f7}.pagination[data-v-717640c8]{text-align:center;margin:20px 0}[data-v-717640c8] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-717640c8] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.insurance-details[data-v-7eb55b20]{padding:16px 40px}.details-title[data-v-7eb55b20]{font-weight:600}[data-v-7eb55b20] .lc-block{background:#f7f7f7}.scenario-title[data-v-544b0d16]{font-weight:600}.insurance-details[data-v-544b0d16]{background:#f7f7f7}.pagination[data-v-544b0d16]{text-align:center;margin:20px 0}[data-v-544b0d16] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-544b0d16] .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-9edcc156]{font-weight:600}.insurance-details[data-v-9edcc156]{background:#f7f7f7}.pagination[data-v-9edcc156]{text-align:center;margin:20px 0}[data-v-9edcc156] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-9edcc156] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.insurance-details[data-v-fb1e9be2]{padding:16px 40px}.details-title[data-v-fb1e9be2]{font-weight:600}[data-v-fb1e9be2] .lc-block{background:#f7f7f7}.scenario-title[data-v-d67308fe]{font-weight:600}.insurance-details[data-v-d67308fe]{background:#f7f7f7}.pagination[data-v-d67308fe]{text-align:center;margin:20px 0}[data-v-d67308fe] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-d67308fe] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.finance-user-picker-wrapper[data-v-a7f7ddd5]{padding-bottom:16px}.finance-user-picker-announcement[data-v-a7f7ddd5]{margin-bottom:20px}.cs-contact[data-v-0da4f1ce]{display:flex}.cs-field-left[data-v-0da4f1ce]{align-items:center;display:flex;color:#00000080;flex-shrink:0;font-size:14px;white-space:normal;word-break:break-all}[dir=ltr] .cs-field-left[data-v-0da4f1ce]{margin-right:10px;text-align:left}[dir=rtl] .cs-field-left[data-v-0da4f1ce]{margin-left:10px;text-align:right}.cs-field-right[data-v-0da4f1ce]{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-0da4f1ce]{height:18px;display:inline-flex;align-items:center;padding:0 4px;border-radius:2px}[dir=ltr] .cs-field-right .login-status[data-v-0da4f1ce]{margin-left:5px}[dir=rtl] .cs-field-right .login-status[data-v-0da4f1ce]{margin-right:5px}.cs-field-right .login-status[data-v-0da4f1ce] .mtd-tag-content,.cs-field-right .login-status[data-v-0da4f1ce] .cs-mtd-tag-content{font-size:13px}.activity-detail[data-v-448dbf4a]{padding:10px 20px}.search-form[data-v-30e84045]{margin:16px 0}.activity-detail[data-v-30e84045]{border:1px solid var(--cs-common-primary-color)}.mtd-table[data-v-30e84045]{margin-bottom:20px}.related-knowledge-header[data-v-5ee04611]{font-size:18px;font-weight:600;margin-bottom:4px}.related-knowledge-list[data-v-5ee04611]{margin:0}[dir=ltr] .related-knowledge-list[data-v-5ee04611]{padding-left:0}[dir=rtl] .related-knowledge-list[data-v-5ee04611]{padding-right:0}.related-knowledge-item[data-v-5ee04611]{list-style-type:none;margin:4px 0;overflow:hidden}.related-knowledge-title[data-v-5ee04611]{font-size:14px}.related-knowledge-link[data-v-5ee04611]{margin:0 24px;color:var(--cs-common-primary-color)}.insurance-details[data-v-a04189ca]{padding:16px 40px}.details-title[data-v-a04189ca]{font-weight:600}[data-v-a04189ca] .lc-block{background:#f7f7f7}.scenario-title[data-v-65dc76b1]{font-weight:600}.insurance-details[data-v-65dc76b1]{background:#f7f7f7}.pagination[data-v-65dc76b1]{text-align:center;margin:20px 0}[data-v-65dc76b1] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-65dc76b1] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.case-details[data-v-ae34a787]{padding:16px 40px}.details-title[data-v-ae34a787]{font-weight:600}[data-v-ae34a787] .lc-block{background:#f7f7f7}.insurance-details[data-v-54c1155f]{padding:16px 40px;background:#f7f7f7}.details-title[data-v-54c1155f]{font-weight:600}[data-v-54c1155f] .lc-block{background:#f7f7f7}.scenario-title[data-v-47e20645]{font-weight:600}.insurance-details[data-v-47e20645]{background:#f7f7f7}.pagination[data-v-47e20645]{text-align:center;margin:20px 0}[data-v-47e20645] .mtd-table .table-highlight-row-green td{background:#d8f0e6}[data-v-47e20645] .mtd-table .table-highlight-row-gray td{background:#f3f3f4}.responsible-reverse-rider[data-v-5d87584f]{display:flex;width:100%;flex-direction:column;align-items:stretch}.responsible-reverse-rider .gur-body[data-v-5d87584f]{width:33%}.responsible-reverse-rider .titled[data-v-5d87584f]{font-size:14px;line-height:22px;font-weight:400;color:#0009;white-space:normal;word-break:break-all;flex-shrink:0}.custom-step-bar[data-v-605022cd]{min-width:unset;flex-wrap:nowrap!important;overflow-x:scroll}.custom-step-bar[data-v-605022cd] [class*=mtd-step]{min-width:unset;flex-shrink:0}.step-title-container[data-v-605022cd]{display:flex;align-items:center;justify-content:center;gap:4px}.step-title-container .step-title[data-v-605022cd]{font-size:var(--font-size-2);cursor:default}.step-active[data-v-605022cd]{color:var(--color-primary)}.step-phone-info[data-v-605022cd]{display:flex;flex-direction:column;gap:8px}[dir=ltr] .step-phone-info .rider-id-copy-btn[data-v-605022cd]{margin-left:8px}[dir=rtl] .step-phone-info .rider-id-copy-btn[data-v-605022cd]{margin-right:8px}.step-phone-info .rider-phone[data-v-605022cd]{display:flex}.step-phone-info .rider-phone[data-v-605022cd] .cs-secret-field{width:unset}.step-description[data-v-605022cd]{font-size:var(--font-size-1);display:flex;flex-direction:column;gap:2px}.step-description-expectedTime[data-v-605022cd]{display:flex;align-items:center;justify-content:center}.step-description-expectedTime[data-v-605022cd] .cs-field-container .cs-field-left{display:none}.step-description-expectedTime[data-v-605022cd] .cs-field-container .cs-field-right{font-size:var(--font-size-1)}.step-description-text[data-v-605022cd]{color:#111925}.step-description-is-timed-out[data-v-605022cd]{color:var(--color-danger-1)}.step-description-not-timed-out[data-v-605022cd]{color:var(--color-primary)}.step-description-remark[data-v-605022cd]{display:flex;justify-content:center;align-items:center;color:var(--color-primary);font-size:var(--font-size-2)}.step-description-time[data-v-605022cd] .cs-field-container .cs-field-left{display:none}.step-description-time[data-v-605022cd] .cs-field-container .cs-field-right{color:#11192573}.detail-info[data-v-5bb855c3]{display:flex;flex-direction:column;width:100%}.detail-info-main[data-v-5bb855c3],.detail-info-spu[data-v-5bb855c3]{display:flex;flex-direction:row;justify-content:space-between;width:100%}.detail-info-main-origin-amount[data-v-5bb855c3],.detail-info-spu-price[data-v-5bb855c3]{width:28%}.detail-info-main[data-v-5bb855c3]{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-3)}.detail-info-spu[data-v-5bb855c3]{font-size:var(--font-size-2);color:var(--color-text-2)}.count-column[data-v-5bb855c3],.price-column[data-v-5bb855c3]{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-3)}[dir=ltr] .preview[data-v-5bb855c3]{margin-left:10px}[dir=rtl] .preview[data-v-5bb855c3]{margin-right:10px}[dir=ltr] [class][data-v-5bb855c3] .cs-mtd-table-cell{text-align:left}[dir=rtl] [class][data-v-5bb855c3] .cs-mtd-table-cell{text-align:right}.xh-performance-period-display[data-v-3f2435fa]{width:100%;border:1px solid #e0e6ed;border-radius:4px;overflow:hidden}.title[data-v-3f2435fa]{font-size:16px;font-weight:700}[dir=ltr] .title[data-v-3f2435fa]{margin:15px 0 10px 20px}[dir=rtl] .title[data-v-3f2435fa]{margin:15px 20px 10px 0}.summary[data-v-3f2435fa]{display:flex;justify-content:space-between;padding:0 20px;margin-bottom:15px}.summary span[data-v-3f2435fa]{flex:1}.table-container[data-v-3f2435fa]{padding:0 20px 20px}.info-table[data-v-3f2435fa]{width:100%;border-collapse:collapse;text-align:center;border:1px solid #e0e6ed}.info-table .oversea-time[data-v-3f2435fa]{display:inline-block}.info-table .oversea-time[data-v-3f2435fa] .cs-field-container .cs-field-left{display:none}.info-table th[data-v-3f2435fa],.info-table td[data-v-3f2435fa]{border:1px solid #e0e6ed;padding:8px;font-size:14px}.info-table th[data-v-3f2435fa]{background-color:#f5f7fa;color:#606266;font-weight:400}.info-table td[data-v-3f2435fa]{background-color:#fff;color:#606266}.xx-commodity-information[data-v-d9563244]{display:flex;flex-direction:column;width:100%}.record-button[data-v-d9563244]{margin-top:20px;margin-bottom:20px}[dir=ltr] .record-button[data-v-d9563244]{margin-left:auto}[dir=rtl] .record-button[data-v-d9563244]{margin-right:auto}[dir=ltr] [class][data-v-8033866f] .cs-mtd-table-cell{text-align:left}[dir=rtl] [class][data-v-8033866f] .cs-mtd-table-cell{text-align:right}.confirm-button[data-v-471f4b64]{margin:0 5px}[dir=ltr] .cs-field-left[data-v-471f4b64]{margin-right:10px}[dir=rtl] .cs-field-left[data-v-471f4b64]{margin-left:10px}[dir=ltr] .opt-btn[data-v-6d66b822]{margin-left:5px}[dir=rtl] .opt-btn[data-v-6d66b822]{margin-right:5px}[dir=ltr] .cs-field-left[data-v-e06bbab7]{margin-right:8px}[dir=rtl] .cs-field-left[data-v-e06bbab7]{margin-left:8px}.gov-hotline-modal[data-v-4104c5be]{padding:10px 0}.modal-header[data-v-4104c5be]{display:flex;align-items:center;margin-bottom:16px}.icon-warning[data-v-4104c5be]{color:#f5222d;font-size:22px}[dir=ltr] .icon-warning[data-v-4104c5be]{margin-right:8px}[dir=rtl] .icon-warning[data-v-4104c5be]{margin-left:8px}.modal-title[data-v-4104c5be]{font-weight:700;font-size:16px}.input-phone[data-v-4104c5be]{width:100%}[dir=ltr] .modal-footer[data-v-4104c5be]{text-align:right}[dir=rtl] .modal-footer[data-v-4104c5be]{text-align:left}.risk-hotline-number .cs-field-container[data-v-15766f1e]{display:flex;align-items:flex-start}[dir=ltr] .risk-hotline-number .cs-field-left[data-v-15766f1e]{margin-right:10px}[dir=rtl] .risk-hotline-number .cs-field-left[data-v-15766f1e]{margin-left:10px}.risk-hotline-number .hotline-number-secret[data-v-15766f1e]{width:fit-content}.risk-hotline-number .field-display-name[data-v-15766f1e]{color:#111925a6}.risk-hotline-number .confirm-button[data-v-15766f1e]{margin:0 5px}.risk-hotline-number .edit-container[data-v-15766f1e]{display:flex;align-items:center;gap:8px}.checkbox-container[data-v-a78658e0]{display:flex}.checkbox-container .checkbox-label[data-v-a78658e0]{flex:0 0 70px}[data-v-99175012] .mtd-radio-group-slider,[data-v-99175012] .cs-mtd-radio-group-slider{display:flex;flex-wrap:nowrap}[data-v-99175012] .mtd-radio-button-slider,[data-v-99175012] .cs-mtd-radio-button-slider{height:28px;line-height:1}.date-picker[data-v-20a02bee]{width:240px}.service-process-header[data-v-07841de3]{margin-bottom:15px}.service-process-header-tab[data-v-07841de3]{margin-bottom:8px}[dir=ltr] .service-process-header .switch-self-contained[data-v-07841de3]{margin-right:7px}[dir=rtl] .service-process-header .switch-self-contained[data-v-07841de3]{margin-left:7px}.service-process-header .title[data-v-07841de3]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-07841de3]{flex:0 0 56px}[dir=ltr] .service-process-header .search-title[data-v-07841de3]{margin-right:10px}[dir=rtl] .service-process-header .search-title[data-v-07841de3]{margin-left:10px}.service-process-header .cancel-title[data-v-07841de3]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-07841de3]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-07841de3],.service-process-header .form-line-center-left[data-v-07841de3]{display:flex}.service-process-header .form-line-center-left-center[data-v-07841de3],.service-process-header .form-line-center-right-center[data-v-07841de3],.service-process-header .form-line[data-v-07841de3],.service-process-header .form-line-right[data-v-07841de3],.service-process-header .form-line-left[data-v-07841de3]{display:flex;align-items:center}.service-process-header .form-line .flex-auto-wrap[data-v-07841de3]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-07841de3]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-07841de3]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-07841de3]{justify-content:space-between}.service-process-header .refresh-button[data-v-07841de3]{font-weight:900;flex:0 0 75px}[dir=ltr] .service-process-header .search-btn[data-v-07841de3]{margin-right:10px}[dir=rtl] .service-process-header .search-btn[data-v-07841de3]{margin-left:10px}.service-process-header .w-120[data-v-07841de3]{width:120px}.service-process-header .w-160[data-v-07841de3]{width:160px}.service-process-header .full-w[data-v-07841de3]{width:100%}.service-process-header .w-200[data-v-07841de3]{width:200px}.service-process-header .fix-w-105[data-v-07841de3]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-07841de3]{flex:0 0 200px}.service-process-header .auto-w-200[data-v-07841de3]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-07841de3]{width:180px}[dir=ltr] .service-process-header .mr-24[data-v-07841de3]{margin-right:24px}[dir=rtl] .service-process-header .mr-24[data-v-07841de3]{margin-left:24px}[dir=ltr] .service-process-header .mr-4[data-v-07841de3]{margin-right:4px}[dir=rtl] .service-process-header .mr-4[data-v-07841de3]{margin-left:4px}.service-process-header .pointer[data-v-07841de3]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-07841de3]{margin-top:6px}[dir=ltr] .service-process-header .service-process-filter-item[data-v-07841de3]:last-child{margin-right:16px}[dir=rtl] .service-process-header .service-process-filter-item[data-v-07841de3]:last-child{margin-left:16px}.service-process-header .fold-btn[data-v-07841de3]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer}[dir=ltr] .service-process-header[data-v-07841de3] .mtd-checkbox,[dir=ltr] .service-process-header[data-v-07841de3] .cs-mtd-checkbox{margin-right:16px}[dir=rtl] .service-process-header[data-v-07841de3] .mtd-checkbox,[dir=rtl] .service-process-header[data-v-07841de3] .cs-mtd-checkbox{margin-left:16px}.service-process-header[data-v-07841de3] .mtd-form-item,.service-process-header[data-v-07841de3] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-07841de3] .mtd-tabs-bottom-border,.service-process-header[data-v-07841de3] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-07841de3] .mtd-tabs-content,.service-process-header[data-v-07841de3] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-07841de3] .mtd-tabs-bar-active,.service-process-header[data-v-07841de3] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-07841de3] .mtd-tab-active,.service-process-header[data-v-07841de3] .cs-mtd-tab-active,.service-process-header[data-v-07841de3] .mtd-tabs-item:hover,.service-process-header[data-v-07841de3] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-07841de3] .mtd-tabs,.service-process-header[data-v-07841de3] .cs-mtd-tabs{color:#111925d9}.case-info-name[data-v-07841de3]{margin-top:6px;font-size:14px;line-height:18px;color:#000000e6;margin-bottom:6px}.case-info-time[data-v-07841de3]{font-size:12px;line-height:16px;color:#000000e6;margin-bottom:6px}.mixed-layout[data-v-2630aa2b]{display:flex}[dir=ltr] .right-5[data-v-2630aa2b]{margin-right:5px}[dir=rtl] .right-5[data-v-2630aa2b]{margin-left:5px}.action-icon[data-v-11acd575]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-icon[data-v-11acd575]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-button[data-v-11acd575]{color:var(--cs-common-primary-color);cursor:pointer}.text-button--disabled[data-v-11acd575]{color:#ccc;cursor:not-allowed;opacity:.6}[data-v-11acd575] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-11acd575] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-11acd575] .case-log-detail-btn-badge .mtd-badge-position,[data-v-11acd575] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-11acd575] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-11acd575] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-11acd575] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-11acd575] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.service-case-log[data-v-db0bdc9e]{margin-top:10px;width:100%}.service-case-log .service-case-log-comment[data-v-db0bdc9e]{display:flex;align-items:start;flex-flow:row nowrap;line-height:20px}.service-case-log .service-case-log-comment[data-v-db0bdc9e]:not(:last-child){margin-bottom:6px}.service-case-log .service-case-log-comment .content-left[data-v-db0bdc9e],.service-case-log .service-case-log-comment .content-right[data-v-db0bdc9e]{display:flex;align-items:start;flex-direction:row}[dir=ltr] .service-case-log .service-case-log-comment .content-left[data-v-db0bdc9e]{margin-right:20px}[dir=rtl] .service-case-log .service-case-log-comment .content-left[data-v-db0bdc9e]{margin-left:20px}.service-case-log .service-case-log-comment .change-text-title[data-v-db0bdc9e]{white-space:nowrap;color:#00000080}[dir=ltr] .service-case-log .service-case-log-comment .change-text-title[data-v-db0bdc9e]{padding-right:8px}[dir=rtl] .service-case-log .service-case-log-comment .change-text-title[data-v-db0bdc9e]{padding-left:8px}.service-case-log .line-clamp[data-v-db0bdc9e] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.compensate-apply-dialog[data-v-9e48fba5]{width:400px;max-width:85vh;overflow:auto;margin:20px 30px}.compensate-apply-dialog .refund-risk-warn[data-v-9e48fba5]{display:flex;height:45px;align-items:center;border-radius:3px;background:#ff00004d}.compensate-apply-dialog .refund-risk-warn .hint-icon[data-v-9e48fba5]{color:#ef4136;margin:0 10px;font-size:25px}.compensate-apply-dialog .refund-risk-warn .hint-content[data-v-9e48fba5]{margin:auto}.compensate-apply-dialog .compensate-item[data-v-9e48fba5]{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-9e48fba5]{width:120px}[dir=ltr] .compensate-apply-dialog .compensate-item-left[data-v-9e48fba5]{margin-right:10px}[dir=rtl] .compensate-apply-dialog .compensate-item-left[data-v-9e48fba5]{margin-left:10px}.compensate-apply-dialog .xiaoxiang-coupons-table[data-v-9e48fba5]{display:block;max-height:500px;overflow:auto}.dialog-sidebar[data-v-262bcce7]{width:100px;height:400px}[dir=ltr] .dialog-sidebar[data-v-262bcce7]{border-right:1px solid #ddd}[dir=rtl] .dialog-sidebar[data-v-262bcce7]{border-left:1px solid #ddd}.dialog-sidebar-item[data-v-262bcce7]{display:block;width:100%;font-weight:700}[dir=ltr] .dialog-sidebar-item[data-v-262bcce7]{padding:5px 0 5px 20px}[dir=rtl] .dialog-sidebar-item[data-v-262bcce7]{padding:5px 20px 5px 0}.dialog-sidebar-item-selected[data-v-262bcce7]{background-color:#f6f6f6}.sms-content[data-v-262bcce7]{width:450px}.case-response-mail-container[data-v-1dd0470c]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;min-height:50px;min-width:400px}[data-v-1dd0470c] .mtd-collapse-item-header,[data-v-1dd0470c] .cs-mtd-collapse-item-header{min-width:650px}[data-v-1dd0470c] .cs-mtd-collapse-item-content,[data-v-1dd0470c] .cs-mtd-collapse-item-rtl .cs-mtd-collapse-item-content{padding:0}[dir=ltr] .spacing[data-v-1dd0470c]{margin-right:10px}[dir=rtl] .spacing[data-v-1dd0470c]{margin-left:10px}.topic-group-empty[data-v-1dd0470c]{text-align:center}.topic-group-container[data-v-1dd0470c]{max-height:60vh;overflow-y:auto}.topic-group[data-v-1dd0470c]{width:600px}.topic-group[data-v-1dd0470c]:not(:last-child){border-width:1px 1px 0;border-style:solid;border-color:#b7b7b7}.topic-group[data-v-1dd0470c]:last-child{border-width:1px;border-style:solid;border-color:#b7b7b7}.topic-title[data-v-1dd0470c]{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-detail[data-v-1dd0470c]{padding:12px;max-height:500px;width:600px;overflow:auto}.mail-detail[data-v-1dd0470c]{width:100%;gap:10px 0}.mail-detail .response-mail-btn[data-v-1dd0470c]{gap:0 20px}.mail-detail .detail-field[data-v-1dd0470c]{width:100%}.mail-detail .detail-field-title[data-v-1dd0470c]{width:80px}[dir=ltr] .mail-detail .detail-field-title[data-v-1dd0470c]{margin-right:15px}[dir=rtl] .mail-detail .detail-field-title[data-v-1dd0470c]{margin-left:15px}.mail-detail .flex-row[data-v-1dd0470c]{display:flex;flex-direction:row}.mail-detail .flex-column[data-v-1dd0470c]{display:flex;flex-direction:column}.mail-detail .detail-field-content[data-v-1dd0470c]{width:100%}.mail-detail .detail-field-content[data-v-1dd0470c] .cs-f-secret-field{width:auto}.mail-detail .detail-field-content .mtd-input-wrapper[data-v-1dd0470c],.mail-detail .detail-field-content .cs-mtd-input-wrapper[data-v-1dd0470c]{width:100%}.mail-detail .detail-field-content .mtd-textarea[data-v-1dd0470c],.mail-detail .detail-field-content .cs-mtd-textarea[data-v-1dd0470c]{width:100%;resize:none}[dir=ltr] .mail-detail .attachement-item[data-v-1dd0470c]{margin-right:10px}[dir=rtl] .mail-detail .attachement-item[data-v-1dd0470c]{margin-left:10px}[dir=ltr] .mail-detail .mail-confirm-btn[data-v-1dd0470c]{margin-right:12px}[dir=rtl] .mail-detail .mail-confirm-btn[data-v-1dd0470c]{margin-left:12px}a[data-v-1dd0470c],a[data-v-1dd0470c]:hover,a[data-v-1dd0470c]:link,a[data-v-1dd0470c]:visited{text-decoration:none}.required[data-v-1dd0470c]{position:relative}.required[data-v-1dd0470c]:before{content:"*";display:inline-block;position:absolute;top:1px;color:#f54b1e;font-weight:700;font-size:16px}[dir=ltr] .required[data-v-1dd0470c]:before{left:-12px}[dir=rtl] .required[data-v-1dd0470c]:before{right:-12px}.assistant-task-record[data-v-27bc04a4]{min-width:760px;min-height:550px}.action-detail-list-compensate-approve[data-v-f6b2fb24]{width:400px;padding:20px}.action-detail-list-compensate-approve .compensate-approve-content-row[data-v-f6b2fb24]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-f6b2fb24]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-f6b2fb24]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-f6b2fb24]{margin-left:20px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-right[data-v-f6b2fb24]{flex:1}.action-detail-push[data-v-8d72ba1c]{width:400px;padding:20px}.action-detail-push .content-row[data-v-8d72ba1c]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-push .content-row .content-row-left[data-v-8d72ba1c]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-push .content-row .content-row-left[data-v-8d72ba1c]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-push .content-row .content-row-left[data-v-8d72ba1c]{text-align:right;margin-left:15px}.action-detail-push .content-row .content-row-right[data-v-8d72ba1c]{flex:1}.action-detail-push .content-row .content-row-right-textarea[data-v-8d72ba1c]{height:100px;padding:6px 10px;resize:none;border:1px solid #ddd;border-radius:2px}.action-detail-list-compensate-all[data-v-c6cc2167]{width:600px;padding:20px}.action-detail-list-compensate-all .approve-flex[data-v-c6cc2167]{display:flex;justify-content:space-between;align-items:center}.action-detail-list-compensate-all .field-secret-flex[data-v-c6cc2167]{display:flex;justify-content:center}.action-detail-list-compensate-all .field-secret-flex .cs-f-secret-field[data-v-c6cc2167]{width:auto}.action-detail-list-compensate-all .compensate-apply-id[data-v-c6cc2167]{margin-bottom:10px}.action-detail-list-compensate-all[data-v-63c1b0d3]{width:600px;padding:20px}.action-detail-list-compensate-all .list-content[data-v-63c1b0d3]{max-height:65vh;overflow:scroll}.action-detail-list-compensate-all .compensate-applyid[data-v-63c1b0d3]{margin-bottom:10px}.action-detail-list-compensate-all .row-content[data-v-63c1b0d3]{width:100%;display:flex;margin-bottom:5px}.action-detail-list-compensate-all .row-content span[data-v-63c1b0d3]:nth-child(1),.action-detail-list-compensate-all .row-content span[data-v-63c1b0d3]:nth-child(2){flex:20}.action-detail-list-compensate-all .row-content span[data-v-63c1b0d3]:nth-child(3),.action-detail-list-compensate-all .row-content span[data-v-63c1b0d3]:nth-child(4){flex:30}.action-detail-list-compensate-execute[data-v-c2bf5379]{width:500px;padding:20px}.action-detail-list-compensate-execute .content-row[data-v-c2bf5379]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-c2bf5379]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-c2bf5379]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-c2bf5379]{margin-left:20px}.action-detail-list-compensate-execute .content-row .compensate-execute-right[data-v-c2bf5379]{flex:1}.action-detail-list-compensate-reject[data-v-aa14e226]{width:400px;padding:20px}.action-detail-list-compensate-reject .compensate-reject-content-row[data-v-aa14e226]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-aa14e226]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-aa14e226]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-aa14e226]{margin-left:20px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-right[data-v-aa14e226]{flex:1}.content-row[data-v-c642206f]{width:550px;margin:10px;display:flex;align-items:center;justify-content:start}.content-row .content-row-left[data-v-c642206f]{width:80px;flex-shrink:0}[dir=ltr] .content-row .content-row-left[data-v-c642206f]{text-align:left;margin-right:15px}[dir=rtl] .content-row .content-row-left[data-v-c642206f]{text-align:right;margin-left:15px}.content-row .content-row-right[data-v-c642206f]{flex:1}.host-summary-box li[data-v-180b6e0a]{display:flex;justify-content:space-between;margin-top:10px}.host-summary-box li span[data-v-180b6e0a]{display:inline-block}.host-summary-box li .host-summary-left[data-v-180b6e0a]{width:80px}.host-summary-box li .host-summary-right[data-v-180b6e0a]{width:240px}.cancel-reason[data-v-608f1f1c]{width:360px}[dir=ltr] .cancel-message-submit[data-v-608f1f1c]{margin-right:5px}[dir=rtl] .cancel-message-submit[data-v-608f1f1c]{margin-left:5px}.mail-record-dialog .mail-detial[data-v-e7e9c3c0]{height:400px;width:600px;overflow-y:auto!important}.mail-record-dialog .content-row[data-v-e7e9c3c0]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.mail-record-dialog .content-row .content-row-left[data-v-e7e9c3c0]{width:80px;flex-shrink:0}[dir=ltr] .mail-record-dialog .content-row .content-row-left[data-v-e7e9c3c0]{text-align:left;margin-right:15px}[dir=rtl] .mail-record-dialog .content-row .content-row-left[data-v-e7e9c3c0]{text-align:right;margin-left:15px}.mail-record-dialog .content-row .content-row-right[data-v-e7e9c3c0]{flex:1}.action-detail-message[data-v-58978c4d]{width:600px;height:400px;margin:15px 15px 10px}.action-detail-message .action-detail-message-textarea[data-v-58978c4d]{width:500px}.asr-player-sdk-dialog-top[data-v-3e931cef]{display:flex;align-items:center;justify-content:space-between}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-3e931cef]{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-3e931cef]{display:flex}[dir=ltr] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-3e931cef]{margin-right:24px}[dir=rtl] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-3e931cef]{margin-left:24px}[dir=ltr] .dialog-top-operation-text[data-v-3e931cef]{margin-right:10px}[dir=rtl] .dialog-top-operation-text[data-v-3e931cef]{margin-left:10px}.asr-player-sdk-dialog-text[data-v-3e931cef]{color:#333;font-size:14px;margin:5px 0;font-weight:500}.asr-player-sdk-container[data-v-3e931cef]{width:896px;margin-top:10px}.asr-player-sdk-container[data-v-3e931cef] .media-editor-word-wrap{max-height:50vh}.asr-player-sdk-container[data-v-3e931cef] .media-editor-audio-wrap{background:var(--color-white)!important}.asr-player-sdk-dialog-tips[data-v-3e931cef]{color:red;margin:4px 0}.loading[data-v-3e931cef]{height:100px}.loading[data-v-3e931cef] .mtd-loading-circle,.loading[data-v-3e931cef] .cs-mtd-loading-circle{color:#468dfb!important}.translate-content-box[data-v-9b92ae52]{height:300px;overflow:auto}.translate-content[data-v-9b92ae52]{display:flex;flex-direction:row}.translate-content .head-portrait-src[data-v-9b92ae52]{width:45px;height:auto}[dir=ltr] .translate-content .head-portrait-src[data-v-9b92ae52]{margin-right:20px}[dir=rtl] .translate-content .head-portrait-src[data-v-9b92ae52]{margin-left:20px}.translate-content-list[data-v-9b92ae52]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}[dir=ltr] .translate-content-list[data-v-9b92ae52]{margin-left:4px}[dir=rtl] .translate-content-list[data-v-9b92ae52]{margin-right:4px}.action-detail-call[data-v-63e3a433]{min-width:500px;min-height:100px;padding:10px}.action-detail-call .content-row[data-v-63e3a433]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-call .content-row .content-row-left[data-v-63e3a433]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-call .content-row .content-row-left[data-v-63e3a433]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-call .content-row .content-row-left[data-v-63e3a433]{text-align:right;margin-left:15px}.action-detail-call .content-row .content-row-right-audio[data-v-63e3a433]{display:flex;align-items:center}.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-63e3a433]{position:relative}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-63e3a433]{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-63e3a433]{position:absolute;width:240px;top:-55px;padding:5px 10px;border:1px solid var(--cs-common-primary-color)}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-63e3a433]{left:-80px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-63e3a433]{right:-80px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-63e3a433]{cursor:pointer}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-63e3a433]{padding-right:10px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-63e3a433]{padding-left:10px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-63e3a433]{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-63e3a433]{flex:1}.batch-closed-autocall-detail[data-v-1dd8911d]{width:600px;padding:10px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row[data-v-1dd8911d]{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-1dd8911d]{width:100px;text-align:end}[dir=ltr] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-1dd8911d]{margin-right:20px}[dir=rtl] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-1dd8911d]{margin-left:20px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right[data-v-1dd8911d]{flex:1}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right .upload-record-audio[data-v-1dd8911d]{margin:5px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-call-content[data-v-1dd8911d]{width:100%}.ivr-chat-detail-dialog[data-v-223ea607]{width:700px;max-height:400px;overflow:auto}[dir=ltr] .ivr-chat-detail-dialog[data-v-223ea607]{padding-right:5px}[dir=rtl] .ivr-chat-detail-dialog[data-v-223ea607]{padding-left:5px}.ivr-chat-detail-box[data-v-223ea607]{padding:5px 0}.ivr-chat-detail-img[data-v-223ea607]{height:36px;width:36px}.user-content[data-v-223ea607]{display:flex;align-content:center;flex-direction:row}.user-content .avatar[data-v-223ea607]{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-223ea607]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}[dir=ltr] .user-content .content[data-v-223ea607]{margin-left:4px}[dir=rtl] .user-content .content[data-v-223ea607]{margin-right:4px}.user-content .content .time[data-v-223ea607]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.user-content .content .msg[data-v-223ea607]{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-223ea607]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .user-content .action-info[data-v-223ea607]{margin-left:4px}[dir=rtl] .user-content .action-info[data-v-223ea607]{margin-right:4px}.robot-content[data-v-223ea607]{display:flex;align-content:center;flex-direction:row-reverse}.robot-content .avatar[data-v-223ea607]{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-223ea607]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.robot-content .content .time[data-v-223ea607]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.robot-content .content .msg[data-v-223ea607]{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-223ea607]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .robot-content .action-info[data-v-223ea607]{margin-right:4px}[dir=rtl] .robot-content .action-info[data-v-223ea607]{margin-left:4px}.ivr-chat-detail-tag[data-v-223ea607]{width:110px;padding:5px 20px;margin:0 auto;background:#ececec;color:#666;border-radius:20px;text-align:center}.ivr-chat-detail-time[data-v-223ea607],.ivr-chat-detail-right[data-v-223ea607]{color:#999}[dir=ltr] .ivr-chat-detail-right[data-v-223ea607]{text-align:right}[dir=rtl] .ivr-chat-detail-right[data-v-223ea607]{text-align:left}.ivr-chat-msg[data-v-223ea607]{position:absolute;bottom:0;color:#999;font-size:12px}[dir=ltr] .ivr-chat-msg[data-v-223ea607]{left:-32px}[dir=rtl] .ivr-chat-msg[data-v-223ea607]{right:-32px}.ivr-chat-detail-blank[data-v-223ea607]{color:#999;font-size:14px;text-align:center;padding:20px}.ivr-recording-details[data-v-223ea607]{background-color:#fafafa;width:100%;display:flex;flex-direction:column}.ivr-recording-details .ivr-recording-details-header[data-v-223ea607]{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-223ea607]{width:100%;border:1px solid #ebebeb}.ivr-recording-details .ivr-recording-details-row[data-v-223ea607]{width:100%;display:flex}.ivr-recording-details .ivr-recording-details-row span[data-v-223ea607]{width:50%;margin:0 10px 10px}.ivr-recording-details .ivr-recording-details-row:first-child span[data-v-223ea607]{width:50%;margin:10px}.task-listening[data-v-e0de9510]{width:400px;padding:20px}.task-listening .content-row[data-v-e0de9510]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.task-listening .content-row .content-row-left[data-v-e0de9510]{width:80px;flex-shrink:0}[dir=ltr] .task-listening .content-row .content-row-left[data-v-e0de9510]{text-align:left;margin-right:15px}[dir=rtl] .task-listening .content-row .content-row-left[data-v-e0de9510]{text-align:right;margin-left:15px}.task-listening .content-row .content-row-right[data-v-e0de9510]{flex:1}[dir=ltr] .task-listening .content-row .content-row-right .task-status[data-v-e0de9510]{margin-right:10px}[dir=rtl] .task-listening .content-row .content-row-right .task-status[data-v-e0de9510]{margin-left:10px}ul li[data-v-90db1106]{line-height:24px}.stay-andon-detail[data-v-0c16cef1]{width:auto}.sms-template-content[data-v-b5c33da0]{padding:12px 24px}.cost-allocation[data-v-6aade79e]{width:720px}.account-adjustment-apply-log .account-adjustment-apply-log-id-wrapper[data-v-ff3eb6cb]{padding:5px 0}.account-adjustment-apply-log .account-adjustment-apply-log-remark[data-v-ff3eb6cb]{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.cs-action-detail-auth-application-dialog[data-v-97666280]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-97666280]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-97666280] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-97666280] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-97666280] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-97666280] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-97666280] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-97666280] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-97666280] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-97666280] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-97666280] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-97666280] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-97666280]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-97666280]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-97666280]{margin-left:10px}.cs-action-detail-auth-application-dialog[data-v-40851c2d]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-40851c2d]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-40851c2d] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-40851c2d] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-40851c2d] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-40851c2d] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-40851c2d] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-40851c2d] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-40851c2d] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-40851c2d] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-40851c2d] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-40851c2d] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-40851c2d]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-40851c2d]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-40851c2d]{margin-left:10px}.cs-action-detail-relative-case-dialog[data-v-d4858467]{max-height:500px;width:500px;overflow-y:auto}.cs-action-detail-relative-case-dialog .content-row[data-v-d4858467]{line-height:24px;display:flex}.cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-d4858467]{width:110px}[dir=ltr] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-d4858467]{margin-right:15px;text-align:right}[dir=rtl] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-d4858467]{margin-left:15px;text-align:left}.cs-action-detail-relative-case-dialog .case-operation-detail[data-v-d4858467]{border-top:1px dashed #ccc;white-space:normal}[dir=ltr] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-d4858467]{padding:10px 10px 0 48px}[dir=rtl] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-d4858467]{padding:10px 48px 0 10px}.communication-detail .service-list-row[data-v-3e415197]{display:flex}.communication-detail .service-list-row .secret-text[data-v-3e415197]{width:130px}.communication-detail[data-v-3e415197] .mtd-form-item,.communication-detail[data-v-3e415197] .cs-mtd-form-item{margin-bottom:5px}.communication-call-detail[data-v-0ddb2be2]{width:460px}.communication-call-detail .service-list-row[data-v-0ddb2be2]{display:flex}.communication-call-detail[data-v-0ddb2be2] .mtd-form-item,.communication-call-detail[data-v-0ddb2be2] .cs-mtd-form-item{margin-bottom:5px}.communication-chat-detail[data-v-05e19807]{width:540px}.communication-chat-detail[data-v-05e19807] .mtd-form-item,.communication-chat-detail[data-v-05e19807] .cs-mtd-form-item{margin-bottom:5px}.communication-contact-detail[data-v-8e852918]{width:460px}.communication-outbound-detail[data-v-2faaa149]{width:540px}.communication-outbound-detail .service-list-row[data-v-2faaa149]{display:flex}.communication-outbound-detail[data-v-2faaa149] .mtd-form-item,.communication-outbound-detail[data-v-2faaa149] .cs-mtd-form-item{margin-bottom:5px}.action-related-information[data-v-b6f9005b]{width:500px;height:280px;margin:15px 15px 10px}.action-related-information .content-row[data-v-b6f9005b]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-related-information .content-row .content-row-left[data-v-b6f9005b]{width:80px;flex-shrink:0}[dir=ltr] .action-related-information .content-row .content-row-left[data-v-b6f9005b]{text-align:left;margin-right:15px}[dir=rtl] .action-related-information .content-row .content-row-left[data-v-b6f9005b]{text-align:right;margin-left:15px}.action-related-information .content-row .content-row-right-audio[data-v-b6f9005b]{display:flex;align-items:center}.action-related-information .content-row .content-row-right[data-v-b6f9005b]{flex:1}.action-detail-list[data-v-d027aeda]{display:flex;flex-flow:row wrap;gap:0 4px}.action-detail-list .action-icon[data-v-d027aeda]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-detail-list .action-icon[data-v-d027aeda]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-detail-list .action-icon-disabled[data-v-d027aeda]{opacity:.5;pointer-events:none}.action-detail-list .action-detail-adjust[data-v-d027aeda]:before{content:"调"}.action-detail-list .action-detail-icon-to-mt[data-v-d027aeda]{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-d027aeda]{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-d027aeda]{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-7b9663a0]{color:var(--cs-common-primary1-color);cursor:pointer}.attachment-list-img[data-v-9796a8e4]{width:100px}.expanded[data-v-d4b8e4f0]{height:auto;overflow:visible}.service-info-board-table-container[data-v-afd45ad1]{width:100%}.service-info-board-table-container .service-info-board-table[data-v-afd45ad1]{max-height:700px;overflow:auto}.service-info-board-table-container .service-info-board-pagination[data-v-afd45ad1]{margin-top:12px;display:flex;justify-content:center}.service-info-board-table-container[data-v-afd45ad1] tbody .cs-mtd-table-cell{display:flow}.service-info-board-table-container[data-v-afd45ad1] thead .cs-mtd-table-cell{text-align:start}.service-info-board-mail[data-v-6daa54a5],.service-info-board-compensation[data-v-2dfa0d4e]{width:100%}.custom-collapse .collaps[data-v-bdd044f8]{overflow:auto}.custom-collapse[data-v-bdd044f8] .mtd-collapse-item,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item{margin:3px 3px 10px;border-bottom-style:none}.custom-collapse[data-v-bdd044f8] .mtd-collapse-arrow,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-arrow{line-height:32px}.custom-collapse[data-v-bdd044f8] .mtd-collapse-item-content,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item-content{padding:0;margin-bottom:16px}.custom-collapse[data-v-bdd044f8] .mtd-collapse,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse{border:none}.custom-collapse[data-v-bdd044f8] .mtd-collapse-item-header,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item-header{background-color:var(--cs-common-primary4-color);border-radius:4px;height:32px;min-height:32px!important}[dir=ltr] .custom-collapse[data-v-bdd044f8] .mtd-collapse-item-header,[dir=ltr] .custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item-header{padding:3px 12px 3px 38px}[dir=rtl] .custom-collapse[data-v-bdd044f8] .mtd-collapse-item-header,[dir=rtl] .custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item-header{padding:3px 38px 3px 12px}.custom-collapse[data-v-bdd044f8] .mtd-collapse-item:last-child,.custom-collapse[data-v-bdd044f8] .cs-mtd-collapse-item:last-child{margin-bottom:20px}.service-info-board-table-container[data-v-73244481]{width:100%}.service-info-board-table-container .service-info-board-table[data-v-73244481]{overflow:auto}.service-info-board-table-container .service-info-board-pagination[data-v-73244481]{margin-top:12px;display:flex;justify-content:center}.service-log-collapse[data-v-0326e108]{overflow:auto;max-height:700px}.service-log-collapse .collapse-title-layout[data-v-0326e108]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content-case[data-v-0326e108]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-0326e108]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-log-collapse .collapse-title-layout .expand-head-case[data-v-0326e108]{margin-top:3px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-0326e108]{font-weight:600;font-size:14px;display:inline-block}[dir=ltr] .service-log-collapse .collapse-title-layout .collapse-title-content[data-v-0326e108]{margin-left:90px}[dir=rtl] .service-log-collapse .collapse-title-layout .collapse-title-content[data-v-0326e108]{margin-right:90px}.service-info-board-summary[data-v-6c183b1f],.service-info-board-table-container[data-v-42bce5ea]{width:100%}.service-info-board-table-container .service-info-board-table[data-v-42bce5ea]{overflow:auto;max-height:700px}.service-info-board-table-container .service-info-board-pagination[data-v-42bce5ea]{margin-top:12px;display:flex;justify-content:center}.service-log-collapse[data-v-da298ec2]{overflow:auto;max-height:700px}.service-log-collapse .collapse-title-layout[data-v-da298ec2]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-da298ec2]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-da298ec2]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-info-board-summary[data-v-a0ca04da],.service-info-board-call[data-v-9a3edb87],.service-info-board-outbound[data-v-31cef81d],.service-info-board-sms[data-v-9d8e30fa],.service-info-board-chat[data-v-257a1a9c]{width:100%}.communication-search[data-v-1366db53]{margin-bottom:10px}.communication-search-form[data-v-1366db53]{background:#f7f7f7;border-radius:4px;padding:16px}.communication-search .mtd-form-item[data-v-1366db53],.communication-search .cs-mtd-form-item[data-v-1366db53]{margin-bottom:0}[dir=ltr] .communication-search .switch-self-contained[data-v-1366db53]{margin-right:7px}[dir=rtl] .communication-search .switch-self-contained[data-v-1366db53]{margin-left:7px}.communication-search .title[data-v-1366db53]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.communication-search .communication-types[data-v-1366db53]{display:flex;align-items:center}.communication-search .communication-types .select-all-checkbox[data-v-1366db53]{color:var(--color-danger-1)}[dir=ltr] .communication-search .communication-types .select-all-checkbox[data-v-1366db53]{margin-right:32px}[dir=rtl] .communication-search .communication-types .select-all-checkbox[data-v-1366db53]{margin-left:32px}.communication-search .communication-types .communication-types-items[data-v-1366db53]{display:flex;flex-wrap:wrap}[dir=ltr] .communication-search .communication-types .communication-types-items .communication-types-item[data-v-1366db53]{margin-right:32px}[dir=rtl] .communication-search .communication-types .communication-types-items .communication-types-item[data-v-1366db53]{margin-left:32px}.action-button[data-v-601c72a6]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-601c72a6]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-601c72a6] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-601c72a6] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-601c72a6] .case-log-detail-btn-badge .mtd-badge-position,[data-v-601c72a6] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-601c72a6] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-601c72a6] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-601c72a6] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-601c72a6] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.service-info-board-communication[data-v-46d797e2]{width:100%}: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}.block-header-hot-zone[data-v-40024e30]{display:flex;align-items:center;height:100%}[dir=ltr] .block-header-hot-zone[data-v-40024e30]{margin-right:6px}[dir=rtl] .block-header-hot-zone[data-v-40024e30]{margin-left:6px}.header-expand-btn[data-v-40024e30]{height:20px;width:20px;border-radius:4px;position:relative;cursor:pointer}[dir=ltr] .header-expand-btn[data-v-40024e30]{margin-right:10px}[dir=rtl] .header-expand-btn[data-v-40024e30]{margin-left:10px}.header-expand-btn[data-v-40024e30]:hover{background:#1119250d}.expand-icon[data-v-40024e30]{font-size:15px;color:#1a1a1a;position:absolute;top:50%}[dir=ltr] .expand-icon[data-v-40024e30]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .expand-icon[data-v-40024e30]{right:50%;transform:translate(50%,-50%)}.block-header[data-v-40024e30]{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)}[dir=ltr] .block-header[data-v-40024e30]{margin:12px 12px 16px 8px}[dir=rtl] .block-header[data-v-40024e30]{margin:12px 8px 16px 12px}.block-content[data-v-40024e30]{padding:0 16px}.block-content[data-v-40024e30] .node-render .lc-block .lc-block-content{padding:0}.block-title[data-v-40024e30]{font-size:var(--font-size-4);color:#111925;letter-spacing:0;line-height:18px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .block-title[data-v-40024e30]{margin-left:8px}[dir=rtl] .block-title[data-v-40024e30]{margin-right:8px}.empty-icon[data-v-40024e30]{width:28px}.block-step[data-v-40024e30]{display:flex}[dir=ltr] .block-step[data-v-40024e30]{margin-left:8px}[dir=rtl] .block-step[data-v-40024e30]{margin-right:8px}[data-v-40024e30] [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-2d6dc9d2]{display:flex;align-items:center}.business-refresh-btn-loading[data-v-2d6dc9d2]{cursor:not-allowed}.icon-csshuaxin-new[data-v-2d6dc9d2]{border-radius:2px;cursor:pointer;line-height:16px}.icon-csshuaxin-new[data-v-2d6dc9d2]:hover{background-color:var(--cs-common-primary1-color, #e6e7eb)}[data-v-2d6dc9d2] [class*=mtd-btn-before] [class*=mtd-btn-spin]{margin:0;color:#a8afb8;font-size:14px}[data-v-2d6dc9d2] [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}[dir=ltr] .header-title[data-v-f86c8081]{margin-right:8px}[dir=rtl] .header-title[data-v-f86c8081]{margin-left:8px}.business-operation[data-v-f826a5ca]{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:6px}[dir=ltr] .business-operation .business-operation-btn[data-v-f826a5ca]{margin:6px 0 0 8px}[dir=rtl] .business-operation .business-operation-btn[data-v-f826a5ca]{margin:6px 8px 0 0}.expand-collect.expand-collect-flex[data-v-7f99a412]{display:flex}.expand-collect[data-v-7f99a412]::-webkit-scrollbar{display:none}.expand-collect_container[data-v-7f99a412]{position:relative;overflow:hidden}.unfolded[data-v-7f99a412]{max-height:246px;overflow-y:scroll}.expand-collect__btn[data-v-7f99a412]{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-7f99a412]{overflow:hidden}.expand-icon[data-v-7f99a412]{font-size:14px}.expand-collect-column[data-v-7f99a412]{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-7f99a412]{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-7f99a412]:before,.expand-collect-column>div[data-v-7f99a412]:after{content:"";width:152px;height:1px;background-color:var(--cs-common-primary-color, #00BA73);margin:0 25px}.expand-collect-column[data-v-7f99a412] .mtdicon{vertical-align:top}.page-menu-container[data-v-24431712]{position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.page-menu-hidden-container[data-v-24431712]{width:30px;display:flex;align-items:center;justify-content:center;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}[dir=ltr] .page-menu-hidden-container[data-v-24431712]{border-radius:0 12px 12px 0}[dir=rtl] .page-menu-hidden-container[data-v-24431712]{border-radius:12px 0 0 12px}.menu-title[data-v-24431712]{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}.menu-icon-list-view[data-v-24431712]{margin:9px 0}.page-menu-expand-container[data-v-24431712]{max-height:480px;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f}[dir=ltr] .page-menu-expand-container[data-v-24431712]{border-radius:0 12px 12px 0}[dir=rtl] .page-menu-expand-container[data-v-24431712]{border-radius:12px 0 0 12px}.expand-menu-header[data-v-24431712]{display:flex;justify-content:space-between;align-items:center;height:40px;cursor:pointer}[dir=ltr] .expand-menu-header[data-v-24431712]{padding:17px 18px 8px 20px}[dir=rtl] .expand-menu-header[data-v-24431712]{padding:17px 20px 8px 18px}.horizontal-line[data-v-24431712]{height:0;border-bottom:1px solid #f0f0f0}[dir=ltr] .horizontal-line[data-v-24431712]{margin:0 0 10px 20px}[dir=rtl] .horizontal-line[data-v-24431712]{margin:0 20px 10px 0}.expand-menu-title[data-v-24431712]{font-weight:var(--font-weight-regular);font-size:var(--font-size-2);color:#7d7d7de6;line-height:var(--line-height-3)}.mtdicon-close[data-v-24431712]{font-size:var(--font-size-3);cursor:pointer}.expand-menu-group[data-v-24431712]{display:flex;flex-direction:column;padding-bottom:18px;overflow-y:overlay}.expand-menu-group[data-v-24431712]::-webkit-scrollbar-thumb{background-color:transparent}.expand-menu-group[data-v-24431712]:hover::-webkit-scrollbar-thumb{background-color:#ddd}.expand-menu-item[data-v-24431712]{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}[dir=ltr] .expand-menu-item .menu-item-first-index[data-v-24431712]{margin-right:2px}[dir=rtl] .expand-menu-item .menu-item-first-index[data-v-24431712]{margin-left:2px}.expand-menu-item .menu-item-first[data-v-24431712]{font-weight:600}.expand-menu-item .menu-item-first[data-v-24431712]:hover{color:var(--cs-common-primary-color)}.expand-menu-item .menu-item-second[data-v-24431712]{color:#111925;margin:8px 20px}.expand-menu-item .menu-item-second[data-v-24431712]:hover{color:var(--cs-common-primary-color)}[dir=ltr] .page-menu-container[data-v-24431712]{left:0}[dir=rtl] .page-menu-container[data-v-24431712]{right:0}.page-menu-container .page-menu-expand-container[data-v-24431712]{display:none}.page-menu-container:hover .page-menu-expand-container[data-v-24431712],.page-menu-container.is-dragging .page-menu-expand-container[data-v-24431712]{display:block}.page-menu-container:hover .page-menu-hidden-container[data-v-24431712],.page-menu-container.is-dragging .page-menu-hidden-container[data-v-24431712]{display:none}.multi-tab-container[data-v-3b918474]{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-3b918474]{max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-tab-container .multi-order-tab[data-v-3b918474]{height:32px}.multi-tab-container .multi-order-tab[data-v-3b918474]>[class*=mtd-tabs-nav] [class*=mtd-tabs-nav-container]{background-color:#f3f3f4}.multi-tab-container .multi-order-tab[data-v-3b918474]>[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-3b918474]>[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-3b918474]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-label]{justify-content:space-between}.multi-tab-container .multi-order-tab[data-v-3b918474]>[class*=mtd-tabs-content]{display:none}.multi-tab-container .multi-order-tab-pane-content[data-v-3b918474]{height:calc(100% - 32px);flex-grow:1;display:flex;flex-direction:column}.scroll-buttons[data-v-d54e2ef7]{position:fixed;bottom:110px;display:flex;flex-direction:column;gap:8px;z-index:100}[dir=ltr] .scroll-buttons[data-v-d54e2ef7]{right:24px}[dir=rtl] .scroll-buttons[data-v-d54e2ef7]{left:24px}.scroll-buttons .scroll-button[data-v-d54e2ef7]{width:48px;height:48px;padding: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-d54e2ef7] .mtd-btn-before{font-size:20px}.scroll-buttons .scroll-button[data-v-d54e2ef7]:hover{transform:translateY(-2px)}.business-detail-template[data-v-9df37b89]{position:relative;height:100%;width:100%;background-color:#f3f3f4;display:flex;flex-direction:column}.business-detail-template .business-operation-affix[data-v-9df37b89]{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-9df37b89]{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-9df37b89]{position:relative;z-index:3}.business-detail-template .business-detail-scroll-container[data-v-9df37b89]{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-9df37b89]::-webkit-scrollbar{display:none}:root{font-family:Inter,system-ui,Avenir,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}[dir=ltr] .object-selector-container .selector-content .lc-block-content{padding:0 16px 16px 0!important}[dir=rtl] .object-selector-container .selector-content .lc-block-content{padding:0 0 16px 16px!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-329ef097]{font-size:var(--font-size-1);border-radius:4px;text-align:center}.option-item[data-v-329ef097]{position:relative;display:flex;align-items:start}[dir=ltr] .option-item[data-v-329ef097]{padding:2px 0 2px 26px}[dir=rtl] .option-item[data-v-329ef097]{padding:2px 26px 2px 0}.option-item[data-v-329ef097]:hover{background-color:#0000000a;border-radius:4px;cursor:pointer}.option-item .zhushou-tag[data-v-329ef097]{position:absolute;width:20px;height:20px;line-height:20px;background-color:var(--cs-common-primary4-color);color:var(--cs-common-primary-color)}[dir=ltr] .option-item .zhushou-tag[data-v-329ef097]{left:0}[dir=rtl] .option-item .zhushou-tag[data-v-329ef097]{right:0}.option-item .question-item-content[data-v-329ef097]{display:flex}.option-item .question-item-content .faq-option-item[data-v-329ef097]{display:flex;align-items:center}.option-item .question-item-content .faq-option-item .mtd-right-icon[data-v-329ef097]{margin:0 4px;color:#11192573}.option-item .option-item-ellipsis[data-v-329ef097],.option-item .option-item-gray[data-v-329ef097]{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-item .option-item-ellipsis[data-v-329ef097]{font-weight:600;color:#111925}.option-item .option-item-ellipsis[data-v-329ef097] .text-highlight{color:#ff1f1f}.option-item .option-item-gray[data-v-329ef097]{color:#111925a6}.option-item .option-item-gray[data-v-329ef097] .text-highlight{color:#ff5e5e}.option-item .question-search-tag[data-v-329ef097]{font-size:var(--font-size-1);white-space:nowrap;color:#0000004d}[dir=ltr] .option-item .question-search-tag[data-v-329ef097]{margin-left:5px}[dir=rtl] .option-item .question-search-tag[data-v-329ef097]{margin-right:5px}.option-item .question-faq-tag[data-v-329ef097]{font-size:var(--font-size-1);color:#0000004d}@keyframes scaleCircle-c8a95edc{0%{transform:scale(1)}to{transform:scale(1.4)}}.voice-input[data-v-c8a95edc]{position:relative}.voice-input__icon[data-v-c8a95edc]{width:24px;height:24px;line-height:24px;border-radius:50%;overflow:hidden;text-align:center;margin:auto;cursor:pointer}[dir=ltr] .voice-input__icon[data-v-c8a95edc]{left:0}[dir=rtl] .voice-input__icon[data-v-c8a95edc]{right:0}.voice-input__icon-default[data-v-c8a95edc]:hover{background:#0000000f}.voice-input__icon-red[data-v-c8a95edc]{background-color:#f5483b}.voice-input__dialog[data-v-c8a95edc]{display:inline-flex}.voice-input__dialog-wrap[data-v-c8a95edc]{position:relative;top:8px}[dir=ltr] .voice-input__dialog-wrap[data-v-c8a95edc]{right:6px}[dir=rtl] .voice-input__dialog-wrap[data-v-c8a95edc]{left:6px}.voice-input__dialog-wrap .voice-input__icon[data-v-c8a95edc]{position:absolute;top:0;z-index:10}.voice-input__dialog-wrap__circle[data-v-c8a95edc]{width:24px;height:24px;margin:auto;border-radius:50%;overflow:hidden;background-color:#f5483b;opacity:.3;animation:scaleCircle-c8a95edc .8s infinite}.voice-input__dialog-end[data-v-c8a95edc]{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-2ac1e4ca]{font-size:var(--font-size-1);color:#999}.switch-question-input .icon-csmicrophone[data-v-2ac1e4ca]{cursor:pointer}.no-questions-find[data-v-2ac1e4ca]{display:flex;align-items:center;justify-content:center;margin:10px 0;color:#0006}.question_list_title[data-v-2ac1e4ca]{font-size:14px;margin-bottom:5px;margin-top:8px}.question_list_item[data-v-2ac1e4ca]{margin-top:14px}.search-more-btn[data-v-2ac1e4ca]{font-size:12px}[dir=ltr] .search-more-btn[data-v-2ac1e4ca]{margin:10px 0 0 12px}[dir=rtl] .search-more-btn[data-v-2ac1e4ca]{margin:10px 12px 0 0}[dir=ltr] .search-more-btn .mtdicon-right[data-v-2ac1e4ca]{margin-left:6px}[dir=rtl] .search-more-btn .mtdicon-right[data-v-2ac1e4ca]{margin-right:6px}.search-more-btn[data-v-2ac1e4ca]:hover{background:none}.horizontal-line[data-v-2ac1e4ca]{border-top:1px solid #f0f0f0;margin:10px 0}.forbidden-tips[data-v-2ac1e4ca]{text-align:center;margin:15px 0}.tab-content[data-v-2ac1e4ca]{position:relative;min-height:20px}.list-bulleted-icon[data-v-f266abca]{cursor:pointer}.tree-container[data-v-f266abca]{position:relative;isolation:isolate}.tree-container .question-item[data-v-f266abca]{display:flex;align-items:center}[dir=ltr] .tree-container .question-item .question-item-name[data-v-f266abca]{margin-left:16px}[dir=rtl] .tree-container .question-item .question-item-name[data-v-f266abca]{margin-right:16px}.tree-container .option-tag[data-v-f266abca]{font-size:var(--font-size-1);height:20px;border-radius:4px;line-height:20px;text-align:center}.tree-container .zhushou-tag[data-v-f266abca]{position:absolute;width:20px;height:20px;line-height:20px;background-color:var(--cs-common-primary4-color);color:var(--cs-common-primary-color)}[dir=ltr] .tree-container .zhushou-tag[data-v-f266abca]{left:8px}[dir=rtl] .tree-container .zhushou-tag[data-v-f266abca]{right:8px}.tree-container .right-thick-icon[data-v-f266abca]{color:#00000040;position:absolute}[dir=ltr] .tree-container .right-thick-icon[data-v-f266abca]{right:0}[dir=rtl] .tree-container .right-thick-icon[data-v-f266abca]{left:0}.tree-container .hide-right-thick[data-v-f266abca]{display:none}.tree-container .faq-item[data-v-f266abca]{display:flex;align-items:center}.tree-container[data-v-f266abca] [class*=mtd-cascader-menus]{max-height:200px}.tree-container[data-v-f266abca] [class*=mtd-cascader-menu-item-expand-icon]{display:none}.no-data-info[data-v-f266abca]{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-19b34948]{border-bottom:solid 1px #f0f0f0}.search-recommend-container[data-v-19b34948]{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-19b34948]{cursor:pointer;padding:4px}.search-recommend-container .list-bulleted-icon[data-v-19b34948]:hover{background-color:#0000000a}.search-recommend-container .recommend-container[data-v-19b34948]{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.search-recommend-container .recommend-container .question-container[data-v-19b34948]{display:flex;flex-grow:1;overflow:hidden}[dir=ltr] .search-recommend-container .recommend-container .question-container[data-v-19b34948]{margin-right:8px}[dir=rtl] .search-recommend-container .recommend-container .question-container[data-v-19b34948]{margin-left:8px}.search-recommend-container .recommend-container .question-container[data-v-19b34948]>:not(:first-child):before{content:"";height:14px}[dir=ltr] .search-recommend-container .recommend-container .question-container[data-v-19b34948]>:not(:first-child):before{border-left:1px solid #f0f0f0;margin-right:8px}[dir=rtl] .search-recommend-container .recommend-container .question-container[data-v-19b34948]>:not(:first-child):before{border-right:1px solid #f0f0f0;margin-left:8px}[dir=ltr] .search-recommend-container .recommend-container .question-container[data-v-19b34948]>:first-child{padding-left:8px}[dir=rtl] .search-recommend-container .recommend-container .question-container[data-v-19b34948]>:first-child{padding-right:8px}.search-recommend-container .recommend-container .question-showall-btn[data-v-19b34948]{cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}[dir=ltr] .search-recommend-container .recommend-container .question-showall-btn[data-v-19b34948]{margin-left:auto}[dir=rtl] .search-recommend-container .recommend-container .question-showall-btn[data-v-19b34948]{margin-right:auto}.search-recommend-container .recommend-container .question-showall-btn[data-v-19b34948]:hover{background-color:#0000000a}.search-recommend-container[data-v-19b34948] [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-19b34948] [class*=mtd-input-group]:not([class*=mtd-input-group-prepend]):hover{border-color:var(--cs-common-primary-color)}.search-recommend-container[data-v-19b34948] [class*=mtd-input-group]:not([class*=mtd-input-group-prepend]) [class*=mtd-input-group-prepend]{background:none;border:none}.search-recommend-container[data-v-19b34948] [class*=mtd-input-wrapper]{width:100%;padding:0;height:32px;border:none}.search-recommend-container[data-v-19b34948] [class*=mtd-input-wrapper] [class*=mtd-input]{color:#111925;cursor:text}[dir=ltr] .search-recommend-container[data-v-19b34948] [class*=mtd-input-wrapper] [class*=mtd-input-suffix-inner]{margin-right:8px}[dir=rtl] .search-recommend-container[data-v-19b34948] [class*=mtd-input-wrapper] [class*=mtd-input-suffix-inner]{margin-left:8px}.question-item[data-v-19b34948]{min-width:120px;display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;border-radius:6px;align-items:center}[dir=ltr] .question-item[data-v-19b34948]{padding:4px 8px 4px 0}[dir=rtl] .question-item[data-v-19b34948]{padding:4px 0 4px 8px}.question-item[data-v-19b34948]:hover{background-color:#0000000a}.question-item .question-name[data-v-19b34948]{color:#111925;overflow:hidden;text-overflow:ellipsis}.popver-question-container[data-v-19b34948]{max-height:180px;display:flex;flex-direction:column;overflow-y:scroll}.popver-question-container .question-item[data-v-19b34948]{flex-shrink:0;width:140px}[dir=ltr] .popver-question-container .question-item[data-v-19b34948]{padding:7px 4px 7px 8px}[dir=rtl] .popver-question-container .question-item[data-v-19b34948]{padding:7px 8px 7px 4px}.popver-question-container .question-item .question-name[data-v-19b34948]{line-height:22px}.zhushou-tag[data-v-19b34948]{width:20px;border-radius:4px;background:#ebf8f3;font-size:var(--font-size-1);color:var(--color-primary-2);flex-shrink:0;text-align:center}[dir=ltr] .zhushou-tag[data-v-19b34948]{margin-right:4px}[dir=rtl] .zhushou-tag[data-v-19b34948]{margin-left:4px}.search-recommend-select-popover-service-butler{min-width:500px}[dir=ltr] .search-recommend-select-popover-service-butler{margin-left:-35px}[dir=rtl] .search-recommend-select-popover-service-butler{margin-right:-35px}.search-recommend-select-popover-service-butler .tab-content{max-height:400px;overflow-y:scroll}.related-knowledge[data-v-253c63f4]{line-height:32px}.related-knowledge .no-knowledge[data-v-253c63f4]{display:flex}.related-knowledge .knowledge-list[data-v-253c63f4]{display:flex;column-gap:10px;margin:0}[dir=ltr] .related-knowledge .knowledge-list[data-v-253c63f4]{padding-left:0}[dir=rtl] .related-knowledge .knowledge-list[data-v-253c63f4]{padding-right:0}.related-knowledge .knowledge-list-row[data-v-253c63f4]{flex-direction:row;flex-wrap:wrap;list-style-type:none}.related-knowledge .knowledge-list-column[data-v-253c63f4]{flex-direction:column}.related-knowledge .knowledge-link[data-v-253c63f4]{display:flex;color:var(--cs-common-primary-color);letter-spacing:0}.related-knowledge .knowledge-link[data-v-253c63f4] :hover{text-decoration:underline}.related-knowledge .knowledge-list .knowledge-link[data-v-253c63f4]{cursor:pointer;font-size:14px}.faq-recommend-container[data-v-b1d3e9f1]{display:flex;flex-wrap:wrap;gap:12px}.faq-recommend-container .recommand-item[data-v-b1d3e9f1]{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-b1d3e9f1]{border-color:var(--cs-common-primary-color);color:var(--cs-common-primary-color)}.faq-recommend-container .recommand-item[data-v-b1d3e9f1]:hover{background-color:#eaecf0}.faq-recommend-container .selected-button-corner[data-v-b1d3e9f1]{position:absolute;bottom:0;width:0;height:0;border:10px solid var(--cs-common-primary-color)}[dir=ltr] .faq-recommend-container .selected-button-corner[data-v-b1d3e9f1]{right:0;border-color:transparent var(--cs-common-primary-color) var(--cs-common-primary-color) transparent}[dir=rtl] .faq-recommend-container .selected-button-corner[data-v-b1d3e9f1]{left:0;border-color:transparent transparent var(--cs-common-primary-color) var(--cs-common-primary-color)}.faq-recommend-container .select-button-icon[data-v-b1d3e9f1]{color:#fff;position:absolute;bottom:0;z-index:1000;size:7px;font-size:10px;font-weight:1000;transform:scale(.6)}[dir=ltr] .faq-recommend-container .select-button-icon[data-v-b1d3e9f1]{right:0}[dir=rtl] .faq-recommend-container .select-button-icon[data-v-b1d3e9f1]{left:0}.faq-select-container[data-v-d9779db7]{position:relative}.faq-select-container[data-v-d9779db7] [class*=mtd-cascader]{width:200px}.service-created-info .case-link[data-v-dd5c4f2c]{color:var(--cs-common-primary-color);cursor:pointer}.service-created-container [class*=mtd-card][data-v-476da069]{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-476da069]{display:flex;align-items:center}.service-created-container .title-icon-warning[data-v-476da069]{font-size:18px;height:18px;width:18px;color:#ff9d00}[dir=ltr] .service-created-container .title-icon-warning[data-v-476da069]{margin-right:5px}[dir=rtl] .service-created-container .title-icon-warning[data-v-476da069]{margin-left:5px}.service-created-container .title-text[data-v-476da069]{color:#000c;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.question-confirm-container[data-v-893c9e63]{display:flex;flex-direction:column;gap:12px}.question-confirm-container .question-confirm-selector[data-v-893c9e63]{display:flex;align-items:flex-start;gap:12px}.question-confirm-container .question-confirm-selector .faq-select-label[data-v-893c9e63]{white-space:nowrap;color:var(--color-text-3);line-height:32px}.question-confirm-container .question-confirm-selector .question-desc-icon[data-v-893c9e63]{cursor:pointer;line-height:32px}[dir=ltr] .question-confirm-container .faq-recommend[data-v-893c9e63]{margin-left:96px}[dir=rtl] .question-confirm-container .faq-recommend[data-v-893c9e63]{margin-right:96px}.communication-search-form[data-v-90c91121]{background:#f7f7f7;border-radius:4px;padding:16px}[dir=ltr] .communication-search .switch-self-contained[data-v-90c91121]{margin-right:7px}[dir=rtl] .communication-search .switch-self-contained[data-v-90c91121]{margin-left:7px}.communication-search .title[data-v-90c91121]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.communication-search .communication-types[data-v-90c91121]{display:flex;align-items:center}.communication-search .communication-types .select-all-checkbox[data-v-90c91121]{color:var(--color-danger-1)}[dir=ltr] .communication-search .communication-types .select-all-checkbox[data-v-90c91121]{margin-right:16px}[dir=rtl] .communication-search .communication-types .select-all-checkbox[data-v-90c91121]{margin-left:16px}.communication-search .communication-types .communication-types-items[data-v-90c91121]{display:flex;flex-wrap:wrap}.communication-search .mb-20[data-v-90c91121]{margin-bottom:20px!important}.communication-search .ta-start[data-v-90c91121] .cs-mtd-form-item-label,.communication-search .ta-start[data-v-90c91121] .mtd-form-item-label{text-align:start!important}.service-process-header-tab[data-v-928ca47e]{margin-bottom:8px}[dir=ltr] .service-process-header .switch-self-contained[data-v-928ca47e]{margin-right:7px}[dir=rtl] .service-process-header .switch-self-contained[data-v-928ca47e]{margin-left:7px}.service-process-header .title[data-v-928ca47e]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-928ca47e]{flex:0 0 56px}[dir=ltr] .service-process-header .search-title[data-v-928ca47e]{margin-right:10px}[dir=rtl] .service-process-header .search-title[data-v-928ca47e]{margin-left:10px}.service-process-header .cancel-title[data-v-928ca47e]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-928ca47e]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-928ca47e],.service-process-header .form-line-center-left[data-v-928ca47e]{display:flex}.service-process-header .form-line-center-left-center[data-v-928ca47e],.service-process-header .form-line-center-right-center[data-v-928ca47e]{display:flex;align-items:center}.service-process-header .form-line[data-v-928ca47e],.service-process-header .form-line-right[data-v-928ca47e],.service-process-header .form-line-left[data-v-928ca47e]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-928ca47e]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-928ca47e]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-928ca47e]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-928ca47e]{justify-content:space-between}.service-process-header .refresh-button[data-v-928ca47e]{font-weight:900}[dir=ltr] .service-process-header .search-btn[data-v-928ca47e]{margin-right:10px}[dir=rtl] .service-process-header .search-btn[data-v-928ca47e]{margin-left:10px}.service-process-header .w-120[data-v-928ca47e]{width:120px}.service-process-header .w-160[data-v-928ca47e]{width:160px}.service-process-header .full-w[data-v-928ca47e]{width:100%}.service-process-header .w-200[data-v-928ca47e]{width:200px}.service-process-header .w-240[data-v-928ca47e]{width:240px}.service-process-header .fix-w-105[data-v-928ca47e]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-928ca47e]{flex:0 0 200px}.service-process-header .auto-w-200[data-v-928ca47e]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-928ca47e]{width:180px}[dir=ltr] .service-process-header .mr-24[data-v-928ca47e]{margin-right:24px}[dir=rtl] .service-process-header .mr-24[data-v-928ca47e]{margin-left:24px}[dir=ltr] .service-process-header .mr-4[data-v-928ca47e]{margin-right:4px}[dir=rtl] .service-process-header .mr-4[data-v-928ca47e]{margin-left:4px}.service-process-header .pointer[data-v-928ca47e]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-928ca47e]{margin-top:6px}[dir=ltr] .service-process-header .service-process-filter-item[data-v-928ca47e]:last-child{margin-right:16px}[dir=rtl] .service-process-header .service-process-filter-item[data-v-928ca47e]:last-child{margin-left:16px}.service-process-header .fold-btn[data-v-928ca47e]{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-928ca47e] .mtd-radio-group-slider,.service-process-header[data-v-928ca47e] .cs-mtd-radio-group-slider{display:flex;flex-wrap:nowrap}.service-process-header[data-v-928ca47e] .mtd-radio-button-slider,.service-process-header[data-v-928ca47e] .cs-mtd-radio-button-slider{height:28px;line-height:1}[dir=ltr] .service-process-header[data-v-928ca47e] .mtd-checkbox,[dir=ltr] .service-process-header[data-v-928ca47e] .cs-mtd-checkbox{margin-right:16px}[dir=rtl] .service-process-header[data-v-928ca47e] .mtd-checkbox,[dir=rtl] .service-process-header[data-v-928ca47e] .cs-mtd-checkbox{margin-left:16px}.service-process-header[data-v-928ca47e] .mtd-form-item,.service-process-header[data-v-928ca47e] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-928ca47e] .mtd-tabs-bottom-border,.service-process-header[data-v-928ca47e] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-928ca47e] .mtd-tabs-content,.service-process-header[data-v-928ca47e] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-928ca47e] .mtd-tabs-bar-active,.service-process-header[data-v-928ca47e] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-928ca47e] .mtd-tab-active,.service-process-header[data-v-928ca47e] .cs-mtd-tab-active,.service-process-header[data-v-928ca47e] .mtd-tabs-item:hover,.service-process-header[data-v-928ca47e] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-928ca47e] .mtd-tabs,.service-process-header[data-v-928ca47e] .cs-mtd-tabs{color:#111925d9}.case-info-name[data-v-928ca47e]{margin-top:6px;font-size:14px;line-height:18px;color:#000000e6;margin-bottom:6px}.case-info-time[data-v-928ca47e]{font-size:12px;line-height:16px;color:#000000e6;margin-bottom:6px}.service-process-header-tab[data-v-b8ee4690]{margin-bottom:8px}.service-process-header-form[data-v-b8ee4690]{background:#f7f7f7;border-radius:4px;padding:16px}[dir=ltr] .service-process-header .switch-self-contained[data-v-b8ee4690]{margin-right:7px}[dir=rtl] .service-process-header .switch-self-contained[data-v-b8ee4690]{margin-left:7px}.service-process-header .title[data-v-b8ee4690]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-b8ee4690]{flex:0 0 56px}[dir=ltr] .service-process-header .search-title[data-v-b8ee4690]{margin-right:10px}[dir=rtl] .service-process-header .search-title[data-v-b8ee4690]{margin-left:10px}.service-process-header .cancel-title[data-v-b8ee4690]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-b8ee4690]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-b8ee4690],.service-process-header .form-line-center-left[data-v-b8ee4690]{display:flex}.service-process-header .form-line-center-left-center[data-v-b8ee4690],.service-process-header .form-line-center-right-center[data-v-b8ee4690]{display:flex;align-items:center}.service-process-header .form-line[data-v-b8ee4690],.service-process-header .form-line-right[data-v-b8ee4690],.service-process-header .form-line-left[data-v-b8ee4690]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-b8ee4690]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-b8ee4690]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-b8ee4690]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-b8ee4690]{justify-content:space-between}.service-process-header .refresh-button[data-v-b8ee4690]{font-weight:900;flex:0 0 75px}[dir=ltr] .service-process-header .search-btn[data-v-b8ee4690]{margin-right:10px}[dir=rtl] .service-process-header .search-btn[data-v-b8ee4690]{margin-left:10px}.service-process-header .w-120[data-v-b8ee4690]{width:120px}.service-process-header .w-160[data-v-b8ee4690]{width:160px}.service-process-header .full-w[data-v-b8ee4690]{width:100%}.service-process-header .w-200[data-v-b8ee4690]{width:200px}.service-process-header .fix-w-105[data-v-b8ee4690]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-b8ee4690]{flex:0 0 200px}.service-process-header .fix-w-220[data-v-b8ee4690]{flex:0 0 220px}.service-process-header .auto-w-200[data-v-b8ee4690]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-b8ee4690]{width:180px}.service-process-header .pointer[data-v-b8ee4690]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-b8ee4690]{margin-top:6px}[dir=ltr] .service-process-header .service-process-filter-item[data-v-b8ee4690]:last-child{margin-right:16px}[dir=rtl] .service-process-header .service-process-filter-item[data-v-b8ee4690]:last-child{margin-left:16px}[dir=ltr] .service-process-header[data-v-b8ee4690] .mtd-checkbox,[dir=ltr] .service-process-header[data-v-b8ee4690] .cs-mtd-checkbox{margin-right:16px}[dir=rtl] .service-process-header[data-v-b8ee4690] .mtd-checkbox,[dir=rtl] .service-process-header[data-v-b8ee4690] .cs-mtd-checkbox{margin-left:16px}.service-process-header[data-v-b8ee4690] .mtd-form-item,.service-process-header[data-v-b8ee4690] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-b8ee4690] .mtd-tabs-bottom-border,.service-process-header[data-v-b8ee4690] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-b8ee4690] .mtd-tabs-content,.service-process-header[data-v-b8ee4690] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-b8ee4690] .mtd-tabs-bar-active,.service-process-header[data-v-b8ee4690] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-b8ee4690] .mtd-tab-active,.service-process-header[data-v-b8ee4690] .cs-mtd-tab-active,.service-process-header[data-v-b8ee4690] .mtd-tabs-item:hover,.service-process-header[data-v-b8ee4690] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-b8ee4690] .mtd-tabs,.service-process-header[data-v-b8ee4690] .cs-mtd-tabs{color:#111925d9}.action-icon[data-v-6c4963fd]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-icon[data-v-6c4963fd]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-6c4963fd] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-6c4963fd] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-6c4963fd] .case-log-detail-btn-badge .mtd-badge-position,[data-v-6c4963fd] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-6c4963fd] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-6c4963fd] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-6c4963fd] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-6c4963fd] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.service-process-operation-list[data-v-9c577aab]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-9c577aab]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-9c577aab]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-9c577aab]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-9c577aab]:last-child{margin-left:0}.service-process-operation-list[data-v-7243242a]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-7243242a]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-7243242a]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-7243242a]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-7243242a]:last-child{margin-left:0}.service-process-operation-list[data-v-c74643cf]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-c74643cf]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-c74643cf]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-c74643cf]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-c74643cf]:last-child{margin-left:0}[dir=ltr] .service-process-operation-list .resend-btn[data-v-c74643cf]{margin-left:10px}[dir=rtl] .service-process-operation-list .resend-btn[data-v-c74643cf]{margin-right:10px}.service-process-operation-list[data-v-9ec2e4c5]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-9ec2e4c5]{margin-right:10px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-9ec2e4c5]{margin-left:10px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-9ec2e4c5]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-9ec2e4c5]:last-child{margin-left:0}.service-process-operation-list[data-v-7c66b1d5]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-7c66b1d5]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-7c66b1d5]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-7c66b1d5]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-7c66b1d5]:last-child{margin-left:0}.service-process-operation-list[data-v-b7001036]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-b7001036]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-b7001036]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-b7001036]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-b7001036]:last-child{margin-left:0}.summary-table-wrapper[data-v-8dcea445]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-8dcea445]{overflow:auto}.summary-pagination[data-v-8dcea445]{margin-top:12px;display:flex;justify-content:center}.muti-field[data-v-8dcea445] .cs-f-secret-field{display:inline;width:auto}.case-log-content-clamp[data-v-8dcea445]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.service-item[data-v-f2577615]{font-size:14px;letter-spacing:0;font-weight:400}.item-label[data-v-f2577615]{color:#00000080;flex:0 0 auto;max-width:100px}[dir=ltr] .item-label[data-v-f2577615]{padding-right:12px}[dir=rtl] .item-label[data-v-f2577615]{padding-left:12px}.item-content[data-v-f2577615]{flex:1 1 auto;color:#000000e6}.compensate-apply-dialog[data-v-ddd303a6]{width:400px;max-width:85vh;overflow:auto;margin:20px 30px}.compensate-apply-dialog .refund-risk-warn[data-v-ddd303a6]{display:flex;height:45px;align-items:center;border-radius:3px;background:#ff00004d}.compensate-apply-dialog .refund-risk-warn .hint-icon[data-v-ddd303a6]{color:#ef4136;margin:0 10px;font-size:25px}.compensate-apply-dialog .refund-risk-warn .hint-content[data-v-ddd303a6]{margin:auto}.compensate-apply-dialog .compensate-item[data-v-ddd303a6]{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-ddd303a6]{width:120px}[dir=ltr] .compensate-apply-dialog .compensate-item-left[data-v-ddd303a6]{margin-right:10px}[dir=rtl] .compensate-apply-dialog .compensate-item-left[data-v-ddd303a6]{margin-left:10px}.compensate-apply-dialog .xiaoxiang-coupons-table[data-v-ddd303a6]{display:block;max-height:500px;overflow:auto}.dialog-sidebar[data-v-134c9ef0]{width:100px;height:400px}[dir=ltr] .dialog-sidebar[data-v-134c9ef0]{border-right:1px solid #ddd}[dir=rtl] .dialog-sidebar[data-v-134c9ef0]{border-left:1px solid #ddd}.dialog-sidebar-item[data-v-134c9ef0]{display:block;width:100%;font-weight:700}[dir=ltr] .dialog-sidebar-item[data-v-134c9ef0]{padding:5px 0 5px 20px}[dir=rtl] .dialog-sidebar-item[data-v-134c9ef0]{padding:5px 20px 5px 0}.dialog-sidebar-item-selected[data-v-134c9ef0]{background-color:#f6f6f6}.sms-content[data-v-134c9ef0]{width:450px}.case-response-mail-container[data-v-95481df4]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;min-height:50px;min-width:400px}[data-v-95481df4] .mtd-collapse-item-header,[data-v-95481df4] .cs-mtd-collapse-item-header{min-width:650px}[data-v-95481df4] .cs-mtd-collapse-item-content,[data-v-95481df4] .cs-mtd-collapse-item-rtl .cs-mtd-collapse-item-content{padding:0}[dir=ltr] .spacing[data-v-95481df4]{margin-right:10px}[dir=rtl] .spacing[data-v-95481df4]{margin-left:10px}.topic-group-empty[data-v-95481df4]{text-align:center}.topic-group-container[data-v-95481df4]{max-height:60vh;overflow-y:auto}.topic-group[data-v-95481df4]{width:600px}.topic-group[data-v-95481df4]:not(:last-child){border-width:1px 1px 0;border-style:solid;border-color:#b7b7b7}.topic-group[data-v-95481df4]:last-child{border-width:1px;border-style:solid;border-color:#b7b7b7}.topic-title[data-v-95481df4]{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-detail[data-v-95481df4]{padding:12px;max-height:500px;width:600px;overflow:auto}.mail-detail[data-v-95481df4]{width:100%;gap:10px 0}.mail-detail .response-mail-btn[data-v-95481df4]{gap:0 20px}.mail-detail .detail-field[data-v-95481df4]{width:100%}.mail-detail .detail-field-title[data-v-95481df4]{width:80px}[dir=ltr] .mail-detail .detail-field-title[data-v-95481df4]{margin-right:15px}[dir=rtl] .mail-detail .detail-field-title[data-v-95481df4]{margin-left:15px}.mail-detail .flex-row[data-v-95481df4]{display:flex;flex-direction:row}.mail-detail .flex-column[data-v-95481df4]{display:flex;flex-direction:column}.mail-detail .detail-field-content[data-v-95481df4]{width:100%}.mail-detail .detail-field-content[data-v-95481df4] .cs-f-secret-field{width:auto}.mail-detail .detail-field-content .mtd-input-wrapper[data-v-95481df4],.mail-detail .detail-field-content .cs-mtd-input-wrapper[data-v-95481df4]{width:100%}.mail-detail .detail-field-content .mtd-textarea[data-v-95481df4],.mail-detail .detail-field-content .cs-mtd-textarea[data-v-95481df4]{width:100%;resize:none}[dir=ltr] .mail-detail .attachement-item[data-v-95481df4]{margin-right:10px}[dir=rtl] .mail-detail .attachement-item[data-v-95481df4]{margin-left:10px}[dir=ltr] .mail-detail .mail-confirm-btn[data-v-95481df4]{margin-right:12px}[dir=rtl] .mail-detail .mail-confirm-btn[data-v-95481df4]{margin-left:12px}a[data-v-95481df4],a[data-v-95481df4]:hover,a[data-v-95481df4]:link,a[data-v-95481df4]:visited{text-decoration:none}.required[data-v-95481df4]{position:relative}.required[data-v-95481df4]:before{content:"*";display:inline-block;position:absolute;top:1px;color:#f54b1e;font-weight:700;font-size:16px}[dir=ltr] .required[data-v-95481df4]:before{left:-12px}[dir=rtl] .required[data-v-95481df4]:before{right:-12px}.rich-text-editor-container[data-v-95481df4]{width:100%;border:1px solid #ccc}.rich-text-editor-container .rich-text-toolbar[data-v-95481df4]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-95481df4]{overflow-y:hidden}.assistant-task-record[data-v-3c53966f]{min-width:760px;min-height:550px}.action-detail-list-compensate-approve[data-v-65ed0456]{width:400px;padding:20px}.action-detail-list-compensate-approve .compensate-approve-content-row[data-v-65ed0456]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-65ed0456]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-65ed0456]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-65ed0456]{margin-left:20px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-right[data-v-65ed0456]{flex:1}.action-detail-push[data-v-a98ab0aa]{width:400px;padding:20px}.action-detail-push .content-row[data-v-a98ab0aa]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-push .content-row .content-row-left[data-v-a98ab0aa]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-push .content-row .content-row-left[data-v-a98ab0aa]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-push .content-row .content-row-left[data-v-a98ab0aa]{text-align:right;margin-left:15px}.action-detail-push .content-row .content-row-right[data-v-a98ab0aa]{flex:1}.action-detail-push .content-row .content-row-right-textarea[data-v-a98ab0aa]{height:100px;padding:6px 10px;resize:none;border:1px solid #ddd;border-radius:2px}.action-detail-list-compensate-all[data-v-8055d88e]{width:600px;padding:20px}.action-detail-list-compensate-all .approve-flex[data-v-8055d88e]{display:flex;justify-content:space-between;align-items:center}.action-detail-list-compensate-all .field-secret-flex[data-v-8055d88e]{display:flex;justify-content:center}.action-detail-list-compensate-all .field-secret-flex .cs-f-secret-field[data-v-8055d88e]{width:auto}.action-detail-list-compensate-all .compensate-apply-id[data-v-8055d88e]{margin-bottom:10px}.action-detail-list-compensate-all[data-v-ae6f9d66]{width:600px;padding:20px}.action-detail-list-compensate-all .list-content[data-v-ae6f9d66]{max-height:65vh;overflow:scroll}.action-detail-list-compensate-all .compensate-applyid[data-v-ae6f9d66]{margin-bottom:10px}.action-detail-list-compensate-all .row-content[data-v-ae6f9d66]{width:100%;display:flex;margin-bottom:5px}.action-detail-list-compensate-all .row-content span[data-v-ae6f9d66]:nth-child(1),.action-detail-list-compensate-all .row-content span[data-v-ae6f9d66]:nth-child(2){flex:20}.action-detail-list-compensate-all .row-content span[data-v-ae6f9d66]:nth-child(3),.action-detail-list-compensate-all .row-content span[data-v-ae6f9d66]:nth-child(4){flex:30}.action-detail-list-compensate-execute[data-v-a95873e1]{width:500px;padding:20px}.action-detail-list-compensate-execute .content-row[data-v-a95873e1]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-a95873e1]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-a95873e1]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-a95873e1]{margin-left:20px}.action-detail-list-compensate-execute .content-row .compensate-execute-right[data-v-a95873e1]{flex:1}.action-detail-list-compensate-reject[data-v-6ae99d62]{width:400px;padding:20px}.action-detail-list-compensate-reject .compensate-reject-content-row[data-v-6ae99d62]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-6ae99d62]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-6ae99d62]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-6ae99d62]{margin-left:20px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-right[data-v-6ae99d62]{flex:1}.content-row[data-v-212aa8c7]{width:550px;margin:10px;display:flex;align-items:center;justify-content:start}.content-row .content-row-left[data-v-212aa8c7]{width:80px;flex-shrink:0}[dir=ltr] .content-row .content-row-left[data-v-212aa8c7]{text-align:left;margin-right:15px}[dir=rtl] .content-row .content-row-left[data-v-212aa8c7]{text-align:right;margin-left:15px}.content-row .content-row-right[data-v-212aa8c7]{flex:1}.host-summary-box li[data-v-73fc4489]{display:flex;justify-content:space-between;margin-top:10px}.host-summary-box li span[data-v-73fc4489]{display:inline-block}.host-summary-box li .host-summary-left[data-v-73fc4489]{width:80px}.host-summary-box li .host-summary-right[data-v-73fc4489]{width:240px}.cancel-reason[data-v-ad4d440b]{width:360px}[dir=ltr] .cancel-message-submit[data-v-ad4d440b]{margin-right:5px}[dir=rtl] .cancel-message-submit[data-v-ad4d440b]{margin-left:5px}.mail-record-dialog .mail-detial[data-v-ff0fac4c]{height:400px;width:600px;overflow-y:auto!important}.mail-record-dialog .content-row[data-v-ff0fac4c]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.mail-record-dialog .content-row .content-row-left[data-v-ff0fac4c]{width:80px;flex-shrink:0}[dir=ltr] .mail-record-dialog .content-row .content-row-left[data-v-ff0fac4c]{text-align:left;margin-right:15px}[dir=rtl] .mail-record-dialog .content-row .content-row-left[data-v-ff0fac4c]{text-align:right;margin-left:15px}.mail-record-dialog .content-row .content-row-right[data-v-ff0fac4c]{flex:1}.action-detail-message[data-v-1ed2c52d]{width:600px;height:400px;margin:15px 15px 10px}.action-detail-message .action-detail-message-textarea[data-v-1ed2c52d]{width:500px}.asr-player-sdk-dialog-top[data-v-4a6dfa8f]{display:flex;align-items:center;justify-content:space-between}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-4a6dfa8f]{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-4a6dfa8f]{display:flex}[dir=ltr] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-4a6dfa8f]{margin-right:24px}[dir=rtl] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-4a6dfa8f]{margin-left:24px}[dir=ltr] .dialog-top-operation-text[data-v-4a6dfa8f]{margin-right:10px}[dir=rtl] .dialog-top-operation-text[data-v-4a6dfa8f]{margin-left:10px}.asr-player-sdk-dialog-text[data-v-4a6dfa8f]{color:#333;font-size:14px;margin:5px 0;font-weight:500}.asr-player-sdk-container[data-v-4a6dfa8f]{width:896px;margin-top:10px}.asr-player-sdk-container[data-v-4a6dfa8f] .media-editor-word-wrap{max-height:50vh}.asr-player-sdk-container[data-v-4a6dfa8f] .media-editor-audio-wrap{background:var(--color-white)!important}.asr-player-sdk-dialog-tips[data-v-4a6dfa8f]{color:red;margin:4px 0}.loading[data-v-4a6dfa8f]{height:100px}.loading[data-v-4a6dfa8f] .mtd-loading-circle,.loading[data-v-4a6dfa8f] .cs-mtd-loading-circle{color:#468dfb!important}.translate-content-box[data-v-38d9434d]{height:300px;overflow:auto}.translate-content[data-v-38d9434d]{display:flex;flex-direction:row}.translate-content .head-portrait-src[data-v-38d9434d]{width:45px;height:auto}[dir=ltr] .translate-content .head-portrait-src[data-v-38d9434d]{margin-right:20px}[dir=rtl] .translate-content .head-portrait-src[data-v-38d9434d]{margin-left:20px}.translate-content-list[data-v-38d9434d]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}[dir=ltr] .translate-content-list[data-v-38d9434d]{margin-left:4px}[dir=rtl] .translate-content-list[data-v-38d9434d]{margin-right:4px}.action-detail-call[data-v-a56f5568]{min-width:500px;min-height:100px;padding:10px}.action-detail-call .content-row[data-v-a56f5568]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-call .content-row .content-row-left[data-v-a56f5568]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-call .content-row .content-row-left[data-v-a56f5568]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-call .content-row .content-row-left[data-v-a56f5568]{text-align:right;margin-left:15px}.action-detail-call .content-row .content-row-right-audio[data-v-a56f5568]{display:flex;align-items:center}.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-a56f5568]{position:relative}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-a56f5568]{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-a56f5568]{position:absolute;width:240px;top:-55px;padding:5px 10px;border:1px solid var(--cs-common-primary-color)}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-a56f5568]{left:-80px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-a56f5568]{right:-80px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a56f5568]{cursor:pointer}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a56f5568]{padding-right:10px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a56f5568]{padding-left:10px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-a56f5568]{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-a56f5568]{flex:1}.batch-closed-autocall-detail[data-v-892abb64]{width:600px;padding:10px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row[data-v-892abb64]{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-892abb64]{width:100px;text-align:end}[dir=ltr] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-892abb64]{margin-right:20px}[dir=rtl] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-892abb64]{margin-left:20px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right[data-v-892abb64]{flex:1}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right .upload-record-audio[data-v-892abb64]{margin:5px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-call-content[data-v-892abb64]{width:100%}.ivr-chat-detail-dialog[data-v-db820bb9]{width:700px;max-height:400px;overflow:auto}[dir=ltr] .ivr-chat-detail-dialog[data-v-db820bb9]{padding-right:5px}[dir=rtl] .ivr-chat-detail-dialog[data-v-db820bb9]{padding-left:5px}.ivr-chat-detail-box[data-v-db820bb9]{padding:5px 0}.ivr-chat-detail-img[data-v-db820bb9]{height:36px;width:36px}.user-content[data-v-db820bb9]{display:flex;align-content:center;flex-direction:row}.user-content .avatar[data-v-db820bb9]{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-db820bb9]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}[dir=ltr] .user-content .content[data-v-db820bb9]{margin-left:4px}[dir=rtl] .user-content .content[data-v-db820bb9]{margin-right:4px}.user-content .content .time[data-v-db820bb9]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.user-content .content .msg[data-v-db820bb9]{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-db820bb9]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .user-content .action-info[data-v-db820bb9]{margin-left:4px}[dir=rtl] .user-content .action-info[data-v-db820bb9]{margin-right:4px}.robot-content[data-v-db820bb9]{display:flex;align-content:center;flex-direction:row-reverse}.robot-content .avatar[data-v-db820bb9]{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-db820bb9]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.robot-content .content .time[data-v-db820bb9]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.robot-content .content .msg[data-v-db820bb9]{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-db820bb9]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .robot-content .action-info[data-v-db820bb9]{margin-right:4px}[dir=rtl] .robot-content .action-info[data-v-db820bb9]{margin-left:4px}.ivr-chat-detail-tag[data-v-db820bb9]{width:110px;padding:5px 20px;margin:0 auto;background:#ececec;color:#666;border-radius:20px;text-align:center}.ivr-chat-detail-time[data-v-db820bb9],.ivr-chat-detail-right[data-v-db820bb9]{color:#999}[dir=ltr] .ivr-chat-detail-right[data-v-db820bb9]{text-align:right}[dir=rtl] .ivr-chat-detail-right[data-v-db820bb9]{text-align:left}.ivr-chat-msg[data-v-db820bb9]{position:absolute;bottom:0;color:#999;font-size:12px}[dir=ltr] .ivr-chat-msg[data-v-db820bb9]{left:-32px}[dir=rtl] .ivr-chat-msg[data-v-db820bb9]{right:-32px}.ivr-chat-detail-blank[data-v-db820bb9]{color:#999;font-size:14px;text-align:center;padding:20px}.ivr-recording-details[data-v-db820bb9]{background-color:#fafafa;width:100%;display:flex;flex-direction:column}.ivr-recording-details .ivr-recording-details-header[data-v-db820bb9]{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-db820bb9]{width:100%;border:1px solid #ebebeb}.ivr-recording-details .ivr-recording-details-row[data-v-db820bb9]{width:100%;display:flex}.ivr-recording-details .ivr-recording-details-row span[data-v-db820bb9]{width:50%;margin:0 10px 10px}.ivr-recording-details .ivr-recording-details-row:first-child span[data-v-db820bb9]{width:50%;margin:10px}.task-listening[data-v-a274d3d8]{width:400px;padding:20px}.task-listening .content-row[data-v-a274d3d8]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.task-listening .content-row .content-row-left[data-v-a274d3d8]{width:80px;flex-shrink:0}[dir=ltr] .task-listening .content-row .content-row-left[data-v-a274d3d8]{text-align:left;margin-right:15px}[dir=rtl] .task-listening .content-row .content-row-left[data-v-a274d3d8]{text-align:right;margin-left:15px}.task-listening .content-row .content-row-right[data-v-a274d3d8]{flex:1}[dir=ltr] .task-listening .content-row .content-row-right .task-status[data-v-a274d3d8]{margin-right:10px}[dir=rtl] .task-listening .content-row .content-row-right .task-status[data-v-a274d3d8]{margin-left:10px}ul li[data-v-858f92a2]{line-height:24px}.stay-andon-detail[data-v-3fe90519]{width:auto}.sms-template-content[data-v-06735899]{padding:12px 24px}.cost-allocation[data-v-4c1cf746]{width:720px}.account-adjustment-apply-log .account-adjustment-apply-log-id-wrapper[data-v-547e3526]{padding:5px 0}.account-adjustment-apply-log .account-adjustment-apply-log-remark[data-v-547e3526]{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.cs-action-detail-auth-application-dialog[data-v-f8417d3c]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-f8417d3c]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-f8417d3c] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-f8417d3c] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-f8417d3c] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-f8417d3c] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-f8417d3c] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-f8417d3c]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-f8417d3c]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-f8417d3c]{margin-left:10px}.cs-action-detail-auth-application-dialog[data-v-b50a63c8]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-b50a63c8]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-b50a63c8] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-b50a63c8] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-b50a63c8] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-b50a63c8] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-b50a63c8] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-b50a63c8]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-b50a63c8]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-b50a63c8]{margin-left:10px}.cs-action-detail-relative-case-dialog[data-v-432d8718]{max-height:500px;width:500px;overflow-y:auto}.cs-action-detail-relative-case-dialog .content-row[data-v-432d8718]{line-height:24px;display:flex}.cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-432d8718]{width:110px}[dir=ltr] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-432d8718]{margin-right:15px;text-align:right}[dir=rtl] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-432d8718]{margin-left:15px;text-align:left}.cs-action-detail-relative-case-dialog .case-operation-detail[data-v-432d8718]{border-top:1px dashed #ccc;white-space:normal}[dir=ltr] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-432d8718]{padding:10px 10px 0 48px}[dir=rtl] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-432d8718]{padding:10px 48px 0 10px}.communication-detail .service-list-row[data-v-c972cb59]{display:flex}.communication-detail .service-list-row .secret-text[data-v-c972cb59]{width:130px}.communication-detail[data-v-c972cb59] .mtd-form-item,.communication-detail[data-v-c972cb59] .cs-mtd-form-item{margin-bottom:5px}.communication-call-detail[data-v-359e894c]{width:460px}.communication-call-detail .service-list-row[data-v-359e894c]{display:flex}.communication-call-detail[data-v-359e894c] .mtd-form-item,.communication-call-detail[data-v-359e894c] .cs-mtd-form-item{margin-bottom:5px}.communication-chat-detail[data-v-a4512e96]{width:540px}.communication-chat-detail[data-v-a4512e96] .mtd-form-item,.communication-chat-detail[data-v-a4512e96] .cs-mtd-form-item{margin-bottom:5px}.communication-contact-detail[data-v-556c7820]{width:460px}.communication-outbound-detail[data-v-748d4832]{width:540px}.communication-outbound-detail .service-list-row[data-v-748d4832]{display:flex}.communication-outbound-detail[data-v-748d4832] .mtd-form-item,.communication-outbound-detail[data-v-748d4832] .cs-mtd-form-item{margin-bottom:5px}.action-related-information[data-v-dd58dbcd]{width:500px;height:280px;margin:15px 15px 10px}.action-related-information .content-row[data-v-dd58dbcd]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-related-information .content-row .content-row-left[data-v-dd58dbcd]{width:80px;flex-shrink:0}[dir=ltr] .action-related-information .content-row .content-row-left[data-v-dd58dbcd]{text-align:left;margin-right:15px}[dir=rtl] .action-related-information .content-row .content-row-left[data-v-dd58dbcd]{text-align:right;margin-left:15px}.action-related-information .content-row .content-row-right-audio[data-v-dd58dbcd]{display:flex;align-items:center}.action-related-information .content-row .content-row-right[data-v-dd58dbcd]{flex:1}.summary-table-wrapper[data-v-fb9f1b35]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-fb9f1b35]{overflow:auto}.summary-pagination[data-v-fb9f1b35]{margin-top:12px;display:flex;justify-content:center}[data-v-fb9f1b35] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-fb9f1b35] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-fb9f1b35] .case-log-detail-btn-badge .mtd-badge-position,[data-v-fb9f1b35] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-fb9f1b35] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-fb9f1b35] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-fb9f1b35] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-fb9f1b35] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.summary-table-wrapper[data-v-e62b68e0]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-e62b68e0]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-e62b68e0]{display:flex}.summary-table-wrapper .send-to-name[data-v-e62b68e0]{width:80px}.summary-pagination[data-v-e62b68e0]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-e62b68e0]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-e62b68e0]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-e62b68e0]{display:flex;align-items:center}.service-process-operation-list[data-v-c8020414]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-c8020414]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-c8020414]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-c8020414]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-c8020414]:last-child{margin-left:0}.service-process-operation-list[data-v-3cfb3093]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-3cfb3093]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-3cfb3093]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-3cfb3093]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-3cfb3093]:last-child{margin-left:0}.action-button[data-v-5b01610f]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-5b01610f]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-5b01610f] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-5b01610f] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-5b01610f] .case-log-detail-btn-badge .mtd-badge-position,[data-v-5b01610f] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-5b01610f] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-5b01610f] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-5b01610f] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-5b01610f] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.communication-table-wrapper[data-v-0c5d003a]{margin-top:12px}.communication-table-wrapper .communication-table[data-v-0c5d003a]{overflow:auto}.communication-table-wrapper .service-list-row[data-v-0c5d003a]{display:flex}.communication-table-wrapper .send-to-name[data-v-0c5d003a]{width:120px}.communication-table-wrapper .department-size[data-v-0c5d003a]{font-size:13px}.communication-pagination[data-v-0c5d003a]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-0c5d003a]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-0c5d003a]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-0c5d003a]{display:flex;align-items:center}.summary-table-wrapper[data-v-822cf824]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-822cf824]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-822cf824]{display:flex}.summary-table-wrapper .send-to-name[data-v-822cf824]{width:80px}.summary-pagination[data-v-822cf824]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-822cf824]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-822cf824]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-822cf824]{display:flex;align-items:center}.action-flex .action-icon[data-v-822cf824]{margin:0 10px}.summary-table-wrapper[data-v-88a70f1d]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-88a70f1d]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-88a70f1d]{display:flex}.summary-table-wrapper .send-to-name[data-v-88a70f1d]{width:80px}.summary-pagination[data-v-88a70f1d]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-88a70f1d]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-88a70f1d]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-button[data-v-88a70f1d]{color:var(--cs-common-primary-color);cursor:pointer}.action-flex[data-v-88a70f1d]{display:flex;align-items:center;justify-content:space-evenly}.service-tag[data-v-de2a8ff6]{margin-top:12px}.service-tag .service-tag-table[data-v-de2a8ff6]{overflow:auto}.tag-pagination[data-v-de2a8ff6]{margin-top:12px;display:flex;justify-content:center}.mail-tag[data-v-3ee0462f]{margin-top:12px}.mail-tag .mail-tag-table[data-v-3ee0462f]{overflow:auto}.mail-tag .secret-input-subject[data-v-3ee0462f]{color:#017f4a;cursor:pointer;font-weight:500}.mail-tag .attachment-list-img[data-v-3ee0462f]{width:100px}.mail-pagination[data-v-3ee0462f]{margin-top:12px;display:flex;justify-content:center}.summary-table-wrapper[data-v-70e91209]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-70e91209]{overflow:auto}.summary-pagination[data-v-70e91209]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-70e91209]{display:flex}.action-icon[data-v-70e91209]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-70e91209]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-70e91209] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-70e91209] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-70e91209] .case-log-detail-btn-badge .mtd-badge-position,[data-v-70e91209] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-70e91209] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-70e91209] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-70e91209] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-70e91209] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.talking-time-len[data-v-70e91209]{display:flex}.talking-time-len[data-v-70e91209] .cs-f-secret-field{width:auto}.summary-table-wrapper[data-v-cf2d78a7]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-cf2d78a7]{overflow:auto}.summary-pagination[data-v-cf2d78a7]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-cf2d78a7]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-cf2d78a7]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-cf2d78a7]{display:flex;align-items:center;justify-content:space-evenly}.summary-table-wrapper[data-v-3f650fe6]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-3f650fe6]{overflow:auto}.summary-pagination[data-v-3f650fe6]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-3f650fe6]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-3f650fe6]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-3f650fe6]{display:flex}.action-icon[data-v-3f650fe6]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-3f650fe6]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-3f650fe6] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-3f650fe6] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-3f650fe6] .case-log-detail-btn-badge .mtd-badge-position,[data-v-3f650fe6] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-3f650fe6] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-3f650fe6] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-3f650fe6] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-3f650fe6] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.summary-table-wrapper[data-v-3dfe2483]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-3dfe2483]{overflow:auto}.summary-pagination[data-v-3dfe2483]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-3dfe2483]{display:flex;align-items:center}.action-icon[data-v-3dfe2483]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-3dfe2483]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[dir=ltr] .resend-btn[data-v-3dfe2483]{margin-left:10px}[dir=rtl] .resend-btn[data-v-3dfe2483]{margin-right:10px}.summary-table-wrapper[data-v-76a7af6c]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-76a7af6c]{overflow:auto}.summary-pagination[data-v-76a7af6c]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-76a7af6c]{display:flex}.action-icon[data-v-76a7af6c]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-76a7af6c]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.summary-table-wrapper[data-v-e2987260]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-e2987260]{overflow:auto}.summary-pagination[data-v-e2987260]{margin-top:12px;display:flex;justify-content:center}.summary-table-wrapper[data-v-85992b9f]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-85992b9f]{overflow:auto}.summary-pagination[data-v-85992b9f]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-85992b9f]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-85992b9f]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.history-tag[data-v-2ed690c7]{margin-top:12px}.history-tag .history-tag-table[data-v-2ed690c7]{overflow:auto}.history-tag .history-tag-table .flow-history-remark[data-v-2ed690c7]{height:67px;overflow:hidden}.history-tag .history-tag-table .flow-history-remark-content[data-v-2ed690c7]{height:45px;overflow:hidden}.history-tag .history-tag-table .flow-history-content-value[data-v-2ed690c7] .text-unsecret{display:block;white-space:pre-wrap}.history-tag .history-tag-table .expanded[data-v-2ed690c7]{height:auto;overflow:visible}.history-tag .history-tag-table[data-v-2ed690c7] .mtd-btn-text-primary:focus,.history-tag .history-tag-table[data-v-2ed690c7] .cs-mtd-btn-text-primary:focus{color:var(--cs-common-primary-color)}.tag-pagination[data-v-2ed690c7]{margin-top:12px;display:flex;justify-content:center}.verification-tag[data-v-c3a0d0d4]{margin-top:12px}.verification-tag .verification-tag-table[data-v-c3a0d0d4]{overflow:auto}.tag-pagination[data-v-c3a0d0d4]{margin-top:12px;display:flex;justify-content:center}.custom-collapse .collaps[data-v-acaea43c]{overflow:auto}.custom-collapse[data-v-acaea43c] .mtd-collapse-item,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item{margin:3px 3px 10px;border-bottom-style:none}.custom-collapse[data-v-acaea43c] .mtd-collapse-arrow,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse-arrow{line-height:32px}.custom-collapse[data-v-acaea43c] .mtd-collapse-item-content,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item-content{padding:0;margin-bottom:16px}.custom-collapse[data-v-acaea43c] .mtd-collapse,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse{border:none}.custom-collapse[data-v-acaea43c] .mtd-collapse-item-header,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item-header{background-color:var(--cs-common-primary4-color);border-radius:4px;height:32px;min-height:32px}[dir=ltr] .custom-collapse[data-v-acaea43c] .mtd-collapse-item-header,[dir=ltr] .custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item-header{padding:3px 12px 3px 38px}[dir=rtl] .custom-collapse[data-v-acaea43c] .mtd-collapse-item-header,[dir=rtl] .custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item-header{padding:3px 38px 3px 12px}.custom-collapse[data-v-acaea43c] .mtd-collapse-item:last-child,.custom-collapse[data-v-acaea43c] .cs-mtd-collapse-item:last-child{margin-bottom:20px}.table-layout .mtd-pagination[data-v-b18df6a9],.table-layout .cs-mtd-pagination[data-v-b18df6a9]{padding-top:8px}.table-layout .row-class[data-v-b18df6a9],.table-layout .mtd-table[data-v-b18df6a9] .mtd-table-cell,.table-layout .mtd-table[data-v-b18df6a9] .cs-mtd-table-cell,.table-layout .cs-mtd-table[data-v-b18df6a9] .mtd-table-cell,.table-layout .cs-mtd-table[data-v-b18df6a9] .cs-mtd-table-cell{font-size:14px}.table-layout .mtd-table[data-v-b18df6a9] th,.table-layout .cs-mtd-table[data-v-b18df6a9] th{font-weight:500;color:#0009}.table-layout .mtd-table[data-v-b18df6a9] .mtd-table-empty-block,.table-layout .mtd-table[data-v-b18df6a9] .cs-mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-b18df6a9] .mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-b18df6a9] .cs-mtd-table-empty-block{font-size:14px}.table-layout .pagination-layout[data-v-b18df6a9]{margin-top:12px;display:flex;justify-content:center}.summary-collapse[data-v-8d8a73f2]{margin-top:12px}.summary-collapse .collapse-title-layout[data-v-8d8a73f2]{display:flex;place-content:center space-between;line-height:28px}.summary-collapse .collapse-title-layout .expand-head-case[data-v-8d8a73f2]{margin-top:3px}.summary-collapse .collapse-title-layout .collapse-title-content[data-v-8d8a73f2]{font-weight:600;font-size:14px;display:inline-block}[dir=ltr] .summary-collapse .collapse-title-layout .collapse-title-content[data-v-8d8a73f2]{margin-left:90px}[dir=rtl] .summary-collapse .collapse-title-layout .collapse-title-content[data-v-8d8a73f2]{margin-right:90px}.summary-collapse .collapse-title-layout .expand-head[data-v-8d8a73f2]{width:50%;color:#0009;font-size:14px;font-weight:400px}.summary-case-collapse[data-v-5bf24fcf]{margin-top:12px}.summary-case-collapse .collapse-title-layout[data-v-5bf24fcf]{display:flex;place-content:center space-between;line-height:28px}.summary-case-collapse .collapse-title-layout .collapse-title-content[data-v-5bf24fcf]{font-weight:600;font-size:14px}.summary-case-collapse .collapse-title-layout .expand-head[data-v-5bf24fcf]{width:50%;color:#0009;font-size:14px;font-weight:400px}.action-detail-list[data-v-e6825a78]{display:flex;flex-flow:row wrap;gap:0 4px}.action-detail-list .action-icon[data-v-e6825a78]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-detail-list .action-icon[data-v-e6825a78]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-detail-list .action-detail-adjust[data-v-e6825a78]:before{content:"调"}.action-detail-list .action-detail-icon-to-mt[data-v-e6825a78]{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-e6825a78]{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-e6825a78]{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-1c27f1cc]{margin-top:10px;width:100%}.service-case-log .service-case-log-comment[data-v-1c27f1cc]{display:flex;align-items:start;flex-flow:row nowrap;line-height:20px}.service-case-log .service-case-log-comment[data-v-1c27f1cc]:not(:last-child){margin-bottom:6px}.service-case-log .service-case-log-comment .content-left[data-v-1c27f1cc],.service-case-log .service-case-log-comment .content-right[data-v-1c27f1cc]{display:flex;align-items:start;flex-direction:row}[dir=ltr] .service-case-log .service-case-log-comment .content-left[data-v-1c27f1cc]{margin-right:20px}[dir=rtl] .service-case-log .service-case-log-comment .content-left[data-v-1c27f1cc]{margin-left:20px}.service-case-log .service-case-log-comment .change-text-title[data-v-1c27f1cc]{white-space:nowrap;color:#00000080}[dir=ltr] .service-case-log .service-case-log-comment .change-text-title[data-v-1c27f1cc]{padding-right:8px}[dir=rtl] .service-case-log .service-case-log-comment .change-text-title[data-v-1c27f1cc]{padding-left:8px}.service-case-log .line-clamp[data-v-1c27f1cc] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.service-log-collapse[data-v-26f7c178]{margin-top:12px}.service-log-collapse .collapse-title-layout[data-v-26f7c178]{display:flex;place-content:center space-between;line-height:28px}.service-log-collapse .collapse-title-layout .collapse-title-content[data-v-26f7c178]{font-weight:600;font-size:14px}.service-log-collapse .collapse-title-layout .expand-head[data-v-26f7c178]{width:50%;color:#0009;font-size:14px;font-weight:400px}.service-log-case-table[data-v-8c882550]{margin-top:12px}.service-log-case-table .log-table[data-v-8c882550]{overflow:auto}.service-log-case-table .log-pagination[data-v-8c882550]{margin-top:12px;display:flex;justify-content:center}.service-log-case-table .line-clamp[data-v-8c882550] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.table-layout .mtd-pagination[data-v-a2c71c44],.table-layout .cs-mtd-pagination[data-v-a2c71c44]{padding-top:8px}.table-layout .row-class[data-v-a2c71c44],.table-layout .mtd-table[data-v-a2c71c44] .mtd-table-cell,.table-layout .mtd-table[data-v-a2c71c44] .cs-mtd-table-cell,.table-layout .cs-mtd-table[data-v-a2c71c44] .mtd-table-cell,.table-layout .cs-mtd-table[data-v-a2c71c44] .cs-mtd-table-cell{font-size:14px}.table-layout .mtd-table[data-v-a2c71c44] th,.table-layout .cs-mtd-table[data-v-a2c71c44] th{font-weight:500;color:#0009}.table-layout .mtd-table[data-v-a2c71c44] .mtd-table-empty-block,.table-layout .mtd-table[data-v-a2c71c44] .cs-mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-a2c71c44] .mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-a2c71c44] .cs-mtd-table-empty-block{font-size:14px}.table-layout .pagination-layout[data-v-a2c71c44]{margin-top:12px;display:flex;justify-content:center}.service-loguser-order[data-v-7faa365d]{margin-top:12px}.service-loguser-order .log-table[data-v-7faa365d]{overflow:auto}.service-loguser-order .log-pagination[data-v-7faa365d]{margin-top:12px;display:flex;justify-content:center}.service-loguser-order .line-clamp[data-v-7faa365d] .text-unsecret{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.history-tag[data-v-5bced5ba]{margin-top:12px}.history-tag .history-tag-table[data-v-5bced5ba]{overflow:auto}.tag-pagination[data-v-5bced5ba]{margin-top:12px;display:flex;justify-content:center}.service-process-list-container .no-data[data-v-349f259f],.service-process-list-container .service-process-list-loading[data-v-349f259f]{height:200px;font-size:14px;color:#11192573;font-weight:400;display:flex;justify-content:center;align-items:center}.service-process-list-container[data-v-349f259f] tbody .cs-mtd-table-cell{display:flow}.service-process-list-container[data-v-349f259f] thead .cs-mtd-table-cell{text-align:start}.service-progress-container[data-v-e5694cf4]{background:#fff}.communication-search-form[data-v-87d3e35f]{background:#f7f7f7;border-radius:4px;padding:16px}[dir=ltr] .communication-search .switch-self-contained[data-v-87d3e35f]{margin-right:7px}[dir=rtl] .communication-search .switch-self-contained[data-v-87d3e35f]{margin-left: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]{color:var(--color-danger-1)}[dir=ltr] .communication-search .communication-types .select-all-checkbox[data-v-87d3e35f]{margin-right:16px}[dir=rtl] .communication-search .communication-types .select-all-checkbox[data-v-87d3e35f]{margin-left:16px}.communication-search .communication-types .communication-types-items[data-v-87d3e35f]{display:flex;flex-wrap:wrap}.service-process-header-tab[data-v-a84a6a9c]{margin-bottom:8px}[dir=ltr] .service-process-header .switch-self-contained[data-v-a84a6a9c]{margin-right:7px}[dir=rtl] .service-process-header .switch-self-contained[data-v-a84a6a9c]{margin-left:7px}.service-process-header .title[data-v-a84a6a9c]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-a84a6a9c]{flex:0 0 56px}[dir=ltr] .service-process-header .search-title[data-v-a84a6a9c]{margin-right:10px}[dir=rtl] .service-process-header .search-title[data-v-a84a6a9c]{margin-left:10px}.service-process-header .cancel-title[data-v-a84a6a9c]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-a84a6a9c]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-a84a6a9c],.service-process-header .form-line-center-left[data-v-a84a6a9c]{display:flex}.service-process-header .form-line-center-left-center[data-v-a84a6a9c],.service-process-header .form-line-center-right-center[data-v-a84a6a9c]{display:flex;align-items:center}.service-process-header .form-line[data-v-a84a6a9c],.service-process-header .form-line-right[data-v-a84a6a9c],.service-process-header .form-line-left[data-v-a84a6a9c]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-a84a6a9c]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-a84a6a9c]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-a84a6a9c]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-a84a6a9c]{justify-content:space-between}.service-process-header .refresh-button[data-v-a84a6a9c]{font-weight:900;flex:0 0 75px}[dir=ltr] .service-process-header .search-btn[data-v-a84a6a9c]{margin-right:10px}[dir=rtl] .service-process-header .search-btn[data-v-a84a6a9c]{margin-left:10px}.service-process-header .w-120[data-v-a84a6a9c]{width:120px}.service-process-header .w-160[data-v-a84a6a9c]{width:160px}.service-process-header .full-w[data-v-a84a6a9c]{width:100%}.service-process-header .w-200[data-v-a84a6a9c]{width:200px}.service-process-header .fix-w-105[data-v-a84a6a9c]{flex:0 0 105px}.service-process-header .fix-w-200[data-v-a84a6a9c]{flex:0 0 200px}.service-process-header .auto-w-200[data-v-a84a6a9c]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-a84a6a9c]{width:180px}[dir=ltr] .service-process-header .mr-24[data-v-a84a6a9c]{margin-right:24px}[dir=rtl] .service-process-header .mr-24[data-v-a84a6a9c]{margin-left:24px}[dir=ltr] .service-process-header .mr-4[data-v-a84a6a9c]{margin-right:4px}[dir=rtl] .service-process-header .mr-4[data-v-a84a6a9c]{margin-left:4px}.service-process-header .pointer[data-v-a84a6a9c]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-a84a6a9c]{margin-top:6px}[dir=ltr] .service-process-header .service-process-filter-item[data-v-a84a6a9c]:last-child{margin-right:16px}[dir=rtl] .service-process-header .service-process-filter-item[data-v-a84a6a9c]:last-child{margin-left:16px}.service-process-header .fold-btn[data-v-a84a6a9c]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer}[dir=ltr] .service-process-header[data-v-a84a6a9c] .mtd-checkbox,[dir=ltr] .service-process-header[data-v-a84a6a9c] .cs-mtd-checkbox{margin-right:16px}[dir=rtl] .service-process-header[data-v-a84a6a9c] .mtd-checkbox,[dir=rtl] .service-process-header[data-v-a84a6a9c] .cs-mtd-checkbox{margin-left:16px}.service-process-header[data-v-a84a6a9c] .mtd-form-item,.service-process-header[data-v-a84a6a9c] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-a84a6a9c] .mtd-tabs-bottom-border,.service-process-header[data-v-a84a6a9c] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-a84a6a9c] .mtd-tabs-content,.service-process-header[data-v-a84a6a9c] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-a84a6a9c] .mtd-tabs-bar-active,.service-process-header[data-v-a84a6a9c] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-a84a6a9c] .mtd-tab-active,.service-process-header[data-v-a84a6a9c] .cs-mtd-tab-active,.service-process-header[data-v-a84a6a9c] .mtd-tabs-item:hover,.service-process-header[data-v-a84a6a9c] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-a84a6a9c] .mtd-tabs,.service-process-header[data-v-a84a6a9c] .cs-mtd-tabs{color:#111925d9}.case-info-name[data-v-a84a6a9c]{margin-top:6px;font-size:14px;line-height:18px;color:#000000e6;margin-bottom:6px}.case-info-time[data-v-a84a6a9c]{font-size:12px;line-height:16px;color:#000000e6;margin-bottom:6px}.service-process-header-tab[data-v-c3e3581a]{margin-bottom:8px}.service-process-header-form[data-v-c3e3581a]{background:#f7f7f7;border-radius:4px;padding:16px}[dir=ltr] .service-process-header .switch-self-contained[data-v-c3e3581a]{margin-right:7px}[dir=rtl] .service-process-header .switch-self-contained[data-v-c3e3581a]{margin-left:7px}.service-process-header .title[data-v-c3e3581a]{font-size:14px;color:#000000e6;font-weight:400;line-height:32px}.service-process-header .search-title[data-v-c3e3581a]{flex:0 0 56px}[dir=ltr] .service-process-header .search-title[data-v-c3e3581a]{margin-right:10px}[dir=rtl] .service-process-header .search-title[data-v-c3e3581a]{margin-left:10px}.service-process-header .cancel-title[data-v-c3e3581a]{color:var(--cs-common-primary-color)}.service-process-header .form-line-center[data-v-c3e3581a]{display:flex;align-items:center;margin-bottom:6px}.service-process-header .form-line-center-right[data-v-c3e3581a],.service-process-header .form-line-center-left[data-v-c3e3581a]{display:flex}.service-process-header .form-line-center-left-center[data-v-c3e3581a],.service-process-header .form-line-center-right-center[data-v-c3e3581a]{display:flex;align-items:center}.service-process-header .form-line[data-v-c3e3581a],.service-process-header .form-line-right[data-v-c3e3581a],.service-process-header .form-line-left[data-v-c3e3581a]{display:flex}.service-process-header .form-line .flex-auto-wrap[data-v-c3e3581a]{flex-wrap:wrap}.service-process-header .form-line .flex-fix-148[data-v-c3e3581a]{flex:0 0 148px}.service-process-header .horizontal-end[data-v-c3e3581a]{align-items:flex-end;flex-wrap:wrap}.service-process-header .horizontal-space-between[data-v-c3e3581a]{justify-content:space-between}.service-process-header .refresh-button[data-v-c3e3581a]{font-weight:900;flex:0 0 75px}[dir=ltr] .service-process-header .search-btn[data-v-c3e3581a]{margin-right:10px}[dir=rtl] .service-process-header .search-btn[data-v-c3e3581a]{margin-left:10px}.service-process-header .w-120[data-v-c3e3581a]{width:120px}.service-process-header .w-160[data-v-c3e3581a]{width:160px}.service-process-header .full-w[data-v-c3e3581a]{width:100%}.service-process-header .w-200[data-v-c3e3581a]{width:200px}.service-process-header .fix-w-105[data-v-c3e3581a]{flex:0 0 105px}.service-process-header .fix-w-220[data-v-c3e3581a]{flex:0 0 220px}.service-process-header .auto-w-200[data-v-c3e3581a]{flex:1 1 auto;max-width:200px}.service-process-header .w-180[data-v-c3e3581a]{width:180px}.service-process-header .pointer[data-v-c3e3581a]{cursor:pointer}.service-process-header .service-process-filter-item[data-v-c3e3581a]{margin-top:6px}[dir=ltr] .service-process-header .service-process-filter-item[data-v-c3e3581a]:last-child{margin-right:16px}[dir=rtl] .service-process-header .service-process-filter-item[data-v-c3e3581a]:last-child{margin-left:16px}[dir=ltr] .service-process-header[data-v-c3e3581a] .mtd-checkbox,[dir=ltr] .service-process-header[data-v-c3e3581a] .cs-mtd-checkbox{margin-right:16px}[dir=rtl] .service-process-header[data-v-c3e3581a] .mtd-checkbox,[dir=rtl] .service-process-header[data-v-c3e3581a] .cs-mtd-checkbox{margin-left:16px}.service-process-header[data-v-c3e3581a] .mtd-form-item,.service-process-header[data-v-c3e3581a] .cs-mtd-form-item{margin-bottom:0}.service-process-header[data-v-c3e3581a] .mtd-tabs-bottom-border,.service-process-header[data-v-c3e3581a] .cs-mtd-tabs-bottom-border,.service-process-header[data-v-c3e3581a] .mtd-tabs-content,.service-process-header[data-v-c3e3581a] .cs-mtd-tabs-content{display:none}.service-process-header[data-v-c3e3581a] .mtd-tabs-bar-active,.service-process-header[data-v-c3e3581a] .cs-mtd-tabs-bar-active{background-color:#111925}.service-process-header[data-v-c3e3581a] .mtd-tab-active,.service-process-header[data-v-c3e3581a] .cs-mtd-tab-active,.service-process-header[data-v-c3e3581a] .mtd-tabs-item:hover,.service-process-header[data-v-c3e3581a] .cs-mtd-tabs-item:hover{color:#111925}.service-process-header[data-v-c3e3581a] .mtd-tabs,.service-process-header[data-v-c3e3581a] .cs-mtd-tabs{color:#111925d9}.action-icon[data-v-b4ec5e06]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-icon[data-v-b4ec5e06]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-b4ec5e06] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-b4ec5e06] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-b4ec5e06] .case-log-detail-btn-badge .mtd-badge-position,[data-v-b4ec5e06] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-b4ec5e06] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-b4ec5e06] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-b4ec5e06] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-b4ec5e06] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.service-process-operation-list[data-v-a5b964e5]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-a5b964e5]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-a5b964e5]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-a5b964e5]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-a5b964e5]:last-child{margin-left:0}.service-process-operation-list[data-v-35e7f62c]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-35e7f62c]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-35e7f62c]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-35e7f62c]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-35e7f62c]:last-child{margin-left:0}.service-process-operation-list[data-v-71655e6c]{display:flex}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-71655e6c]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-71655e6c]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-71655e6c]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-71655e6c]:last-child{margin-left:0}[dir=ltr] .service-process-operation-list .resend-btn[data-v-71655e6c]{margin-left:10px}[dir=rtl] .service-process-operation-list .resend-btn[data-v-71655e6c]{margin-right:10px}.service-process-operation-list[data-v-8672900e]{display:flex}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-8672900e]{margin-right:10px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-8672900e]{margin-left:10px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-8672900e]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-8672900e]:last-child{margin-left:0}.dialog-body[data-v-8b256c7e]{min-height:100px}.service-process-operation-list[data-v-8d571bab]{display:flex}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-8d571bab]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-8d571bab]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-8d571bab]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-8d571bab]:last-child{margin-left:0}.service-process-operation-list[data-v-80f88074]{display:flex}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-80f88074]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-80f88074]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-80f88074]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-80f88074]:last-child{margin-left:0}.summary-table-wrapper[data-v-f9fa9c35]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-f9fa9c35]{overflow:auto}.summary-pagination[data-v-f9fa9c35]{margin-top:12px;display:flex;justify-content:center}.muti-field[data-v-f9fa9c35] .cs-f-secret-field{display:inline;width:auto}.case-log-content-clamp[data-v-f9fa9c35]{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;flex:0 0 auto;max-width:100px}[dir=ltr] .item-label[data-v-aa19ad68]{padding-right:12px}[dir=rtl] .item-label[data-v-aa19ad68]{padding-left:12px}.item-content[data-v-aa19ad68]{flex:1 1 auto;color:#000000e6}.compensate-apply-dialog[data-v-3ab56369]{width:400px;max-width:85vh;overflow:auto;margin:20px 30px}.compensate-apply-dialog .refund-risk-warn[data-v-3ab56369]{display:flex;height:45px;align-items:center;border-radius:3px;background:#ff00004d}.compensate-apply-dialog .refund-risk-warn .hint-icon[data-v-3ab56369]{color:#ef4136;margin:0 10px;font-size:25px}.compensate-apply-dialog .refund-risk-warn .hint-content[data-v-3ab56369]{margin:auto}.compensate-apply-dialog .compensate-item[data-v-3ab56369]{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-3ab56369]{width:120px}[dir=ltr] .compensate-apply-dialog .compensate-item-left[data-v-3ab56369]{margin-right:10px}[dir=rtl] .compensate-apply-dialog .compensate-item-left[data-v-3ab56369]{margin-left:10px}.compensate-apply-dialog .xiaoxiang-coupons-table[data-v-3ab56369]{display:block;max-height:500px;overflow:auto}.dialog-sidebar[data-v-700e3c97]{width:100px;height:400px}[dir=ltr] .dialog-sidebar[data-v-700e3c97]{border-right:1px solid #ddd}[dir=rtl] .dialog-sidebar[data-v-700e3c97]{border-left:1px solid #ddd}.dialog-sidebar-item[data-v-700e3c97]{display:block;width:100%;font-weight:700}[dir=ltr] .dialog-sidebar-item[data-v-700e3c97]{padding:5px 0 5px 20px}[dir=rtl] .dialog-sidebar-item[data-v-700e3c97]{padding:5px 20px 5px 0}.dialog-sidebar-item-selected[data-v-700e3c97]{background-color:#f6f6f6}.sms-content[data-v-700e3c97]{width:450px}.case-response-mail-container[data-v-af64857f]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;min-height:50px;min-width:400px}[data-v-af64857f] .mtd-collapse-item-header,[data-v-af64857f] .cs-mtd-collapse-item-header{min-width:650px}[dir=ltr] .spacing[data-v-af64857f]{margin-right:10px}[dir=rtl] .spacing[data-v-af64857f]{margin-left:10px}.topic-group-empty[data-v-af64857f]{text-align:center}.topic-group-container[data-v-af64857f]{max-height:60vh;overflow-y:auto}.topic-group[data-v-af64857f]{width:600px}.topic-group[data-v-af64857f]:not(:last-child){border-width:1px 1px 0;border-style:solid;border-color:#b7b7b7}.topic-group[data-v-af64857f]:last-child{border-width:1px;border-style:solid;border-color:#b7b7b7}.topic-title[data-v-af64857f]{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-detail[data-v-af64857f]{padding:20px 40px;max-height:500px;width:600px;overflow:auto}.mail-detail[data-v-af64857f]{width:100%;gap:10px 0}.mail-detail .response-mail-btn[data-v-af64857f]{gap:0 20px}.mail-detail .detail-field[data-v-af64857f]{width:100%}.mail-detail .detail-field-title[data-v-af64857f]{width:80px}[dir=ltr] .mail-detail .detail-field-title[data-v-af64857f]{margin-right:15px;text-align:right}[dir=rtl] .mail-detail .detail-field-title[data-v-af64857f]{margin-left:15px;text-align:left}.mail-detail .flex-row[data-v-af64857f]{display:flex;flex-direction:row}.mail-detail .flex-column[data-v-af64857f]{display:flex;flex-direction:column}.mail-detail .detail-field-content[data-v-af64857f]{width:100%}.mail-detail .detail-field-content[data-v-af64857f] .cs-f-secret-field{width:auto}.mail-detail .detail-field-content .mtd-input-wrapper[data-v-af64857f],.mail-detail .detail-field-content .cs-mtd-input-wrapper[data-v-af64857f]{width:100%}.mail-detail .detail-field-content .mtd-textarea[data-v-af64857f],.mail-detail .detail-field-content .cs-mtd-textarea[data-v-af64857f]{width:100%;resize:none}[dir=ltr] .mail-detail .attachement-item[data-v-af64857f]{margin-right:10px}[dir=rtl] .mail-detail .attachement-item[data-v-af64857f]{margin-left:10px}[dir=ltr] .mail-detail .mail-confirm-btn[data-v-af64857f]{margin-right:12px}[dir=rtl] .mail-detail .mail-confirm-btn[data-v-af64857f]{margin-left:12px}a[data-v-af64857f],a[data-v-af64857f]:hover,a[data-v-af64857f]:link,a[data-v-af64857f]:visited{text-decoration:none}.required[data-v-af64857f]{position:relative}.required[data-v-af64857f]:before{content:"*";display:inline-block;position:absolute;top:1px;color:#f54b1e;font-weight:700;font-size:16px}[dir=ltr] .required[data-v-af64857f]:before{left:-12px}[dir=rtl] .required[data-v-af64857f]:before{right:-12px}.rich-text-editor-container[data-v-af64857f]{width:100%;border:1px solid #ccc}.rich-text-editor-container .rich-text-toolbar[data-v-af64857f]{border-bottom:1px solid #ccc}.rich-text-editor-container .rich-text-editor[data-v-af64857f]{overflow-y:hidden}.assistant-task-record[data-v-c5f4ce83]{min-width:760px;min-height:550px}.action-detail-list-compensate-approve[data-v-86f1478f]{width:400px;padding:20px}.action-detail-list-compensate-approve .compensate-approve-content-row[data-v-86f1478f]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-86f1478f]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-86f1478f]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-left[data-v-86f1478f]{margin-left:20px}.action-detail-list-compensate-approve .compensate-approve-content-row .compensate-approve-content-row-right[data-v-86f1478f]{flex:1}.action-detail-push[data-v-3b9b84f6]{width:400px;padding:20px}.action-detail-push .content-row[data-v-3b9b84f6]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-push .content-row .content-row-left[data-v-3b9b84f6]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-push .content-row .content-row-left[data-v-3b9b84f6]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-push .content-row .content-row-left[data-v-3b9b84f6]{text-align:right;margin-left:15px}.action-detail-push .content-row .content-row-right[data-v-3b9b84f6]{flex:1}.action-detail-push .content-row .content-row-right-textarea[data-v-3b9b84f6]{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-a7fe0af1]{width:600px;padding:20px}.action-detail-list-compensate-all .approve-flex[data-v-a7fe0af1]{display:flex;justify-content:space-between;align-items:center}.action-detail-list-compensate-all .field-secret-flex[data-v-a7fe0af1]{display:flex;justify-content:center}.action-detail-list-compensate-all .field-secret-flex .cs-f-secret-field[data-v-a7fe0af1]{width:auto}.action-detail-list-compensate-all .field-secret-flex .cs-secret-field[data-v-a7fe0af1]{width:auto!important}.action-detail-list-compensate-all .compensate-apply-id[data-v-a7fe0af1]{margin-bottom:10px}.action-detail-list-compensate-all[data-v-00d8f607]{width:600px;padding:20px}.action-detail-list-compensate-all .list-content[data-v-00d8f607]{max-height:65vh;overflow:scroll}.action-detail-list-compensate-all .compensate-applyid[data-v-00d8f607]{margin-bottom:10px}.action-detail-list-compensate-all .row-content[data-v-00d8f607]{width:100%;display:flex;margin-bottom:5px}.action-detail-list-compensate-all .row-content span[data-v-00d8f607]:nth-child(1),.action-detail-list-compensate-all .row-content span[data-v-00d8f607]:nth-child(2){flex:20}.action-detail-list-compensate-all .row-content span[data-v-00d8f607]:nth-child(3),.action-detail-list-compensate-all .row-content span[data-v-00d8f607]:nth-child(4){flex:30}.action-detail-list-compensate-execute[data-v-cd2cd5bc]{width:500px;padding:20px}.action-detail-list-compensate-execute .content-row[data-v-cd2cd5bc]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-cd2cd5bc]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-cd2cd5bc]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-execute .content-row .compensate-execute-left[data-v-cd2cd5bc]{margin-left:20px}.action-detail-list-compensate-execute .content-row .compensate-execute-right[data-v-cd2cd5bc]{flex:1}.action-detail-list-compensate-reject[data-v-d26bc2d3]{width:400px;padding:20px}.action-detail-list-compensate-reject .compensate-reject-content-row[data-v-d26bc2d3]{display:flex;flex-direction:row;line-height:32px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-d26bc2d3]{width:100px;text-align:end}[dir=ltr] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-d26bc2d3]{margin-right:20px}[dir=rtl] .action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-left[data-v-d26bc2d3]{margin-left:20px}.action-detail-list-compensate-reject .compensate-reject-content-row .compensate-reject-content-row-right[data-v-d26bc2d3]{flex:1}.content-row[data-v-c73b3a74]{width:550px;margin:10px;display:flex;align-items:center;justify-content:start}.content-row .content-row-left[data-v-c73b3a74]{width:80px;flex-shrink:0}[dir=ltr] .content-row .content-row-left[data-v-c73b3a74]{text-align:left;margin-right:15px}[dir=rtl] .content-row .content-row-left[data-v-c73b3a74]{text-align:right;margin-left:15px}.content-row .content-row-right[data-v-c73b3a74]{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-1a86c9dc]{width:360px}[dir=ltr] .cancel-message-submit[data-v-1a86c9dc]{margin-right:5px}[dir=rtl] .cancel-message-submit[data-v-1a86c9dc]{margin-left:5px}.mail-record-dialog .mail-detial[data-v-4ba3c522]{height:400px;width:600px;overflow-y:auto!important}.mail-record-dialog .content-row[data-v-4ba3c522]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.mail-record-dialog .content-row .content-row-left[data-v-4ba3c522]{width:80px;flex-shrink:0}[dir=ltr] .mail-record-dialog .content-row .content-row-left[data-v-4ba3c522]{text-align:left;margin-right:15px}[dir=rtl] .mail-record-dialog .content-row .content-row-left[data-v-4ba3c522]{text-align:right;margin-left:15px}.mail-record-dialog .content-row .content-row-right[data-v-4ba3c522]{flex:1}.mail-record-dialog .break-all[data-v-4ba3c522]{word-break:break-all}.action-detail-message[data-v-657707af]{width:600px;height:400px;margin:15px 15px 10px}.action-detail-message .action-detail-message-textarea[data-v-657707af]{width:500px}.asr-player-sdk-dialog-top[data-v-227ca678]{display:flex;align-items:center;justify-content:space-between}.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-227ca678]{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-227ca678]{display:flex}[dir=ltr] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-227ca678]{margin-right:24px}[dir=rtl] .asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-227ca678]{margin-left:24px}[dir=ltr] .dialog-top-operation-text[data-v-227ca678]{margin-right:10px}[dir=rtl] .dialog-top-operation-text[data-v-227ca678]{margin-left:10px}.asr-player-sdk-dialog-text[data-v-227ca678]{color:#333;font-size:14px;margin:5px 0;font-weight:500}.asr-player-sdk-container[data-v-227ca678]{width:896px;margin-top:10px}.asr-player-sdk-container[data-v-227ca678] .media-editor-word-wrap{max-height:50vh}.asr-player-sdk-container[data-v-227ca678] .media-editor-audio-wrap{background:var(--color-white)!important}.asr-player-sdk-dialog-tips[data-v-227ca678]{color:red;margin:4px 0}.loading[data-v-227ca678]{height:100px}.loading[data-v-227ca678] .mtd-loading-circle,.loading[data-v-227ca678] .cs-mtd-loading-circle{color:#468dfb!important}.translate-content-box[data-v-d62ea669]{height:300px;overflow:auto}.translate-content[data-v-d62ea669]{display:flex;flex-direction:row}.translate-content .head-portrait-src[data-v-d62ea669]{width:45px;height:auto}[dir=ltr] .translate-content .head-portrait-src[data-v-d62ea669]{margin-right:20px}[dir=rtl] .translate-content .head-portrait-src[data-v-d62ea669]{margin-left:20px}.translate-content-list[data-v-d62ea669]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}[dir=ltr] .translate-content-list[data-v-d62ea669]{margin-left:4px}[dir=rtl] .translate-content-list[data-v-d62ea669]{margin-right:4px}.action-detail-call[data-v-a79535b5]{min-width:500px;min-height:100px;padding:10px}.action-detail-call .content-row[data-v-a79535b5]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.action-detail-call .content-row .content-row-left[data-v-a79535b5]{width:80px;flex-shrink:0}[dir=ltr] .action-detail-call .content-row .content-row-left[data-v-a79535b5]{text-align:left;margin-right:15px}[dir=rtl] .action-detail-call .content-row .content-row-left[data-v-a79535b5]{text-align:right;margin-left:15px}.action-detail-call .content-row .content-row-right-audio[data-v-a79535b5]{display:flex;align-items:center}.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-a79535b5]{position:relative}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-a79535b5]{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-a79535b5]{position:absolute;width:240px;top:-55px;padding:5px 10px;border:1px solid var(--cs-common-primary-color)}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-a79535b5]{left:-80px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content[data-v-a79535b5]{right:-80px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a79535b5]{cursor:pointer}[dir=ltr] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a79535b5]{padding-right:10px}[dir=rtl] .action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-content span[data-v-a79535b5]{padding-left:10px}.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-a79535b5]{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-a79535b5]{flex:1}.batch-closed-autocall-detail[data-v-d36972ce]{width:600px;padding:10px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row[data-v-d36972ce]{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-d36972ce]{width:100px;text-align:end}[dir=ltr] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-d36972ce]{margin-right:20px}[dir=rtl] .batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-left[data-v-d36972ce]{margin-left:20px}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right[data-v-d36972ce]{flex:1}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-row-right .upload-record-audio[data-v-d36972ce]{margin:5px 0}.batch-closed-autocall-detail .batch-closed-autocall-detail-row .batch-closed-autocall-detail-call-content[data-v-d36972ce]{width:100%}.ivr-chat-detail-dialog[data-v-75b9c282]{width:700px;max-height:400px;overflow:auto}[dir=ltr] .ivr-chat-detail-dialog[data-v-75b9c282]{padding-right:5px}[dir=rtl] .ivr-chat-detail-dialog[data-v-75b9c282]{padding-left:5px}.ivr-chat-detail-box[data-v-75b9c282]{padding:5px 0}.ivr-chat-detail-img[data-v-75b9c282]{height:36px;width:36px}.user-content[data-v-75b9c282]{display:flex;align-content:center;flex-direction:row}.user-content .avatar[data-v-75b9c282]{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-75b9c282]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}[dir=ltr] .user-content .content[data-v-75b9c282]{margin-left:4px}[dir=rtl] .user-content .content[data-v-75b9c282]{margin-right:4px}.user-content .content .time[data-v-75b9c282]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.user-content .content .msg[data-v-75b9c282]{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-75b9c282]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .user-content .action-info[data-v-75b9c282]{margin-left:4px}[dir=rtl] .user-content .action-info[data-v-75b9c282]{margin-right:4px}.robot-content[data-v-75b9c282]{display:flex;align-content:center;flex-direction:row-reverse}.robot-content .avatar[data-v-75b9c282]{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-75b9c282]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.robot-content .content .time[data-v-75b9c282]{line-height:var(--line-height-1);font-size:12px;color:#00000080;letter-spacing:0}.robot-content .content .msg[data-v-75b9c282]{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-75b9c282]{word-break:keep-all;align-self:flex-end;color:#00000080}[dir=ltr] .robot-content .action-info[data-v-75b9c282]{margin-right:4px}[dir=rtl] .robot-content .action-info[data-v-75b9c282]{margin-left:4px}.ivr-chat-detail-tag[data-v-75b9c282]{width:110px;padding:5px 20px;margin:0 auto;background:#ececec;color:#666;border-radius:20px;text-align:center}.ivr-chat-detail-time[data-v-75b9c282],.ivr-chat-detail-right[data-v-75b9c282]{color:#999}[dir=ltr] .ivr-chat-detail-right[data-v-75b9c282]{text-align:right}[dir=rtl] .ivr-chat-detail-right[data-v-75b9c282]{text-align:left}.ivr-chat-msg[data-v-75b9c282]{position:absolute;bottom:0;color:#999;font-size:12px}[dir=ltr] .ivr-chat-msg[data-v-75b9c282]{left:-32px}[dir=rtl] .ivr-chat-msg[data-v-75b9c282]{right:-32px}.ivr-chat-detail-blank[data-v-75b9c282]{color:#999;font-size:14px;text-align:center;padding:20px}.ivr-recording-details[data-v-75b9c282]{background-color:#fafafa;width:100%;display:flex;flex-direction:column}.ivr-recording-details .ivr-recording-details-header[data-v-75b9c282]{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-75b9c282]{width:100%;border:1px solid #ebebeb}.ivr-recording-details .ivr-recording-details-row[data-v-75b9c282]{width:100%;display:flex}.ivr-recording-details .ivr-recording-details-row span[data-v-75b9c282]{width:50%;margin:0 10px 10px}.ivr-recording-details .ivr-recording-details-row:first-child span[data-v-75b9c282]{width:50%;margin:10px}.task-listening[data-v-84c590bf]{width:400px;padding:20px}.task-listening .content-row[data-v-84c590bf]{display:flex;align-items:center;justify-content:start;margin-bottom:10px}.task-listening .content-row .content-row-left[data-v-84c590bf]{width:80px;flex-shrink:0}[dir=ltr] .task-listening .content-row .content-row-left[data-v-84c590bf]{text-align:left;margin-right:15px}[dir=rtl] .task-listening .content-row .content-row-left[data-v-84c590bf]{text-align:right;margin-left:15px}.task-listening .content-row .content-row-right[data-v-84c590bf]{flex:1}[dir=ltr] .task-listening .content-row .content-row-right .task-status[data-v-84c590bf]{margin-right:10px}[dir=rtl] .task-listening .content-row .content-row-right .task-status[data-v-84c590bf]{margin-left: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-fdd9dea1]{padding:5px 0}.account-adjustment-apply-log .account-adjustment-apply-log-remark[data-v-fdd9dea1]{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.cs-action-detail-auth-application-dialog[data-v-3e3a7eac]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-3e3a7eac]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-3e3a7eac] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-3e3a7eac]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-3e3a7eac]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-3e3a7eac]{margin-left:10px}.cs-action-detail-auth-application-dialog[data-v-6efb2d11]{padding:10px 0}.cs-action-detail-auth-application-dialog .action-detail-tip[data-v-6efb2d11]{color:#ff4d4f;font-size:12px;margin-bottom:10px;display:inline-block}[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-6efb2d11] .mtd-form-item-label,[dir=ltr] .cs-action-detail-auth-application-dialog[data-v-6efb2d11] .cs-mtd-form-item-label{text-align:left}[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-6efb2d11] .mtd-form-item-label,[dir=rtl] .cs-action-detail-auth-application-dialog[data-v-6efb2d11] .cs-mtd-form-item-label{text-align:right}.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .mtd-select,.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .cs-mtd-select,.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .mtd-input-wrapper,.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .cs-mtd-input-wrapper{width:200px}.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .mtd-textarea,.cs-action-detail-auth-application-dialog[data-v-6efb2d11] .cs-mtd-textarea{width:200px;height:100px}.cs-action-detail-auth-application-dialog .dialog-footer[data-v-6efb2d11]{display:flex;justify-content:center}[dir=ltr] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-6efb2d11]{margin-right:10px}[dir=rtl] .cs-action-detail-auth-application-dialog .dialog-footer .btn-left[data-v-6efb2d11]{margin-left:10px}.cs-action-detail-relative-case-dialog[data-v-eaa2f699]{max-height:500px;width:500px;overflow-y:auto}.cs-action-detail-relative-case-dialog .content-row[data-v-eaa2f699]{line-height:24px;display:flex}.cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-eaa2f699]{width:110px}[dir=ltr] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-eaa2f699]{margin-right:15px;text-align:right}[dir=rtl] .cs-action-detail-relative-case-dialog .content-row .detail-config-name[data-v-eaa2f699]{margin-left:15px;text-align:left}.cs-action-detail-relative-case-dialog .case-operation-detail[data-v-eaa2f699]{border-top:1px dashed #ccc;word-break:break-all;white-space:normal}[dir=ltr] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-eaa2f699]{padding:10px 10px 0 48px}[dir=rtl] .cs-action-detail-relative-case-dialog .case-operation-detail[data-v-eaa2f699]{padding:10px 48px 0 10px}.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-084d5742]{width:460px}.communication-call-detail .service-list-row[data-v-084d5742]{display:flex}.communication-call-detail[data-v-084d5742] .mtd-form-item,.communication-call-detail[data-v-084d5742] .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;flex-shrink:0}[dir=ltr] .action-related-information .content-row .content-row-left[data-v-ea4d79a5]{text-align:left;margin-right:15px}[dir=rtl] .action-related-information .content-row .content-row-left[data-v-ea4d79a5]{text-align:right;margin-left: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-de1218e9]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-de1218e9]{overflow:auto}.summary-pagination[data-v-de1218e9]{margin-top:12px;display:flex;justify-content:center}[data-v-de1218e9] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-de1218e9] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-de1218e9] .case-log-detail-btn-badge .mtd-badge-position,[data-v-de1218e9] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-de1218e9] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-de1218e9] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-de1218e9] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-de1218e9] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.summary-table-wrapper[data-v-66e60728]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-66e60728]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-66e60728]{display:flex}.summary-table-wrapper .send-to-name[data-v-66e60728]{width:80px}.summary-pagination[data-v-66e60728]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-66e60728]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-66e60728]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-66e60728]{display:flex;align-items:center}.service-process-operation-list[data-v-3bd05f55]{display:flex;flex-wrap:wrap}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-3bd05f55]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-3bd05f55]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-3bd05f55]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-3bd05f55]:last-child{margin-left:0}.service-process-operation-list[data-v-89a2ec51]{display:flex}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-89a2ec51]{margin-right:5px}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-89a2ec51]{margin-left:5px}[dir=ltr] .service-process-operation-list .service-process-operation-item[data-v-89a2ec51]:last-child{margin-right:0}[dir=rtl] .service-process-operation-list .service-process-operation-item[data-v-89a2ec51]:last-child{margin-left:0}.action-button[data-v-4432086a]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-4432086a]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-4432086a] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-4432086a] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-4432086a] .case-log-detail-btn-badge .mtd-badge-position,[data-v-4432086a] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-4432086a] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-4432086a] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-4432086a] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-4432086a] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.communication-table-wrapper[data-v-4f49723a]{margin-top:12px}.communication-table-wrapper .communication-table[data-v-4f49723a]{overflow:auto}.communication-table-wrapper .service-list-row[data-v-4f49723a]{display:flex}.communication-table-wrapper .send-to-name[data-v-4f49723a]{width:120px}.communication-table-wrapper .department-size[data-v-4f49723a]{font-size:13px}.communication-pagination[data-v-4f49723a]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-4f49723a]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-4f49723a]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-4f49723a]{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;text-align:center}[dir=ltr] .risk-flag[data-v-2805b063]{background:linear-gradient(120deg,#5ab1ee,#3969de)}[dir=rtl] .risk-flag[data-v-2805b063]{background:linear-gradient(-120deg,#5ab1ee,#3969de)}.special-appvoval-dialog[data-v-5ef5b0d2]{min-height:110px}.special-appvoval-dialog .special-approval-modal-text[data-v-5ef5b0d2]{margin-bottom:10px}.special-appvoval-dialog .font-red[data-v-5ef5b0d2]{color:red;font-weight:700}.special-appvoval-dialog .dialog-footer[data-v-5ef5b0d2]{display:flex;justify-content:end}[dir=ltr] .special-appvoval-dialog .dialog-footer .btn-left[data-v-5ef5b0d2]{margin-right:10px}[dir=rtl] .special-appvoval-dialog .dialog-footer .btn-left[data-v-5ef5b0d2]{margin-left:10px}.summary-table-wrapper[data-v-6adbb2d8]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-6adbb2d8]{overflow:auto}.summary-table-wrapper .service-call-list-row[data-v-6adbb2d8]{display:flex}.summary-table-wrapper .send-to-name[data-v-6adbb2d8]{width:80px}.summary-pagination[data-v-6adbb2d8]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-6adbb2d8]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-6adbb2d8]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.text-button[data-v-6adbb2d8]{color:var(--cs-common-primary-color);cursor:pointer}.action-flex[data-v-6adbb2d8]{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-be837c6f]{margin-top:12px}.mail-tag .mail-tag-table[data-v-be837c6f]{overflow:auto}.mail-tag .secret-input-subject[data-v-be837c6f]{color:#017f4a;cursor:pointer;font-weight:500}.mail-tag .attachment-list-img[data-v-be837c6f]{width:100px}.mail-pagination[data-v-be837c6f]{margin-top:12px;display:flex;justify-content:center}.summary-table-wrapper[data-v-1a5c257d]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-1a5c257d]{overflow:auto}.summary-pagination[data-v-1a5c257d]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-1a5c257d]{display:flex}.action-icon[data-v-1a5c257d]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-1a5c257d]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-1a5c257d] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-1a5c257d] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-1a5c257d] .case-log-detail-btn-badge .mtd-badge-position,[data-v-1a5c257d] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-1a5c257d] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-1a5c257d] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-1a5c257d] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-1a5c257d] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.talking-time-len[data-v-1a5c257d]{display:flex}.talking-time-len[data-v-1a5c257d] .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-a0a11476]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-a0a11476]{overflow:auto}.summary-pagination[data-v-a0a11476]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-a0a11476]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-a0a11476]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-flex[data-v-a0a11476]{display:flex}.action-icon[data-v-a0a11476]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-a0a11476]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[data-v-a0a11476] .case-log-detail-btn-badge .mtd-badge-dot,[data-v-a0a11476] .case-log-detail-btn-badge .cs-mtd-badge-dot{width:8px;height:8px;background-color:#f5483b}[data-v-a0a11476] .case-log-detail-btn-badge .mtd-badge-position,[data-v-a0a11476] .case-log-detail-btn-badge .cs-mtd-badge-position{top:20%}[dir=ltr][data-v-a0a11476] .case-log-detail-btn-badge .mtd-badge-position,[dir=ltr][data-v-a0a11476] .case-log-detail-btn-badge .cs-mtd-badge-position{left:80%}[dir=rtl][data-v-a0a11476] .case-log-detail-btn-badge .mtd-badge-position,[dir=rtl][data-v-a0a11476] .case-log-detail-btn-badge .cs-mtd-badge-position{right:80%}.summary-table-wrapper[data-v-e1e19a08]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-e1e19a08]{overflow:auto}.summary-pagination[data-v-e1e19a08]{margin-top:12px;display:flex;justify-content:center}.action-flex[data-v-e1e19a08]{display:flex;align-items:center}.action-icon[data-v-e1e19a08]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-icon[data-v-e1e19a08]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}[dir=ltr] .resend-btn[data-v-e1e19a08]{margin-left:10px}[dir=rtl] .resend-btn[data-v-e1e19a08]{margin-right: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-9db0d5cc]{margin-top:12px}.summary-table-wrapper .summary-table[data-v-9db0d5cc]{overflow:auto}.summary-pagination[data-v-9db0d5cc]{margin-top:12px;display:flex;justify-content:center}.action-button[data-v-9db0d5cc]{font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-button[data-v-9db0d5cc]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.history-tag[data-v-4df2bda7]{margin-top:12px}.history-tag .history-tag-table[data-v-4df2bda7]{overflow:auto}.history-tag .history-tag-table .flow-history-remark-content[data-v-4df2bda7]{height:45px;overflow:hidden}.history-tag .history-tag-table .flow-history-content-value[data-v-4df2bda7] .text-unsecret{display:block;white-space:pre-wrap}.history-tag .history-tag-table .expanded[data-v-4df2bda7]{height:auto;overflow:visible}.history-tag .history-tag-table[data-v-4df2bda7] .mtd-btn-text-primary:focus,.history-tag .history-tag-table[data-v-4df2bda7] .cs-mtd-btn-text-primary:focus{color:var(--cs-common-primary-color)}.tag-pagination[data-v-4df2bda7]{margin-top:12px;display:flex;justify-content:center}.verification-tag[data-v-481ccb0d]{margin-top:12px}.verification-tag .verification-tag-table[data-v-481ccb0d]{overflow:auto}.tag-pagination[data-v-481ccb0d]{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}[dir=ltr] .custom-collapse[data-v-a48853ba] .mtd-collapse-item-header,[dir=ltr] .custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item-header{padding:3px 12px 3px 38px}[dir=rtl] .custom-collapse[data-v-a48853ba] .mtd-collapse-item-header,[dir=rtl] .custom-collapse[data-v-a48853ba] .cs-mtd-collapse-item-header{padding:3px 38px 3px 12px}.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-0df5e572]{margin-top:12px}.summary-collapse .collapse-title-layout[data-v-0df5e572]{display:flex;place-content:center space-between;line-height:28px}.summary-collapse .collapse-title-layout .expand-head-case[data-v-0df5e572]{margin-top:3px}.summary-collapse .collapse-title-layout .collapse-title-content[data-v-0df5e572]{font-weight:600;font-size:14px;display:inline-block}[dir=ltr] .summary-collapse .collapse-title-layout .collapse-title-content[data-v-0df5e572]{margin-left:90px}[dir=rtl] .summary-collapse .collapse-title-layout .collapse-title-content[data-v-0df5e572]{margin-right:90px}.summary-collapse .collapse-title-layout .expand-head[data-v-0df5e572]{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-f1d44ae2]{display:flex;flex-flow:row wrap;gap:0 4px}.action-detail-list .action-icon[data-v-f1d44ae2]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.action-detail-list .action-icon[data-v-f1d44ae2]:hover{cursor:pointer;background-color:#0000000f;border-radius:50%}.action-detail-list .action-icon-disabled[data-v-f1d44ae2]{opacity:.5;pointer-events:none}.action-detail-list .action-detail-adjust[data-v-f1d44ae2]:before{content:"调"}.action-detail-list .action-detail-icon-to-mt[data-v-f1d44ae2]{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-f1d44ae2]{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-f1d44ae2]{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}[dir=ltr] .service-case-log .service-case-log-comment .content-left[data-v-ce3dcf03]{margin-right:20px}[dir=rtl] .service-case-log .service-case-log-comment .content-left[data-v-ce3dcf03]{margin-left:20px}.service-case-log .service-case-log-comment .change-text-title[data-v-ce3dcf03]{white-space:nowrap;color:#00000080}[dir=ltr] .service-case-log .service-case-log-comment .change-text-title[data-v-ce3dcf03]{padding-right:8px}[dir=rtl] .service-case-log .service-case-log-comment .change-text-title[data-v-ce3dcf03]{padding-left:8px}.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-4edbd115],.table-layout .cs-mtd-pagination[data-v-4edbd115]{padding-top:8px}.table-layout .row-class[data-v-4edbd115],.table-layout .mtd-table[data-v-4edbd115] .mtd-table-cell,.table-layout .mtd-table[data-v-4edbd115] .cs-mtd-table-cell,.table-layout .cs-mtd-table[data-v-4edbd115] .mtd-table-cell,.table-layout .cs-mtd-table[data-v-4edbd115] .cs-mtd-table-cell{font-size:14px}.table-layout .mtd-table[data-v-4edbd115] th,.table-layout .cs-mtd-table[data-v-4edbd115] th{font-weight:500;color:#0009}.table-layout .mtd-table[data-v-4edbd115] .mtd-table-empty-block,.table-layout .mtd-table[data-v-4edbd115] .cs-mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-4edbd115] .mtd-table-empty-block,.table-layout .cs-mtd-table[data-v-4edbd115] .cs-mtd-table-empty-block{font-size:14px}.table-layout .pagination-layout[data-v-4edbd115]{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;flex:0 0 auto;max-width:100px}[dir=ltr] .item-label[data-v-d900e27d]{padding-right:12px}[dir=rtl] .item-label[data-v-d900e27d]{padding-left:12px}.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-17d2216e]{margin-top:12px}.service-log-case-table .log-table[data-v-17d2216e]{overflow:auto}.service-log-case-table .log-pagination[data-v-17d2216e]{margin-top:12px;display:flex;justify-content:center}.service-log-case-table .line-clamp[data-v-17d2216e] .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-49377ad8]{background:#fff}.switch-business-container[data-v-adfd19ac]{position:relative}[dir=ltr] .order-selector .switch-icon[data-v-d3ff14a7]{margin-right:4px}[dir=rtl] .order-selector .switch-icon[data-v-d3ff14a7]{margin-left:4px}.order-selector[data-v-d3ff14a7] .mtd-btn-primary.mtd-btn-ghost:hover{background-color:var(--cs-common-primary-color);color:#fff}.selector-btn[data-v-d3ff14a7]{height:28px;padding:4px 8px;color:var(--cs-common-primary-color);border-color:var(--cs-common-primary-color)}[dir=ltr] .order-selector[data-v-5f0a05a9]{margin-left:auto}[dir=rtl] .order-selector[data-v-5f0a05a9]{margin-right:auto}.selector-btn[data-v-5f0a05a9]{height:28px;padding:4px 8px}.general-search-header[data-v-f93677c4]{display:flex;align-items:center}.general-search-btn[data-v-f93677c4]{height:28px;padding:4px 8px;color:var(--cs-common-primary-color);border-color:var(--cs-common-primary-color)}.order-confirm-block[data-v-26532963]{display:flex;flex:1;align-items:center;justify-content:space-between}.order-confirm-block-left[data-v-26532963],.order-confirm-block-right[data-v-26532963]{display:flex;align-items:center;gap:8px}[dir=ltr] .order-confirm-block-right[data-v-26532963]{margin-left:auto}[dir=rtl] .order-confirm-block-right[data-v-26532963]{margin-right:auto}.general-search[data-v-26532963]{height:28px}.blocks-container[data-v-1ae93f94]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-1ae93f94]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-1ae93f94]{text-align:center;font-size:14px;color:#111925;opacity:.45}.blocks-container[data-v-e14f1c85]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-e14f1c85]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-e14f1c85]{text-align:center;font-size:14px;color:#111925;opacity:.45}.form-block-container[data-v-098297a6]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.case-refresh-btn-container[data-v-48edb490]{display:flex;align-items:center}.case-refresh-btn-loading[data-v-48edb490]{cursor:not-allowed}.icon-csshuaxin-new[data-v-48edb490]{border-radius:2px;cursor:pointer;line-height:16px}.icon-csshuaxin-new[data-v-48edb490]:hover{background-color:#e6e7eb}[data-v-48edb490] [class*=mtd-btn-before] [class*=mtd-btn-spin]{margin:0;color:#a8afb8;font-size:14px}[data-v-48edb490] [class*=mtd-btn]{padding:0;border-width:0;height:16px;min-width:16px}.switch-question-footer[data-v-709ccb99]{display:flex;justify-content:end;gap:0 8px;margin-top:24px}.switch-question-select[data-v-709ccb99]{width:310px}[data-v-709ccb99] .cs-mtd-input-disabled{background-color:#fff}.service-created-info .case-link[data-v-e1ddc333]{color:var(--cs-common-primary-color);cursor:pointer}.cs-mtd-card[data-v-399af98c]{display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border:none;height:150px;margin-top:16px}.switch-question-btn[data-v-dc66f07a]{height:24px;border-radius:4px;font-size:12px;line-height:20px}.favorite-icon-container[data-v-330820f6]{display:flex;align-items:center;border-radius:var(--border-radius-1)}.favorite-icon-container[data-v-330820f6]:hover{background-color:#e6e7eb}.mtdicon-star[data-v-330820f6]{color:#f5ba31}.favorite-icon[data-v-330820f6]{cursor:pointer}.favorite-icon.mtdicon-star-o[data-v-330820f6]{color:#1a1a1a}.favorite-icon-loading[data-v-330820f6]{cursor:not-allowed}.case-online-out-container[data-v-aae5babf]{height:20px;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-1)}.case-online-out-container[data-v-aae5babf]:hover{background:#e6e7eb}.service-progress-container[data-v-2b43286b]{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-2b43286b]:hover{background:#e6e7eb;border-radius:2px}.service-progress-icon[data-v-2b43286b]{font-size:20px}.service-progress-body[data-v-2b43286b]{display:flex;flex-direction:column;width:166px;height:166px}.service-progress-title[data-v-2b43286b]{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-2b43286b]{display:flex;flex-direction:column;padding:0 4px}.service-progress-btn-group .service-progress-btn[data-v-2b43286b]{display:flex;justify-content:space-between;align-items:center;height:36px;cursor:pointer}.service-progress-btn-group .service-progress-btn[data-v-2b43286b]:hover{background-color:#edeff2}.service-progress-btn-group .service-progress-btn-title[data-v-2b43286b]{font-size:14px;color:#000000de;letter-spacing:0}[dir=ltr] .service-progress-btn-group .service-progress-btn-title[data-v-2b43286b]{margin-left:12px}[dir=rtl] .service-progress-btn-group .service-progress-btn-title[data-v-2b43286b]{margin-right:12px}.service-progress-btn-group .service-progress-btn-title.user-message[data-v-2b43286b]{display:flex;flex-wrap:nowrap;align-items:center;gap:0 4px}.service-progress-btn-group .mtdicon-right-thick[data-v-2b43286b]{font-size:16px}[dir=ltr] .service-progress-btn-group .mtdicon-right-thick[data-v-2b43286b]{margin-right:4px}[dir=rtl] .service-progress-btn-group .mtdicon-right-thick[data-v-2b43286b]{margin-left:4px}.sync-service-btn[data-v-2b43286b]{display:flex;flex-direction:row}[dir=ltr] .sync-service-btn>*[data-v-2b43286b]:not(:last-child){margin-right:8px}[dir=rtl] .sync-service-btn>*[data-v-2b43286b]:not(:last-child){margin-left:8px}.title-layout[data-v-2b43286b]{display:flex;justify-content:space-between}.view-user-note[data-v-2b43286b]{font-size:14px;font-weight:400;color:var(--cs-common-primary-color)}.view-user-note[data-v-2b43286b]:hover{text-decoration-line:underline;cursor:pointer}.message-count[data-v-2b43286b]{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-2b43286b] .cs-mtd-badge-text{padding:0 4px}.service-progress-popover{padding:0!important}.tag-icon[data-v-adc42d7d]{font-size:14px}[dir=ltr] .tag-icon[data-v-adc42d7d]{margin-right:4px}[dir=rtl] .tag-icon[data-v-adc42d7d]{margin-left:4px}.tag-content[data-v-adc42d7d]{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.pre-word-wrap[data-v-adc42d7d]{white-space:pre-wrap}.tag[data-v-adc42d7d]{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-adc42d7d]{position:absolute;top:0;width:10px;height:10px;background:#ff3434;clip-path:polygon(0 0,100% 0,0 100%)}[dir=ltr] .gradient-corner[data-v-adc42d7d]{left:0}[dir=rtl] .gradient-corner[data-v-adc42d7d]{right:0}.user-tag-container[data-v-285f2f3c]{display:flex;height:20px;overflow:hidden}[dir=ltr] .user-tag-container[data-v-285f2f3c]{padding:0 12px 0 0}[dir=rtl] .user-tag-container[data-v-285f2f3c]{padding:0 0 0 12px}.user-tag-container .user-tag-group[data-v-285f2f3c]{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-285f2f3c]{width:auto;height:20px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}[dir=ltr] .user-tag-container .all-tag-thick-btn[data-v-285f2f3c]{margin-left:4px}[dir=rtl] .user-tag-container .all-tag-thick-btn[data-v-285f2f3c]{margin-right:4px}.user-tag-container .all-tag-thick-btn[data-v-285f2f3c]:hover{background-color:#f0f0f0;cursor:pointer}[dir=ltr] .user-tag-container .all-tag-thick-btn span[data-v-285f2f3c]{margin-right:4px}[dir=rtl] .user-tag-container .all-tag-thick-btn span[data-v-285f2f3c]{margin-left:4px}.popover-tag-group[data-v-285f2f3c]{max-width:400px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px}.attachment-tag[data-v-e7fab67a]{display:flex}[dir=ltr] .attachment-tag[data-v-e7fab67a]{margin-right:4px}[dir=rtl] .attachment-tag[data-v-e7fab67a]{margin-left:4px}.attachment-tag[data-v-e7fab67a] .tag .icon-cscs-icon-warning-circle{color:#ffd200}.attachment-tag[data-v-e7fab67a] .tag .tag-content{color:#43240d}.case-oncall-icon{cursor:pointer}.add-note-container[data-v-ab310a02]{max-width:400px;flex-grow:1;flex-shrink:1;flex-basis:50%;overflow:hidden}.add-note-container .card-container[data-v-ab310a02]{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-ab310a02]{display:flex;flex-direction:column;overflow:hidden;flex:1}[dir=ltr] .add-note-container .card-container .card-info-container[data-v-ab310a02]{margin-left:8px}[dir=rtl] .add-note-container .card-container .card-info-container[data-v-ab310a02]{margin-right:8px}.add-note-container .card-container .card-info-container .container-top[data-v-ab310a02]{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-ab310a02]{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-ab310a02]{color:var(--cs-common-primary-color)}[dir=ltr] .add-note-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-ab310a02]{margin-left:auto}[dir=rtl] .add-note-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-ab310a02]{margin-right:auto}.add-note-container .card-container .card-info-container .info-content[data-v-ab310a02]{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-ab310a02]{width:20px}.add-note-container .tag-list[data-v-ab310a02]{margin:0 4px;display:flex;gap:4px;overflow:hidden}.add-note-container .tag-list.outside[data-v-ab310a02]{flex-wrap:nowrap;max-height:36px}.add-note-container .tag-list .tag[data-v-ab310a02]{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-6de6c385]{max-width:400px;flex-grow:1;flex-shrink:1;flex-basis:50%;overflow:hidden}[dir=ltr] .add-remark-container[data-v-6de6c385]{margin-right:8px}[dir=rtl] .add-remark-container[data-v-6de6c385]{margin-left:8px}.add-remark-container .card-container[data-v-6de6c385]{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-6de6c385]{display:flex;flex-direction:column;overflow:hidden;flex:1}[dir=ltr] .add-remark-container .card-container .card-info-container[data-v-6de6c385]{margin-left:8px}[dir=rtl] .add-remark-container .card-container .card-info-container[data-v-6de6c385]{margin-right:8px}.add-remark-container .card-container .card-info-container .container-top[data-v-6de6c385]{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-6de6c385]{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-6de6c385]{color:var(--cs-common-primary-color)}[dir=ltr] .add-remark-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-6de6c385]{margin-left:auto}[dir=rtl] .add-remark-container .card-container .card-info-container .container-top .mtdicon-file-add[data-v-6de6c385]{margin-right:auto}.add-remark-container .card-container .card-info-container .info-content-container[data-v-6de6c385]{display:flex;gap:0 4px}.add-remark-container .card-container .card-info-container .info-content[data-v-6de6c385]{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-6de6c385]{width:20px}[class*=mtd-popover].remark-popover-container{width:436px}.icon-related-knowledge[data-v-396e23c8]{line-height:20px;border-radius:2px;cursor:pointer;flex-shrink:0}.icon-related-knowledge[data-v-396e23c8]:hover{background-color:#e6e7eb}.title-container[data-v-396e23c8]{min-width:150px;display:flex;align-items:center;justify-content:space-between}.title-container .title-content[data-v-396e23c8]{font-size:16px;line-height:24px;font-weight:600}.title-container .close-icon[data-v-396e23c8]{cursor:pointer}[dir=ltr] .title-container .close-icon[data-v-396e23c8]{margin-left:24px}[dir=rtl] .title-container .close-icon[data-v-396e23c8]{margin-right:24px}.related-knowledge-container[data-v-396e23c8]{padding:0 10px;max-width:660px}.service-header[data-v-e5debfce]{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-e5debfce]{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-e5debfce]{display:flex;flex-direction:column;overflow:hidden;flex:1}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-e5debfce],.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-e5debfce]{display:flex;flex-direction:row;align-items:center}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-e5debfce]{gap:8px;margin-bottom:4px}.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-e5debfce]{gap:4px}.service-header .service-header-top .service-header-top-right[data-v-e5debfce]{display:flex;flex-direction:row;overflow:hidden;justify-content:flex-end;flex:1}.service-header .header-tag-box[data-v-e5debfce]{display:flex;overflow:hidden}.service-header .header-tag-box[data-v-e5debfce]>:first-child:before{content:"";width:0}[dir=ltr] .service-header .header-tag-box[data-v-e5debfce]>:first-child:before{margin:0 12px 0 6px;border-left:1px solid #f0f0f0}[dir=rtl] .service-header .header-tag-box[data-v-e5debfce]>:first-child:before{margin:0 6px 0 12px;border-right:1px solid #f0f0f0}.header-title[data-v-e5debfce]{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}[dir=ltr] .header-title[data-v-e5debfce]{margin-right:8px}[dir=rtl] .header-title[data-v-e5debfce]{margin-left:8px}.header-case-id[data-v-e5debfce]{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-e5debfce]{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}[dir=ltr] .save-info[data-v-e5debfce]{margin-left:8px}[dir=rtl] .save-info[data-v-e5debfce]{margin-right:8px}.save-info .mtdicon-warning-circle[data-v-e5debfce]{font-size:var(--font-size-5)}.save-info.save-failed[data-v-e5debfce]{color:var(--color-danger-1)}.case-header-announcement-line[data-v-e5debfce]{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-e5debfce]{font-size:16px;color:#ff9d00}[dir=ltr] .case-header-announcement-line .mtdicon[data-v-e5debfce]{margin-right:8px}[dir=rtl] .case-header-announcement-line .mtdicon[data-v-e5debfce]{margin-left:8px}.case-header-announcement-line .announcement-text[data-v-e5debfce]{font-weight:400;font-family:var(--PingFangSC-Regular);font-size:14px;color:#592d00;line-height:26px}.case-header-announcement-line .announcement-operate[data-v-e5debfce]{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-e5debfce]:after{content:"";position:absolute;width:100px;height:26px;top:0}[dir=ltr] .case-header-announcement-line .announcement-operate[data-v-e5debfce]:after{left:-15px}[dir=rtl] .case-header-announcement-line .announcement-operate[data-v-e5debfce]:after{right:-15px}.copy-btn[data-v-e5debfce]{cursor:pointer}.expand-collect[data-v-833ace6f]{display:flex}.expand-collect_container[data-v-833ace6f]{position:relative;overflow:hidden}.unfolded[data-v-833ace6f]{max-height:246px;overflow:scroll}.expand-collect__btn[data-v-833ace6f]{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-833ace6f]{display:flex;flex-wrap:wrap;align-items:center}[dir=ltr] .expand-collect__content[data-v-833ace6f]{margin:2px 16px 2px 12px}[dir=rtl] .expand-collect__content[data-v-833ace6f]{margin:2px 12px 2px 16px}.expand-icon[data-v-833ace6f]{font-size:14px}.operation-item[data-v-63aac2cd]{max-width:170px;min-width:86px;margin:6px;overflow:hidden;text-overflow:ellipsis;display:inline;text-align:center}[data-v-63aac2cd] .cs-mtd-btn-warning.cs-mtd-btn-ghost{color:#d86b01;border-color:#d86b01}[data-v-63aac2cd] .cs-mtd-btn-warning.cs-mtd-btn-ghost:hover{color:#ff9419;border-color:#ff9419}.flow-operation[data-v-be907475]{display:flex}.vertical-line[data-v-be907475]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.operation-group-count-1[data-v-be907475]{height:44px!important}.operation-group-count-2[data-v-be907475]{height:88px!important}.operation-group-count-3[data-v-be907475]{height:132px!important}.operation-group-count-4[data-v-be907475]{height:176px!important}.operation-group[data-v-be907475]{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-be907475]{margin:0 6px}.out-call-note-container[data-v-7fee2285]{width:500px;margin:0 -24px;padding:0 20px}.out-call-note-container .call-user[data-v-7fee2285]:before{content:"*";color:red}.out-call-note-container [class*=mtd-row][data-v-7fee2285]{margin-bottom:20px}.out-call-note-container [class*=mtd-row][data-v-7fee2285]:last-child{margin-bottom:0}.out-call-note-container [class*=mtd-col][data-v-7fee2285]{border-radius:var(--border-radius-2)}.out-call-note-container .bg-purple[data-v-7fee2285]{background:#d3dce6}.out-call-note-container .grid-content[data-v-7fee2285]{border-radius:var(--border-radius-2);min-height:36px}.out-call-note-container .modal-footer[data-v-7fee2285]{display:flex;justify-content:center;align-items:center}.out-call-note-container .textarea[data-v-7fee2285]{width:260px;height:100px;overflow-y:auto;resize:none}.out-call-note-container .field-secret[data-v-7fee2285]{display:inline}.out-call-note-container .secret-link[data-v-7fee2285]{color:var(--cs-common-primary-color);font-weight:500}.multi-order-tab-container[data-v-62e5f07f]{display:flex;flex-direction:column;height:100%;overflow-y:hidden;padding:0 16px;background-color:#f3f3f4}[dir=ltr] .multi-order-tab-container .icon-csmain-order[data-v-62e5f07f]{margin-right:6px}[dir=rtl] .multi-order-tab-container .icon-csmain-order[data-v-62e5f07f]{margin-left:6px}.multi-order-tab-container .tab-item-label[data-v-62e5f07f]{display:flex;align-items:center;padding-bottom:4px}.multi-order-tab-container .tab-item-label .tab-item-label-text[data-v-62e5f07f]{max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-order-tab-container .multi-order-tab[data-v-62e5f07f]{height:32px}.multi-order-tab-container .multi-order-tab[data-v-62e5f07f]>[class*=mtd-tabs-nav] [class*=mtd-tabs-nav-container]{background-color:#f3f3f4}.multi-order-tab-container .multi-order-tab[data-v-62e5f07f]>[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-62e5f07f]>[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-62e5f07f]>[class*=mtd-tabs-nav] [class*=mtd-tabs-item-label]{justify-content:space-between}.multi-order-tab-container .multi-order-tab[data-v-62e5f07f]>[class*=mtd-tabs-content]{display:none}.multi-order-tab-container .multi-order-tab-pane-content[data-v-62e5f07f]{height:calc(100% - 32px);flex-grow:1}.text-danger[data-v-cbfaba13]{background-color:transparent;color:var(--color-danger-1);border-color:transparent}.text-warning[data-v-cbfaba13]{background-color:transparent;color:var(--color-warning-1);border-color:transparent}.drawer-operation-container[data-v-df5ad12b]{display:flex;align-items:center;flex-wrap:wrap}.drawer-operation-container .drawer-operation-btn[data-v-df5ad12b]{margin:6px}.no-order-info-tip[data-v-91e4b692]{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-714993d2]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-714993d2]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-714993d2]{text-align:center;font-size:14px;color:#111925;opacity:.45}.drawer-blocks[data-v-b1faff32]{position:absolute;bottom:0;width:100%}.drawer-blocks-container[data-v-b1faff32]{border-radius:12px 12px 0 0;padding:0 16px 16px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 -8px 24px #0000001f;height:0}.drawer-blocks-container.is-open[data-v-b1faff32]{height:var(--5a4ff64c)}.drawer-blocks-container .drawer-blocks-header[data-v-b1faff32]{display:flex;justify-content:space-between;padding:16px 0;cursor:pointer}.drawer-blocks-container .drawer-blocks-header .title[data-v-b1faff32]{font-weight:500;font-size:18px;line-height:26px}.drawer-blocks-container .drawer-blocks-header .mtdicon-close[data-v-b1faff32]{cursor:pointer;font-size:25px}.drawer-blocks-container .drawer-blocks-render[data-v-b1faff32]{flex:1;overflow:auto;border-top:1px solid rgba(0,0,0,.06)}.drawer-blocks-container .drawer-blocks-render[data-v-b1faff32] .block-item .block-header{padding:0 0 16px}.common-service-detail-template[data-v-9b83cf0e]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.common-service-detail-template .service-detail-padding[data-v-9b83cf0e]{padding-bottom:50px}.common-service-detail-template .service-detail-scroll-container[data-v-9b83cf0e]{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-9b83cf0e]::-webkit-scrollbar{display:none}.common-service-detail-template .affix-container[data-v-9b83cf0e]{position:sticky;z-index:3;top:0}.common-service-detail-template .service-operation-affix[data-v-9b83cf0e]{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-9b83cf0e]{position:relative}[dir=ltr] .common-service-detail-template .service-operation-container[data-v-9b83cf0e]{margin:2px 16px 2px 12px}[dir=rtl] .common-service-detail-template .service-operation-container[data-v-9b83cf0e]{margin:2px 12px 2px 16px}.common-service-detail-template .service-operation-container[data-v-9b83cf0e] .cs-lc-operations{padding-bottom:0!important}.common-service-detail-template .vertical-line[data-v-9b83cf0e]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.service-header[data-v-e6adad47]{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-e6adad47]{display:flex;align-items:center;gap:0 6px;margin-bottom:4px}.service-header .service-header-middle[data-v-e6adad47]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0 6px}.service-header .service-header-middle .service-header-middle-left[data-v-e6adad47]{display:flex;flex-direction:column}.service-header .service-header-middle .service-header-middle-left .service-header-title-container[data-v-e6adad47]{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:4px;height:20px;line-height:20px}.service-header .service-header-middle .service-header-middle-left .service-header-title-container .case-refresh-btn-container[data-v-e6adad47]:before{content:"";width:0;height:18px}[dir=ltr] .service-header .service-header-middle .service-header-middle-left .service-header-title-container .case-refresh-btn-container[data-v-e6adad47]:before{margin-right:6px;border-left:1px solid #f0f0f0}[dir=rtl] .service-header .service-header-middle .service-header-middle-left .service-header-title-container .case-refresh-btn-container[data-v-e6adad47]:before{margin-left:6px;border-right:1px solid #f0f0f0}.service-header .service-header-middle .service-header-middle-right[data-v-e6adad47]{display:flex;flex-direction:row;overflow:hidden;justify-content:flex-end;flex:1}.service-header .header-tag-box[data-v-e6adad47]{display:flex;overflow:hidden;flex-direction:row;align-items:center}.header-title[data-v-e6adad47]{flex-shrink:3;font-size:var(--font-size-6);color:#111925;letter-spacing:0;line-height:28px;font-weight:600;max-width:75%;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .header-title[data-v-e6adad47]{margin-right:8px}[dir=rtl] .header-title[data-v-e6adad47]{margin-left:8px}.header-case-id[data-v-e6adad47]{font-size:var(--font-size-2);letter-spacing:0;font-weight:600;flex-shrink:0}[dir=ltr] .header-case-id[data-v-e6adad47]{margin-right:-4px}[dir=rtl] .header-case-id[data-v-e6adad47]{margin-left:-4px}.save-info[data-v-e6adad47]{display:flex;align-items:center;gap:0 6px;height:20px;line-height:20px;border-radius:30px;font-size:var(--font-size-2);color:var(--color-text-3);letter-spacing:0;font-weight:400;flex-shrink:0}[dir=ltr] .save-info[data-v-e6adad47]{margin-left:auto;margin-right:10px}[dir=rtl] .save-info[data-v-e6adad47]{margin-right:auto;margin-left:10px}.save-info .mtdicon-warning-circle[data-v-e6adad47]{font-size:var(--font-size-5)}.save-info.save-failed[data-v-e6adad47]{color:var(--color-danger-1)}.save-info[data-v-e6adad47]>:before{content:"";width:0}[dir=ltr] .save-info[data-v-e6adad47]>:before{margin-right:6px;border-left:1px solid #f0f0f0}[dir=rtl] .save-info[data-v-e6adad47]>:before{margin-left:6px;border-right:1px solid #f0f0f0}.case-header-announcement-line[data-v-e6adad47]{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;background:#fff6f0;border-radius:6px;padding:0 16px;margin-top:8px}.case-header-announcement-line .mtdicon[data-v-e6adad47]{font-size:16px;color:#ff6e1a}[dir=ltr] .case-header-announcement-line .mtdicon[data-v-e6adad47]{margin-right:8px}[dir=rtl] .case-header-announcement-line .mtdicon[data-v-e6adad47]{margin-left:8px}.case-header-announcement-line .announcement-text[data-v-e6adad47]{font-weight:400;font-family:var(--PingFangSC-Regular);font-size:14px;color:#592d00;line-height:26px}.case-header-announcement-line .announcement-operate[data-v-e6adad47]{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-e6adad47]:after{content:"";position:absolute;width:100px;height:26px;top:0}[dir=ltr] .case-header-announcement-line .announcement-operate[data-v-e6adad47]:after{left:-15px}[dir=rtl] .case-header-announcement-line .announcement-operate[data-v-e6adad47]:after{right:-15px}.copy-btn[data-v-e6adad47]{cursor:pointer}[dir=ltr] .copy-btn[data-v-e6adad47]{margin-right:-4px}[dir=rtl] .copy-btn[data-v-e6adad47]{margin-left:-4px}.i18n-service-detail-template[data-v-b00aa25e]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.i18n-service-detail-template .service-detail-padding[data-v-b00aa25e]{padding-bottom:50px}.i18n-service-detail-template .service-detail-scroll-container[data-v-b00aa25e]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.i18n-service-detail-template .service-detail-scroll-container[data-v-b00aa25e]::-webkit-scrollbar{display:none}.i18n-service-detail-template .affix-container[data-v-b00aa25e]{position:sticky;z-index:3;top:0}.i18n-service-detail-template .service-operation-affix[data-v-b00aa25e]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.i18n-service-detail-template .service-operation-affix .affix-container[data-v-b00aa25e]{position:relative}[dir=ltr] .i18n-service-detail-template .service-operation-container[data-v-b00aa25e]{margin:2px 16px 2px 12px}[dir=rtl] .i18n-service-detail-template .service-operation-container[data-v-b00aa25e]{margin:2px 12px 2px 16px}.i18n-service-detail-template .service-operation-container[data-v-b00aa25e] .cs-lc-operations{padding-bottom:0!important}.i18n-service-detail-template .vertical-line[data-v-b00aa25e]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.create-case-home-page-template[data-v-f4f02d71]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.create-case-home-page-template .service-detail-padding[data-v-f4f02d71]{padding-bottom:50px}.create-case-home-page-template .service-detail-scroll-container[data-v-f4f02d71]{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-f4f02d71]::-webkit-scrollbar{display:none}.create-case-home-page-template .affix-container[data-v-f4f02d71]{position:sticky;z-index:3;top:0}.create-case-home-page-template .service-operation-affix[data-v-f4f02d71]{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-f4f02d71]{position:relative}[dir=ltr] .create-case-home-page-template .service-operation-container[data-v-f4f02d71]{margin:2px 16px 2px 12px}[dir=rtl] .create-case-home-page-template .service-operation-container[data-v-f4f02d71]{margin:2px 12px 2px 16px}.create-case-home-page-template .service-operation-container[data-v-f4f02d71] .cs-lc-operations{padding-bottom:0!important}.create-case-home-page-template .vertical-line[data-v-f4f02d71]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.blocks-container[data-v-a52e2b49]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-a52e2b49]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-a52e2b49]{text-align:center;font-size:14px;color:#111925;opacity:.45}.user-tag-container[data-v-32654e15]{display:flex;height:20px;overflow:hidden}[dir=ltr] .user-tag-container[data-v-32654e15]{padding:0 12px 0 0}[dir=rtl] .user-tag-container[data-v-32654e15]{padding:0 0 0 12px}.user-tag-container .user-tag-group[data-v-32654e15]{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-32654e15]{width:auto;height:20px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}[dir=ltr] .user-tag-container .all-tag-thick-btn[data-v-32654e15]{margin-left:4px}[dir=rtl] .user-tag-container .all-tag-thick-btn[data-v-32654e15]{margin-right:4px}.user-tag-container .all-tag-thick-btn[data-v-32654e15]:hover{background-color:#f0f0f0;cursor:pointer}[dir=ltr] .user-tag-container .all-tag-thick-btn span[data-v-32654e15]{margin-right:4px}[dir=rtl] .user-tag-container .all-tag-thick-btn span[data-v-32654e15]{margin-left:4px}.popover-tag-group[data-v-32654e15]{max-width:400px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px}.user-picker-block[data-v-eb0ddf09]{margin:12px 13px;border-radius:var(--border-radius-3);background-color:var(--color-white)}.blocks-container[data-v-df030c88]{margin:12px 13px;border-radius:6px;background-color:var(--color-white)}.no-user-info-tip[data-v-fc6950b9]{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-fc6950b9]{display:flex;align-items:center}[dir=ltr] .no-user-info-tip .no-user-info-tip-casedetail .case-detail-link-btn[data-v-fc6950b9]{margin-left:8px}[dir=rtl] .no-user-info-tip .no-user-info-tip-casedetail .case-detail-link-btn[data-v-fc6950b9]{margin-right:8px}.finance-service-detail-template[data-v-97b619e1]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.finance-service-detail-template .service-detail-padding[data-v-97b619e1]{padding-bottom:50px}.finance-service-detail-template .service-detail-scroll-container[data-v-97b619e1]{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-97b619e1]::-webkit-scrollbar{display:none}.finance-service-detail-template .affix-container[data-v-97b619e1]{position:sticky;z-index:3;top:0}.finance-service-detail-template .service-operation-affix[data-v-97b619e1]{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-97b619e1]{position:relative}[dir=ltr] .finance-service-detail-template .service-operation-container[data-v-97b619e1]{margin:2px 16px 2px 12px}[dir=rtl] .finance-service-detail-template .service-operation-container[data-v-97b619e1]{margin:2px 12px 2px 16px}.finance-service-detail-template .service-operation-container[data-v-97b619e1] .cs-lc-operations{padding-bottom:0!important}.finance-service-detail-template .vertical-line[data-v-97b619e1]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.home-page-container[data-v-1d518661]{display:flex;flex:1;flex-direction:column;gap:8px 0;padding:23px 18px}.block-content[data-v-1d518661]{border-radius:6px;background-color:#fff}.block-header[data-v-1d518661]{display:flex;flex-direction:row;align-items:center;height:26px;-webkit-user-select:none;user-select:none}.block-header>*[data-v-1d518661]{cursor:pointer}.block-title[data-v-1d518661]{font-size:14px;color:#000000e6;letter-spacing:0;line-height:14px;font-weight:500}.empty-content-text[data-v-1d518661]{font-size:14px;color:#111925;opacity:.45}.title-operating-area[data-v-1d518661]{display:flex;flex:1;align-items:center;gap:8px}.title-operating-area .cloud-order-selector[data-v-1d518661]{display:flex;flex:1;align-items:center;justify-content:space-between}.title-operating-area .refresh-btn[data-v-1d518661]{height:28px}.empty-context-text[data-v-1d518661]{text-align:center;font-size:14px;color:#111925;opacity:.45}.error-retry-container[data-v-06a25bd7]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 80px}.error-retry-container .icon-no-service[data-v-06a25bd7]{margin-bottom:4px;color:#0000001a}.error-retry-container span[data-v-06a25bd7]{margin-bottom:20px}.home-page[data-v-a3069ab2]{position:relative;height:100%;display:flex;flex-direction:column}.home-page .global-loading-mask[data-v-a3069ab2]{background-color:#e8e8e880;z-index:2}.home-page .home-page-block[data-v-a3069ab2]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%}.home-page .home-page-block[data-v-a3069ab2]::-webkit-scrollbar{display:none}.order-confirm-header[data-v-a3069ab2]{display:flex;justify-content:space-between}.service-header[data-v-e37ee897]{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-e37ee897]{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-e37ee897]{display:flex;flex-direction:column;overflow:hidden;flex:1}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-e37ee897],.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-e37ee897]{display:flex;flex-direction:row;align-items:center}.service-header .service-header-top .service-header-top-left .service-header-title-container[data-v-e37ee897]{gap:8px;margin-bottom:4px}.service-header .service-header-top .service-header-top-left .service-header-tag-container[data-v-e37ee897]{gap:4px}.service-header .service-header-top .service-header-top-right[data-v-e37ee897]{display:flex;flex-direction:row;overflow:hidden;justify-content:flex-end;flex:1}.service-header .header-tag-box[data-v-e37ee897]{display:flex;overflow:hidden}.service-header .header-tag-box[data-v-e37ee897]>:first-child:before{content:"";width:0}[dir=ltr] .service-header .header-tag-box[data-v-e37ee897]>:first-child:before{margin:0 12px 0 6px;border-left:1px solid #f0f0f0}[dir=rtl] .service-header .header-tag-box[data-v-e37ee897]>:first-child:before{margin:0 6px 0 12px;border-right:1px solid #f0f0f0}.header-title[data-v-e37ee897]{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}[dir=ltr] .header-title[data-v-e37ee897]{margin-right:8px}[dir=rtl] .header-title[data-v-e37ee897]{margin-left:8px}.header-case-id[data-v-e37ee897]{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-e37ee897]{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}[dir=ltr] .save-info[data-v-e37ee897]{margin-left:8px}[dir=rtl] .save-info[data-v-e37ee897]{margin-right:8px}.save-info .mtdicon-warning-circle[data-v-e37ee897]{font-size:var(--font-size-5)}.save-info.save-failed[data-v-e37ee897]{color:var(--color-danger-1)}.case-header-announcement-line[data-v-e37ee897]{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-e37ee897]{font-size:16px;color:#ff9d00}[dir=ltr] .case-header-announcement-line .mtdicon[data-v-e37ee897]{margin-right:8px}[dir=rtl] .case-header-announcement-line .mtdicon[data-v-e37ee897]{margin-left:8px}.case-header-announcement-line .announcement-text[data-v-e37ee897]{font-weight:400;font-family:var(--PingFangSC-Regular);font-size:14px;color:#592d00;line-height:26px}.case-header-announcement-line .announcement-operate[data-v-e37ee897]{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-e37ee897]:after{content:"";position:absolute;width:100px;height:26px;top:0}[dir=ltr] .case-header-announcement-line .announcement-operate[data-v-e37ee897]:after{left:-15px}[dir=rtl] .case-header-announcement-line .announcement-operate[data-v-e37ee897]:after{right:-15px}.copy-btn[data-v-e37ee897]{cursor:pointer}.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-a6fab05d]{height:100%;padding:16px}[dir=ltr] .general-search-container[data-v-a6fab05d]{background:linear-gradient(180deg,#fff,#e8e8e8 10%)}[dir=rtl] .general-search-container[data-v-a6fab05d]{background:linear-gradient(-180deg,#fff,#e8e8e8 10%)}.block-header-hot-zone[data-v-ecf3a119]{display:flex;align-items:center;height:100%}[dir=ltr] .block-header-hot-zone[data-v-ecf3a119]{margin-right:6px}[dir=rtl] .block-header-hot-zone[data-v-ecf3a119]{margin-left:6px}.header-expand-btn[data-v-ecf3a119]{height:20px;width:20px;border-radius:4px;position:relative;cursor:pointer}[dir=ltr] .header-expand-btn[data-v-ecf3a119]{margin-right:10px}[dir=rtl] .header-expand-btn[data-v-ecf3a119]{margin-left:10px}.header-expand-btn[data-v-ecf3a119]:hover{background:#1119250d}.expand-icon[data-v-ecf3a119]{font-size:15px;color:#1a1a1a;position:absolute;top:50%}[dir=ltr] .expand-icon[data-v-ecf3a119]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .expand-icon[data-v-ecf3a119]{right:50%;transform:translate(50%,-50%)}.disable-expand[data-v-ecf3a119]{cursor:not-allowed;color:#1119254d}.block-header[data-v-ecf3a119]{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)}[dir=ltr] .block-header[data-v-ecf3a119]{margin:12px 12px 16px 8px}[dir=rtl] .block-header[data-v-ecf3a119]{margin:12px 8px 16px 12px}.block-content[data-v-ecf3a119]{padding:0 16px}.block-content[data-v-ecf3a119] .node-render .lc-block .lc-block-content{padding:0}.block-title[data-v-ecf3a119]{font-size:var(--font-size-4);color:#111925;letter-spacing:0;line-height:18px;font-weight:600}[dir=ltr] .block-title[data-v-ecf3a119]{margin-left:8px}[dir=rtl] .block-title[data-v-ecf3a119]{margin-right:8px}.empty-icon[data-v-ecf3a119]{width:28px}.block-step[data-v-ecf3a119]{display:flex}[dir=ltr] .block-step[data-v-ecf3a119]{margin-left:8px}[dir=rtl] .block-step[data-v-ecf3a119]{margin-right:8px}[data-v-ecf3a119] [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}.delay-handle-form-container .service-block[data-v-ec179f4c]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.service-info-title[data-v-051224b3]{gap:8px;display:flex;align-items:center}[dir=ltr] .service-info-title[data-v-051224b3]{margin-left:8px}[dir=rtl] .service-info-title[data-v-051224b3]{margin-right:8px}.object-rebind-btn[data-v-051224b3]{height:28px;padding:4px 8px;color:var(--color-primary);border-color:var(--color-primary)}.blocks-container[data-v-2da03adb]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.blocks-container .service-block[data-v-2da03adb]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.blocks-container .empty-content-text[data-v-2da03adb]{text-align:center;font-size:14px;color:#111925;opacity:.45}.expand-collect[data-v-00a64f67]{display:flex}.expand-collect_container[data-v-00a64f67]{position:relative;overflow:hidden}.unfolded[data-v-00a64f67]{max-height:246px;overflow:scroll}.expand-collect__btn[data-v-00a64f67]{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__content[data-v-00a64f67]{display:flex;flex-wrap:wrap;align-items:center}[dir=ltr] .expand-collect__content[data-v-00a64f67]{margin:2px 16px 2px 12px}[dir=rtl] .expand-collect__content[data-v-00a64f67]{margin:2px 12px 2px 16px}.expand-icon[data-v-00a64f67]{font-size:14px}.operation-item[data-v-b8a5918b]{max-width:170px;min-width:86px;margin:6px}[data-v-b8a5918b] .cs-mtd-btn-warning.cs-mtd-btn-ghost{color:#d86b01;border-color:#d86b01}[data-v-b8a5918b] .cs-mtd-btn-warning.cs-mtd-btn-ghost:hover{color:#ff9419;border-color:#ff9419}.flow-operation[data-v-9a4401d7]{display:flex}.vertical-line[data-v-9a4401d7]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.operation-group-count-1[data-v-9a4401d7]{height:44px!important}.operation-group-count-2[data-v-9a4401d7]{height:88px!important}.operation-group-count-3[data-v-9a4401d7]{height:132px!important}.operation-group-count-4[data-v-9a4401d7]{height:176px!important}.operation-group[data-v-9a4401d7]{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-9a4401d7]{margin:0 6px}.operation-group-popper{z-index:10!important;padding:10px}.blocks-container[data-v-66b4aa40]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-66b4aa40]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-66b4aa40]{text-align:center;font-size:14px;color:#111925;opacity:.45}.blocks-container[data-v-826747d7]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-826747d7]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-826747d7]{text-align:center;font-size:14px;color:#111925;opacity:.45}.drawer-blocks[data-v-d714e264]{position:absolute;bottom:0;width:100%}.drawer-blocks-container[data-v-d714e264]{border-radius:12px 12px 0 0;padding:0 16px 16px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 -8px 24px #0000001f}.drawer-blocks-container.is-open[data-v-d714e264]{height:var(--d7e9d478)}.drawer-blocks-container .drawer-blocks-header[data-v-d714e264]{display:flex;justify-content:space-between;padding:16px 0;cursor:pointer}.drawer-blocks-container .drawer-blocks-header .title[data-v-d714e264]{font-weight:500;font-size:18px;line-height:26px}.drawer-blocks-container .drawer-blocks-header .mtdicon-close[data-v-d714e264]{cursor:pointer;font-size:25px}.drawer-blocks-container .drawer-blocks-render[data-v-d714e264]{flex:1;overflow:auto;border-top:1px solid rgba(0,0,0,.06)}.drawer-blocks-container .drawer-blocks-render[data-v-d714e264] .block-item .block-header{padding:0 0 16px}.drawer-operation-container[data-v-d9c3460d]{display:flex;align-items:center;flex-wrap:wrap}.drawer-operation-container .drawer-operation-btn[data-v-d9c3460d]{margin:6px}.delay-detail[data-v-e6b2fd7d]{height:100%;background-color:#f3f3f4}.delay-detail .delay-scroll-container[data-v-e6b2fd7d]{display:flex;flex-direction:column;width:100%;height:calc(100% - 88px)}.delay-detail-center[data-v-e6b2fd7d]{display:flex;width:100%;height:100%;margin-bottom:16px;overflow:hidden}.delay-detail-center-padding[data-v-e6b2fd7d]{padding-bottom:50px}.delay-detail-center-left-container[data-v-e6b2fd7d]{margin:0 16px 16px;height:100%;overflow:hidden;overflow-y:auto;position:relative}.delay-detail-center-left-container[data-v-e6b2fd7d]::-webkit-scrollbar{display:none}.delay-detail-center-right-container[data-v-e6b2fd7d]{position:relative}[dir=ltr] .delay-detail-center-right-container[data-v-e6b2fd7d]{margin-right:16px}[dir=rtl] .delay-detail-center-right-container[data-v-e6b2fd7d]{margin-left:16px}.delay-detail-center-right-container-service[data-v-e6b2fd7d]{height:100%;overflow:hidden;overflow-y:auto}.delay-detail-center-right-container[data-v-e6b2fd7d]::-webkit-scrollbar{display:none}.delay-detail-center-right-container-icon[data-v-e6b2fd7d]{position:absolute;z-index:1;top:40%;width:10px;height:68px;background:#ffffff80;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer}[dir=ltr] .delay-detail-center-right-container-icon[data-v-e6b2fd7d]{left:-16px;border-top-right-radius:4px;border-bottom-right-radius:4px}[dir=rtl] .delay-detail-center-right-container-icon[data-v-e6b2fd7d]{right:-16px;border-top-left-radius:4px;border-bottom-left-radius:4px}.delay-detail .service-operation-affix[data-v-e6b2fd7d]{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-e6b2fd7d]{position:relative}[dir=ltr] .delay-detail .service-operation-container[data-v-e6b2fd7d]{margin:2px 16px 2px 12px}[dir=rtl] .delay-detail .service-operation-container[data-v-e6b2fd7d]{margin:2px 12px 2px 16px}.delay-detail .service-operation-container[data-v-e6b2fd7d] .cs-lc-operations{padding-bottom:0!important}.blocks-container[data-v-210634c4]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.service-block[data-v-210634c4]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-210634c4]{text-align:center;font-size:14px;color:#111925;opacity:.45}.form-block-container[data-v-27c2295b]{display:flex;flex:1;flex-direction:column;gap:8px 0;margin-bottom:16px}.service-detail-template[data-v-9d81845a]{position:relative;display:flex;flex-direction:column;width:100%;background-color:#f3f3f4}.service-detail-template .multi-order-container[data-v-9d81845a]{padding:8px}.service-detail-template .service-detail-padding[data-v-9d81845a]{padding-bottom:50px}.service-detail-template .service-detail-scroll-container[data-v-9d81845a]{display:flex;flex:1;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%}.service-detail-template .service-detail-scroll-container[data-v-9d81845a]::-webkit-scrollbar{display:none}.service-detail-template .affix-container[data-v-9d81845a]{z-index:3;top:0}.service-detail-template .service-operation-affix[data-v-9d81845a]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.service-detail-template .service-operation-affix .affix-container[data-v-9d81845a]{position:relative}.service-detail-template .vertical-line[data-v-9d81845a]{height:28px;border:1px solid #e0e0e0;width:1px;margin:0 7px}.risk-question-selector[data-v-c51bb385]{display:flex;flex-direction:column;padding:0;gap:2px;line-height:24px}.selector-wrapper[data-v-c51bb385]{display:flex;align-items:center;padding:16px;gap:8px}.question-selector-label[data-v-c51bb385]{flex-shrink:0;white-space:nowrap}.risk-scene-select[data-v-c51bb385]{flex:1}.risk-tips[data-v-c51bb385]{display:block;padding:8px 16px}.related-knowledge[data-v-c51bb385]{line-height:32px}.related-knowledge .no-knowledge[data-v-c51bb385]{display:flex}.related-knowledge .knowledge-list[data-v-c51bb385]{display:flex;column-gap:10px;margin:0}[dir=ltr] .related-knowledge .knowledge-list[data-v-c51bb385]{padding-left:0}[dir=rtl] .related-knowledge .knowledge-list[data-v-c51bb385]{padding-right:0}.related-knowledge .knowledge-list-row[data-v-c51bb385]{flex-direction:row;flex-wrap:wrap;list-style-type:none}.related-knowledge .knowledge-link[data-v-c51bb385]{display:flex;height:32px;color:var(--cs-common-primary-color);letter-spacing:0}.related-knowledge .knowledge-link[data-v-c51bb385] :hover{text-decoration:underline}.blocks-container[data-v-21e85e89]{display:flex;flex-direction:column;gap:8px 0}.service-block[data-v-21e85e89]{border-radius:var(--border-radius-3);background-color:var(--color-white)}.empty-content-text[data-v-21e85e89]{text-align:center;font-size:14px;color:#111925;opacity:.45}.service-context-loading[data-v-21e85e89]{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-menu-container[data-v-6db1dd25]{position:absolute;-webkit-user-select:none;user-select:none;z-index:100;top:20%}[dir=ltr] .risk-menu-container[data-v-6db1dd25]{left:0}[dir=rtl] .risk-menu-container[data-v-6db1dd25]{right:0}.risk-menu-hidden[data-v-6db1dd25]{width:30px;height:70px;display:flex;align-items:center;justify-content:center;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}[dir=ltr] .risk-menu-hidden[data-v-6db1dd25]{border-radius:0 12px 12px 0}[dir=rtl] .risk-menu-hidden[data-v-6db1dd25]{border-radius:12px 0 0 12px}.risk-menu-hidden .menu-title[data-v-6db1dd25]{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-6db1dd25]{width:240px;max-height:480px;border:1px solid #ededed;background:var(--color-white);box-shadow:0 -2px 4px #00000005,0 2px 6px 6px #00000005,0 2px 6px #0000000f}[dir=ltr] .risk-menu-expand[data-v-6db1dd25]{border-radius:0 12px 12px 0}[dir=rtl] .risk-menu-expand[data-v-6db1dd25]{border-radius:12px 0 0 12px}.menu-header[data-v-6db1dd25]{display:flex;justify-content:space-between;align-items:center;height:40px;cursor:pointer}[dir=ltr] .menu-header[data-v-6db1dd25]{padding:17px 18px 8px 20px}[dir=rtl] .menu-header[data-v-6db1dd25]{padding:17px 20px 8px 18px}.menu-header .menu-title[data-v-6db1dd25]{font-size:var(--font-size-2);color:#7d7d7de6;line-height:var(--line-height-3)}.horizontal-line[data-v-6db1dd25]{height:0;border-bottom:1px solid #f0f0f0}[dir=ltr] .horizontal-line[data-v-6db1dd25]{margin:0 0 10px 20px}[dir=rtl] .horizontal-line[data-v-6db1dd25]{margin:0 20px 10px 0}.menu-group[data-v-6db1dd25]{display:flex;flex-direction:column;max-height:428px;padding-bottom:18px;overflow-y:overlay}.menu-group[data-v-6db1dd25]::-webkit-scrollbar{width:6px}.menu-group[data-v-6db1dd25]::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}.menu-group[data-v-6db1dd25]:hover::-webkit-scrollbar-thumb{background-color:#ddd}.menu-item[data-v-6db1dd25]{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-6db1dd25]{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}[dir=ltr] .menu-item-first-index[data-v-6db1dd25]{margin-right:2px}[dir=rtl] .menu-item-first-index[data-v-6db1dd25]{margin-left:2px}.menu-item-first .arrow-icon[data-v-6db1dd25]{font-size:12px;transition:transform .3s}[dir=ltr] .menu-item-first .arrow-icon[data-v-6db1dd25]{margin-left:4px}[dir=rtl] .menu-item-first .arrow-icon[data-v-6db1dd25]{margin-right:4px}.menu-item-first[data-v-6db1dd25]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.menu-item-second[data-v-6db1dd25]{color:#111925;cursor:pointer;transition:color .3s}[dir=ltr] .menu-item-second[data-v-6db1dd25]{margin:8px 20px 0 8px}[dir=rtl] .menu-item-second[data-v-6db1dd25]{margin:8px 8px 0 20px}.menu-item-second[data-v-6db1dd25]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.menu-item-third[data-v-6db1dd25]{color:#111925;transition:color .3s;cursor:pointer;margin:8px 20px}.menu-item-third[data-v-6db1dd25]:hover{color:var(--cs-common-primary-color);font-weight:var(--font-weight-medium)}.risk-menu-expand[data-v-6db1dd25],.risk-menu-hidden[data-v-6db1dd25]{transition:transform .3s ease}.menu-group[data-v-6db1dd25]{transition:max-height .3s ease}.menu-item-second-area[data-v-6db1dd25]{transition-property:margin;transition-duration:.3s;transition-timing-function:ease}.menu-item-second-has-children[data-v-6db1dd25]{font-weight:var(--font-weight-medium)}.flex-container[data-v-bd9ac990]{display:flex;width:100%;height:100%}.flex-container_row[data-v-bd9ac990]{flex-direction:row}.flex-container_column[data-v-bd9ac990]{flex-direction:column}.flex-box[data-v-bd9ac990]{flex:1;min-width:0;min-height:0;overflow:hidden}.resizer_row[data-v-bd9ac990]{width:6px;cursor:col-resize}.resizer_column[data-v-bd9ac990]{height:6px;cursor:row-resize}.resizer[data-v-bd9ac990]{position:relative;height:3px;background-color:#f5f5f5;cursor:row-resize;z-index:10;transition:background-color .2s;touch-action:none;flex-shrink:0;-webkit-user-select:none;user-select:none}.resizer[data-v-bd9ac990]:hover,.resizer[data-v-bd9ac990]:active{height:6px;background-color:#677285}.resizer[data-v-bd9ac990]:before{content:"";position:absolute;top:50%;width:30px;height:2px;background-color:#ccc}[dir=ltr] .resizer[data-v-bd9ac990]:before{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .resizer[data-v-bd9ac990]:before{right:50%;transform:translate(50%,-50%)}.resizer[data-v-bd9ac990]:hover:before,.resizer[data-v-bd9ac990]:active:before{background-color:#fff}.risk-detail-template[data-v-ffb78d9d]{display:flex;flex-direction:column;height:100%;overflow:hidden}.fixed-header[data-v-ffb78d9d]{position:sticky;top:0;z-index:100;background:#fff;flex-shrink:0}.fixed-footer[data-v-ffb78d9d]{position:sticky;bottom:0;z-index:100;background:#fff;flex-shrink:0;border-top:1px solid #d4d5d6}.modules-container[data-v-ffb78d9d]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.module-wrapper[data-v-ffb78d9d]{display:flex;flex-direction:column;min-height:0;height:100%}.block-header[data-v-ffb78d9d]{display:flex;align-items:center;justify-content:flex-start;height:40px;padding:0 16px;background:var(--cs-common-nav-boundary-line-color);margin-top:8px;-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0}.block-title[data-v-ffb78d9d]{font-size:18px;color:#fff;font-weight:600}[dir=ltr] .block-title[data-v-ffb78d9d]{margin-right:10px}[dir=rtl] .block-title[data-v-ffb78d9d]{margin-left:10px}.expand-icon[data-v-ffb78d9d]{font-size:15px;color:#fff}.block-content[data-v-ffb78d9d]{height:100%;position:relative;transition:height .3s}.scroll-container[data-v-ffb78d9d]{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding:8px;background-color:#f3f3f4}.service-module-container .scroll-container[data-v-ffb78d9d]{padding:0}.resize-handler[data-v-ffb78d9d]{position:relative;height:3px;background-color:#f5f5f5;cursor:row-resize;z-index:10;transition:background-color .2s;touch-action:none}.resize-handler[data-v-ffb78d9d]:hover,.resize-handler[data-v-ffb78d9d]:active{height:6px;background-color:#677285}.resize-handler[data-v-ffb78d9d]:before{content:"";position:absolute;top:50%;width:30px;height:2px;background-color:#ccc}[dir=ltr] .resize-handler[data-v-ffb78d9d]:before{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .resize-handler[data-v-ffb78d9d]:before{right:50%;transform:translate(50%,-50%)}.resize-handler[data-v-ffb78d9d]:hover:before,.resize-handler[data-v-ffb78d9d]:active:before{background-color:#fff}[data-v-ffb78d9d] .multi-order-tab-container{padding:0}[data-v-af2a8701] .flow-operation{max-height:120px}.risk-detail-main[data-v-af2a8701]{display:flex;flex-direction:column;height:calc(100vh - 300px)}.service-operation-affix[data-v-af2a8701]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.service-operation-affix .affix-container[data-v-af2a8701]{position:relative}.risk-delay-detail[data-v-b91b212f]{display:flex;flex-direction:column;overflow-y:hidden;height:100%}.risk-delay-detail .delay-scroll-container[data-v-b91b212f]{position:relative;display:flex;height:100%;flex-direction:column;width:100%;background-color:#f3f3f4}.risk-delay-detail-center[data-v-b91b212f]{display:flex;width:100%;height:100%;margin-bottom:16px;overflow:hidden}.risk-delay-detail-center-padding[data-v-b91b212f]{padding-bottom:50px}.risk-delay-detail-center-left-container[data-v-b91b212f]{margin:0 16px 16px;height:100%;overflow:hidden;overflow-y:auto;position:relative}.risk-delay-detail-center-left-container[data-v-b91b212f]::-webkit-scrollbar{display:none}.risk-delay-detail-center-right-container[data-v-b91b212f]{position:relative}[dir=ltr] .risk-delay-detail-center-right-container[data-v-b91b212f]{margin-right:16px}[dir=rtl] .risk-delay-detail-center-right-container[data-v-b91b212f]{margin-left:16px}.risk-delay-detail-center-right-container-service[data-v-b91b212f]{height:100%;overflow:hidden;overflow-y:auto}.risk-delay-detail-center-right-container[data-v-b91b212f]::-webkit-scrollbar{display:none}.risk-delay-detail-center-right-container-icon[data-v-b91b212f]{position:absolute;z-index:1;top:40%;width:10px;height:68px;background:#ffffff80;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer}[dir=ltr] .risk-delay-detail-center-right-container-icon[data-v-b91b212f]{left:-16px;border-top-right-radius:4px;border-bottom-right-radius:4px}[dir=rtl] .risk-delay-detail-center-right-container-icon[data-v-b91b212f]{right:-16px;border-top-left-radius:4px;border-bottom-left-radius:4px}.risk-delay-detail .service-operation-affix[data-v-b91b212f]{position:sticky;z-index:10;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid #d4d5d6}.risk-delay-detail .service-operation-affix .affix-container[data-v-b91b212f]{position:relative}.risk-delay-detail .service-operation-affix .expand-collect[data-v-b91b212f]{max-height:94px}[dir=ltr] .risk-delay-detail .service-operation-container[data-v-b91b212f]{margin:2px 16px 2px 12px}[dir=rtl] .risk-delay-detail .service-operation-container[data-v-b91b212f]{margin:2px 12px 2px 16px}.risk-delay-detail .service-operation-container[data-v-b91b212f] .cs-lc-operations{padding-bottom:0!important}.cs-fe-button-text-btn{height:22px!important;padding:0}.cs-secret-field[data-v-cfd2d402]{width:100%;flex-wrap:wrap}.secret-text-highlight[data-v-cfd2d402]{color:var(--cs-common-primary-color);cursor:pointer}.one-click-copy-btn[data-v-b13419d0]{display:inline-flex;align-self:center;vertical-align:middle;cursor:pointer;font-size:16px}[dir=ltr] .one-click-copy-btn[data-v-b13419d0]{margin-left:6px}[dir=rtl] .one-click-copy-btn[data-v-b13419d0]{margin-right:6px}.cs-text[data-v-3aa61659]{display:contents}.cs-f-text-content[data-v-3aa61659]{width:auto}.cs-detach-flow-wrapper[data-v-37750de9]{position:relative}.cs-detach-flow-wrapper .cs-detach-flow-content[data-v-37750de9]{position:absolute;width:100%}.cs-textarea[data-v-d28ca90b]{display:contents}.cs-textarea .text-area-height[data-v-d28ca90b]{height:var(--f0748a0c)}.pre-word-wrap[data-v-a95dd522]{white-space:pre-wrap}[data-v-a95dd522] .text-ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--33eb1c27)}.cs-plain-text-wrapper[data-v-a95dd522]{display:contents}.cs-f-plain-text-content[data-v-a95dd522]{width:auto}.cs-field-right[data-v-fe9936f2]{align-items:flex-start}.cs-field-right .options-container[data-v-fe9936f2]{display:flex;flex-direction:column}.cs-field-right .options-container .text-color-red[data-v-fe9936f2]{color:red;font-size:14px}.cs-field-right .options-container .radio-name[data-v-fe9936f2]{display:block}.cs-cascader[data-v-f98795fd]{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{content:"Zoom In"}[dir=ltr] .viewer-zoom-in:before{background-position:0 0}[dir=rtl] .viewer-zoom-in:before{background-position:100% 0}.viewer-zoom-out:before{content:"Zoom Out"}[dir=ltr] .viewer-zoom-out:before{background-position:-20px 0}[dir=rtl] .viewer-zoom-out:before{background-position:right -20px top 0}.viewer-one-to-one:before{content:"One to One"}[dir=ltr] .viewer-one-to-one:before{background-position:-40px 0}[dir=rtl] .viewer-one-to-one:before{background-position:right -40px top 0}.viewer-reset:before{content:"Reset"}[dir=ltr] .viewer-reset:before{background-position:-60px 0}[dir=rtl] .viewer-reset:before{background-position:right -60px top 0}.viewer-prev:before{content:"Previous"}[dir=ltr] .viewer-prev:before{background-position:-80px 0}[dir=rtl] .viewer-prev:before{background-position:right -80px top 0}.viewer-play:before{content:"Play"}[dir=ltr] .viewer-play:before{background-position:-100px 0}[dir=rtl] .viewer-play:before{background-position:right -100px top 0}.viewer-next:before{content:"Next"}[dir=ltr] .viewer-next:before{background-position:-120px 0}[dir=rtl] .viewer-next:before{background-position:right -120px top 0}.viewer-rotate-left:before{content:"Rotate Left"}[dir=ltr] .viewer-rotate-left:before{background-position:-140px 0}[dir=rtl] .viewer-rotate-left:before{background-position:right -140px top 0}.viewer-rotate-right:before{content:"Rotate Right"}[dir=ltr] .viewer-rotate-right:before{background-position:-160px 0}[dir=rtl] .viewer-rotate-right:before{background-position:right -160px top 0}.viewer-flip-horizontal:before{content:"Flip Horizontal"}[dir=ltr] .viewer-flip-horizontal:before{background-position:-180px 0}[dir=rtl] .viewer-flip-horizontal:before{background-position:right -180px top 0}.viewer-flip-vertical:before{content:"Flip Vertical"}[dir=ltr] .viewer-flip-vertical:before{background-position:-200px 0}[dir=rtl] .viewer-flip-vertical:before{background-position:right -200px top 0}.viewer-fullscreen:before{content:"Enter Full Screen"}[dir=ltr] .viewer-fullscreen:before{background-position:-220px 0}[dir=rtl] .viewer-fullscreen:before{background-position:right -220px top 0}.viewer-fullscreen-exit:before{content:"Exit Full Screen"}[dir=ltr] .viewer-fullscreen-exit:before{background-position:-240px 0}[dir=rtl] .viewer-fullscreen-exit:before{background-position:right -240px top 0}.viewer-close:before{content:"Close"}[dir=ltr] .viewer-close:before{background-position:-260px 0}[dir=rtl] .viewer-close:before{background-position:right -260px top 0}.viewer-container{bottom:0;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}[dir=ltr] .viewer-container{direction:ltr}[dir=rtl] .viewer-container{direction:rtl}.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;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}[dir=ltr] .viewer-list>li{float:left}[dir=rtl] .viewer-list>li{float:right}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}[dir=ltr] .viewer-list>li+li{margin-left:1px}[dir=rtl] .viewer-list>li+li{margin-right:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-top:-10px;width:20px}[dir=ltr] .viewer-list>.viewer-loading:after{margin-left:-10px}[dir=rtl] .viewer-list>.viewer-loading:after{margin-right:-10px}.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{position:absolute;top:0}[dir=ltr] .viewer-player>img{left:0}[dir=rtl] .viewer-player>img{right: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;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}[dir=ltr] .viewer-toolbar>ul>li{float:left}[dir=rtl] .viewer-toolbar>ul>li{float:right}.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}[dir=ltr] .viewer-toolbar>ul>li+li{margin-left:1px}[dir=rtl] .viewer-toolbar>ul>li+li{margin-right: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;line-height:20px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}[dir=ltr] .viewer-tooltip{left:50%;margin-left:-25px}[dir=rtl] .viewer-tooltip{right:50%;margin-right:-25px}.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;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}[dir=ltr] .viewer-button{right:-40px}[dir=rtl] .viewer-button{left:-40px}.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;position:absolute}[dir=ltr] .viewer-button:before{left:15px}[dir=rtl] .viewer-button:before{right:15px}.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-radius:50%;content:"";display:inline-block;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}[dir=ltr] .viewer-loading:after{border-left-color:#ffffff80;left:50%;margin-left:-20px}[dir=rtl] .viewer-loading:after{border-right-color:#ffffff80;right:50%;margin-right:-20px}@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}}.carousel-container[data-v-9010cd43]{width:180px}.carousel-item[data-v-9010cd43]{display:flex;justify-content:center;align-items:center;width:180px;height:150px}.single-image[data-v-9010cd43]{width:100%;display:flex;align-items:center;justify-content:start}img[data-v-9010cd43]{max-width:120px;max-height:150px;border-radius:4px;object-fit:cover;cursor:pointer}.tile-images[data-v-9010cd43]{display:flex;flex-wrap:wrap}.tile-images .tile-image[data-v-9010cd43]{position:relative}[dir=ltr] .tile-images .tile-image[data-v-9010cd43]{margin-right:16px}[dir=rtl] .tile-images .tile-image[data-v-9010cd43]{margin-left:16px}.tile-images .tile-image img[data-v-9010cd43]{width:110px;height:110px;border-radius:4px;object-fit:cover;cursor:pointer}.tile-images .tile-image-icon[data-v-9010cd43]{position:absolute;top:0;background:#fff9db;font-size:12px;font-weight:400;letter-spacing:0;color:#43240d;padding:4px 6px}[dir=ltr] .tile-images .tile-image-icon[data-v-9010cd43]{left:0;border-radius:4px 0}[dir=rtl] .tile-images .tile-image-icon[data-v-9010cd43]{right:0;border-radius:0 4px}.get-all-images[data-v-9010cd43]{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-9010cd43]{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-9010cd43]:hover{color:var(--cs-common-primary2-color)}.image-container[data-v-9010cd43]{text-align:center}.image-container .image-count[data-v-9010cd43]{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}.revisit-date-select .data-selection-container[data-v-da09b9cd]{display:flex}.revisit-date-select .data-selection-container .time-type-desc[data-v-da09b9cd]{display:flex;align-items:center;color:red}[dir=ltr] .revisit-date-select .data-selection-container .time-type-desc[data-v-da09b9cd]{margin-left:4px}[dir=rtl] .revisit-date-select .data-selection-container .time-type-desc[data-v-da09b9cd]{margin-right:4px}.revisit-date-select .time-type-tips[data-v-da09b9cd]{margin-top:4px;color:red;margin-bottom:6px}.time-picker-footer[data-v-da09b9cd]{display:flex;flex-direction:row;justify-content:end;border-top:1px solid rgba(0,0,0,.06);padding:8px 16px}.cs-link[data-v-83a6d29d]{display:flex}.cs-link .mtdicon-edit-o[data-v-83a6d29d]{font-size:16px;color:var(--cs-common-primary-color);line-height:20px}[dir=ltr] .cs-link .mtdicon-edit-o[data-v-83a6d29d]{padding:0 0 0 8px}[dir=rtl] .cs-link .mtdicon-edit-o[data-v-83a6d29d]{padding:0 8px 0 0}.link-layout[data-v-83a6d29d]{display:flex;flex-direction:row;align-items:start;cursor:pointer}.link-layout .link-text-box[data-v-83a6d29d]{display:flex;flex-direction:row;align-items:center}.link-layout .link-text-box i[data-v-83a6d29d],.link-layout .link-text-box a[data-v-83a6d29d]{color:var(--cs-common-primary-color);transition:color .3s}.link-layout .link-text-box i[data-v-83a6d29d]{line-height:16px;font-size:14px;font-weight:500}[dir=ltr] .link-layout .link-text-box i[data-v-83a6d29d]{margin-left:2px}[dir=rtl] .link-layout .link-text-box i[data-v-83a6d29d]{margin-right:2px}.link-layout .link-text-box a[data-v-83a6d29d]{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:underline;text-underline-offset:2px}.link-layout .link-text-box a[disabled][data-v-83a6d29d]{color:#0000005c;cursor:not-allowed}.link-layout .link-text-box:hover i[data-v-83a6d29d],.link-layout .link-text-box:hover a[data-v-83a6d29d]{color:var(--cs-common-primary1-color)}.link-layout .link-text-box:active i[data-v-83a6d29d],.link-layout .link-text-box:active a[data-v-83a6d29d]{color:var(--cs-common-primary3-color)}.link-layout.position-left[data-v-83a6d29d]{justify-content:start}.link-layout.position-right[data-v-83a6d29d]{justify-content:end}.lc-map[data-v-0cc4c74c]{width:100%;display:block}.lc-map-ctrl[data-v-0cc4c74c]{margin-bottom:10px;width:100%;display:flex}[dir=ltr] .lc-map-ctrl-extend[data-v-0cc4c74c]{margin-right:10px}[dir=rtl] .lc-map-ctrl-extend[data-v-0cc4c74c]{margin-left:10px}.lc-map-wrapper[data-v-0cc4c74c]{width:100%;display:flex}.lc-map-inner[data-v-0cc4c74c]{width:100%;display:block}.lc-map-no-data[data-v-0cc4c74c]{display:flex;justify-content:center;align-items:center;height:100%;border:1px solid rgba(0,0,0,.06)}.lc-map-dom[data-v-0cc4c74c]{position:relative;width:100%}.lc-map-dom-legend[data-v-0cc4c74c]{position:absolute;top:8px;background-color:#fff;border-radius:4px;z-index:9999;max-width:300px;overflow:auto}[dir=ltr] .lc-map-dom-legend[data-v-0cc4c74c]{right:8px;padding:9px 9px 0 8px}[dir=rtl] .lc-map-dom-legend[data-v-0cc4c74c]{left:8px;padding:9px 8px 0 9px}.lc-map-dom-legend-category[data-v-0cc4c74c]{font-weight:500;font-size:12px}.lc-map-dom-legend ul[data-v-0cc4c74c]{margin:0;padding:0}.lc-map-dom-legend ul li[data-v-0cc4c74c]{list-style:none;margin-bottom:8px}.lc-map-dom-legend ul li span[data-v-0cc4c74c]{display:inline-block;font-size:12px}.lc-map-dom-legend ul li .lc-map-dom-legend-item-desc[data-v-0cc4c74c]{font-size:12px;min-width:80px}[dir=ltr] .lc-map-dom-legend ul li .lc-map-dom-legend-item-desc[data-v-0cc4c74c]{padding-right:5px}[dir=rtl] .lc-map-dom-legend ul li .lc-map-dom-legend-item-desc[data-v-0cc4c74c]{padding-left:5px}.lc-map-dom-legend ul li .lc-map-dom-legend-item-color[data-v-0cc4c74c]{width:6px;height:10px;border-radius:1px;vertical-align:middle}[dir=ltr] .lc-map-dom-legend ul li .lc-map-dom-legend-item-color[data-v-0cc4c74c]{margin-left:22px;margin-right:4px}[dir=rtl] .lc-map-dom-legend ul li .lc-map-dom-legend-item-color[data-v-0cc4c74c]{margin-right:22px;margin-left:4px}[data-v-0cc4c74c] .mtmap-infowindow .mtmap-infowindow-body{overflow:hidden;background:none}[data-v-0cc4c74c] .mtmap-infowindow-anchor{display:none}[data-v-0cc4c74c] .lc-map-single-icon{width:20px;height:20px;background-color:#e74c3c;color:#fff;font-weight:600;position:relative;top:2px}[dir=ltr] [class][data-v-0cc4c74c] .lc-map-single-icon{border-radius:50% 50% 50% 0;transform:rotate(315deg)}[dir=rtl] [class][data-v-0cc4c74c] .lc-map-single-icon{border-radius:50% 50% 0;transform:rotate(-315deg)}[dir=ltr] [class][data-v-0cc4c74c] .lc-map-single-icon .lc-map-single-icon-text{transform:rotate(45deg);padding-left:3.5px}[dir=rtl] [class][data-v-0cc4c74c] .lc-map-single-icon .lc-map-single-icon-text{transform:rotate(-45deg);padding-right:3.5px}[data-v-0cc4c74c] .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-0cc4c74c] .lc-map-icon .lc-map-icon-anchor{position:absolute;bottom:-6px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid #f50505}[dir=ltr] [class][data-v-0cc4c74c] .lc-map-icon .lc-map-icon-anchor{left:50%;transform:translate(-50%)}[dir=rtl] [class][data-v-0cc4c74c] .lc-map-icon .lc-map-icon-anchor{right:50%;transform:translate(50%)}.diff-latter-time[data-v-308ac9d6]{position:absolute;height:20px;line-height:20px;top:0;padding:0 4px;z-index:1;font-size:12px;color:#11192585;cursor:pointer;background:#fff}[dir=ltr] .diff-latter-time[data-v-308ac9d6]{right:0;transform:translate(50%)}[dir=rtl] .diff-latter-time[data-v-308ac9d6]{left:0;transform:translate(-50%)}.diff-latter-time-padding[data-v-308ac9d6]{padding:0}.diff-latter-time-dot[data-v-308ac9d6]{line-height:18px}.diff-latter-time-name[data-v-308ac9d6]{height:30px;line-height:30px}.text-ellipsis[data-v-308ac9d6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-bar-desc[data-v-56291c54]{font-size:10px;padding-bottom:10px}.step-bar-desc .step-remark[data-v-56291c54]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:20px;cursor:pointer}.step-bar-desc .step-date-time[data-v-56291c54]{font-size:14px}.step-bar-desc .step-date-time div[data-v-56291c54]:nth-child(2){font-weight:700}.step-bar-desc .step-time[data-v-56291c54]{word-break:break-word}.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}.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}.cs-lc-steps-content[data-v-3aa8d9e8]{max-width:unset;width:0;flex:1;border:1px solid rgba(0,0,0,.06);border-radius:6px}.cs-lc-steps-content[data-v-3aa8d9e8] ::-webkit-scrollbar{width:2px;height:6px}.cs-lc-steps-content[data-v-3aa8d9e8] ::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:14px}.empty-style[data-v-3aa8d9e8]{width:100%;text-align:center}.attachment-input[data-v-47c329c2]{z-index:2;width:52px;height:32px;flex-shrink:0}.attachment-input[data-v-47c329c2]::-webkit-file-upload-button{visibility:hidden}.attachment-input[data-v-47c329c2]: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-47c329c2]{max-width:250px}[dir=ltr] .file-name[data-v-47c329c2]{margin-left:12px}[dir=rtl] .file-name[data-v-47c329c2]{margin-right:12px}[dir=ltr] .result-text[data-v-47c329c2]{padding-left:20px}[dir=rtl] .result-text[data-v-47c329c2]{padding-right:20px}.retry-button[data-v-47c329c2]{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{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}[dir=ltr] .cropper-container{direction:ltr}[dir=rtl] .cropper-container{direction:rtl}.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);top:calc(100% / 3);width:100%}[dir=ltr] .cropper-dashed.dashed-h{left:0}[dir=rtl] .cropper-dashed.dashed-h{right:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;top:0;width:calc(100% / 3)}[dir=ltr] .cropper-dashed.dashed-v{left:calc(100% / 3)}[dir=rtl] .cropper-dashed.dashed-v{right:calc(100% / 3)}.cropper-center{display:block;height:0;opacity:.75;position:absolute;top:50%;width:0}[dir=ltr] .cropper-center{left:50%}[dir=rtl] .cropper-center{right:50%}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;top:0;width:7px}[dir=ltr] .cropper-center:before{left:-3px}[dir=rtl] .cropper-center:before{right:-3px}.cropper-center:after{height:7px;top:-3px;width:1px}[dir=ltr] .cropper-center:after{left:0}[dir=rtl] .cropper-center:after{right:0}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;top:0}[dir=ltr] .cropper-face{left:0}[dir=rtl] .cropper-face{right:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;top:0;width:5px}[dir=ltr] .cropper-line.line-e{right:-3px}[dir=rtl] .cropper-line.line-e{left:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px}[dir=ltr] .cropper-line.line-n{left:0}[dir=rtl] .cropper-line.line-n{right:0}.cropper-line.line-w{cursor:ew-resize;top:0;width:5px}[dir=ltr] .cropper-line.line-w{left:-3px}[dir=rtl] .cropper-line.line-w{right:-3px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px}[dir=ltr] .cropper-line.line-s{left:0}[dir=rtl] .cropper-line.line-s{right:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%}[dir=ltr] .cropper-point.point-e{right:-3px}[dir=rtl] .cropper-point.point-e{left:-3px}.cropper-point.point-n{cursor:ns-resize;top:-3px}[dir=ltr] .cropper-point.point-n{left:50%;margin-left:-3px}[dir=rtl] .cropper-point.point-n{right:50%;margin-right:-3px}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%}[dir=ltr] .cropper-point.point-w{left:-3px}[dir=rtl] .cropper-point.point-w{right:-3px}.cropper-point.point-s{bottom:-3px;cursor:s-resize}[dir=ltr] .cropper-point.point-s{left:50%;margin-left:-3px}[dir=rtl] .cropper-point.point-s{right:50%;margin-right:-3px}.cropper-point.point-ne{top:-3px}[dir=ltr] .cropper-point.point-ne{cursor:nesw-resize;right:-3px}[dir=rtl] .cropper-point.point-ne{cursor:nwse-resize;left:-3px}.cropper-point.point-nw{top:-3px}[dir=ltr] .cropper-point.point-nw{cursor:nwse-resize;left:-3px}[dir=rtl] .cropper-point.point-nw{cursor:nesw-resize;right:-3px}.cropper-point.point-sw{bottom:-3px}[dir=ltr] .cropper-point.point-sw{cursor:nesw-resize;left:-3px}[dir=rtl] .cropper-point.point-sw{cursor:nwse-resize;right:-3px}.cropper-point.point-se{bottom:-3px;height:20px;opacity:1;width:20px}[dir=ltr] .cropper-point.point-se{cursor:nwse-resize;right:-3px}[dir=rtl] .cropper-point.point-se{cursor:nesw-resize;left:-3px}@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;width:200%}[dir=ltr] .cropper-point.point-se:before{right:-50%}[dir=rtl] .cropper-point.point-se:before{left:-50%}.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-41480588]{position:fixed;top:0;width:100%;height:100%;background:#000000de}[dir=ltr] .preview-viewer-popup .image-preview-main[data-v-41480588]{left:0}[dir=rtl] .preview-viewer-popup .image-preview-main[data-v-41480588]{right:0}.preview-viewer-popup .image-preview-main .preview-img[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-audio[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-video[data-v-41480588]{position:absolute;top:50%;width:70%;height:70%;display:flex;justify-content:center;align-items:center}[dir=ltr] .preview-viewer-popup .image-preview-main .preview-img[data-v-41480588],[dir=ltr] .preview-viewer-popup .image-preview-main .preview-audio[data-v-41480588],[dir=ltr] .preview-viewer-popup .image-preview-main .preview-video[data-v-41480588]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .preview-viewer-popup .image-preview-main .preview-img[data-v-41480588],[dir=rtl] .preview-viewer-popup .image-preview-main .preview-audio[data-v-41480588],[dir=rtl] .preview-viewer-popup .image-preview-main .preview-video[data-v-41480588]{right:50%;transform:translate(50%,-50%)}.preview-viewer-popup .image-preview-main .preview-img .image-origin[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-audio .image-origin[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-video .image-origin[data-v-41480588]{position:absolute;max-width:100%;max-height:100%}.preview-viewer-popup .image-preview-main .preview-img video[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-audio video[data-v-41480588],.preview-viewer-popup .image-preview-main .preview-video video[data-v-41480588]{width:100%;height:100%}.preview-viewer-popup .image-preview-main .close[data-v-41480588]{position:absolute;color:#fff;cursor:pointer;top:24px;opacity:.8;width:48px;height:48px;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:#000000e6;border-radius:50%}[dir=ltr] .preview-viewer-popup .image-preview-main .close[data-v-41480588]{right:24px}[dir=rtl] .preview-viewer-popup .image-preview-main .close[data-v-41480588]{left:24px}.preview-viewer-popup .image-preview-main .switch[data-v-41480588]{position:absolute;color:#fff9;cursor:pointer;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%}[dir=ltr] .preview-viewer-popup .image-preview-main .switch[data-v-41480588]{left:24px}[dir=rtl] .preview-viewer-popup .image-preview-main .switch[data-v-41480588]{right:24px}[dir=ltr] .preview-viewer-popup .image-preview-main .right[data-v-41480588]{left:initial;right:24px}[dir=rtl] .preview-viewer-popup .image-preview-main .right[data-v-41480588]{right:initial;left:24px}.preview-viewer-popup .image-preview-main .image-preview-name[data-v-41480588]{position:absolute;bottom:61px;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}[dir=ltr] .preview-viewer-popup .image-preview-main .image-preview-name[data-v-41480588]{left:50%;transform:translate(-50%)}[dir=rtl] .preview-viewer-popup .image-preview-main .image-preview-name[data-v-41480588]{right:50%;transform:translate(50%)}.preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-41480588]{position:absolute;bottom:8px;width:418px;height:48px;font-size:24px;cursor:pointer;display:flex;align-items:center;background:#00000061;border-radius:4px;color:#ffffff80}[dir=ltr] .preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-41480588]{left:50%;transform:translate(-50%)}[dir=rtl] .preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-41480588]{right:50%;transform:translate(50%)}.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction[data-v-41480588]{display:flex;align-items:center;justify-content:center}.preview-viewer-popup .image-preview-main .image-preview-operaction .left[data-v-41480588],.preview-viewer-popup .image-preview-main .image-preview-operaction .right[data-v-41480588],.preview-viewer-popup .image-preview-main .image-preview-operaction .clockwise[data-v-41480588],.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-41480588]{margin:0 20px}.preview-viewer-popup .image-preview-main .image-preview-operaction .add[data-v-41480588]{margin:0 13px}.preview-viewer-popup .image-preview-main .image-preview-operaction .count[data-v-41480588]{font-size:14px}.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch[data-v-41480588]{font-size:20px;line-height:40px}.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-41480588]{font-size:24px}.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-41480588]{position:relative}.preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-41480588]{top:0;position:absolute;display:block;width:24px;height:24px}[dir=ltr] .preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-41480588]{left:0}[dir=rtl] .preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-41480588]{right:0}.preview-viewer-popup .image-preview-main .image-preview-operaction .icon[data-v-41480588]{width:30px;height:35px}.preview-viewer-popup .image-preview-main .image-preview-operaction i[data-v-41480588]:hover{color:#fff}.attachment-preview .no-photos[data-v-e1adaf99]{color:#11192573;font-weight:600;font-size:12px;margin-bottom:10px}.attachment-preview .attachment-preview-list[data-v-e1adaf99]{display:flex;flex-wrap:wrap}.attachment-preview .attachment-preview-list .attachment-preview-list-item img[data-v-e1adaf99]{width:110px;height:110px;border:1px solid #e5e5e5;border-radius:6px}[dir=ltr] .attachment-preview .attachment-preview-list .attachment-preview-list-item img[data-v-e1adaf99]{margin:0 16px 0 0}[dir=rtl] .attachment-preview .attachment-preview-list .attachment-preview-list-item img[data-v-e1adaf99]{margin:0 0 0 16px}.attachment-preview .attachment-preview-list .attachment-preview-list-item .file-list-item[data-v-e1adaf99]{width:110px;height:110px;display:inline-block;border:1px solid #e5e5e5;cursor:pointer;border-radius:6px}[dir=ltr] .attachment-preview .attachment-preview-list .attachment-preview-list-item .file-list-item[data-v-e1adaf99]{margin:0 16px 0 0}[dir=rtl] .attachment-preview .attachment-preview-list .attachment-preview-list-item .file-list-item[data-v-e1adaf99]{margin:0 0 0 16px}.attachment-preview .attachment-preview-list .attachment-preview-list-item .audio-item[data-v-e1adaf99]{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-e1adaf99]{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-e1adaf99]{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-e1adaf99]{background:url(https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png) center no-repeat}.media-container[data-v-25b98ab4]{display:flex;justify-content:start}.get-all-medias[data-v-25b98ab4]{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-25b98ab4]{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-25b98ab4]:hover{color:var(--cs-common-primary1-color)}.cs-lc-upload-attachment[data-v-3d69f216]{display:flex;flex-direction:column}.get-all-medias[data-v-3d69f216]{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-3d69f216]{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-3d69f216]:hover{color:var(--cs-common-primary1-color)}.cs-number[data-v-f16f81e1]{display:contents}.icon-info .dynamic-cs-field[data-v-8d2d9ad7]{display:inline-flex}.icon-info .template-text[data-v-8d2d9ad7]{white-space:pre-line}.dynamic-text .dynamic-cs-field[data-v-6913d0dd]{display:inline-flex}.dynamic-text .template-text[data-v-6913d0dd]{white-space:pre-line}.cs-date-select[data-v-2864371a],.date-select-input[data-v-2864371a]{width:100%}.date-select-input[data-v-2864371a]{position:relative;display:inline-block}.date-select-date-picker[data-v-2864371a]{position:absolute;width:0!important;height:0!important;top:0;overflow:hidden}[dir=ltr] .date-select-date-picker[data-v-2864371a]{left:0}[dir=rtl] .date-select-date-picker[data-v-2864371a]{right:0}.time-picker-footer[data-v-2864371a]{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-2a364e6f]{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-eb4af541],.date-time-range-picker[data-v-2ea0ad14]{width:100%;max-width:300px}.llm-container[data-v-8993d4d3]{padding:16px 12px;border:1px solid rgba(0,0,0,.12);flex:1;gap:12px;box-sizing:border-box;border:1px solid #FFFFFF;border-radius:6px;box-shadow:0 0 4px #00000005}[dir=ltr] .llm-container[data-v-8993d4d3]{background:linear-gradient(119deg,#eef8ff80,#eae1fc80)}[dir=rtl] .llm-container[data-v-8993d4d3]{background:linear-gradient(-119deg,#eef8ff80,#eae1fc80)}.llm-container .llm-title[data-v-8993d4d3]{display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}.llm-container .llm-title .llm-title-text[data-v-8993d4d3],.llm-container .llm-title .icon-csicon-cscs-llm[data-v-8993d4d3]{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-8993d4d3]{font-size:16px;font-weight:600;line-height:26px;letter-spacing:0;color:#000000e6}[dir=ltr] .llm-container .llm-title .title-text[data-v-8993d4d3]{margin-left:10px}[dir=rtl] .llm-container .llm-title .title-text[data-v-8993d4d3]{margin-right:10px}.llm-container .llm-title i[data-v-8993d4d3]{font-size:16px}.llm-container .operate-text[data-v-8993d4d3]{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;color:#009155;cursor:pointer}[dir=ltr] .llm-container .operate-text i[data-v-8993d4d3]{margin-right:3px}[dir=rtl] .llm-container .operate-text i[data-v-8993d4d3]{margin-left:3px}.llm-container .regenerate[data-v-8993d4d3]{color:var(--cs-common-primary-color)}.llm-container .refresh[data-v-8993d4d3]{color:#1119254d}.llm-container .llm-text[data-v-8993d4d3]{font-size:14px;font-weight:400;line-height:22px;text-align:justify;letter-spacing:0;color:#111925}.llm-container .no-text[data-v-8993d4d3]{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-8993d4d3]{font-size:40px}.llm-container .no-text span[data-v-8993d4d3]{line-height:22px}.llm-container .mtd-loading[data-v-8993d4d3],.llm-container .sep-mtd-loading[data-v-8993d4d3]{position:static!important;transform:translate(0)!important}.llm-container[data-v-8993d4d3] .cs-mtd-loading{position:static!important}.llm-container .llm-time[data-v-8993d4d3]{color:#888}.custom-class[data-v-8993d4d3]{margin-bottom:10px}.custom-class .llm-text[data-v-8993d4d3]{font-size:14px;font-weight:400;letter-spacing:0px}.custom-class .llm-time[data-v-8993d4d3]{color:#888}.cs-f-textarea[data-v-c728a12a],[data-v-c728a12a] .cs-field-right{display:inline;flex-grow:1}.cs-field-case[data-v-c15ece3a]{display:contents}[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;bottom:0;z-index:3}[dir=ltr] .cs-textarea .nlp-textarea .nlp-textarea-operation{right:0}[dir=rtl] .cs-textarea .nlp-textarea .nlp-textarea-operation{left:0}.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}[dir=ltr] .cs-textarea .nlp-textarea .nlp-textarea-operation .nlp-default-recommend-tag{margin-right:8px}[dir=rtl] .cs-textarea .nlp-textarea .nlp-textarea-operation .nlp-default-recommend-tag{margin-left: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;bottom:0;z-index:3;display:flex;align-items:center}[dir=ltr] .cs-textarea .recommend-textarea .recommend-textarea-operation{right:6px}[dir=rtl] .cs-textarea .recommend-textarea .recommend-textarea-operation{left:6px}.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)}[dir=ltr] .cs-textarea .view-all-icon{margin:0 7px 0 12px}[dir=rtl] .cs-textarea .view-all-icon{margin:0 12px 0 7px}.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}[dir=ltr] .cs-radio .mtd-radio-nlp-recommend{padding-left:2px}[dir=rtl] .cs-radio .mtd-radio-nlp-recommend{padding-right: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%;width:20px;height:20px;border:1px dashed var(--cs-common-primary-color);border-radius:50%}[dir=ltr] .cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner:before{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner:before{right:50%;transform:translate(50%,-50%)}.cs-checkbox .mtd-checkbox{margin-bottom:4px}[dir=ltr] .cs-checkbox .mtd-checkbox-nlp-recommend{padding-left:2px;margin-right:32px!important}[dir=rtl] .cs-checkbox .mtd-checkbox-nlp-recommend{padding-right:2px;margin-left: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%;width:20px;height:20px;border:1px dashed var(--cs-common-primary-color)}[dir=ltr] .cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner:before{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner:before{right:50%;transform:translate(50%,-50%)}[dir=ltr] .cs-checkbox .mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox:last-child{margin-right:32px!important}[dir=rtl] .cs-checkbox .mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox:last-child{margin-left:32px!important}.cs-secret-input{display:flex;justify-content:flex-start;align-items:center;max-width:300px}[dir=ltr] .cs-secret-input{margin-right:6px}[dir=rtl] .cs-secret-input{margin-left:6px}.cs-secret-input .icon-style{cursor:pointer;color:#00ba73;position:absolute;text-align:center;height:80%;top:25%}[dir=ltr] .cs-secret-input .icon-style{right:3px}[dir=rtl] .cs-secret-input .icon-style{left:3px}.cs-secret-input .edit-input .mtd-input-wrapper{max-width:100px}.cs-secret-input .mtd-input-suffix-inner{width:20px}[dir=ltr] .cs-secret-input .mtd-input-wrapper.mtd-input-suffix .mtd-input{padding-right:20px}[dir=rtl] .cs-secret-input .mtd-input-wrapper.mtd-input-suffix .mtd-input{padding-left: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;font-size:8px;vertical-align:baseline}[dir=ltr] .cs-field-container .required{margin-right:2px}[dir=rtl] .cs-field-container .required{margin-left:2px}.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;display:flex;align-items:center}[dir=ltr] .cs-field-container-row .cs-field-left{margin-right:12px;text-align:left;justify-content:left}[dir=rtl] .cs-field-container-row .cs-field-left{margin-left:12px;text-align:right;justify-content:right}.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%}

/*! 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";
.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;
}
.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;
}

/*rtl:ignore*/
[lang=ar] .cs-lc-table .mtd-table .mtd-table-header .mtd-table-cell, [lang=en] .cs-lc-table .mtd-table .mtd-table-header .mtd-table-cell {
  text-align: start;
}

.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 {
  /*! rtl:ignore*/
  left: 0;
}
.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-next {
  /*! rtl:ignore*/
  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;
}
: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, 0.03);
  --shadow-2: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  --shadow-3: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  --shadow-4: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  --shadow-5: 0 13px 39px 0 rgba(0, 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, 0.25);
  --color-text-2: rgba(0, 0, 0, 0.35);
  --color-text-3: rgba(0, 0, 0, 0.5);
  --color-text-4: rgba(0, 0, 0, 0.7);
  --color-text-5: rgba(0, 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;
}

.theme-mtd-blue {
  --color-link: #0a70f5;
  --color-link-hover: #2a8efe;
  --color-link-pressed: #005ade;
  --color-link-active: #bae2ff;
  --color-primary: #166ff7;
  --color-primary-1: #4d97ff;
  --color-primary-2: #0049bf;
  --color-primary-3: #99c4ff;
  --color-primary-4: #f0f6ff;
  --color-primary-5: #85c9ff;
}
.contact-summary-container[data-v-f74d56e0]{padding:12px 0}.contact-summary-container .summary-title[data-v-f74d56e0]{display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}.contact-summary-container .summary-title .title-container[data-v-f74d56e0]{display:flex;align-items:center}.contact-summary-container .summary-title .title-container[data-v-f74d56e0]:before{content:"";display:block;width:4px;height:18px;background-color:#00ba73;left:0;border-radius:2px}.contact-summary-container .summary-title .title-text[data-v-f74d56e0]{font-size:16px;font-weight:600;line-height:26px;letter-spacing:0;margin-left:10px;color:#000000e6}.contact-summary-container .summary-title i[data-v-f74d56e0]{font-size:16px}.contact-summary-container .operate-text[data-v-f74d56e0]{display:flex;align-items:center;font-size:12px;line-height:20px;letter-spacing:0;cursor:pointer}.contact-summary-container .operate-text i[data-v-f74d56e0]{margin-right:3px}.contact-summary-container .regenerate[data-v-f74d56e0]{color:#009155}.contact-summary-container .refresh[data-v-f74d56e0]{color:#1119254d}.contact-summary-container .summary-text[data-v-f74d56e0]{font-size:14px;font-weight:400;line-height:22px;text-align:justify;letter-spacing:0;color:#111925}.contact-summary-container .no-text[data-v-f74d56e0]{height:66px;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#11192526;font-size:14px}.contact-summary-container .no-text i[data-v-f74d56e0]{font-size:40px}.contact-summary-container .no-text span[data-v-f74d56e0]{line-height:22px}.contact-summary-container .mtd-loading[data-v-f74d56e0],.contact-summary-container .sep-mtd-loading[data-v-f74d56e0]{position:static!important;transform:translate(0)!important}.storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:primary-background-color}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}

.summary-expand-list .content-row-right-content[data-v-3cdda31a] {
  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-3cdda31a] {
  color: #009155;
  display: inline;
}
.summary-expand-list .content-row-right-summary[data-v-3cdda31a] {
  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-3cdda31a] {
  cursor: pointer;
}
@charset "UTF-8";
.cs-icon.iconfont[data-v-465fc7c7] {
  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-465fc7c7] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}
.smart-summary-call-out-list-one .call-out-desensitize[data-v-66e63348] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-one .call-out-desensitize .call-out-secret[data-v-66e63348] {
  display: flex;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-icon[data-v-66e63348] {
  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-66e63348] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-active[data-v-66e63348]::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-66e63348] {
  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-66e63348]::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-66e63348]::before {
  height: 50%;
}
.smart-summary-call-out-list-many .call-out-desensitize[data-v-5bf9160f] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-many .call-out-desensitize .call-out-secret[data-v-5bf9160f] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item[data-v-5bf9160f] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-icon[data-v-5bf9160f] {
  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-5bf9160f] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-active[data-v-5bf9160f]::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-5bf9160f] {
  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-5bf9160f]::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-5bf9160f]::before {
  height: 50%;
}
.dol-service-progress-card[data-v-2481f806] {
  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-2481f806] {
  display: flex;
  align-items: center;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__sceneName[data-v-2481f806] {
  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-2481f806] {
  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-2481f806] {
  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-2481f806] {
  background-color: #00b300;
  color: #fff;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-2481f806] {
  margin: 10px 0 0 20px;
  position: relative;
}
.dol-service-progress-card .dol-service-progress-card__progress > div[data-v-2481f806] {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-2481f806]::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-2481f806]::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-2481f806] {
  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-2481f806] {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-detail[data-v-2481f806] {
  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-2481f806] {
  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-2481f806] {
  font-size: 15px;
}
.dol-service-progress-card__text-small[data-v-2481f806] {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
}
.popup-component-wrapper[data-v-27657872] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.popup-component-wrapper[data-v-27657872] .mtd-modal-content {
  min-height: 8vh;
}
.bank-list .bank-card[data-v-015fb377] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bank-list .bank-name[data-v-015fb377] {
  width: 162px;
  padding-left: 12px;
}
.bank-list .bank-number[data-v-015fb377] {
  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-015fb377] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-cfda7836] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.mobile-access-network[data-v-4a0ba080] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-access-network .access-net-name[data-v-4a0ba080] {
  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-4a0ba080] {
  width: 190px;
  text-align: right;
}
.latest-repay-amount[data-v-c3525dfa] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-repay-amount .latest-repay-amout[data-v-c3525dfa] {
  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-c3525dfa] {
  width: 190px;
  text-align: right;
}
.credit-grant-amount[data-v-b3a09fb6] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-amount .credit-grant-amout[data-v-b3a09fb6] {
  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-b3a09fb6] {
  width: 190px;
  text-align: right;
}
.credit-grant-time[data-v-21c6d8f0] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-time .credit-grant-content[data-v-21c6d8f0] {
  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-21c6d8f0] {
  width: 190px;
  text-align: right;
}
.user-hold-id-card[data-v-422d7496] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-hold-id-card .hold-id-name[data-v-422d7496] {
  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-422d7496] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-7ed50b14] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-7ed50b14] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.common-item[data-v-22a73dc4] {
  margin-left: 8px;
  font-size: 12px;
}
.common-item .header-tips[data-v-22a73dc4] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.common-item .header-tips[data-v-22a73dc4] :first-child {
  font-weight: bold;
}
.common-item .header-tips[data-v-22a73dc4] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.phone-verify-container[data-v-6fc7e9a4] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-6fc7e9a4] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-6fc7e9a4] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-6fc7e9a4] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-6fc7e9a4] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-6fc7e9a4] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-6fc7e9a4] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-6fc7e9a4] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-6fc7e9a4] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-6fc7e9a4] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-6fc7e9a4] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-6fc7e9a4] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-6fc7e9a4] {
  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-6fc7e9a4] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-6fc7e9a4] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-6fc7e9a4] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-6fc7e9a4] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-6fc7e9a4] {
  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-6fc7e9a4] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-6fc7e9a4]::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-6fc7e9a4] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-6fc7e9a4]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-6fc7e9a4]:first-child {
  margin-right: 12px;
}
.verify-business[data-v-75ebf611] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-75ebf611] {
  line-height: 36px;
  margin-top: 10px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-75ebf611] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-75ebf611] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-75ebf611] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-75ebf611] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-75ebf611] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-75ebf611] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-75ebf611] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .tile-item-container[data-v-75ebf611] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-75ebf611],
.verify-business .verify-item-list .verify-option-container[data-v-75ebf611] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .item-split[data-v-75ebf611] {
  margin-bottom: 8px;
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-75ebf611] {
  text-align: center;
}
.verify-business .footer-container[data-v-75ebf611] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-75ebf611]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-75ebf611]:first-child {
  margin-right: 12px;
}
.verify-flow-container[data-v-a7f96a20] {
  width: 100%;
}
.verify-flow-container .el-message-box-header[data-v-a7f96a20] {
  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-a7f96a20] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}

.verify-template-error-container {
  height: 100px;
  width: 200px;
}

.phone-verify-container[data-v-45a02b01] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-45a02b01] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-45a02b01] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-45a02b01] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-45a02b01] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-45a02b01] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-45a02b01] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-45a02b01] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-45a02b01] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-45a02b01] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-45a02b01] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-45a02b01] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-45a02b01] {
  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-45a02b01] {
  font-size: 11px;
  color: gray;
}
.phone-verify-container .result-options .mtd-radio[data-v-45a02b01] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-45a02b01] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-45a02b01] {
  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-45a02b01] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-45a02b01]::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-45a02b01] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-45a02b01]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-45a02b01]:first-child {
  margin-right: 12px;
}
.font-color-red[data-v-2a9d67c4] {
  color: rgb(255, 95, 87);
}
[data-v-2a9d67c4] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.custom-date-picker[data-v-2a9d67c4] {
  width: 220px;
}
.custom-date-picker[data-v-2a9d67c4] .range-separator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-table[data-v-2a9d67c4] {
  margin-top: 10px;
}
.font-color-red[data-v-2a9d67c4] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-18740eec] {
  color: rgb(255, 95, 87);
}
.search-table[data-v-18740eec] {
  margin-top: 10px;
}
.font-color-red[data-v-18740eec] {
  color: rgb(255, 95, 87);
}
[data-v-18740eec] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.simple-item-content[data-v-d0eae7cc] {
  display: flex;
  justify-content: space-between;
}
.simple-item-content .op-result[data-v-d0eae7cc] {
  margin-right: 12px;
}
.verify-business[data-v-0761c4c2] {
  min-width: 600px;
}
.verify-business .verify-item-list[data-v-0761c4c2] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-0761c4c2] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-0761c4c2] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-0761c4c2] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-0761c4c2] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .verify-section[data-v-0761c4c2] {
  margin-bottom: 8px;
}
.verify-business .verify-item-list .verify-item[data-v-0761c4c2] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .verify-item > div[data-v-0761c4c2]:not(:last-child) {
  margin-bottom: 10px;
}
.verify-business .verify-item-list .tile-item-container[data-v-0761c4c2] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-0761c4c2],
.verify-business .verify-item-list .verify-option-container[data-v-0761c4c2] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .manual-refresh[data-v-0761c4c2] {
  text-align: center;
}
.verify-business .footer-container[data-v-0761c4c2] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-0761c4c2]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-0761c4c2]:first-child {
  margin-right: 12px;
}
.verify-flow-platform-container[data-v-1ca181d2] {
  width: 100%;
}
.verify-flow-platform-container .el-message-box-header[data-v-1ca181d2] {
  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-1ca181d2] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.oncall-search-dialog[data-v-07aaa444] {
  width: 100%;
  text-align: center;
}
.oncall-search-dialog .oncall-search-content[data-v-07aaa444] {
  margin-top: 10px;
  text-align: left;
}
.oncall-search-dialog .oncall-search-content .dx-link[data-v-07aaa444] {
  color: #035de3;
  cursor: pointer;
}
.oncall-search-dialog .oncall-search-footer[data-v-07aaa444] {
  margin-top: 10px;
}
.oncall-search-dialog[data-v-0f37cd48] {
  width: 400px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.oncall-search-dialog .mtd-row[data-v-0f37cd48] {
  display: flex;
  justify-content: center;
}
.oncall-search-dialog .mtd-row .mtd-select[data-v-0f37cd48] {
  width: 100%;
}
.oncall-search-dialog .mtd-row .mtd-textarea[data-v-0f37cd48] {
  width: 100%;
}
.oncall-search-dialog .oncall-search-dialog-button[data-v-0f37cd48] {
  text-align: center;
}
.oncall-search-dialog .button-box[data-v-0f37cd48] {
  margin-top: 10px;
}
.oncall-search-dialog .button-box .dialog-button[data-v-0f37cd48] {
  text-align: center;
}
.agent-assistant-options[data-v-7e314b82] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.agent-assistant-options-btn[data-v-7e314b82] {
  height: 22px;
  line-height: 1;
  font-size: 12px;
  margin-right: 6px;
  border-radius: 12px;
  border: none;
  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;
}
.agent-assistant-options-btn[data-v-7e314b82]:hover {
  background-color: rgba(240, 240, 240, 0.9);
}
.agent-assistant-options-btn[data-v-7e314b82]:active {
  transform: scale(0.95);
  background-color: rgba(230, 230, 230, 0.9);
  color: rgba(17, 25, 37, 0.45);
}
.agent-assistant-options-icon[data-v-7e314b82] {
  margin-right: 4px;
}
.agent-assistant-options .refresh-btn[data-v-7e314b82] {
  margin-left: auto;
}
.fixed-text-card[data-v-ea87e150] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.fixed-text-card .btn[data-v-ea87e150] {
  height: 24px;
}
.fixed-text-card .header[data-v-ea87e150] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.fixed-text-card .title[data-v-ea87e150] {
  color: #166ff7;
}
.fixed-text-card .switch[data-v-ea87e150] {
  display: flex;
  height: 22px;
  align-items: center;
  margin-right: auto;
}
.fixed-text-card .switch .index[data-v-ea87e150] {
  line-height: 14px;
  text-wrap: nowrap;
  margin: 0 10px;
}
.fixed-text-card .switch .icon[data-v-ea87e150] {
  cursor: pointer;
}
.option-btn[data-v-ea87e150] {
  margin-top: 6px;
}
.invoke-assist-card[data-v-cb9c4a8e] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.invoke-assist-card .btn[data-v-cb9c4a8e] {
  height: 24px;
}
.invoke-assist-card .header[data-v-cb9c4a8e] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.invoke-assist-card .title[data-v-cb9c4a8e] {
  color: #ff9d00;
}
.chat-status-change-card[data-v-6cc3134e] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.chat-status-change-card .btn[data-v-6cc3134e] {
  height: 24px;
}
.chat-status-change-card .header[data-v-6cc3134e] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.chat-status-change-card .title[data-v-6cc3134e] {
  color: #ff9d00;
}
.smart-card-send[data-v-32457b6b] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.smart-card-send .btn[data-v-32457b6b] {
  height: 24px;
}
.smart-card-send .header[data-v-32457b6b] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.smart-card-send .title[data-v-32457b6b] {
  color: #ff9d00;
}
.invoke-assist-card[data-v-8fb294f8] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.invoke-assist-card .btn[data-v-8fb294f8] {
  min-width: 64px;
  height: 22px;
}
.invoke-assist-card .header[data-v-8fb294f8] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.invoke-assist-card .title[data-v-8fb294f8] {
  color: #ff9d00;
}
.agent-assistant-card[data-v-7ef51d18] {
  background-color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
}
.agent-assistant-card .btn[data-v-7ef51d18] {
  height: 24px;
}
.agent-assistant .remind-message .title[data-v-7ef51d18] {
  color: var(--cs-common-primary-color);
  margin-right: 8px;
}
.agent-assistant .text-message .header[data-v-7ef51d18] {
  display: flex;
  justify-content: space-between;
}
.agent-assistant .text-message .title[data-v-7ef51d18] {
  color: #166ff7;
  margin-right: 8px;
}
.agent-assistant .task-message .header[data-v-7ef51d18] {
  display: flex;
  justify-content: space-between;
}
.agent-assistant .task-message .header .title[data-v-7ef51d18] {
  color: orange;
}
.agent-assistant .mt-6[data-v-7ef51d18] {
  margin-top: 6px;
}
[data-v-7ef51d18]  .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-f86a50de] {
  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-f86a50de] {
  font-size: 14px;
  color: #111925;
  margin-bottom: 6px;
}
.online-phone-call-out-card__hint[data-v-f86a50de] {
  font-size: 12px;
  color: rgba(17, 25, 37, 0.65);
  margin-bottom: 12px;
}
.online-phone-call-out-card__button[data-v-f86a50de] {
  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-4664423c] {
  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-4664423c] {
  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-4664423c] {
  display: flex;
}
.refund-pay-card .get-packet .packet-icon[data-v-4664423c] {
  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-4664423c] {
  height: 60px;
  width: 100%;
}
.refund-pay-card .get-packet .receive[data-v-4664423c] {
  opacity: 0.7;
}
.refund-pay-card .get-packet .packet-text[data-v-4664423c] {
  flex: 1;
  background: #fff5e2;
  padding: 15px 5px 5px 15px;
  border-radius: 10px 10px 10px 10px;
}
.refund-pay-card .get-packet .title[data-v-4664423c] {
  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-4664423c] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
@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;
}

.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: 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: 500;
}
.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: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;
}
.cs-load-fail-container[data-v-11dafd3f] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.cs-load-fail-text[data-v-11dafd3f] {
  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.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.customer-field-component-wrapper[data-v-2eb181d7] {
  width: 100%;
}
.customer-field-component-wrapper[data-v-2eb181d7] .mtd-modal-header {
  padding: 0 0 16px 0;
}
.customer-field-component-wrapper[data-v-2eb181d7] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.customer-field-component-wrapper[data-v-2eb181d7] .mtd-modal-content {
  max-height: 80vh;
  overflow-y: auto;
}
.customer-field-component-wrapper[data-v-2eb181d7] .mtd-btn-text-primary {
  height: 22px;
  padding-left: 0;
}
.customer-field-component-wrapper[data-v-2eb181d7] .mtd-btn-text-primary span {
  line-height: 22px;
}
.customer-field-component-wrapper[data-v-2eb181d7] .field-display-value {
  margin-right: 8px;
}
.customer-field-component-wrapper[data-v-2eb181d7] .cs-field-right {
  flex-wrap: wrap;
}
.el-cs-dialog-storage-wrapper[data-v-1ba381d1] {
  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-1ba381d1] {
  width: 120px;
  display: flex;
  align-items: center;
}
.el-cs-dialog-storage-wrapper .storage-panel i[data-v-1ba381d1] {
  color: var(--cs-common-primary-color);
  margin-right: 8px;
  font-size: 16px;
}
.dialog-list[data-v-1ba381d1] {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100px;
  list-style: none;
  cursor: pointer;
}
.dialog-list li[data-v-1ba381d1] {
  font-size: 14px;
  width: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog-list li[data-v-1ba381d1]:hover {
  color: #0a70f5;
}
.cs-dialog[data-v-0c629d70] {
  z-index: 2;
  position: absolute;
}
.cs-dialog .mask-layer .mask-layer-container[data-v-0c629d70] {
  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-0c629d70] {
  position: fixed;
  top: max(260px, 50%);
  left: 50%;
  transform: translate(-50%, -50%);
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box[data-v-0c629d70] {
  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-0c629d70] {
  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-0c629d70] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-closebtn[data-v-0c629d70] {
  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-0c629d70] {
  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-0c629d70] {
  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-0c629d70] {
  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-0c629d70] .mtd-btn + .mtd-btn {
  margin-left: 12px;
}
.cs-dialog .minimize[data-v-0c629d70] {
  display: none;
}
.cs-dialog .hide[data-v-0c629d70] {
  display: none;
}
@charset "UTF-8";
.cs-field-required[data-v-604121e0] {
  position: relative;
}
.cs-field-required[data-v-604121e0]::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-604121e0] {
  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-604121e0] {
  display: inline-block;
  position: relative;
}
.cs-field-left .field-display-name[data-v-604121e0]::after {
  content: ":";
  position: absolute;
}
.cs-field-gap[data-v-604121e0] {
  margin-left: 10px;
}
.cs-field-right[data-v-604121e0] {
  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-604121e0] {
  font-family: PingFangSC-Regular, sans-serif;
}
.cs-field-container-row[data-v-604121e0] {
  display: flex;
  flex-direction: row;
}
.cs-field-container-row .cs-field-left[data-v-604121e0] {
  width: 88px;
  margin-right: 8px;
  text-align: left;
}
.cs-field-container-column[data-v-604121e0] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cs-field-container-column .cs-field-right[data-v-604121e0] {
  width: 100%;
}
.cs-field-container_highlight[data-v-604121e0] {
  padding-bottom: 15px;
}
.cs-field-container_highlight .cs-field-right[data-v-604121e0] {
  position: relative;
}
.cs-field-container_highlight .cs-field-right[data-v-604121e0]::after {
  content: "此项必填";
  color: red;
  position: absolute;
  left: 0;
  bottom: -18px;
  font: 14px/18px "Arial", sans-serif !important;
}
[data-v-604121e0] .cs-field-layout_highlight .cs-field-right .mtd-checkbox-text,[data-v-604121e0] .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-604121e0] .cs-field-layout_highlight .cs-field-right .mtd-date-picker {
  width: 100%;
}
.cs-field-table[data-v-604121e0] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-table .cs-table-title-content[data-v-604121e0]::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-604121e0] {
  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-604121e0] .cs-field-right {
  width: 100%;
}
.cs-field-table[data-v-604121e0] .cs-field-left {
  width: 100%;
  max-width: 100%;
}
.cs-field-search-table-container[data-v-604121e0] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-no-container[data-v-604121e0] {
  display: contents;
}
[data-v-00d4fcf4] .cs-field-right {
  align-items: flex-start;
}
.cs-f-radio .options-container[data-v-00d4fcf4] {
  display: flex;
  flex-direction: column;
}
.cs-f-radio .options-container .text-color-red[data-v-00d4fcf4] {
  color: red;
  font-size: 14px;
}
.cs-f-radio .options-container .radio-name[data-v-00d4fcf4] {
  display: block;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] {
  padding-left: 2px;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] .mtd-radio-inner {
  position: relative !important;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] .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-386501be] {
  width: 100%;
}
.steps-content[data-v-386501be] {
  max-width: unset;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.icon-content[data-v-386501be] {
  font-size: 12px;
  height: 30px;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.icon-content[data-v-386501be]::after {
  display: block;
  content: attr(data-remark-between-step);
  position: absolute;
  left: 78px;
  width: 70px;
  top: 15px;
}
[data-v-386501be] .next-time {
  position: absolute;
  top: 20px;
  left: 100%;
  transform: translate(-50%);
  color: #85c9ff;
}
[data-v-386501be] .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-386501be] .mtd-step-head {
  display: flex;
  justify-content: center;
}
[data-v-386501be] .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-386501be] .mtd-step-head-line {
  height: 2px;
  background-color: #e6e6e6;
  top: 13px;
  padding: 0;
  position: absolute;
  left: -50%;
  right: 50%;
}
[data-v-386501be] .mtd-steps > :first-child .mtd-step-head-line {
  visibility: hidden;
}
.progress-bar[data-v-386501be] {
  width: 100%;
  padding: 10px 30px 10px 0;
}
.progress-bar .mtd-steps[data-v-386501be] {
  overflow-x: auto;
}
.progress-bar .mtd-steps .mtd-step[data-v-386501be] {
  max-width: 132px;
}
.progress-bar .mtd-steps .mtd-step[data-v-386501be] .mtd-step-main {
  width: 156px;
  margin-left: 25px;
  margin-top: 3px;
  text-align: center;
}
.progress-bar .mtd-steps .mtd-step[data-v-386501be] .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-386501be]:nth-child(1) {
  margin-left: -35px;
}
.progress-bar-item[data-v-386501be] {
  position: relative;
}
.mtd-tooltip[data-v-386501be] {
  max-width: 156px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
}
.time-description[data-v-386501be] {
  text-align: center;
}
.microphone-container[data-v-2268b336] {
  line-height: normal;
}
.microphone-container .microphone-row[data-v-2268b336] {
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.microphone-container .microphone-row .microphone[data-v-2268b336] {
  cursor: pointer;
}
.microphone-container .microphone-row .microphone.fill[data-v-2268b336] {
  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-2268b336] {
  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-2268b336] {
  margin-left: 5px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.microphone-container .microphone-row .new-tag[data-v-2268b336] {
  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-dd38cc34] {
  position: relative;
  display: inline-block;
  width: 100%;
}
.asr-container .microphone-container[data-v-dd38cc34] {
  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-dd38cc34] {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.cs-f-textarea[data-v-1b325dbc],[data-v-1b325dbc] .cs-field-right {
  display: inline;
  flex-grow: 1;
}
.textarea-wrapper[data-v-1b325dbc] {
  position: relative;
  flex-grow: 1;
}
.textarea-wrapper[data-v-1b325dbc] textarea {
  border: none;
}
.limit-exceeded[data-v-1b325dbc] {
  border-color: red;
}
.textarea-limit-exceeded-tip[data-v-1b325dbc] {
  color: red;
}
.nlp-textarea[data-v-1b325dbc] {
  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-1b325dbc] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.nlp-textarea .nlp-textarea-operation[data-v-1b325dbc] .mtd-btn {
  height: 24px;
}
.nlp-textarea .nlp-default-recommend[data-v-1b325dbc] {
  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-1b325dbc] {
  line-height: 22px;
  white-space: pre-wrap;
}
.nlp-textarea .nlp-default-recommend .nlp-default-recommend-tag[data-v-1b325dbc] {
  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-1b325dbc] {
  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-1b325dbc] {
  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-1b325dbc] {
  position: absolute;
  right: 6px;
  bottom: -5px;
  z-index: 3;
  display: flex;
  align-items: center;
}
[data-v-1b325dbc] .mtd-btn > span {
  line-height: 20px;
}
[data-v-1b325dbc] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.icon-style[data-v-1b325dbc] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.mtdicon-copy-o[data-v-1b325dbc] {
  cursor: pointer;
}
.textareat-edit-slot[data-v-1b325dbc],
.textarea-not-edit-slot[data-v-1b325dbc] {
  width: 100%;
}
[data-v-1b325dbc] .mtd-textarea {
  width: 100%;
  border: none;
  resize: none;
  font-size: 14px;
  line-height: 20px;
}
.refresh-btn[data-v-1b325dbc] {
  color: var(--cs-common-primary-color);
}
[data-v-1b325dbc] .mtdicon-refresh-o {
  color: var(--cs-common-primary-color);
}

.cs-date-select[data-v-b08bc16e],
.date-select-input[data-v-b08bc16e] {
  width: 100%;
}
.date-select-input[data-v-b08bc16e] {
  position: relative;
  display: inline-block;
}
.date-select-date-picker[data-v-b08bc16e] {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  top: 0;
  left: 0;
  overflow: hidden;
}
[data-v-b08bc16e] .mtd-input-wrapper {
  width: 100%;
}
.time-picker-footer[data-v-b08bc16e] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
}

.cs-f-link .mtdicon-edit-o[data-v-187827e3] {
  padding: 0 0 0 8px;
  font-size: 16px;
  color: var(--cs-common-primary-color);
  line-height: 20px;
}
.link-layout[data-v-187827e3] {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.link-layout a[data-v-187827e3] {
  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-187827e3]:hover, .link-layout a.hover[data-v-187827e3] {
  color: var(--cs-common-primary1-color);
  text-decoration: underline;
}
.link-layout a[data-v-187827e3]:active, .link-layout a.active[data-v-187827e3] {
  color: var(--cs-common-primary3-color);
}
.link-layout a[disabled][data-v-187827e3] {
  color: rgba(0, 0, 0, 0.36);
  cursor: not-allowed;
}
.link-layout.position-left[data-v-187827e3] {
  justify-content: start;
}
.link-layout.position-right[data-v-187827e3] {
  justify-content: end;
}
.cs-f-text[data-v-2a0f07e0] {
  width: 100%;
}
[data-v-2a0f07e0] .mtd-input-wrapper {
  width: 100%;
}
[data-v-007bca3d] .mtd-cascader {
  width: 100%;
}
[data-v-007bca3d] .mtd-input:disabled {
  color: #666;
}
[data-v-007bca3d] .mtd-select-disabled {
  opacity: 1;
}
[data-v-007bca3d] .cs-field-right {
  flex-direction: column;
  align-items: flex-start;
}
.textColorRed[data-v-007bca3d] {
  color: red;
}
[data-v-007bca3d] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-007bca3d] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7724088b] .mtd-select {
  width: 100%;
}
[data-v-7724088b] .mtd-option {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
[data-v-7724088b] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7724088b] .mtd-input:disabled {
  color: #666;
}
[data-v-7724088b] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-7724088b] .mtd-select-disabled {
  opacity: 1;
}
@charset "UTF-8";
.attachment-input[data-v-6bd9a396] {
  z-index: 2;
  width: 52px;
  height: 32px;
  flex-shrink: 0;
}
.attachment-input[data-v-6bd9a396]::-webkit-file-upload-button {
  visibility: hidden;
}
.attachment-input[data-v-6bd9a396]::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-6bd9a396] {
  max-width: 250px;
  margin-left: 12px;
}
.result-text[data-v-6bd9a396] {
  padding-left: 20px;
}
.retry-button[data-v-6bd9a396] {
  margin-top: 16px;
  text-align: center;
}
.ctrl-handler[data-v-f320f864] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-f320f864] {
  width: 100%;
  height: 300px;
  display: flex;
}
.cs-f-map-inner[data-v-f320f864] {
  width: 100%;
  display: block;
}
.no-data[data-v-f320f864] {
  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-f320f864] {
  width: 100%;
  display: block;
}
.cs-f-map-old #mapContainer[data-v-f320f864] {
  position: relative;
  height: 300px;
  width: 100%;
}
.cs-f-map-old #mapContainer .mark[data-v-f320f864] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: #fff;
  z-index: 9999;
}
.cs-f-map-old #mapContainer .mark ul[data-v-f320f864] {
  margin: 0;
  padding: 0;
}
.cs-f-map-old #mapContainer .mark ul li[data-v-f320f864] {
  list-style: none;
}
.cs-f-map-old #mapContainer .mark ul li span[data-v-f320f864] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-old #mapContainer .mark ul li .desc[data-v-f320f864] {
  margin-right: 5px;
  min-width: 200px;
}
.cs-f-map-old #mapContainer .mark ul li .color[data-v-f320f864] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.cs-f-map-old #mapContainer .mark .deliveInfo .deliveTime[data-v-f320f864] {
  color: #999;
}
.ctrl-handler[data-v-84423e58] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-84423e58] {
  width: 100%;
  display: flex;
}
.cs-f-map-inner[data-v-84423e58] {
  width: 100%;
  display: block;
}
.no-data[data-v-84423e58] {
  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-84423e58] {
  width: 100%;
  display: block;
}
.cs-f-map-new .mapContainerId[data-v-84423e58] {
  position: relative;
  width: 100%;
}
.cs-f-map-new .mapContainerId .mark[data-v-84423e58] {
  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-84423e58] {
  margin: 0;
  padding: 0;
}
.cs-f-map-new .mapContainerId .mark ul li[data-v-84423e58] {
  list-style: none;
}
.cs-f-map-new .mapContainerId .mark ul li span[data-v-84423e58] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-new .mapContainerId .mark ul li .desc[data-v-84423e58] {
  margin-right: 5px;
  min-width: 100px;
}
.cs-f-map-new .mapContainerId .mark ul li .color[data-v-84423e58] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.revisit-date-select .data-selection-container[data-v-1225d552] {
  display: flex;
}
.revisit-date-select .data-selection-container .time-type-desc[data-v-1225d552] {
  margin-left: 4px;
  display: flex;
  align-items: center;
  color: red;
}
.revisit-date-select .time-type-tips[data-v-1225d552] {
  margin-top: 4px;
  color: red;
  margin-bottom: 6px;
}
.time-picker-footer[data-v-1225d552] {
  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-5b5a3652] {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-2676bc68] .mtd-radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
[data-v-2676bc68] .mtd-date-picker {
  display: flex;
}
[data-v-2676bc68] .mtd-popover-rel {
  display: flex;
}
[data-v-2676bc68] .mtd-form-item-label {
  text-align: left;
}
[data-v-2676bc68] .radio-content {
  height: 32px;
  display: flex;
  align-items: center;
}
[data-v-2676bc68] .radio-content .radio-right {
  height: 100%;
  display: flex;
  align-items: center;
}
[data-v-2676bc68] .radio-content .radio-right .radio-right-target {
  flex: 1;
  display: flex;
  align-items: center;
  color: red;
}
[data-v-2676bc68] .radio-content .schedule-text {
  line-height: 18px;
  margin-left: 10px;
}
[data-v-2676bc68] .other-reason {
  display: flex;
  padding: 10px 0;
}
[data-v-2676bc68] .other-reason > * {
  flex: 1;
}
[data-v-2676bc68] .other-reason span {
  flex: 0 0 60px;
}
[data-v-2676bc68] .delay-tips {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
[data-v-2676bc68] .delay-tips .mtdicon {
  color: #999;
  font-size: 18px;
  margin-left: 5px;
}
[data-v-2676bc68] .remark-tips {
  color: #999;
}
[data-v-2676bc68] .width-100 {
  width: 100%;
}
[data-v-2676bc68] .fs-12 {
  font-size: 12px;
}
[data-v-2676bc68] .width-160 {
  width: 160px;
}
.submit-btn[data-v-adb2d14e] {
  padding: 0;
}
.default-phone-tip[data-v-2bd42244] {
  margin-left: 85px;
}
.default-phone-tip .default-phone-err-tip[data-v-2bd42244] {
  color: red;
}
.flow-operation-msg[data-v-59898534] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-59898534] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-59898534] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-59898534] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-59898534] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-59898534] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-59898534] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-59898534] {
  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-59898534] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-59898534] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-59898534] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-59898534] {
  margin-right: 10px;
}
.message-default-phone[data-v-59898534] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-59898534] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-59898534] {
  color: red;
}
.reconfirm-footer[data-v-59898534] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-59898534] {
  margin: 0 10px;
}
.cursor-default[data-v-59898534] {
  cursor: default;
}
.secret-link[data-v-3d7e6ab4] {
  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-3d7e6ab4] {
  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-3d7e6ab4]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-3d7e6ab4] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
[data-v-3d7e6ab4] .mtd-input:read-only {
  border-color: transparent;
}
.cs-f-contact[data-v-070c3b82] {
  width: auto;
}
.contact-container[data-v-070c3b82] {
  width: auto;
  display: inline-flex;
  vertical-align: middle;
}
.icon-bar[data-v-070c3b82] {
  display: inline-flex;
  vertical-align: middle;
  margin: auto;
}
.icon-bar[data-v-070c3b82] .icon-tooltip {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-070c3b82] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.contact-number[data-v-070c3b82] {
  width: 180px;
}
.recommand-button[data-v-070c3b82] {
  background-color: rgba(0, 0, 0, 0.2);
}
.contact-name[data-v-070c3b82] {
  margin-right: 4px;
  width: 60px;
}
.secret-link[data-v-070c3b82] {
  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-070c3b82] .mtd-input:read-only {
  border-color: transparent;
}
.mtd-checkbox[data-v-2b3942a0] {
  margin-bottom: 4px;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] {
  padding-left: 2px;
  margin-right: 32px !important;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] .mtd-checkbox-inner {
  position: relative !important;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] .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-2b3942a0]:last-child {
  margin-right: 32px !important;
}
.cs-f-checkbox-select-all[data-v-2b3942a0] {
  margin-right: 10px;
}
.angular-module-container {
  display: flex;
  flex-direction: column;
}
#OLD_SEP_CASE_SEARCH,
#OLD_SEP_MERCHANT_WALLET,
#OLD_SEP_BATCH_OPT {
  padding: 20px 20px 0 20px;
}
[data-v-44919e70] .mtd-modal-content-wrapper {
  padding: 24px;
}
.cs-field-table-container[data-v-44919e70] {
  width: 100%;
}
.cs-field-table-container[data-v-44919e70] .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-44919e70] .mtd-table .single-image img {
  width: 100%;
  height: 100%;
}
.cs-field-table-container[data-v-44919e70] .mtd-table .mtd-table-cell {
  font-size: 14px;
  line-height: 20px;
}
.cs-field-table-container[data-v-44919e70] .mtd-table .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
.cs-field-table-container[data-v-44919e70] .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-44919e70] {
  text-align: left;
  margin-top: 10px;
}
.search-group[data-v-362fae64] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.cs-f-search-table[data-v-362fae64] {
  width: 100%;
}
.cs-search-field-container[data-v-362fae64] {
  margin-bottom: 10px;
}
.search-table-search-field[data-v-362fae64],
.search-btn[data-v-362fae64],
.clear-btn[data-v-362fae64] {
  margin-right: 8px;
  margin-bottom: 12px;
}
[data-v-362fae64] .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
[data-v-362fae64] .cs-field-right {
  width: 100%;
  flex-direction: column;
  align-items: start;
}
.cs-field-search-table-pagination-container[data-v-362fae64] {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
[data-v-e628c7a0] .mtd-select {
  width: 100%;
}
[data-v-e628c7a0] .mtd-select-disabled {
  opacity: 1;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
[data-v-b9fe013e] .mtd-select {
  width: 100%;
}
[data-v-b9fe013e] .mtd-select-disabled {
  opacity: 1;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
[data-v-aa519c0c] .mtd-select {
  width: 100%;
}
[data-v-aa519c0c] .mtd-select-disabled {
  opacity: 1;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
.operation-group[data-v-1650d520] {
  margin-right: 8px;
}
.mtd-btn[data-v-1650d520] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-answer[data-v-409569f2] {
  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-409569f2] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
.recommend-answer .mtd-btn-primary.active[data-v-409569f2] {
  background-color: #0a70f5;
  color: #fff;
}
.relate-knowledge[data-v-0d0e8d90] {
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 50%;
}
.relate-knowledge .knowledge-title[data-v-0d0e8d90] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
[data-v-42dc745d] .mtd-select-disabled {
  opacity: 1;
}
[data-v-42dc745d] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-42dc745d] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-42dc745d] .mtd-input:disabled {
  color: #666;
}
[data-v-42dc745d] .mtd-cascader {
  width: 100%;
}
.cascader-container[data-v-42dc745d] {
  display: flex;
  align-items: center;
  width: 100%;
}
.answer-knowledge[data-v-42dc745d] {
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}
.faq-picker[data-v-42dc745d] {
  min-width: 600px;
}
.cs-f-multiple-select[data-v-581a178a] {
  width: 100%;
}
[data-v-581a178a] .mtd-select {
  width: 100%;
}
[data-v-581a178a] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-581a178a] .mtd-input:disabled {
  color: #666;
}
[data-v-581a178a] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-581a178a] .mtd-select-disabled {
  opacity: 1;
}
.field-right-continer[data-v-b19ae8ea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tags-container[data-v-b19ae8ea] {
  display: flex;
  flex-wrap: wrap;
}
.tags-container .field-tag[data-v-b19ae8ea] {
  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-b19ae8ea] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.out-call-note-container[data-v-e62a5e26] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .call-user[data-v-e62a5e26]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-e62a5e26] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-e62a5e26]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-e62a5e26] {
  border-radius: 4px;
}
.out-call-note-container .bg-purple[data-v-e62a5e26] {
  background: #d3dce6;
}
.out-call-note-container .grid-content[data-v-e62a5e26] {
  border-radius: 4px;
  min-height: 36px;
}
.out-call-note-container .modal-footer[data-v-e62a5e26] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container[data-v-e62a5e26] textarea {
  border: none;
}
.out-call-note-container .textarea-out-call-note[data-v-e62a5e26] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-e62a5e26] {
  display: inline;
}
.out-call-note-container .secret-link[data-v-e62a5e26] {
  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-e62a5e26] {
  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-e62a5e26] {
  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-e62a5e26] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-e62a5e26] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container[data-v-e62a5e26] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container .nlp-default-recommend[data-v-e62a5e26] {
  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-e62a5e26] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-e62a5e26] {
  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-573f2254] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-573f2254] {
  color: #000;
}
.assistance-container .button-container[data-v-573f2254] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-573f2254] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-573f2254] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-573f2254] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-573f2254] {
  margin-right: 5px;
}

.virtual-number-message-content[data-v-36523122] {
  width: 600px;
  padding: 20px;
}
.content-row[data-v-36523122] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.content-row-left[data-v-36523122] {
  width: 120px;
  margin-right: 10px;
}
.content-row-right[data-v-36523122] {
  width: 100%;
}
.content-row-btn[data-v-36523122] {
  display: flex;
  justify-content: center;
}
.retry-btn-row[data-v-36523122] {
  position: relative;
}
.retry-btn[data-v-36523122] {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: -30px;
  top: 0;
}
.retry-btn-font[data-v-36523122] {
  font-size: 12px;
  text-align: center;
}
.btn-left[data-v-36523122] {
  margin-right: 10px;
}
.top-tip[data-v-36523122] {
  text-align: center;
  margin-bottom: 5px;
  padding-left: 40px;
  color: red;
}
.message-content[data-v-36523122] {
  background-color: #eff8f2;
}
.footer-tip[data-v-36523122] {
  text-align: center;
  margin-top: 5px;
  padding-left: 40px;
  color: red;
}

.driver-virtual-number-container[data-v-194ec998] {
  width: 600px;
}
.driver-virtual-number-container .driver-virtual-number-body[data-v-194ec998] {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.driver-virtual-number-container .driver-virtual-number-footer[data-v-194ec998] {
  text-align: center;
  margin-bottom: 10px;
}
.flow-ticket-andon[data-v-31c4248e] {
  width: 600px;
  padding: 20px;
}
.flow-ticket-andon .flow-ticket-detail[data-v-31c4248e] {
  color: rgba(0, 0, 0, 0.6);
}
.flow-ticket-andon .flow-ticket-detail .detail-label[data-v-31c4248e] {
  margin-right: 5px;
}
.flow-ticket-andon[data-v-31c4248e] .mtd-form-item-label {
  text-align: left;
}
.flow-ticket-andon .flow-ticket-btn[data-v-31c4248e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-ticket-andon .flow-ticket-btn .btn-left[data-v-31c4248e] {
  margin-right: 10px;
}
.flow-ticket-andon .flow-ticket-tip[data-v-31c4248e] {
  margin-top: 20px;
  color: #ff4c47;
}
.flow-third-party-reminder-remark[data-v-2a43fce0] {
  min-width: 500px;
  padding: 20px;
}
.flow-third-party-reminder-remark[data-v-2a43fce0] .mtd-form-item-label {
  text-align: left;
}
.flow-third-party-reminder-remark .remark-textarea[data-v-2a43fce0] {
  height: 150px;
  width: 100%;
}
.flow-third-party-reminder-remark .flow-third-party-reminder-remark-btn[data-v-2a43fce0] {
  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-2a43fce0] {
  margin-right: 10px;
}
.buy-food-compensation-judgement[data-v-5cc52520] {
  width: 600px;
  padding: 20px;
}
.buy-food-compensation-judgement .select-label[data-v-5cc52520] {
  width: 400px;
}
.buy-food-compensation-judgement .textarea-desc[data-v-5cc52520] {
  width: 400px;
  height: 150px;
  resize: none;
}
.buy-food-compensation-judgement .btn-footer[data-v-5cc52520] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.buy-food-compensation-judgement .btn-footer .btn-left[data-v-5cc52520] {
  margin-right: 10px;
}
.risk-andon[data-v-64351f98] {
  width: 600px;
  padding: 20px;
}
.risk-andon .w-full[data-v-64351f98] {
  width: 100%;
}
.risk-andon .mtd-form-item[data-v-64351f98] {
  margin-bottom: 10px;
}
.risk-andon .flow-ticket-detail[data-v-64351f98] {
  color: rgba(0, 0, 0, 0.6);
}
.risk-andon .flow-ticket-detail .detail-label[data-v-64351f98] {
  margin-right: 5px;
}
.risk-andon[data-v-64351f98] .mtd-form-item-label {
  text-align: left;
}
.risk-andon .flow-ticket-btn[data-v-64351f98] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.risk-andon .flow-ticket-btn .btn-left[data-v-64351f98] {
  margin-right: 10px;
}
.risk-andon .flow-ticket-tip[data-v-64351f98] {
  margin-top: 20px;
  color: #ff4c47;
}
.risk-andon .failed-tips[data-v-64351f98] {
  color: red;
  text-align: center;
}
.flow-complaint[data-v-fd24d0ce] {
  width: 600px;
  padding: 10px;
}
.flow-complaint .flow-complaint-btn[data-v-fd24d0ce] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-complaint .flow-complaint-btn .btn-left[data-v-fd24d0ce] {
  margin-right: 10px;
}
.flow-complaint .complaint-item[data-v-fd24d0ce] {
  display: flex;
  justify-content: center;
}
.flow-complaint .complaint-item-left[data-v-fd24d0ce] {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 10px;
}
.flow-complaint .item-textarea[data-v-fd24d0ce] {
  margin-left: 5px;
  width: 100%;
  height: 100px;
}
.flow-complaint .secret-link[data-v-fd24d0ce] {
  width: 180px !important;
}
.poi-input-wrap[data-v-6e99b2e4] {
  position: relative;
}
.poi-input-wrap .apply-andon-poi-list[data-v-6e99b2e4] {
  z-index: 100;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
  width: 100%;
  margin-top: 2px;
}
.confirm-andon[data-v-6e99b2e4] {
  width: 500px;
  padding: 20px;
}
.confirm-andon .w-full[data-v-6e99b2e4] {
  width: 100%;
}
.confirm-andon .mtd-form-item[data-v-6e99b2e4] {
  margin-bottom: 10px;
}
.confirm-andon[data-v-6e99b2e4] .mtd-form-item-label {
  text-align: left;
}
.confirm-andon .tip[data-v-6e99b2e4] {
  margin-top: 20px;
  color: red;
}
.confirm-andon .confirm-btn-wrap[data-v-6e99b2e4] {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.confirm-andon .confirm-btn-wrap .btn-left[data-v-6e99b2e4] {
  margin-right: 10px;
}
.order-reminder[data-v-4385a3ad] {
  width: 400px;
}
.order-reminder .tips[data-v-4385a3ad] {
  text-align: center;
  margin: 40px 0;
}
.order-reminder .btn-footer[data-v-4385a3ad] {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.flow-refund-audit[data-v-7ff4b5da] {
  width: 500px;
  padding: 20px;
}
.flow-refund-audit[data-v-7ff4b5da] .mtd-form-item-label {
  text-align: left;
}
.flow-refund-audit .flow-ticket-btn[data-v-7ff4b5da] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-refund-audit .flow-ticket-btn .btn-left[data-v-7ff4b5da] {
  margin-right: 10px;
}
.flow-refund-audit .flow-ticket-tip[data-v-7ff4b5da] {
  margin-top: 20px;
  color: #ff4c47;
}
.flow-refund-audit .flow-ticket-user[data-v-7ff4b5da] {
  padding-left: 60px;
}
.flow-refund-audit[data-v-7ff4b5da] .maicai-refund-scale .mtd-input-number-wrapper {
  width: 180px;
}
.account-adjustment-reject-dialog[data-v-d593c0ae] {
  width: 452px;
  margin: 20px 0 0;
}
.account-adjustment-reject-dialog[data-v-d593c0ae] .mtd-textarea {
  width: 300px;
}
.account-adjustment-reject-dialog .confirm-btn[data-v-d593c0ae] {
  margin: 0 12px 0 70px;
}
.flow-collaboration-work-order[data-v-67e1b097] {
  width: 400px;
  height: 150px;
  padding: 20px;
}
.flow-collaboration-work-order .flow-ticket-tip[data-v-67e1b097] {
  margin-top: 20px;
  text-align: center;
}
.flow-collaboration-work-order .text-tips[data-v-67e1b097] {
  margin-top: 30px;
  text-align: center;
}
.flow-collaboration-work-order .flow-ticket-btn[data-v-67e1b097] {
  display: flex;
  justify-content: center;
  margin-top: 46px;
}
.flow-collaboration-work-order .flow-ticket-btn .btn-left[data-v-67e1b097] {
  margin-right: 10px;
}
.flow-collaboration-work-order[data-v-57117cf5] {
  width: 400px;
  padding: 20px;
}
.flow-collaboration-work-order .mtd-textarea[data-v-57117cf5] {
  width: 220px;
}
.flow-collaboration-work-order .mtd-select[data-v-57117cf5] {
  width: 220px;
}
.flow-collaboration-work-order .minute-input-width[data-v-57117cf5] {
  width: 100px;
}
.flow-collaboration-work-order .flow-ticket-tip[data-v-57117cf5] {
  font-size: 12px;
  margin-top: 20px;
  color: #ff4c47;
}
.flow-collaboration-work-order .flow-ticket-btn[data-v-57117cf5] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-collaboration-work-order .flow-ticket-btn .btn-left[data-v-57117cf5] {
  margin-right: 10px;
}
.select-image-checkbox[data-v-543f113c] {
  width: 220px;
  display: flex;
  flex-wrap: wrap;
}
.mtd-checkbox-group .mtd-checkbox[data-v-543f113c] {
  margin-right: 0;
}
.youxuan-refund-dialog[data-v-566bccd8] {
  width: 90vw;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] {
  max-height: 400px;
  overflow: auto;
  margin-bottom: 20px;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] .mtd-input-number-wrapper {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] .mtd-input-wrapper {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table .input[data-v-566bccd8] {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table .need-retrieve[data-v-566bccd8] {
  color: #f22735;
}
.youxuan-refund-dialog .commdity-table .refund-info[data-v-566bccd8] {
  font-size: 12px;
  margin-top: 5px;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-left: 80px;
  margin-top: -32px;
  margin-bottom: 5px;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] .mtd-btn > span {
  color: var(--cs-common-primary-color);
  font-weight: bold;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] .mtdicon.mtdicon-refresh-o {
  font-weight: bold;
  margin-right: -5px;
}
.youxuan-refund-dialog .refund-dialog-header .order-info[data-v-566bccd8] {
  margin-left: -5px;
}
.youxuan-refund-dialog .refund-container[data-v-566bccd8] {
  display: flex;
}
.youxuan-refund-dialog .refund-item-container[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-bottom: 10px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-label[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-label .refund-item-required[data-v-566bccd8] {
  color: #f22735;
  font-size: 16px;
  margin-right: 4px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-field .refund-reason-select[data-v-566bccd8] {
  width: 240px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info .info-icon[data-v-566bccd8] {
  color: #cc8c16;
  font-size: 16px;
  margin-right: 5px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info .info-text[data-v-566bccd8] {
  color: #f5483b;
}
.youxuan-refund-dialog .refund-validation.intercept[data-v-566bccd8] {
  color: #f22735;
  font-weight: bold;
}
.youxuan-refund-dialog .refund-validation.detain[data-v-566bccd8] {
  color: #52c41a;
  font-weight: bold;
}
.youxuan-refund-dialog .refund-summary[data-v-566bccd8] {
  display: flex;
  width: 80%;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 6px;
}
.youxuan-refund-dialog .refund-summary .summary-item[data-v-566bccd8] {
  flex-basis: 25%;
}
.youxuan-refund-dialog .refund-summary .summary-item.refund-reason[data-v-566bccd8] {
  flex-basis: 30%;
}
.case-attachment[data-v-41896760] {
  margin-left: 130px;
}
.case-attachment .case-attachment-checkbox[data-v-41896760] {
  max-height: 120px;
  display: block;
  overflow: scroll;
  text-align: left;
}
.flow-action-hors-comp-add-remark[data-v-adb21222] {
  width: 452px;
  padding: 25px 0 14px;
}
.flow-action-hors-comp-add-remark .select-case[data-v-adb21222] {
  width: 259px;
}
.flow-action-hors-comp-add-remark .btn-group[data-v-adb21222] {
  margin-top: 35px;
  text-align: center;
}
.flow-action-hors-comp-add-remark .btn-group .success-btn[data-v-adb21222] {
  margin-right: 5px;
}
.message-default-phone[data-v-3f769414] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-3f769414] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-3f769414] {
  color: red;
}
.reconfirm-footer[data-v-3f769414] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-3f769414] {
  margin: 0 10px;
}
.flow-operation-message[data-v-1b813b82] {
  max-height: 65vh;
  overflow: auto;
}
.flow-operation-message .message-tip[data-v-1b813b82] {
  color: red;
  text-align: center;
  margin-bottom: 5px;
}
.flow-operation-message .template-select[data-v-1b813b82] {
  width: 475px;
}
.flow-operation-message .message-default-phone[data-v-1b813b82] {
  display: flex;
}
.flow-operation-message .message-default-phone .cs-f-secret-field[data-v-1b813b82] {
  width: auto;
}
.flow-operation-message .message-default-phone .message-default-phone-del[data-v-1b813b82] {
  margin-left: 5px;
}
.flow-operation-message .part-edit-content[data-v-1b813b82] {
  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-1b813b82] {
  line-height: 24px;
}
.flow-operation-message .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-1b813b82] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-message .message-footer[data-v-1b813b82] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-message .message-footer button[data-v-1b813b82] {
  margin-right: 10px;
}
.flow-operation-message .attachments-tip[data-v-1b813b82] {
  color: red;
  text-align: center;
}
.flow-action-push-dp[data-v-6a3a6e3e] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-dp .btn-footer[data-v-6a3a6e3e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-dp .btn-footer .btn-left[data-v-6a3a6e3e] {
  margin-right: 10px;
}
.flow-action-push-mt[data-v-1b38faa0] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-mt .btn-footer[data-v-1b38faa0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-mt .btn-footer .btn-left[data-v-1b38faa0] {
  margin-right: 10px;
}
.flow-action-push-dx[data-v-c43a7cae] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-dx .btn-footer[data-v-c43a7cae] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-dx .btn-footer .btn-left[data-v-c43a7cae] {
  margin-right: 10px;
}
.send-ask-container[data-v-003b2cd1] {
  width: 600px;
}
.send-ask-container .close-ask-btns[data-v-003b2cd1] {
  display: flex;
  justify-content: center;
}
.send-ask-container .close-ask-btns button[data-v-003b2cd1] {
  margin: 0 5px;
}
.send-ask-container[data-v-003b2cd1] .width-100 {
  width: 100%;
}
.flow-operation-close-ask[data-v-501afa24] {
  width: 600px;
  min-height: 100px;
}
.flow-operation-close-ask .close-ask-content[data-v-501afa24] {
  padding: 20px 0 20px 34px;
}
.flow-operation-close-ask .close-ask-btns[data-v-501afa24] {
  display: flex;
  justify-content: center;
}
.flow-operation-close-ask .close-ask-btns button[data-v-501afa24] {
  margin: 0 5px;
}
.flow-operation-close-ask[data-v-501afa24] .width-100 {
  width: 100%;
}
.third-party-send-file-remark[data-v-75e57a32] {
  width: 452px;
  padding: 25px 0 14px;
}
.third-party-send-file-remark .attachment[data-v-75e57a32] {
  margin-left: 0;
}
.third-party-send-file-remark .third-party-send-file-remark-btn[data-v-75e57a32] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.third-party-send-file-remark .third-party-send-file-remark-btn .btn-left[data-v-75e57a32] {
  margin-right: 10px;
}
.sync-remarks-torelated-case[data-v-2426b902] {
  padding: 20px;
  width: 400px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn[data-v-2426b902] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn .btn-left[data-v-2426b902] {
  margin-right: 10px;
}
.bs-container[data-v-0f04a435] {
  padding: 20px 20px 0;
}
.bs-container .bs-btns[data-v-0f04a435] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.bs-container .bs-btns button[data-v-0f04a435] {
  margin: 0 5px;
}
.bs-container[data-v-0f04a435] {
  font-size: 0;
}
.bs-container[data-v-0f04a435] .form-contact-name {
  width: 80px;
}
.bs-container[data-v-0f04a435] .form-contact-tel {
  width: 160px;
}
.bs-container[data-v-0f04a435] .bs-container-item {
  width: 240px;
}
.maoyan-refund-check .required-item[data-v-5c95534c]::before {
  content: "*";
  display: inline-block;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.maoyan-refund-check-item[data-v-5c95534c] {
  margin: 10px 0px;
}
.maoyan-refund-check-container[data-v-5c95534c] {
  display: flex;
  flex-direction: row;
}
.maoyan-refund-check-textarea[data-v-5c95534c] {
  width: 400px;
  height: 200px;
}
.maoyan-refund-check-btn[data-v-5c95534c] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.maoyan-refund-check-btn .btn-left[data-v-5c95534c] {
  margin-right: 10px;
}
.yuqing-task[data-v-017246d2] {
  max-width: 600px;
}
.yuqing-task-container[data-v-017246d2] {
  width: 400px;
  box-sizing: border-box;
  margin: 20px 60px;
  font-size: 16px;
}
.yuqing-task .yuqing-task-item-right[data-v-017246d2] {
  width: 220px;
}
.yuqing-task .yuqing-task-item-left[data-v-017246d2] {
  width: 140px;
}
.yuqing-task[data-v-017246d2] .mtd-form-item-label {
  width: 140px !important;
}
.yuqing-task-btn[data-v-017246d2] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.yuqing-task-btn .btn-left[data-v-017246d2] {
  margin-right: 10px;
}
.apollo-cooperation-container[data-v-4b65ac3e] {
  width: 400px;
  box-sizing: border-box;
  margin: 20px 60px;
  font-size: 16px;
}
.apollo-cooperation[data-v-4b65ac3e] .mtd-form-item-label {
  width: 140px !important;
}
.apollo-cooperation .apollo-cooperation-item-right[data-v-4b65ac3e] {
  width: 220px;
}
.apollo-cooperation .apollo-cooperation-item-textarea[data-v-4b65ac3e] {
  height: 150px;
}
.apollo-cooperation-btn[data-v-4b65ac3e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.apollo-cooperation-btn .btn-left[data-v-4b65ac3e] {
  margin-right: 10px;
}
.batch-close-tt-case[data-v-674ebb1a] {
  padding: 20px;
  width: 400px;
}
.batch-close-tt-case .batch-close-tt-case-btn[data-v-674ebb1a] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.batch-close-tt-case .batch-close-tt-case-btn .btn-left[data-v-674ebb1a] {
  margin-right: 10px;
}
.flow-send-driver-task[data-v-5f380c62] {
  width: 600px;
  height: 500px;
  overflow: auto;
  padding: 20px;
}
.flow-send-driver-task .other-fields[data-v-5f380c62] {
  display: flex;
  justify-content: space-around;
}
.flow-send-driver-task .field-box[data-v-5f380c62] .cs-field-left {
  color: #606266;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 20px;
}
.flow-send-driver-task .field-box[data-v-5f380c62] .cs-field-right {
  color: #606266;
}
.flow-send-driver-task .mtd-form-item-top[data-v-5f380c62] .mtd-form-item-label {
  color: rgba(0, 0, 0, 0.9);
}
.flow-send-driver-task .mtd-form-item-right[data-v-5f380c62] .mtd-form-item-label {
  color: rgba(0, 0, 0, 0.9);
}
.flow-send-driver-task .mtd-checkbox[data-v-5f380c62] {
  margin: 20px 0 0 20px;
}
.flow-send-driver-task .mtd-checkbox[data-v-5f380c62] .mtd-checkbox-inner {
  vertical-align: top;
}
.flow-send-driver-task .flow-ticket-btn[data-v-5f380c62] {
  text-align: center;
}
.relate-to-sub-case[data-v-228fc339] {
  max-width: 900px;
}
.relate-to-sub-case .required-item[data-v-228fc339]::before {
  content: "*";
  display: inline-block;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.relate-to-sub-case-container[data-v-228fc339] {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
.relate-to-sub-case-textarea[data-v-228fc339] {
  width: 300px;
  height: 150px;
}
.relate-to-sub-case-btn[data-v-228fc339] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.relate-to-sub-case-btn .btn-left[data-v-228fc339] {
  margin-right: 10px;
}
.flow-taxi-hang-up[data-v-894fe438] {
  width: 600px;
  padding: 20px;
}
.flow-taxi-hang-up[data-v-894fe438] .mtd-form-item-label {
  text-align: left;
}
.flow-taxi-hang-up .flow-taxi-hang-up-btn[data-v-894fe438] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-taxi-hang-up .flow-taxi-hang-up-btn .btn-left[data-v-894fe438] {
  margin-right: 10px;
}
.adjust-container[data-v-6dd74b48] {
  width: 552px;
  box-sizing: border-box;
  padding: 0 60px 0 40px;
  margin-top: 10px;
}
.adjust-container .error-tip[data-v-6dd74b48] {
  display: flex;
  justify-content: center;
}
.adjust-container .reason-container[data-v-6dd74b48] {
  display: flex;
}
.adjust-container .reason-container .select-item[data-v-6dd74b48] {
  flex: 1;
}
.adjust-container .reason-container .select-item[data-v-6dd74b48]:first-child {
  margin-right: 10px;
}
.adjust-container .remark[data-v-6dd74b48] {
  width: 100%;
}
.adjust-container .footer[data-v-6dd74b48] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.adjust-container .footer .btn-left[data-v-6dd74b48] {
  margin-right: 10px;
}
.flow-action-moma[data-v-d0e58dfe] {
  padding: 20px;
  width: 400px;
}
.flow-action-moma .flow-action-moma-textarea[data-v-d0e58dfe] {
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.flow-action-moma .flow-action-moma-select[data-v-d0e58dfe] {
  width: 260px;
}
.hors-comp-modify-level[data-v-78956cee] {
  padding: 20px;
  width: 400px;
}
.hors-comp-modify-level .hors-comp-modify-level-selectList[data-v-78956cee] {
  width: 250px;
}
.taxi-platform-add-third-remark[data-v-10534fe1] {
  padding: 20px;
  width: 400px;
}
.taxi-platform-add-third-remark .taxi-platform-add-third-remark-content[data-v-10534fe1] {
  height: 150px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.remark-textarea[data-v-10534fe1] {
  height: 100px;
}
.flow-bind-invoice[data-v-5eaa309e] .mtd-table {
  margin: 20px 0;
  max-width: 600px;
}
.flow-bind-invoice[data-v-5eaa309e] .mtd-table .mtd-table-header .mtd-checkbox {
  display: none;
}
.flow-bind-invoice .flow-ticket-btn[data-v-5eaa309e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.horseman-complaint-case-create[data-v-5b8fd9cd] {
  width: 552px;
  padding: 25px 0 14px;
}
.horseman-complaint-case-create .part-edit-information[data-v-5b8fd9cd] {
  width: 40%;
}
.horseman-complaint-case-create .part-edit-content[data-v-5b8fd9cd] {
  padding: 10px;
  width: 375px;
  display: flex;
  flex-direction: column;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.horseman-complaint-case-create .part-edit-content .part-edit-content-item[data-v-5b8fd9cd] {
  line-height: 59px;
}
.horseman-complaint-case-create .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-5b8fd9cd] {
  border: 0;
  width: 275px;
  height: 57px;
}
.horseman-complaint-case-create .select-case[data-v-5b8fd9cd] {
  width: 259px;
}
.horseman-complaint-case-create .btn-group[data-v-5b8fd9cd] {
  margin-top: 35px;
  text-align: center;
}
.horseman-complaint-case-create .btn-group .success-btn[data-v-5b8fd9cd] {
  margin-right: 5px;
}
.text-upload[data-v-4cd41841] .mtd-upload-dragger {
  width: 100px;
  height: 32px;
  line-height: 32px;
}
.picture-upload[data-v-4cd41841] .mtd-upload-dragger {
  width: 100px;
  height: 100px;
  border: none;
  box-sizing: content-box;
  background: none;
}
.mail-container[data-v-0ce98cc0] {
  width: 700px;
  padding: 0 40px;
  max-height: 480px;
  overflow-y: auto;
}
.mail-container .mail-tip[data-v-0ce98cc0] {
  color: red;
  margin-left: 100px;
  margin-bottom: 10px;
}
.mail-container .form-item[data-v-0ce98cc0] {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.mail-container .error-item[data-v-0ce98cc0] {
  color: red;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.mail-container .default-mail-content[data-v-0ce98cc0] {
  display: flex;
}
.mail-container .part-edit-content[data-v-0ce98cc0] {
  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-0ce98cc0] {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.mail-container .mail-footer .btn-left[data-v-0ce98cc0] {
  margin-right: 10px;
}
.mail-container[data-v-0ce98cc0] .chips {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.horseman-complaint-modify-status[data-v-489980b2] {
  width: 452px;
  padding: 25px 0 14px;
}
.horseman-complaint-modify-status .select-case[data-v-489980b2] {
  width: 259px;
}
.horseman-complaint-modify-status .btn-group[data-v-489980b2] {
  margin-top: 35px;
  text-align: center;
}
.horseman-complaint-modify-status .btn-group .success-btn[data-v-489980b2] {
  margin-right: 5px;
}
.self-service-complaint-dialog[data-v-43df3402] {
  width: 452px;
  margin: 20px 0 0;
}
.self-service-complaint-dialog[data-v-43df3402] .mtd-input-wrapper,
.self-service-complaint-dialog .mtd-textarea[data-v-43df3402] {
  width: 300px;
}
.self-service-complaint-dialog[data-v-43df3402] .cs-f-secret-field .mtd-btn-text-primary {
  margin-left: 50px;
}
.self-service-complaint-dialog .confirm-btn[data-v-43df3402] {
  margin: 0 12px 0 70px;
}
.external-task-flow[data-v-f58359c0] {
  min-width: 400px;
  min-height: 450px;
  padding: 20px;
}
.external-task-flow .mtd-textarea[data-v-f58359c0] {
  width: 100%;
}
.external-task-flow .example-checkbox-all[data-v-f58359c0] {
  display: flex;
  flex-direction: column;
}
.external-task-flow .example-checkbox-all[data-v-f58359c0] .mtd-checkbox {
  margin-left: 0;
}
.external-task-flow[data-v-f58359c0] .mtd-form-item-label {
  text-align: left;
}
.external-task-flow .flow-ticket-btn[data-v-f58359c0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.external-task-flow .flow-ticket-btn .btn-left[data-v-f58359c0] {
  margin-right: 10px;
}
.urge-task-dispose-dialog[data-v-a1e9b712] {
  width: 400px;
  margin: 20px 0 0;
}
.urge-task-dispose-dialog[data-v-a1e9b712] .mtd-form-item-label {
  width: 140px !important;
  color: rgba(0, 0, 0, 0.84);
}
.urge-task-dispose-dialog .urge-content[data-v-a1e9b712] {
  display: block;
  width: 300px;
  padding-left: 40px;
}
.urge-task-dispose-dialog .confirm-btn[data-v-a1e9b712] {
  margin-right: 12px;
}
.msg-tpl-select[data-v-07a4144c] {
  width: 240px;
}
.msg-tpl-content[data-v-07a4144c] {
  width: 478px;
  height: 138px;
  resize: none;
  overflow: scroll;
}
.message-tip[data-v-07a4144c] {
  color: red;
  text-align: center;
  margin-bottom: 5px;
}
.disabled-pointer[data-v-07a4144c] {
  cursor: not-allowed;
}
.part-edit-content[data-v-07a4144c] {
  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;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] {
  line-height: 24px;
}
.part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-07a4144c] {
  border-bottom: 1px solid #000;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] .mtd-input {
  border: none;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] .mtd-input-wrapper {
  height: 20px;
  border: none;
  border-bottom: 1px solid #000;
  background: transparent;
  border-radius: 0;
}
.popover-msg-color[data-v-07a4144c] {
  color: red;
}
.leave-msg-footer[data-v-07a4144c] {
  display: flex;
  flex: 0 0 auto;
  justify-content: end;
  gap: 0 12px;
}
.complain-dialog-container[data-v-b4c0ebc2] {
  width: 580px;
}
.complain-dialog-container .main-info[data-v-b4c0ebc2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.complain-dialog-container .complain-dialog-bottom[data-v-b4c0ebc2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.complain-dialog-container .complain-dialog-bottom > *[data-v-b4c0ebc2] {
  margin: 0 5px;
}
[data-v-b4c0ebc2] .mtd-form-item-label {
  text-align: left;
}
[data-v-b4c0ebc2] .form-item-content {
  width: 100%;
}
[data-v-b4c0ebc2] .attachment-checkbox-content {
  text-align: center;
  padding-right: 16px;
  margin: -10px 0 10px;
}
[data-v-b4c0ebc2] .attachment-show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.submit-tt[data-v-e5048844] {
  width: 600px;
  padding: 0 20px;
}
.submit-tt .mtd-form[data-v-e5048844] {
  height: 480px;
  overflow-y: auto;
}
.submit-tt .mtd-form-item[data-v-e5048844] {
  margin-bottom: 10px;
}
.submit-tt .mtd-form-item[data-v-e5048844] .mtd-form-item-label {
  text-align: left;
}
.submit-tt .mtd-form-item[data-v-e5048844] .mtd-select,
.submit-tt .mtd-form-item .mtd-input-wrapper[data-v-e5048844],
.submit-tt .mtd-form-item .mtd-textarea[data-v-e5048844] {
  width: 100% !important;
}
.submit-tt .flow-ticket-btn[data-v-e5048844] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.submit-tt .flow-ticket-btn .btn-left[data-v-e5048844] {
  margin-right: 10px;
}
.yuqing-case[data-v-ede78286] {
  width: 800px;
}
.my-case-pagination[data-v-ede78286] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.other-case[data-v-279d9ac4] {
  width: 600px;
}
.other-case span[data-v-279d9ac4] {
  margin-right: 20px;
}
.other-case[data-v-279d9ac4] .mtd-input-wrapper {
  width: 70%;
}
.yuqing-account[data-v-5c681872] {
  width: 800px;
}
.yuqing-account-pagination[data-v-5c681872] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.yuqing-phone[data-v-520d7af4] {
  width: 800px;
}
.yuqing-phone-pagination[data-v-520d7af4] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.relate-to-main-case[data-v-d10a7ca4] {
  padding: 20px;
}
.relate-to-main-case[data-v-d10a7ca4] .case-radio-group {
  padding-bottom: 10px;
}
.flow-ticket-btn[data-v-d10a7ca4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-ticket-btn .btn-left[data-v-d10a7ca4] {
  margin-right: 10px;
}
.stay-andon[data-v-1a4afd64] {
  min-width: 580px;
}
.stay-andon .leftMargins[data-v-1a4afd64] .mtd-form-item-label {
  width: 110px !important;
}
.stay-andon .stay-andon-content[data-v-1a4afd64] {
  color: red;
}
.stay-andon .stay-andon-textarea[data-v-1a4afd64] {
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.stay-andon-footer[data-v-1a4afd64] {
  text-align: center;
}
.demo-modal-footer[data-v-1a4afd64] {
  margin-top: 10px;
  text-align: center;
}
.flow-operation-reject-inner-case .flow-operation-reject-inner-case-footer[data-v-66ba1303] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-reject-inner-case .flow-operation-reject-inner-case-footer button[data-v-66ba1303] {
  margin-right: 10px;
}
.owner-action-dialog[data-v-5a88b5ea] {
  width: 300px;
  padding: 10px 0;
}
.owner-action-dialog .content-row[data-v-5a88b5ea] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.owner-action-dialog .content-row .content-row-left[data-v-5a88b5ea] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.owner-action-dialog .content-row .content-row-left[data-v-5a88b5ea]::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-5a88b5ea] {
  flex: 1;
}
.owner-action-dialog .owner-action-dialog-footer[data-v-5a88b5ea] {
  text-align: center;
  padding: 10px 0 0 0;
}
.flow-close-task .flow-close-task-container[data-v-5675fa44] {
  min-width: 400px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 0 20px;
}
.flow-close-task .flow-close-task-container .flow-close-task-content-title[data-v-5675fa44] {
  margin-bottom: 12px;
}
.flow-close-task .flow-close-task-container .flow-close-task-content-tip[data-v-5675fa44] {
  margin-top: 16px;
  text-align: center;
  color: red;
}
.flow-close-task .flow-close-task-footer[data-v-5675fa44] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-close-task .flow-close-task-footer button[data-v-5675fa44] {
  margin-right: 10px;
}
.flow-remote-tools[data-v-29bbcdd2] {
  width: 820px;
  padding: 20px;
}
.flow-remote-tools .flow-remote-tools-btn[data-v-29bbcdd2] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-remote-tools .flow-remote-tools-btn .btn-left[data-v-29bbcdd2] {
  margin-right: 10px;
}
.flow-shop-task .flow-shop-task-container[data-v-79c9d946] {
  min-width: 400px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 0 20px;
}
.flow-shop-task .flow-shop-task-footer[data-v-79c9d946] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-shop-task .flow-shop-task-footer button[data-v-79c9d946] {
  margin-right: 10px;
}
.custom-config-container[data-v-f97bdc6a] {
  width: 660px;
}
.custom-config-container .custom-config-content[data-v-f97bdc6a] {
  min-height: 100px;
  max-height: 380px;
  overflow: auto;
}
.custom-config-container .custom-config-footer[data-v-f97bdc6a] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.custom-config-container .custom-config-footer .btn-left[data-v-f97bdc6a] {
  margin-right: 10px;
}
.custom-config-container .custom-config-row[data-v-f97bdc6a] {
  margin: 5px 0;
  width: 100%;
}
.custom-config-container[data-v-f97bdc6a] .custom-config-field .cs-field-right .mtd-cascader + .mtd-textarea {
  margin-top: 5px;
  width: 100%;
}
.create-send-case[data-v-1889f4fa] {
  width: 1000px;
  padding: 20px;
}
.create-send-case .create-send-case-content[data-v-1889f4fa] {
  min-height: 200px;
  overflow: auto;
}
.create-send-case .content-row[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.create-send-case .content-row .content-row-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right-border[data-v-1889f4fa] {
  flex: 1;
  border-bottom: 1px dashed #ddd;
}
.create-send-case .content-row .content-row-right-border .right-content[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 10px;
}
.create-send-case .content-row .content-row-right-border .right-content .content-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right-border .right-content .content-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right-border .right-content .content-right .content-right-span[data-v-1889f4fa] {
  color: rgb(180, 0, 0);
}
.create-send-case .content-row .content-row-right-border .right-content .content-right .content-right-cursor[data-v-1889f4fa] {
  cursor: pointer;
}
.create-send-case .content-row .content-row-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right .right-content[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 10px;
}
.create-send-case .content-row .content-row-right .right-content .content-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right .right-content .content-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right .input[data-v-1889f4fa] {
  padding-left: 5px;
  width: 380px;
}
.create-send-case .content-row .content-row-textarea[data-v-1889f4fa] {
  width: 100%;
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.create-send-case .content-row-bottom[data-v-1889f4fa] {
  text-align: center;
}
.compensate-item[data-v-12919443] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  margin-bottom: 5px;
}
.compensate-item .row-left[data-v-12919443] {
  flex: 0 0 100px;
  margin-right: 10px;
  display: inline-block;
}
.compensate-item .required[data-v-12919443] {
  position: relative;
}
.compensate-item .required[data-v-12919443]::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-12919443] {
  flex: 1 1 auto;
}
.default-user-info[data-v-27abcade] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.default-user-info .item-value[data-v-27abcade] {
  position: relative;
  display: block;
  height: 100%;
}
.default-user-info .item-value[data-v-27abcade]::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-27abcade]::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-27abcade], .default-user-info .item-value.validate-error input[data-v-27abcade] {
  border-color: #e35252;
}
.default-user-info .item-value.config-error[data-v-27abcade]::before, .default-user-info .item-value.validate-error[data-v-27abcade]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-user-info .item-value.config-error[data-v-27abcade]::after, .default-user-info .item-value.validate-error[data-v-27abcade]::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-27abcade] {
  color: red;
}
.default-user-info .tips[data-v-27abcade] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  color: red;
}
.convert-user-info[data-v-27abcade] {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 10px -40px;
  box-sizing: content-box;
  padding: 10px 40px;
}
.default-pay-amount .compensate-item[data-v-4ce0ee58] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.default-pay-amount .compensate-item .warning-text[data-v-4ce0ee58] {
  color: red;
}
.default-pay-amount .pay-amount-unit[data-v-4ce0ee58] {
  color: #aaa;
  margin-left: 117px;
}
.default-pay-amount .item-value[data-v-4ce0ee58] {
  position: relative;
  display: block;
}
.default-pay-amount .item-value[data-v-4ce0ee58]::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-4ce0ee58]::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-4ce0ee58], .default-pay-amount .item-value.validate-error input[data-v-4ce0ee58] {
  border-color: #e35252;
}
.default-pay-amount .item-value.config-error[data-v-4ce0ee58]::before, .default-pay-amount .item-value.validate-error[data-v-4ce0ee58]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-pay-amount .item-value.config-error[data-v-4ce0ee58]::after, .default-pay-amount .item-value.validate-error[data-v-4ce0ee58]::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-4ce0ee58] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.default-pay-amount .item-value .amount-input[data-v-4ce0ee58] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-loss-money .compensate-item[data-v-45454c61] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-loss-money .compensate-item .warning-text[data-v-45454c61] {
  color: red;
}
.compensate-loss-money .pay-amount-unit[data-v-45454c61] {
  color: #aaa;
  margin-left: 117px;
}
.compensate-loss-money .item-value[data-v-45454c61] {
  position: relative;
  display: block;
}
.compensate-loss-money .item-value[data-v-45454c61]::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-45454c61]::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-45454c61], .compensate-loss-money .item-value.validate-error input[data-v-45454c61] {
  border-color: #e35252;
}
.compensate-loss-money .item-value.config-error[data-v-45454c61]::before, .compensate-loss-money .item-value.validate-error[data-v-45454c61]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-loss-money .item-value.config-error[data-v-45454c61]::after, .compensate-loss-money .item-value.validate-error[data-v-45454c61]::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-45454c61] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.compensate-loss-money .item-value .amount-input[data-v-45454c61] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-reason .select-item[data-v-63311bd6] {
  margin-bottom: 5px;
  width: 100%;
}
.compensate-reason .select-item[data-v-63311bd6]:last-child {
  margin-bottom: 0;
}
.prompt-content-placeholder[data-v-2222fd67] {
  color: red;
}
.item-value[data-v-251c62a5] {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.item-value[data-v-251c62a5]::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-251c62a5]::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-251c62a5], .item-value.validate-error input[data-v-251c62a5] {
  border-color: #e35252;
}
.item-value.config-error[data-v-251c62a5]::before, .item-value.validate-error[data-v-251c62a5]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-251c62a5]::after, .item-value.validate-error[data-v-251c62a5]::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-251c62a5] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-input[data-v-251c62a5] {
  width: 100%;
}
.item-select[data-v-251c62a5] {
  width: 100%;
}
.province-content[data-v-251c62a5] {
  display: flex;
}
.province-content .item-select[data-v-251c62a5] {
  flex: 1 1 auto;
}
.item-value[data-v-487e41d7] {
  width: 100%;
}
.item-value[data-v-487e41d7] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-select[data-v-01b274a2] {
  width: 100%;
}
.item-select[data-v-c08550b4] {
  width: 100%;
}
.item-select[data-v-0dc2e258] {
  width: 100%;
}
.you-xuan-pay-amount[data-v-73c8405b] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-73c8405b] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-73c8405b] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-73c8405b] {
  width: 60px;
  margin: 0 4px;
}
.you-xuan-pay-amount .item-radio[data-v-73c8405b],
.you-xuan-pay-amount .item-table[data-v-73c8405b] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-73c8405b] {
  display: flex;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-73c8405b] {
  flex: 2;
}
.you-xuan-pay-amount .select-container .item-select[data-v-73c8405b]:first-child {
  margin-right: 5px;
  flex: 1;
}
.you-xuan-pay-amount .warning-tips[data-v-73c8405b] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-7ed0bf50] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-7ed0bf50] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .amount-hint[data-v-7ed0bf50] {
  color: #666;
}
.you-xuan-pay-amount .item-radio[data-v-7ed0bf50],
.you-xuan-pay-amount .item-table[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-7ed0bf50] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container > *[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .warning-tips[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.item-select[data-v-3ac97dc7] {
  width: 100%;
}
.tips[data-v-3ac97dc7] {
  color: "gray";
  font-size: 12px;
}
.warning-text[data-v-3ac97dc7] {
  color: red;
}
.input-item[data-v-3ac97dc7] {
  width: 100%;
}
.total-value[data-v-3ac97dc7] {
  font-size: 16px;
}
[data-v-9e39ed28] .mtd-select {
  width: 100%;
}
[data-v-133d4494] .mtd-select {
  width: 100%;
}
.amount-input[data-v-67c225cf] {
  width: 60px;
}
.youxuan-coupon-select[data-v-67c225cf] {
  display: flex;
  flex: 1;
}
.youxuan-coupon-select-table[data-v-67c225cf] {
  max-height: 500px;
}
[data-v-5f27615d] .mtd-select {
  width: 100%;
}
[data-v-72c5894e] .mtd-select {
  width: 100%;
}
.partner-amount[data-v-6d9bfb6d] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.partner-amount .validate-error[data-v-6d9bfb6d] {
  position: relative;
  display: block;
}
.partner-amount .validate-error[data-v-6d9bfb6d]::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-6d9bfb6d]::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-6d9bfb6d], .partner-amount .validate-error.validate-error input[data-v-6d9bfb6d] {
  border-color: #e35252;
}
.partner-amount .validate-error.config-error[data-v-6d9bfb6d]::before, .partner-amount .validate-error.validate-error[data-v-6d9bfb6d]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.partner-amount .validate-error.config-error[data-v-6d9bfb6d]::after, .partner-amount .validate-error.validate-error[data-v-6d9bfb6d]::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-6d9bfb6d] {
  height: 100%;
}
.partner-amount .partner-tip[data-v-6d9bfb6d] {
  color: red;
}
[data-v-6d9bfb6d] .mtd-input-number-wrapper {
  width: 100%;
}
.item-value[data-v-2ca45571] {
  position: relative;
  display: block;
}
.item-value[data-v-2ca45571]::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-2ca45571]::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-2ca45571], .item-value.validate-error input[data-v-2ca45571] {
  border-color: #e35252;
}
.item-value.config-error[data-v-2ca45571]::before, .item-value.validate-error[data-v-2ca45571]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-2ca45571]::after, .item-value.validate-error[data-v-2ca45571]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-2ca45571] .mtd-select {
  width: 100%;
}
.config-error[data-v-6891a933] {
  position: relative;
  display: block;
}
.config-error[data-v-6891a933]::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-6891a933]::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-6891a933], .config-error.validate-error input[data-v-6891a933] {
  border-color: #e35252;
}
.config-error.config-error[data-v-6891a933]::before, .config-error.validate-error[data-v-6891a933]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.config-error.config-error[data-v-6891a933]::after, .config-error.validate-error[data-v-6891a933]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-3e62660a] .mtd-select {
  width: 100%;
}
.item-value[data-v-f9bd2f36] {
  position: relative;
  display: block;
}
.item-value[data-v-f9bd2f36]::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-f9bd2f36]::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-f9bd2f36], .item-value.validate-error input[data-v-f9bd2f36] {
  border-color: #e35252;
}
.item-value.config-error[data-v-f9bd2f36]::before, .item-value.validate-error[data-v-f9bd2f36]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-f9bd2f36]::after, .item-value.validate-error[data-v-f9bd2f36]::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-f9bd2f36] {
  color: red;
}
[data-v-f9bd2f36] .mtd-input-wrapper {
  width: 100%;
}
.item-value[data-v-fe5e7f6a] {
  width: 100%;
}
.item-value[data-v-fe5e7f6a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value[data-v-5f75a4de] {
  width: 100%;
}
.item-value[data-v-5f75a4de] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.select-item[data-v-6e6438f4] {
  width: 100%;
  margin-bottom: 5px;
}
.table-item[data-v-6e6438f4] {
  max-height: 500px;
  overflow-y: auto;
}
.item-value[data-v-49b9dba8] {
  position: relative;
  display: block;
}
.item-value[data-v-49b9dba8]::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-49b9dba8]::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-49b9dba8], .item-value.validate-error input[data-v-49b9dba8] {
  border-color: #e35252;
}
.item-value.config-error[data-v-49b9dba8]::before, .item-value.validate-error[data-v-49b9dba8]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-49b9dba8]::after, .item-value.validate-error[data-v-49b9dba8]::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-49b9dba8] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-49b9dba8] {
  font-size: 18px;
  font-weight: bold;
}
[data-v-21214752] .mtd-select {
  width: 100%;
}
.compensate-item[data-v-21214752] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-item .warning-text[data-v-21214752] {
  color: red;
}
.item-value[data-v-21214752] {
  position: relative;
  display: block;
}
.item-value[data-v-21214752]::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-21214752]::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-21214752], .item-value.validate-error input[data-v-21214752] {
  border-color: #e35252;
}
.item-value.config-error[data-v-21214752]::before, .item-value.validate-error[data-v-21214752]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-21214752]::after, .item-value.validate-error[data-v-21214752]::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-21214752] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-21214752] {
  font-size: 18px;
  font-weight: bold;
}
[data-v-762a589a] .mtd-select {
  width: 100%;
}
.compensate-item[data-v-762a589a] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-item .warning-text[data-v-762a589a] {
  color: red;
}
.item-value[data-v-762a589a] {
  position: relative;
  display: block;
}
.item-value[data-v-762a589a]::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-762a589a]::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-762a589a], .item-value.validate-error input[data-v-762a589a] {
  border-color: #e35252;
}
.item-value.config-error[data-v-762a589a]::before, .item-value.validate-error[data-v-762a589a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-762a589a]::after, .item-value.validate-error[data-v-762a589a]::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-762a589a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-762a589a] {
  font-size: 18px;
  font-weight: bold;
}
.warning-text[data-v-49406141] {
  color: red;
}
.compensate-requirement[data-v-5c1845fe] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-requirement .item-value[data-v-5c1845fe] {
  position: relative;
  display: block;
  height: 100%;
}
.compensate-requirement .item-value[data-v-5c1845fe]::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-5c1845fe]::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-5c1845fe], .compensate-requirement .item-value.validate-error input[data-v-5c1845fe] {
  border-color: #e35252;
}
.compensate-requirement .item-value.config-error[data-v-5c1845fe]::before, .compensate-requirement .item-value.validate-error[data-v-5c1845fe]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-requirement .item-value.config-error[data-v-5c1845fe]::after, .compensate-requirement .item-value.validate-error[data-v-5c1845fe]::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-7ca8c3dd] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay-type-list .warning-text[data-v-7ca8c3dd] {
  margin-left: 110px;
  color: red;
}
.compensate-order[data-v-4cbe0fdc] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-order .config-error[data-v-4cbe0fdc] {
  color: red;
}
.compensate-remark .rist-loading[data-v-38531d60] {
  flex: 0 1 100%;
}
.compensate-remark .compensate-value[data-v-38531d60] {
  width: 100%;
}
.compensate-remark .warning-text[data-v-38531d60] {
  color: red;
}
.compensate-sms-template .compensate-item[data-v-e97da3e4] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-sms-template .compensate-item .item-value[data-v-e97da3e4] {
  position: relative;
  display: block;
}
.compensate-sms-template .compensate-item .item-value[data-v-e97da3e4]::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-e97da3e4]::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-e97da3e4], .compensate-sms-template .compensate-item .item-value.validate-error input[data-v-e97da3e4] {
  border-color: #e35252;
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-e97da3e4]::before, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-e97da3e4]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-e97da3e4]::after, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-e97da3e4]::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-e97da3e4] {
  width: 100%;
}
.compensate-sms-template .compensate-item .sms-content[data-v-e97da3e4] {
  width: 100%;
}
.compensate-sms-template .info-module-title[data-v-e97da3e4] {
  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-e97da3e4] {
  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-e97da3e4]:before, .compensate-sms-template .info-module-title[data-v-e97da3e4]:after {
  position: absolute;
  content: "";
}
.compensate-sms-template .info-module-title[data-v-e97da3e4]:after {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cs-common-primary-color);
}
.compensate-sms-template .info-module-title[data-v-e97da3e4]:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px #eee dashed;
}
.compensate-sms-template .warning-text[data-v-e97da3e4] {
  color: red;
}
.compensate-sms-template .part-edit-content[data-v-e97da3e4] {
  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-e97da3e4] {
  line-height: 24px;
}
.compensate-sms-template .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-e97da3e4] {
  border: 0;
  border-bottom: 1px solid #000;
}
.compensate-sms-template .part-edit-content .icon-item[data-v-e97da3e4] {
  cursor: pointer;
}
.refund-risk #relation-refund-warning[data-v-6c7f3e9c] {
  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-6c7f3e9c] {
  color: #ef4136;
  margin: 0 10px;
  font-size: 25px;
}
.refund-risk #relation-refund-warning .hint-content[data-v-6c7f3e9c] {
  margin: auto;
}
.compensate[data-v-0dcbbd5b] {
  width: 560px;
  max-height: 80vh;
  padding-top: 20px;
}
.compensate .error-tip[data-v-0dcbbd5b] {
  height: 80px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .compensate-container[data-v-0dcbbd5b] {
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding: 0 50px;
}
.compensate .error-text[data-v-0dcbbd5b] {
  color: red;
  font-size: 14px;
}
.compensate .pay-apply-warning[data-v-0dcbbd5b] {
  color: red;
  white-space: pre-wrap;
}
.compensate .footer[data-v-0dcbbd5b] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .footer .confirm-btn[data-v-0dcbbd5b] {
  margin-right: 5px;
}
.compensate-item[data-v-02ca06e9] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  margin-bottom: 5px;
}
.compensate-item .row-left[data-v-02ca06e9] {
  flex: 0 0 100px;
  margin-right: 10px;
  display: inline-block;
}
.compensate-item .required[data-v-02ca06e9] {
  position: relative;
}
.compensate-item .required[data-v-02ca06e9]::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-02ca06e9] {
  flex: 1 1 auto;
}
.default-user-info[data-v-6f839049] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.default-user-info .item-value[data-v-6f839049] {
  position: relative;
  display: block;
  height: 100%;
}
.default-user-info .item-value[data-v-6f839049]::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-6f839049]::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-6f839049], .default-user-info .item-value.validate-error input[data-v-6f839049] {
  border-color: #e35252;
}
.default-user-info .item-value.config-error[data-v-6f839049]::before, .default-user-info .item-value.validate-error[data-v-6f839049]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-user-info .item-value.config-error[data-v-6f839049]::after, .default-user-info .item-value.validate-error[data-v-6f839049]::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-6f839049] {
  color: red;
}
.default-user-info .tips[data-v-6f839049] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  color: red;
}
.convert-user-info[data-v-6f839049] {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 10px -40px;
  box-sizing: content-box;
  padding: 10px 40px;
}
.default-pay-amount .compensate-item[data-v-dce58262] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.default-pay-amount .compensate-item .warning-text[data-v-dce58262] {
  color: red;
}
.default-pay-amount .pay-amount-unit[data-v-dce58262] {
  color: #aaa;
  margin-left: 117px;
}
.default-pay-amount .item-value[data-v-dce58262] {
  position: relative;
  display: block;
}
.default-pay-amount .item-value[data-v-dce58262]::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-dce58262]::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-dce58262], .default-pay-amount .item-value.validate-error input[data-v-dce58262] {
  border-color: #e35252;
}
.default-pay-amount .item-value.config-error[data-v-dce58262]::before, .default-pay-amount .item-value.validate-error[data-v-dce58262]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-pay-amount .item-value.config-error[data-v-dce58262]::after, .default-pay-amount .item-value.validate-error[data-v-dce58262]::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-dce58262] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.default-pay-amount .item-value .amount-input[data-v-dce58262] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-loss-money .compensate-item[data-v-0ba8cc0a] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-loss-money .compensate-item .warning-text[data-v-0ba8cc0a] {
  color: red;
}
.compensate-loss-money .pay-amount-unit[data-v-0ba8cc0a] {
  color: #aaa;
  margin-left: 117px;
}
.compensate-loss-money .item-value[data-v-0ba8cc0a] {
  position: relative;
  display: block;
}
.compensate-loss-money .item-value[data-v-0ba8cc0a]::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-0ba8cc0a]::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-0ba8cc0a], .compensate-loss-money .item-value.validate-error input[data-v-0ba8cc0a] {
  border-color: #e35252;
}
.compensate-loss-money .item-value.config-error[data-v-0ba8cc0a]::before, .compensate-loss-money .item-value.validate-error[data-v-0ba8cc0a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-loss-money .item-value.config-error[data-v-0ba8cc0a]::after, .compensate-loss-money .item-value.validate-error[data-v-0ba8cc0a]::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-0ba8cc0a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.compensate-loss-money .item-value .amount-input[data-v-0ba8cc0a] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-reason .select-item[data-v-808bbf5a] {
  margin-bottom: 5px;
  width: 100%;
}
.compensate-reason .select-item[data-v-808bbf5a]:last-child {
  margin-bottom: 0;
}
.item-value[data-v-defcbaaa] {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.item-value[data-v-defcbaaa]::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-defcbaaa]::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-defcbaaa], .item-value.validate-error input[data-v-defcbaaa] {
  border-color: #e35252;
}
.item-value.config-error[data-v-defcbaaa]::before, .item-value.validate-error[data-v-defcbaaa]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-defcbaaa]::after, .item-value.validate-error[data-v-defcbaaa]::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-defcbaaa] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-input[data-v-defcbaaa] {
  width: 100%;
}
.item-select[data-v-defcbaaa] {
  width: 100%;
}
.province-content[data-v-defcbaaa] {
  display: flex;
}
.province-content .item-select[data-v-defcbaaa] {
  flex: 1 1 auto;
}
.item-value[data-v-3cb7d2da] {
  width: 100%;
}
.item-value[data-v-3cb7d2da] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-select[data-v-5de4d95a] {
  width: 100%;
}
.item-select[data-v-6390dce2] {
  width: 100%;
}
.item-select[data-v-7923491d] {
  width: 100%;
}
.you-xuan-pay-amount[data-v-40eab8dc] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-40eab8dc] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-40eab8dc] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-40eab8dc] {
  width: 60px;
  margin: 0 4px;
}
.you-xuan-pay-amount .item-radio[data-v-40eab8dc],
.you-xuan-pay-amount .item-table[data-v-40eab8dc] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-40eab8dc] {
  display: flex;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-40eab8dc] {
  flex: 2;
}
.you-xuan-pay-amount .select-container .item-select[data-v-40eab8dc]:first-child {
  margin-right: 5px;
  flex: 1;
}
.you-xuan-pay-amount .warning-tips[data-v-40eab8dc] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-45b30e48] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-45b30e48] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .amount-hint[data-v-45b30e48] {
  color: #666;
}
.you-xuan-pay-amount .item-radio[data-v-45b30e48],
.you-xuan-pay-amount .item-table[data-v-45b30e48] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-45b30e48] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container > *[data-v-45b30e48] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .warning-tips[data-v-45b30e48] {
  margin-bottom: 5px;
}
.item-select[data-v-549e2ffe] {
  width: 100%;
}
.tips[data-v-549e2ffe] {
  color: "gray";
  font-size: 12px;
}
.warning-text[data-v-549e2ffe] {
  color: red;
}
.input-item[data-v-549e2ffe] {
  width: 100%;
}
.total-value[data-v-549e2ffe] {
  font-size: 16px;
}
[data-v-10905977] .mtd-select {
  width: 100%;
}
[data-v-17ec201d] .mtd-select {
  width: 100%;
}
.amount-input[data-v-9717b9c2] {
  width: 60px;
}
.youxuan-coupon-select[data-v-9717b9c2] {
  display: flex;
  flex: 1;
}
.youxuan-coupon-select-table[data-v-9717b9c2] {
  max-height: 500px;
}
[data-v-425b9ff7] .mtd-select {
  width: 100%;
}
[data-v-0d430dd8] .mtd-select {
  width: 100%;
}
.partner-amount[data-v-f5946eb6] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.partner-amount .validate-error[data-v-f5946eb6] {
  position: relative;
  display: block;
}
.partner-amount .validate-error[data-v-f5946eb6]::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-f5946eb6]::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-f5946eb6], .partner-amount .validate-error.validate-error input[data-v-f5946eb6] {
  border-color: #e35252;
}
.partner-amount .validate-error.config-error[data-v-f5946eb6]::before, .partner-amount .validate-error.validate-error[data-v-f5946eb6]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.partner-amount .validate-error.config-error[data-v-f5946eb6]::after, .partner-amount .validate-error.validate-error[data-v-f5946eb6]::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-f5946eb6] {
  height: 100%;
}
.partner-amount .partner-tip[data-v-f5946eb6] {
  color: red;
}
[data-v-f5946eb6] .mtd-input-number-wrapper {
  width: 100%;
}
.item-value[data-v-434b99c8] {
  position: relative;
  display: block;
}
.item-value[data-v-434b99c8]::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-434b99c8]::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-434b99c8], .item-value.validate-error input[data-v-434b99c8] {
  border-color: #e35252;
}
.item-value.config-error[data-v-434b99c8]::before, .item-value.validate-error[data-v-434b99c8]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-434b99c8]::after, .item-value.validate-error[data-v-434b99c8]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-434b99c8] .mtd-select {
  width: 100%;
}
.config-error[data-v-02039b8a] {
  position: relative;
  display: block;
}
.config-error[data-v-02039b8a]::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-02039b8a]::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-02039b8a], .config-error.validate-error input[data-v-02039b8a] {
  border-color: #e35252;
}
.config-error.config-error[data-v-02039b8a]::before, .config-error.validate-error[data-v-02039b8a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.config-error.config-error[data-v-02039b8a]::after, .config-error.validate-error[data-v-02039b8a]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-27eb1877] .mtd-select {
  width: 100%;
}
.item-value[data-v-33ce09e6] {
  position: relative;
  display: block;
}
.item-value[data-v-33ce09e6]::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-33ce09e6]::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-33ce09e6], .item-value.validate-error input[data-v-33ce09e6] {
  border-color: #e35252;
}
.item-value.config-error[data-v-33ce09e6]::before, .item-value.validate-error[data-v-33ce09e6]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-33ce09e6]::after, .item-value.validate-error[data-v-33ce09e6]::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-33ce09e6] {
  color: red;
}
[data-v-33ce09e6] .mtd-input-wrapper {
  width: 100%;
}
.item-value[data-v-22c6e4de] {
  width: 100%;
}
.item-value[data-v-22c6e4de] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value[data-v-c86a5350] {
  width: 100%;
}
.item-value[data-v-c86a5350] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.select-item[data-v-726832a8] {
  width: 100%;
  margin-bottom: 5px;
}
.table-item[data-v-726832a8] {
  max-height: 500px;
  overflow-y: auto;
}
.warning-text[data-v-1ceb304a] {
  color: red;
}
.compensate-requirement[data-v-48460afa] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-requirement .item-value[data-v-48460afa] {
  position: relative;
  display: block;
  height: 100%;
}
.compensate-requirement .item-value[data-v-48460afa]::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-48460afa]::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-48460afa], .compensate-requirement .item-value.validate-error input[data-v-48460afa] {
  border-color: #e35252;
}
.compensate-requirement .item-value.config-error[data-v-48460afa]::before, .compensate-requirement .item-value.validate-error[data-v-48460afa]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-requirement .item-value.config-error[data-v-48460afa]::after, .compensate-requirement .item-value.validate-error[data-v-48460afa]::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-8c578912] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay-type-list .warning-text[data-v-8c578912] {
  margin-left: 110px;
  color: red;
}
.compensate-order[data-v-74cf2118] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-order .config-error[data-v-74cf2118] {
  color: red;
}
.compensate-remark .rist-loading[data-v-e17ddeb0] {
  flex: 0 1 100%;
}
.compensate-remark .compensate-value[data-v-e17ddeb0] {
  width: 100%;
}
.compensate-remark .warning-text[data-v-e17ddeb0] {
  color: red;
}
.compensate-sms-template .compensate-item[data-v-5829dad3] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-sms-template .compensate-item .item-value[data-v-5829dad3] {
  position: relative;
  display: block;
}
.compensate-sms-template .compensate-item .item-value[data-v-5829dad3]::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-5829dad3]::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-5829dad3], .compensate-sms-template .compensate-item .item-value.validate-error input[data-v-5829dad3] {
  border-color: #e35252;
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5829dad3]::before, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5829dad3]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5829dad3]::after, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5829dad3]::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-5829dad3] {
  width: 100%;
}
.compensate-sms-template .compensate-item .sms-content[data-v-5829dad3] {
  width: 100%;
}
.compensate-sms-template .info-module-title[data-v-5829dad3] {
  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-5829dad3] {
  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-5829dad3]:before, .compensate-sms-template .info-module-title[data-v-5829dad3]:after {
  position: absolute;
  content: "";
}
.compensate-sms-template .info-module-title[data-v-5829dad3]:after {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cs-common-primary-color);
}
.compensate-sms-template .info-module-title[data-v-5829dad3]:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px #eee dashed;
}
.compensate-sms-template .warning-text[data-v-5829dad3] {
  color: red;
}
.compensate-sms-template .part-edit-content[data-v-5829dad3] {
  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-5829dad3] {
  line-height: 24px;
}
.compensate-sms-template .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-5829dad3] {
  border: 0;
  border-bottom: 1px solid #000;
}
.compensate-sms-template .part-edit-content .icon-item[data-v-5829dad3] {
  cursor: pointer;
}
.refund-risk #relation-refund-warning[data-v-7ba86bfb] {
  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-7ba86bfb] {
  color: #ef4136;
  margin: 0 10px;
  font-size: 25px;
}
.refund-risk #relation-refund-warning .hint-content[data-v-7ba86bfb] {
  margin: auto;
}
.compensate[data-v-119f090b] {
  width: 560px;
  max-height: 80vh;
  padding-top: 20px;
}
.compensate .compensate-container[data-v-119f090b] {
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding: 0 50px;
}
.compensate .error-text[data-v-119f090b] {
  color: red;
  font-size: 14px;
}
.compensate .pay-apply-warning[data-v-119f090b] {
  color: red;
  white-space: pre-wrap;
}
.compensate .footer[data-v-119f090b] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .footer .confirm-btn[data-v-119f090b] {
  margin-right: 5px;
}
.case-list[data-v-69432171] {
  list-style: none;
  max-height: 50vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.row[data-v-69432171] {
  display: flex;
  min-width: 500px;
  padding: 3px 0;
}
.flex-1[data-v-69432171] {
  flex: 1;
}
p[data-v-69432171] {
  padding: 10px 0;
}
.mr-10[data-v-69432171] {
  margin-right: 10px;
}
.container[data-v-c6fba06c] {
  min-height: 100px;
  min-width: 500px;
}
.reject-pay[data-v-714b9708] {
  padding: 20px;
  width: 400px;
}
.reject-pay .sync-remarks-torelated-btn[data-v-714b9708] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.reject-pay .sync-remarks-torelated-btn .btn-left[data-v-714b9708] {
  margin-right: 10px;
}
.flow-driver-information[data-v-2c578c52] {
  min-width: 500px;
  padding: 20px;
}
.flow-driver-information-wrapper[data-v-2c578c52] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-content[data-v-2c578c52] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-icon[data-v-2c578c52] {
  font-size: 20px;
  color: green;
  cursor: pointer;
}
.flow-driver-information-close[data-v-2c578c52] {
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.flow-reject-customer-service-sgent[data-v-69a3e852] {
  width: 520px;
}
.flow-reject-customer-service-sgent .flow-ticket-btn[data-v-69a3e852] {
  margin-top: 40px;
  text-align: center;
}
.flow-reject-customer-service-sgent .mtd-form[data-v-69a3e852] {
  margin-left: 20px;
}
.flow-reject-customer-service-sgent .mtd-form .important-prefix[data-v-69a3e852]::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #ff4a47;
}
.flow-reject-customer-service-sgent .mtd-form .product-distance[data-v-69a3e852] {
  margin-bottom: 10px;
}
.flow-reject-customer-service-sgent .mtd-form .right-distance[data-v-69a3e852] {
  margin-right: 20px;
}
.flow-reject-customer-service-sgent .mtd-form .right-distance[data-v-69a3e852] .mtd-checkbox-text {
  cursor: pointer;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-reject-customer-service-sgent .mtd-form .product-quantity[data-v-69a3e852] {
  width: 60px;
}
.flow-reject-customer-service-sgent .mtd-form .tip-text-color[data-v-69a3e852] {
  color: red;
}
.flow-operation-call[data-v-8a1a5e20] {
  min-width: 500px;
  min-height: 100px;
}
.flow-operation-call .flow-operation-call-content[data-v-8a1a5e20] {
  display: flex;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-8a1a5e20] {
  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-8a1a5e20] .mtd-form-item-label {
  width: 110px !important;
  text-align: left;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-8a1a5e20] .mtd-form-item-content {
  margin-left: 110px !important;
}
.flow-operation-call .flow-operation-call-content .basic-info .full-width[data-v-8a1a5e20] {
  width: 475px;
}
.flow-operation-call .flow-operation-call-content .basic-info .call-tip[data-v-8a1a5e20] {
  color: red;
  margin-bottom: 5px;
  text-indent: 10px;
}
.flow-operation-call .flow-operation-call-content .basic-info .preview-tips[data-v-8a1a5e20] {
  font-size: 12px;
  margin-left: 110px;
}
.flow-operation-call .flow-operation-call-content .basic-info .text-small[data-v-8a1a5e20] {
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content[data-v-8a1a5e20] {
  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-8a1a5e20] {
  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-8a1a5e20] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-call .flow-operation-call-content .basic-info .cred[data-v-8a1a5e20] {
  color: #ff4c47;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules[data-v-8a1a5e20] {
  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-8a1a5e20] {
  margin-bottom: 5px;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .action-title[data-v-8a1a5e20] {
  font-weight: bold;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .no-operation-keyboard[data-v-8a1a5e20] {
  list-style: none;
  margin-top: 10px;
}
.flow-operation-call .flow-operation-call-content .sub-menu[data-v-8a1a5e20] {
  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-8a1a5e20] {
  position: relative;
  height: 40px;
  padding-left: 60px;
  line-height: 40px;
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .animation-list[data-v-8a1a5e20] {
  padding: 2px 0;
  opacity: 1;
  transition: all linear 0.3s;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item[data-v-8a1a5e20] {
  margin-bottom: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-8a1a5e20] {
  flex-direction: row !important;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-8a1a5e20] .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-8a1a5e20] .mtd-cascader {
  width: 280px;
  margin-left: 14px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .update-case-info[data-v-8a1a5e20] {
  margin-left: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info[data-v-8a1a5e20] {
  display: flex;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info .robot-base-info-name[data-v-8a1a5e20] {
  display: block;
  width: 130px;
  margin-right: 8px;
  text-indent: 10px;
}
.flow-operation-call .footer[data-v-8a1a5e20] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-call .footer button[data-v-8a1a5e20] {
  margin-right: 10px;
}
.andon-update-hotspot[data-v-5e0f58b4] {
  width: 400px;
  padding: 20px;
}
.andon-update-hotspot[data-v-5e0f58b4] .mtd-form-item-label {
  text-align: left;
}
.andon-update-hotspot .flow-ticket-btn[data-v-5e0f58b4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.andon-update-hotspot .flow-ticket-btn .btn-left[data-v-5e0f58b4] {
  margin-left: 10px;
}
.review-image[data-v-7b9f5f96] {
  display: flex;
  flex-wrap: wrap;
}
.review-image .review-image-item[data-v-7b9f5f96] {
  position: relative;
  border-radius: 3px;
  padding-bottom: 5px;
  cursor: pointer;
}
.review-image .review-image-item .image-text[data-v-7b9f5f96] {
  padding: 0 5px;
  width: 100px;
  font-size: 6px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.review-image .review-image-item .image-checkbox-div[data-v-7b9f5f96] {
  width: 100%;
  min-height: 41px;
}
.review-image .review-image-item .image-checkbox-div .image-checkbox[data-v-7b9f5f96] {
  margin-top: -8px;
}
.review-image .review-image-item img[data-v-7b9f5f96] {
  width: 70px;
}
.review-image .review-image-item .delete-image-btn[data-v-7b9f5f96] {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 22px;
}
.review-image .review-image-item[data-v-7b9f5f96]:hover {
  background-color: #eee;
}
.review-image .review-image-item:hover .delete-image-btn[data-v-7b9f5f96] {
  display: block;
}
.review-image .review-image-item:hover .delete-image-btn[data-v-7b9f5f96]:hover {
  color: #ccc;
}
.cs-flow-action-initiate-an-appeal[data-v-84f9962e] {
  width: 587px;
  margin: 20px 5px;
}
.cs-flow-action-initiate-an-appeal .form-body[data-v-84f9962e] {
  max-height: 400px;
  overflow: scroll;
}
.cs-flow-action-initiate-an-appeal[data-v-84f9962e] .mtd-form-item-label {
  text-align: left;
}
.cs-flow-action-initiate-an-appeal .select-seller-id[data-v-84f9962e] {
  width: 98%;
}
.cs-flow-action-initiate-an-appeal .remarks-textarea[data-v-84f9962e] {
  width: 85%;
}
.cs-flow-action-initiate-an-appeal .initiate-appeal-btn[data-v-84f9962e] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.cs-flow-action-initiate-an-appeal .initiate-appeal-btn .btn-left[data-v-84f9962e] {
  margin-right: 10px;
}
.after-sale-appeal[data-v-6770d012] {
  width: 520px;
}
.after-sale-appeal .flow-ticket-btn[data-v-6770d012] {
  margin-top: 40px;
  text-align: center;
}
.after-sale-appeal .mtd-form[data-v-6770d012] {
  margin-left: 20px;
}
.after-sale-appeal .mtd-form .important-prefix[data-v-6770d012]::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #ff4a47;
}
.after-sale-appeal .mtd-form .product-distance[data-v-6770d012] {
  margin-bottom: 10px;
}
.after-sale-appeal .mtd-form .right-distance[data-v-6770d012] {
  margin-right: 20px;
}
.after-sale-appeal .mtd-form .right-distance[data-v-6770d012] .mtd-checkbox-text {
  cursor: pointer;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.after-sale-appeal .mtd-form .product-quantity[data-v-6770d012] {
  width: 60px;
}
.after-sale-appeal .mtd-form .tip-text-color[data-v-6770d012] {
  color: red;
}
.complaint-submission-service[data-v-4e9cfce0] {
  width: 520px;
}
.complaint-submission-service .flow-ticket-btn[data-v-4e9cfce0] {
  margin-top: 40px;
  text-align: center;
}
.andon-data-report[data-v-857e1ed0] {
  width: 760px;
  padding: 20px;
}
.andon-data-report[data-v-857e1ed0] .mtd-form-item-label {
  text-align: left;
}
.andon-data-report .andon-item-right[data-v-857e1ed0] {
  width: 180px !important;
}
.andon-data-report .andon-tips[data-v-857e1ed0] {
  color: red;
}
.andon-data-report .flow-ticket-btn[data-v-857e1ed0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.andon-data-report .flow-ticket-btn .andon-data-report-btn-right[data-v-857e1ed0] {
  margin-right: 10px;
}
.cancellation-of-orde-box[data-v-26a9e4f8] {
  width: 200px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.cancellation-of-orde-box .cancellation-of-orde-content[data-v-26a9e4f8] {
  margin-top: 20px;
}
.cancellation-of-orde-box .flow-ticket-btn[data-v-26a9e4f8] {
  margin-top: 40px;
  text-align: center;
}
.unbind-function-box[data-v-414f6cb0] {
  width: 600px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.unbind-function-box .unbind-function-content[data-v-414f6cb0] {
  margin: 20px auto;
}
.unbind-function-box .flow-ticket-btn[data-v-414f6cb0] {
  margin-top: 10px;
  text-align: center;
}
.search-condition[data-v-cf7323b6] {
  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-cf7323b6] {
  color: var(--cs-case-search-item-left-label-color);
}
.search-condition .required-item[data-v-cf7323b6] {
  padding-left: 5px;
  position: relative;
}
.search-condition .required-item[data-v-cf7323b6]::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-cf7323b6] {
  color: var(--cs-case-search-item-color);
  padding-right: 5px;
  display: flex;
  align-items: center;
}
.search-condition .search-condition-right[data-v-cf7323b6] 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-cf7323b6] input::placeholder {
  color: #fff;
}
.search-condition .search-condition-right[data-v-cf7323b6] .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-cf7323b6] .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-6cf36962] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 16px;
}
.button-delete[data-v-6cf36962] {
  height: 12px;
  border-radius: 50%;
}
.button-delete[data-v-6cf36962]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.case-search-form[data-v-13877f8c] {
  background: #5ec77c;
  padding: 10px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] {
  flex-wrap: wrap;
  font-size: 12px;
  display: flex;
  flex-direction: row;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input,
.case-search-form .search-condition-wrap[data-v-13877f8c] .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-13877f8c] .mtd-multiple-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-tags-li {
  height: 22px;
  line-height: 20px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-tags-li {
  position: absolute;
  right: 28px;
  color: white;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input-placeholder {
  color: white;
  display: none;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .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-13877f8c] .mtd-select-tags {
  height: 22px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input-field-wrap {
  margin-top: 0;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select {
  width: 234px;
  height: 22px;
  margin-left: 5px;
  font-size: 12px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-choice {
  line-height: 0;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .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-13877f8c] {
  width: 146px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.case-search-form .case-search-info[data-v-13877f8c] {
  margin: 10px 0 0 5px;
}
.case-search-form .case-search-info .is-search[data-v-13877f8c] {
  background: #6ae28c;
  box-shadow: 0 1px 2px 0 #30a84f;
}
.case-search-form .case-search-info .is-rest[data-v-13877f8c] {
  border: 1px solid #2bac4f;
  background: #5dc77b;
}
.case-search-form .case-search-info .is-search[data-v-13877f8c],
.case-search-form .case-search-info .is-rest[data-v-13877f8c] {
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
}
.selected-associate-case-table[data-v-1afa91f6] {
  width: auto;
  margin-top: 20px;
  flex-wrap: wrap;
  font-size: 12px;
}
.selected-associate-case-table .mtd-table[data-v-1afa91f6] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.selected-associate-case-table .table-title[data-v-1afa91f6] {
  background: #5ec77c;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
}
.searched-associate-case-table .mtd-table[data-v-19a68f0c] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.searched-associate-case-table .mtd-pagination[data-v-19a68f0c] {
  margin-top: 20px;
  text-align: center;
}
.remove-case-to-case-relation[data-v-046c46c6] {
  width: 1000px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-content[data-v-046c46c6] {
  overflow: auto;
  max-height: 380px;
  padding: 15px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-footer[data-v-046c46c6] {
  width: 100%;
  padding: 20px;
  text-align: center;
}
.circulation-risk-review-container[data-v-4d1f39c4] {
  max-width: 600px;
}
.circulation-risk-review-container .action-dialog-footer[data-v-4d1f39c4] {
  text-align: center;
  margin-top: 10px;
}
.complaint-submission-service[data-v-6d198365] {
  width: 520px;
}
.complaint-submission-service .flow-ticket-btn[data-v-6d198365] {
  margin-top: 40px;
  text-align: center;
}
.operation-item[data-v-6e579cf4] {
  margin: 6px;
}
[data-v-6e579cf4] .bisheng-btn-warning.bisheng-btn-ghost {
  color: #f80;
  border-color: #f80;
}
[data-v-6e579cf4] .bisheng-btn-warning.bisheng-btn-ghost:hover {
  color: #ff9319;
  border-color: #ff9319;
}
.call-role-confirm[data-v-46d4ffe4] {
  width: 400px;
  margin: 15px 15px 10px;
}
.call-role-confirm .radio-group[data-v-46d4ffe4] {
  margin-left: 100px;
}
.call-role-confirm .confirm[data-v-46d4ffe4] {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.cs-flow-case-duplicate[data-v-8ff2b4d4] {
  width: 550px;
  padding: 10px 36px 30px;
}
.cs-flow-case-duplicate .btn-group[data-v-8ff2b4d4] {
  margin-top: 10px;
  text-align: center;
}
.cs-flow-case-duplicate .form-content[data-v-8ff2b4d4] {
  margin-top: 20px;
}
.cs-flow-case-duplicate .form-textarea[data-v-8ff2b4d4] {
  width: 100%;
  height: 100px;
  overflow: auto;
}
.cs-flow-case-duplicate .notice[data-v-8ff2b4d4] {
  margin-top: 10px;
}
.forwrding-assessment .forwrding-content[data-v-d44ac2ea] {
  height: 40px;
  margin: 10px 0 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.forwrding-assessment .forwrding-footer[data-v-d44ac2ea] {
  display: flex;
  justify-content: space-around;
}
.operation-group-count-1[data-v-a569f1a4] {
  height: 44px !important;
}
.operation-group-count-2[data-v-a569f1a4] {
  height: 88px !important;
}
.operation-group-count-3[data-v-a569f1a4] {
  height: 132px !important;
}
.operation-group-count-4[data-v-a569f1a4] {
  height: 176px !important;
}
.flow-operation[data-v-a569f1a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.operation-group[data-v-a569f1a4] {
  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-a569f1a4] {
  margin: 0 6px;
}
[data-v-a569f1a4] .mtd-btn-warning.mtd-btn-ghost {
  color: #d86b01;
  border-color: #d86b01;
}
[data-v-a569f1a4] .mtd-btn-warning.mtd-btn-ghost:hover {
  color: #ff9419;
  border-color: #ff9419;
}
.tip-demo-content[data-v-a569f1a4] {
  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-a569f1a4] {
  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-a569f1a4] {
  color: #ff6e1a;
  font-size: 17px;
  margin: 0 5px 0 8px;
}
.tip-oncall[data-v-a569f1a4] {
  top: -20px;
}

.operation-group-popper {
  z-index: 10 !important;
  padding: 10px;
}

.loading-wrapper[data-v-066c6c0d] {
  height: 100%;
}
.insufficient-count-or-weight[data-v-11282e3c] {
  padding: 20px;
}
.insufficient-count-or-weight .merchandise-id-column[data-v-11282e3c] {
  color: #52c41a;
}
.insufficient-count-or-weight[data-v-11282e3c] .mtd-table-cell {
  padding-left: 8px;
  padding-right: 8px;
}
.insufficient-count-or-weight .commdity-table[data-v-11282e3c] {
  max-height: 400px;
}
.insufficient-count-or-weight .merchandise-weight-column[data-v-11282e3c] {
  color: red;
}
.insufficient-count-or-weight .merchandise-operation-column[data-v-11282e3c] {
  width: 120px !important;
}
.insufficient-count-or-weight .merchandise-operation-column-input[data-v-11282e3c] {
  width: 80px !important;
}
.insufficient-count-or-weight .flow-insufficient-btn[data-v-11282e3c] {
  display: flex;
  margin-top: 20px;
  height: 20px;
}
.preview-viewer-swiper[data-v-2d6fa240] {
  width: 160px;
  height: 160px;
  margin: auto;
  position: relative;
}
.preview-viewer-swiper .preview-viewer-swiper-image[data-v-2d6fa240] {
  width: 100%;
  height: 100%;
}
.preview-viewer-swiper .swiper-switch[data-v-2d6fa240] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 16px;
}
.preview-viewer-swiper .swiper-switch-left[data-v-2d6fa240] {
  left: -20px;
}
.preview-viewer-swiper .swiper-switch-right[data-v-2d6fa240] {
  right: -20px;
}
.preview-viewer-swiper .preview-viewer-swiper-checkbox[data-v-2d6fa240] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.preview .preview-secret[data-v-030a061e] {
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .no-photos[data-v-030a061e] {
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .preview-viewer-list[data-v-030a061e] {
  display: flex;
  flex-wrap: wrap;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item[data-v-030a061e] {
  position: relative;
  /* stylelint-disable declaration-colon-newline-after */
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item img[data-v-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  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-030a061e] {
  background: url("//p0.meituan.net/travelcube/ef09f75b64e18dc76a671a36afa02106379.png") center no-repeat;
}
[data-v-0fbf3f60] .secondary-task-container .mtd-tabs-content {
  padding: 0;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main {
  background: #fff;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-new-step-container {
  padding-top: 16px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-0fbf3f60] .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-0fbf3f60] .secondary-task-container .task-tab-main .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-0fbf3f60] .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-0fbf3f60] .secondary-task-container .assistant-task-step-item-index {
  width: 18px;
  height: 18px;
  color: inherit;
  background: inherit;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .faq-title {
  font-size: 14px;
  font-weight: normal;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .task-header-new {
  height: 52px;
  padding: 0;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .rebind-question {
  font-size: 13px;
  color: var(--cs-common-primary-color);
}
[data-v-0fbf3f60] .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-0fbf3f60] .secondary-task-container .task-header-right {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  height: 36px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .evaluation-operate {
  margin-left: 0;
}
[data-v-0fbf3f60] .secondary-task-container .recommend-question {
  padding: 8px 0;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container {
  padding-top: 16px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-0fbf3f60] .case-extend-field-player .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-0fbf3f60] .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-0fbf3f60] .case-extend-field-player .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-0fbf3f60] .case-extend-field-player .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container {
  padding: 16px;
}
[data-v-e62affea] .solution-process-field-player .task-step-item-header {
  background-color: transparent;
}
.one-click-copy-btn[data-v-1c3996a8] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 16px;
  margin-left: 6px;
}
.assistance-container[data-v-08034e79] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-08034e79] {
  color: #000;
}
.assistance-container .button-container[data-v-08034e79] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-08034e79] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-08034e79] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-08034e79] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-08034e79] {
  margin-right: 5px;
}
.out-call-note-container[data-v-2e5b4c9f] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .out-call-note-header[data-v-2e5b4c9f] {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 0;
  pointer-events: none;
  padding: 0px 24px 16px 90px;
  display: flex;
  align-items: end;
}
.out-call-note-container .out-call-note-vice[data-v-2e5b4c9f] {
  margin-left: 8px;
  font-size: 12px;
  color: #111925;
}
.out-call-note-container .out-call-note-route[data-v-2e5b4c9f] {
  font-weight: 600;
  font-size: 16px;
  margin-left: auto;
  pointer-events: all;
}
.out-call-note-container .call-user[data-v-2e5b4c9f]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-2e5b4c9f] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-2e5b4c9f]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-2e5b4c9f] {
  border-radius: 4px;
}
.out-call-note-container .modal-footer[data-v-2e5b4c9f] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container .textarea-out-call-note[data-v-2e5b4c9f] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-2e5b4c9f] {
  display: inline;
}
.out-call-note-container[data-v-2e5b4c9f] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container[data-v-2e5b4c9f] textarea {
  border: none;
}
.out-call-note-container .nlp-textarea[data-v-2e5b4c9f] {
  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-2e5b4c9f] {
  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-2e5b4c9f] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-2e5b4c9f] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container .nlp-default-recommend[data-v-2e5b4c9f] {
  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-2e5b4c9f] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-2e5b4c9f] {
  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-4f1adc90] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-fbd6908e] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-7c5ea360] {
  display: inline-block;
  vertical-align: top;
}
.flow-operation-msg[data-v-54d5a3c4] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-54d5a3c4] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-54d5a3c4] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-54d5a3c4] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-54d5a3c4] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-54d5a3c4] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-54d5a3c4] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-54d5a3c4] {
  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-54d5a3c4] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-54d5a3c4] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-54d5a3c4] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-54d5a3c4] {
  margin-right: 10px;
}
.message-default-phone[data-v-54d5a3c4] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-54d5a3c4] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-54d5a3c4] {
  color: red;
}
.reconfirm-footer[data-v-54d5a3c4] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-54d5a3c4] {
  margin: 0 10px;
}
.cursor-default[data-v-54d5a3c4] {
  cursor: default;
}
.secret-link[data-v-342bb0a7] {
  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-342bb0a7] {
  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-342bb0a7]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-342bb0a7] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
.popover-content[data-v-342bb0a7] {
  min-width: 330px;
}
[data-v-342bb0a7] .mtd-input:read-only {
  border-color: transparent;
}
.frequent-contacts-panel[data-v-27491438] {
  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-27491438] {
  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-27491438]:hover {
  background-color: rgba(17, 25, 37, 0.031372549);
}
.cs-lc-contact[data-v-bb112f0a] {
  width: auto;
}
.contact-container-wrapper[data-v-bb112f0a] {
  width: 100%;
}
.contact-container-wrapper .contact-container[data-v-bb112f0a] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.contact-name[data-v-bb112f0a],
.contact-phone[data-v-bb112f0a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
[data-v-bb112f0a] .mtd-input:read-only {
  border-color: transparent;
}
.contact-name[data-v-bb112f0a] {
  width: fit-content;
  max-width: 90px;
  margin-right: 4px;
}
.contact-name[data-v-bb112f0a] .mtd-input-wrapper {
  width: 90px;
}
.contact-phone[data-v-bb112f0a] {
  width: fit-content;
  max-width: 140px;
}
.contact-phone[data-v-bb112f0a] .mtd-input-wrapper {
  width: auto;
}
.icon-bar[data-v-bb112f0a] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-bar .icon-tooltip[data-v-bb112f0a] {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-bb112f0a] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.recommand-button[data-v-bb112f0a] {
  background-color: rgba(0, 0, 0, 0.2);
}
.secret-link[data-v-bb112f0a] {
  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-bb112f0a] {
  margin-left: -4px;
}
img[data-v-7cc1bb7d] {
  width: 300px;
  height: 300px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.image-compared-content[data-v-7cc1bb7d] {
  display: flex;
  justify-content: space-between;
  max-height: 582px;
}
.image-compared-content .compard-img[data-v-7cc1bb7d] {
  display: inline-block;
  width: 324px;
  margin-bottom: 20px;
}
.image-compared-content .compard-img .shopField-box[data-v-7cc1bb7d] {
  margin-top: 12px;
}
.image-compared-content .compard-img .shopField-box .shopField[data-v-7cc1bb7d] {
  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-7cc1bb7d] {
  color: rgba(0, 0, 0, 0.5);
}
.image-compared-content .compard-img-title[data-v-7cc1bb7d] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.9);
}
.image-compared-content .compard-img-detection-title[data-v-7cc1bb7d] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(252, 6, 6, 0.9);
}
.image-compared-content .repeat-img-wrapper[data-v-7cc1bb7d] {
  max-height: 548px;
  overflow-x: clip;
}
.image-compared-content .repeat-img-wrapper .repeat-img[data-v-7cc1bb7d] {
  position: relative;
  padding-left: 24px;
  box-sizing: content-box;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container[data-v-7cc1bb7d] {
  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-7cc1bb7d] {
  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-7cc1bb7d] {
  color: #0a70f5;
}
.image-compared-content .media-wrapper[data-v-7cc1bb7d] {
  overflow-y: scroll;
}
.image-compared-content .media-width[data-v-7cc1bb7d] {
  width: 658px;
}
span.caseid_jump[data-v-7cc1bb7d] {
  background-color: transparent;
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.is-refund[data-v-7cc1bb7d] {
  color: #fff;
  background: #ed532a;
  padding: 0 1px;
  font-weight: 100;
  border-radius: 3px;
}
.multi-media-list[data-v-46b23af8] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.multi-media-list .media-source-name[data-v-46b23af8],
.multi-media-list .media-add-time[data-v-46b23af8],
.multi-media-list .risk-over[data-v-46b23af8] {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-media-list .multi-media-item-tag[data-v-46b23af8] {
  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-46b23af8] {
  font-size: 12px;
}
.multi-media-list .multi-media-list-info .media-add-time[data-v-46b23af8] {
  color: rgba(0, 0, 0, 0.5);
}
.multi-media-list .multi-media-list-info .mg-link-success[data-v-46b23af8] {
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.multi-media-list .operation[data-v-46b23af8] {
  display: inline-block;
  padding: 0 5px;
  background-color: #fff9db;
}
.multi-media-list .operation .mtdicon-warning-circle[data-v-46b23af8] {
  margin-right: 2px;
  color: #ffd200;
}
.multi-media-list .operation .search-diff[data-v-46b23af8] {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  cursor: pointer;
}
.multi-media-list .operation .search-diff .mtdicon-right[data-v-46b23af8] {
  font-size: 10px;
}
.multi-media-list .media-source-name[data-v-46b23af8] {
  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);
}
.search-field-input-mark[data-v-1c759a8d] {
  margin: 0 5px;
}
.cs-f-search-field-container[data-v-440f6e7e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0 8px;
}
.search-field-display-name[data-v-440f6e7e] {
  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-440f6e7e] {
  gap: 0 16px;
}
.hyphen-title .search-field-display-name[data-v-440f6e7e] {
  min-width: unset;
  width: 8px;
}
[data-v-440f6e7e] .mtd-date-picker,[data-v-440f6e7e] .mtd-input-wrapper,[data-v-440f6e7e] .mtd-select,[data-v-440f6e7e] .mtd-autocomplete {
  width: 173px;
}
[data-v-440f6e7e] .search-field-input.mtd-input-wrapper {
  width: 218px;
}
.send-message[data-v-881bcb7a] .mtd-textarea-wrapper textarea {
  border: none;
  outline: none;
  background: transparent;
  height: 126px;
}
.send-message .seat-assistance-textarea[data-v-881bcb7a] {
  margin-bottom: 12px;
}
.send-message .operation[data-v-881bcb7a] {
  display: flex;
  justify-content: flex-end;
}
.send-message .operation button[data-v-881bcb7a]:nth-child(1) {
  margin-right: 18px;
}
.process .operation[data-v-766795c4] {
  display: flex;
  justify-content: flex-end;
}
.seat-assistance-title[data-v-cab70616] {
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.seat-assistance-title .left[data-v-cab70616] {
  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-cab70616] {
  padding: 0;
  margin-right: 4px;
}
.seat-assistance-title .warning-text[data-v-cab70616] {
  color: #ff1f1f;
}
.seat-assistance-title .right[data-v-cab70616] {
  display: flex;
  align-items: center;
}
.seat-assistance-title .right .mtdicon-quote[data-v-cab70616] {
  margin-right: 12px;
}
.seat-assistance-title .right .exit-seat-assistance[data-v-cab70616] {
  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-cab70616] {
  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-a06353f2] {
  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-a06353f2] {
  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-a06353f2] {
  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-a06353f2] {
  font-size: 18px;
  color: rgba(17, 25, 37, 0.45);
  cursor: pointer;
}
.agent-summary .summary-content[data-v-a06353f2] {
  height: calc(100% - 48px);
  padding: 3px 16px 0;
  overflow-y: scroll;
}
.agent-summary .summary-content .content-item[data-v-a06353f2] {
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  font-family: 苹方-简, sans-serif;
  cursor: pointer;
}
.agent-summary .summary-content .content-item .display-name[data-v-a06353f2] {
  width: 84px;
  flex-shrink: 0;
  color: #00a854;
  text-align: right;
}
.agent-summary .summary-content .content-item .field-value[data-v-a06353f2] {
  margin-left: 12px;
  color: #111925;
  white-space: pre-wrap;
  word-break: break-word;
}
@charset "UTF-8";
.seat-assistance[data-v-3122c65f] {
  padding: 0 16px;
  border: 1px solid #e0e0e0;
  position: relative;
}
.seat-assistance .header[data-v-3122c65f] {
  position: sticky;
  top: 0;
  background-color: #f3f3f4;
  opacity: 1; /* 不透明 */
  z-index: 10;
}
.seat-assistance .waiting-default[data-v-3122c65f] {
  height: 126px;
}
.seat-assistance[data-v-3122c65f] .lc-block .lc-block-content {
  padding: 0 !important;
}
.seat-assistance[data-v-3122c65f] .lc-block {
  background-color: transparent !important;
}
.cs-f-chips[data-v-0de488e8] {
  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-0de488e8] {
  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-0de488e8] {
  margin-left: 4px;
}
.cs-f-chips .active-chips i[data-v-0de488e8] {
  color: #000;
}
.chips-tip[data-v-0de488e8] {
  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-0de488e8] {
  color: #f5483b;
}
.success[data-v-0de488e8] {
  border-color: var(--cs-common-primary-color);
}
.fail[data-v-0de488e8] {
  border-color: #f5483b;
}
.chips-input[data-v-0de488e8] {
  flex-basis: 100px;
  flex-grow: 1;
  border: none;
}
.pagination-for-has-next-container[data-v-2fd64081] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-2fd64081] {
  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-2fd64081]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-2fd64081] {
  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-2fd64081] {
  margin-right: 10px;
  font-size: 14px;
}
.pagination-for-has-next-container .current-page[data-v-2fd64081] {
  margin-right: 10px;
}
.table-pagination[data-v-d7f6fd70] {
  text-align: center;
  font-size: 14px;
}
.table-pagination[data-v-d7f6fd70] .mtd-pager-item {
  font-size: 14px;
}
.pagination-for-has-next-container[data-v-c47a8796] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-c47a8796] {
  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-c47a8796]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-c47a8796] {
  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-c47a8796] {
  margin-right: 10px;
  font-size: 14px;
}
.red-envelope-wrap[data-v-74395b78] {
  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-74395b78] {
  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-74395b78] {
  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-74395b78] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-74395b78] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dol-html-text-card[data-v-19b736b2] {
  white-space: pre-line;
}

.chat-detail[data-v-587260f6] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-587260f6] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-587260f6] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-587260f6] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-587260f6] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header[data-v-587260f6] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-587260f6] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-587260f6] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-587260f6] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-587260f6] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-587260f6] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-587260f6]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-587260f6] {
  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-587260f6] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-587260f6] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-587260f6],
.mtdicon-star-o[data-v-587260f6] {
  font-size: 20px;
}
.expand-more[data-v-587260f6] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-587260f6] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-587260f6] {
  color: var(--cs-common-primary-color);
}
.anli-start[data-v-587260f6] {
  color: var(--cs-common-primary-color);
}
.chat-detail[data-v-497c0b46] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-497c0b46] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-497c0b46] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-497c0b46] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-497c0b46] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  border: none !important;
}
.chat-detail-wrapper-messageitem-main-header[data-v-497c0b46] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-497c0b46] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-497c0b46] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-497c0b46] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-497c0b46] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-497c0b46] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-497c0b46]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-497c0b46] {
  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-497c0b46] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-497c0b46] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-497c0b46],
.mtdicon-star-o[data-v-497c0b46] {
  font-size: 20px;
}
.expand-more[data-v-497c0b46] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-497c0b46] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-497c0b46] {
  color: var(--cs-common-primary-color);
}
.recommend-anli[data-v-40a4c068] {
  max-width: 1000px;
  width: 1000px;
  max-height: 600px;
  overflow: auto;
}
.recommend-anli .recommend-anli-left-margins[data-v-40a4c068] {
  margin-left: 10px;
}
.recommend-anli .recommend-anli-left-margins[data-v-40a4c068] .mtd-form-item-content {
  margin: 0 !important;
}
.recommend-anli .recommend-anli-left-margins .recommend-anli-left-margins-content[data-v-40a4c068] {
  display: flex;
  justify-content: space-between;
}
.recommend-anli .hack-audio-editor-layer[data-v-40a4c068] {
  position: relative;
  left: -525px;
  transform: translateX(525px);
}
.recommend-anli .mtdFormItemLabel[data-v-40a4c068] .mtd-form-item-label {
  display: flex;
  width: 120px !important;
}
.recommend-anli .mtdFormItemLabel[data-v-40a4c068] .mtd-form-item-label .saveRecording {
  justify-content: space-between;
}
.recommend-anli .checkbox-vertical .mtd-checkbox[data-v-40a4c068] {
  display: block;
  margin-left: 0;
}
.recommend-anli .recommend-anli-other-input[data-v-40a4c068] {
  padding-top: 10px;
}
.recommend-anli .recommend-anli-other-input .mtd-input-wrapper[data-v-40a4c068] {
  width: 100%;
}
.recommend-anli .recommend-anli-warning[data-v-40a4c068] {
  color: red;
}
.recommend-anli .recommend-anli-textarea[data-v-40a4c068] {
  width: 100%;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.recommend-anli .dialog-footer[data-v-40a4c068] {
  text-align: center;
}
.mtd-table[data-v-40a4c068] .oncall-remote-table-row-active {
  background-color: var(--cs-common-primary-color);
}
.asr-player-sdk-dialog-top[data-v-10bb69e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-10bb69e4] {
  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-10bb69e4] {
  display: flex;
  margin-right: 24px;
}
.asr-player-sdk-dialog-top .dialog-top-operation[data-v-10bb69e4] {
  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-10bb69e4] {
  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-10bb69e4] {
  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-10bb69e4] {
  width: 896px;
  margin-top: 10px;
}
.asr-player-sdk-container[data-v-10bb69e4] .media-editor-word-wrap {
  max-height: 50vh;
}
.asr-player-sdk-container[data-v-10bb69e4] .media-editor-audio-wrap {
  background: white !important;
}
.translate-content-box[data-v-4e51c5af] {
  height: 300px;
  overflow: auto;
}
.translate-content[data-v-4e51c5af] {
  display: flex;
  flex-direction: row;
}
.translate-content .headPortrait-src[data-v-4e51c5af] {
  width: 45px;
  height: auto;
  margin-right: 20px;
}
.translate-content-list[data-v-4e51c5af] {
  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-9e18329c] {
  min-width: 500px;
  min-height: 100px;
  padding: 10px;
}
.action-detail-call .content-row[data-v-9e18329c] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.action-detail-call .content-row .content-row-left[data-v-9e18329c] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.action-detail-call .content-row .content-row-right-audio[data-v-9e18329c] {
  display: flex;
  align-items: center;
}
.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-9e18329c] {
  position: relative;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-9e18329c] {
  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-9e18329c] {
  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-9e18329c] {
  padding-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-9e18329c] {
  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-9e18329c] {
  flex: 1;
}
.red-envelope-wrap[data-v-2ec80788] {
  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-2ec80788] {
  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-2ec80788] {
  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-2ec80788] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-2ec80788] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unknown-wrap[data-v-1745e8be] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}


.dol-html-text-card[data-v-53f71238] {
  white-space: pre-line;
}

.chat-detail[data-v-8c65e254] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail__title-sessionId[data-v-8c65e254] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail__wrapper[data-v-8c65e254] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail__wrapper-messageitem[data-v-8c65e254] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail__wrapper-messageitem__avatar[data-v-8c65e254] {
  width: 45px;
  height: 45px;
}
.chat-detail__wrapper-messageitem__main[data-v-8c65e254] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  max-width: 550px;
}
.chat-detail__wrapper-messageitem__main-header[data-v-8c65e254] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail__wrapper-messageitem__main-header .header-startTime[data-v-8c65e254] {
  margin-left: 20px;
}
.chat-detail__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-8c65e254] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail__wrapper-messageitem__main-header .header-label-large-model[data-v-8c65e254] {
  margin-left: 6px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: red;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status[data-v-8c65e254] {
  font-size: 12px;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .read[data-v-8c65e254] {
  color: #b8bdc0;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .unread[data-v-8c65e254] {
  color: #5284ef;
}
.chat-detail__wrapper[data-v-8c65e254] .dol-image-card img {
  width: 100px;
}
.chat-detail__wrapper-loadmore[data-v-8c65e254] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-8c65e254] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-8c65e254]:hover {
  text-decoration: underline;
}
.chat-detail__recommend[data-v-8c65e254] {
  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-8c65e254] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-new[data-v-8c3c4546] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail-new__title-sessionId[data-v-8c3c4546] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail-new__wrapper[data-v-8c3c4546] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail-new__wrapper-messageitem[data-v-8c3c4546] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-new__wrapper-messageitem__avatar[data-v-8c3c4546] {
  width: 45px;
  height: 45px;
}
.chat-detail-new__wrapper-messageitem .avatar[data-v-8c3c4546] {
  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-8c3c4546] {
  background-color: #5bc1ef;
}
.chat-detail-new__wrapper-messageitem .business-avatar[data-v-8c3c4546] {
  background-color: #c289ce;
}
.chat-detail-new__wrapper-messageitem .horseman-avatar[data-v-8c3c4546] {
  background-color: #f4ce5b;
}
.chat-detail-new__wrapper-messageitem__main[data-v-8c3c4546] {
  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-8c3c4546] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-new__wrapper-messageitem__main-header .header-startTime[data-v-8c3c4546] {
  margin-left: 20px;
}
.chat-detail-new__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-8c3c4546] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-new__wrapper[data-v-8c3c4546] .dol-image-card img {
  width: 100px;
}
.chat-detail-new__wrapper[data-v-8c3c4546] .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-8c3c4546] .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-8c3c4546] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-8c3c4546] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-8c3c4546]:hover {
  text-decoration: underline;
}
.chat-detail-new__recommend[data-v-8c3c4546] {
  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-8c3c4546] .mtd-btn-primary {
  margin-right: 20px;
}
.dissension-remark-title[data-v-1e670526] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.dissension-remark-title[data-v-1e670526]::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-1e670526] {
  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-1e670526] {
  font-size: 14px;
  color: #111925;
  line-height: 18px;
  word-break: break-word;
}
.dissension-remark-item-operator[data-v-1e670526] {
  display: flex;
  align-items: center;
  color: rgba(17, 25, 37, 0.65);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-bottom: 6px;
}
.dissension-remark-item-operator .operator-info[data-v-1e670526] {
  margin-right: 6px;
}
.dissension-remark-container[data-v-1e670526] {
  max-height: 600px;
  overflow-y: auto;
}
.verify-status-container[data-v-ee2b4cfa] {
  display: flex;
  align-items: center;
  width: 90px;
}
.verify-status-container .verify-status-icon[data-v-ee2b4cfa] {
  width: 20px;
  height: 20px;
}
.verify-status-container .verify-status-text[data-v-ee2b4cfa] {
  padding-left: 5px;
}
.verify-status-container .pass-text[data-v-ee2b4cfa] {
  color: var(--cs-common-primary-color);
}
.verify-status-container .reject-text[data-v-ee2b4cfa] {
  color: #ff5f57;
}
.verify-item[data-v-7d85b0a9] {
  display: flex;
  justify-content: space-between;
  margin-left: 8px;
  padding-right: 18px;
}
.verify-item-text-gap[data-v-7d85b0a9] {
  padding-right: 15px;
}
.verify-item-text-gap[data-v-7d85b0a9] .text-unsecret {
  font-weight: 600;
}
.verify-item-title[data-v-718b9dce] {
  font-weight: 600;
}
.verify-item-table-warp[data-v-718b9dce] {
  width: 750px;
  margin-left: 8px;
}
.verify-item-table-text[data-v-718b9dce] {
  color: red;
}
.verify-item-table-text-child[data-v-718b9dce] {
  border-bottom: 1px solid #ddd;
}
.verify-item-table-text-child[data-v-718b9dce]:last-child {
  border: none;
}
.verify-item-table-background[data-v-718b9dce] {
  background: rgba(255, 95, 87, 0.06);
}
.verify-item-title[data-v-7049465e] {
  font-weight: 600;
}
.verify-item-inline-wrap[data-v-7049465e] {
  margin-left: 8px;
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.verify-item-inline-wrap[data-v-7049465e]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.verify-item-inline-content-wrap[data-v-7049465e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 18px;
}
.verify-item-inline-text-wrap[data-v-7049465e] {
  display: flex;
  flex: 1;
}
.verify-item-inline-title[data-v-7049465e]:not(:only-child) {
  width: 120px;
}
.verify-item-inline-text[data-v-7049465e] {
  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-7049465e] {
  color: red;
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.custom-textarea[data-v-7049465e] {
  width: 100%;
  margin: 5px 0;
}
.financial-card-container[data-v-1b22d23a] {
  width: 270px;
  margin-left: 8px;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.04);
}
.financial-card-info[data-v-1b22d23a] {
  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-1b22d23a] {
  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-273722a4] {
  font-size: 16px;
}
.verify-detail-more[data-v-273722a4] {
  display: flex;
}
.verify-detail-more div[data-v-273722a4]:first-child {
  margin-right: 10px;
}
.verify-detail-gap[data-v-273722a4] {
  padding-left: 15px;
}
.mobike-model .mobike-model-phone .verify-item[data-v-6f4cd9d7] {
  display: flex;
}
.mobike-model .mobike-model-phone .verify-item .verify-item-text-gap[data-v-6f4cd9d7] {
  padding-right: 15px;
}
.mobike-model .mobike-model-title[data-v-6f4cd9d7] {
  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-6f4cd9d7] {
  margin: 0 4px 0 14px;
}
.mobike-model .mobike-model-title .verify-status-success[data-v-6f4cd9d7] {
  color: var(--cs-common-primary-color);
}
.mobike-model .mobike-model-title .verify-status-fail[data-v-6f4cd9d7] {
  color: #ff5f57;
}
.mobike-model .mobike-model-content-item[data-v-6f4cd9d7] {
  margin-top: 12px;
}
.mobike-model .mobike-model-content-item .mobike-model-content-item-title[data-v-6f4cd9d7] {
  font-weight: bolder;
  margin-bottom: 8px;
}
.mobike-model .mobike-model-content-item .mobike-model-order-item[data-v-6f4cd9d7] {
  margin-top: 8px;
}
[data-v-6f4cd9d7] .common-table-custom-header {
  border-top: 1px solid #ededed !important;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-date[data-v-4356410b] {
  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-4356410b] {
  display: flex;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-4356410b] {
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-4356410b]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-content-wrap[data-v-4356410b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-wrap[data-v-4356410b] {
  display: flex;
  flex: 1;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-titles[data-v-4356410b]: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-4356410b]:not(:only-child) {
  width: 120px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-phone[data-v-4356410b] {
  display: inline-block;
  margin-right: 10px;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-danger[data-v-4356410b] {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-first[data-v-4356410b] {
  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-4356410b] {
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-last[data-v-4356410b] {
  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-4356410b] {
  padding-left: 10px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.finance-model .finance-model-title[data-v-5b2f993d] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-5b2f993d],
.finance-model .option-item[data-v-5b2f993d] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-13b9e0c3] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-13b9e0c3],
.finance-model .option-item[data-v-13b9e0c3] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-3ab5e856] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-3ab5e856],
.finance-model .option-item[data-v-3ab5e856] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-23f14d23] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-23f14d23],
.finance-model .option-item[data-v-23f14d23] {
  margin-bottom: 12px;
}
.verify-item-title[data-v-4cd51693] {
  font-weight: bold;
}
.verify-table-item[data-v-4cd51693] {
  margin-left: 8px;
}
.finance-model .finance-model-title[data-v-48f021e6] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-48f021e6],
.finance-model .option-item[data-v-48f021e6] {
  margin-bottom: 12px;
}
.my-model .my-model-prompt[data-v-1955e14d] {
  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-1955e14d] {
  color: #f5ba31;
}
.my-model .my-model-verify-order[data-v-1955e14d] {
  margin-top: 15px;
}
.my-model .my-model-order[data-v-1955e14d] {
  margin-bottom: 15px;
}
.my-model .my-model-verify[data-v-1955e14d] {
  min-height: 40px;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
}
.my-model .my-model-verify .my-model-verify-orderId[data-v-1955e14d] {
  padding-left: 10px;
}
.verify-item-img[data-v-1a6735f6] {
  width: 700px;
}
.verify-item-img .preview-viewer-list-item[data-v-1a6735f6] {
  margin-right: 20px;
}
.verify-item-img .preview-image-item-date[data-v-1a6735f6] {
  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;
}
.verify-detail-base[data-v-3baa5adc], .verify-detail-empty[data-v-3baa5adc], .verify-detail-loading[data-v-3baa5adc] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.verify-detail-empty[data-v-3baa5adc] {
  width: 200px;
}
[data-v-3baa5adc] .mtd-modal-mask,[data-v-3baa5adc] .mtd-modal-wrapper {
  z-index: 999 !important;
}
.out-call-icon[data-v-c5c6fe00] {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: var(--border-radius-1);
}
.out-call-icon[data-v-c5c6fe00]:hover {
  background-color: #e6e7eb;
}
.cs-mtd-popover-rel[data-v-c5c6fe00] {
  line-height: 1;
}
.pane-container[data-v-c5c6fe00] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  height: 32px;
}
.pane-container .pane-container-name[data-v-c5c6fe00] {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-container-logo[data-v-c5c6fe00] {
  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-c5c6fe00] {
  width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-btn-group[data-v-c5c6fe00] {
  display: flex;
  align-items: center;
  gap: 0 4px;
  margin: 0 8px;
}
.pane-container .pane-out-call-icon[data-v-c5c6fe00] {
  cursor: pointer;
}
.pane-container .out-call-icon-loading[data-v-c5c6fe00] {
  padding: 0;
}
.pane-container .call-rate[data-v-c5c6fe00] {
  margin-left: 8px;
}
.cursor-pointer[data-v-c5c6fe00] {
  cursor: pointer;
}
.out-call-book[data-v-c5c6fe00] {
  display: flex;
  flex-direction: row;
}
.out-call-book .nav[data-v-c5c6fe00] {
  width: 70px;
}
.out-call-book .info[data-v-c5c6fe00] {
  width: 300px;
}
.contact-popover-container[data-v-c5c6fe00] {
  padding: 0;
}
.contact-popover-container .out-call-panel .contact-name[data-v-c5c6fe00],
.contact-popover-container .out-call-panel .contact-num[data-v-c5c6fe00] {
  flex: 1;
  margin-right: 10px;
}
.contact-popover-container .out-call-panel .btn-item[data-v-c5c6fe00] {
  margin-right: 5px;
}
.contact-popover-container .content-tab-pane[data-v-c5c6fe00] {
  font-size: var(--font-size-2);
}
.contact-popover-container .icon-dx[data-v-c5c6fe00] {
  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-c5c6fe00] {
  font-size: var(--font-size-2);
  color: red;
  margin-top: 8px;
  font-weight: var(--font-weight-bold);
}
[data-v-c5c6fe00] .mtd-tabs-nocard.mtd-tabs-left {
  display: block;
}
.mock-oncall-main .row[data-v-3da048ae] {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
}
.mock-oncall-main .row .left[data-v-3da048ae] {
  margin-right: 10px;
  width: 70px;
  text-align: end;
  white-space: nowrap;
}
.mock-oncall-main .row .right[data-v-3da048ae] {
  width: 240px;
}
.mock-oncall-main .yuqing-item .right[data-v-3da048ae] {
  position: relative;
}
.mock-oncall-main .yuqing-item .right .error-msg[data-v-3da048ae] {
  position: absolute;
  top: 35px;
  left: 0;
  color: red;
}
.mock-oncall-main .test-warning[data-v-3da048ae] {
  font-size: small;
  padding-left: 50px;
  color: red;
}
[data-v-3da048ae] .mock-oncall-footer {
  padding-right: 20px;
  margin-top: 5px;
}
.riskCase-content {
  resize: none !important;
}
.case-oncall-icon {
  cursor: pointer;
}
.service-detail-container[data-v-63fbca14] {
  height: 100%;
  z-index: 0;
}
@charset "UTF-8";
.recommend-assistant-container {
  position: fixed;
  right: 24px;
  bottom: 226px;
  z-index: 100;
}

/* 按钮容器 */
.action-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 48px;
}

/* 助手圆圈 */
.helper-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--cs-common-primary-color);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: bold;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1019607843);
}
.helper-circle-init {
  background-color: #fff;
  color: #000;
}
.recommend-assistant-content {
  width: 26%;
  min-height: 40%;
  max-height: 60%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1019607843);
  position: fixed;
  right: 78px;
  bottom: 110px;
  overflow-y: auto;
}
.recommend-assistant-content .recommend-assistant-content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 101;
}
.recommend-assistant-content .recommend-assistant-content-title .recommend-assistant-content-title-text {
  font-size: 16px;
  font-weight: 600;
}
.recommend-assistant-content .recommend-assistant-content-title .mtd-icon {
  font-size: 20px;
  cursor: pointer;
}
.recommend-assistant-content .recommend-assistant-content-body {
  overflow-y: auto;
}
.recommend-assistant-content .recommend-assistant-content-body .assistant {
  height: calc(100% - 42px);
  padding: 0 10px;
}