[class*=tea-],
[class*=tea-]:after,
[class*=tea-]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
html {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    font-family: Roboto, San Francisco, Helvetica Neue, Helvetica, Arial, PingFangSC-Light, Hiragina Sans GB, WenQuanYi Micro Hei, microsoft yahei ui, microsoft yahei, sans-serif;
    font-size: 12px;
    line-height: 1.5
}

aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

[hidden],
template {
    display: none
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin: 0
}

ol,
ul {
    list-style: none;
    padding: 0
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #006eff;
    cursor: pointer
}

a:active,
a:hover {
    outline-width: 0
}

a:hover {
    text-decoration: underline
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

img {
    border-style: none
}

b,
strong {
    font-weight: bolder
}

svg:not(:root) {
    overflow: hidden
}

[tabindex]:focus {
    outline: 0 !important
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    margin: 0
}

input:disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(0, 0, 0, .25)
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

[disabled] {
    cursor: default
}

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

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

hr {
    padding: 0;
    border: none;
    border-bottom: 1px solid #e7eaef;
    margin: 20px 0
}

fieldset {
    min-width: 0;
    margin: 0;
    border: 0
}

fieldset,
legend {
    padding: 0
}

.tea-text {
    color: rgba(0, 0, 0, .9) !important
}

.tea-text-label {
    color: rgba(0, 0, 0, .4) !important
}

.tea-text-weak {
    color: rgba(0, 0, 0, .25) !important
}

.tea-text-strong {
    color: #000 !important
}

.tea-text-primary {
    color: #006eff !important
}

.tea-text-success {
    color: #0abf5b !important
}

.tea-text-danger {
    color: #e54545 !important
}

.tea-text-warning {
    color: #ff7200 !important
}

.tea-text-cost {
    color: #ff7200;
    font-size: 24px;
    font-family: Microsoft Yahei, helvetica neue, hiragino sans gb
}

.tea-bg-success {
    background-color: #0abf5b !important
}

.tea-bg-warning {
    background-color: #ff7200 !important
}

.tea-bg-danger {
    background-color: #e54545 !important
}

.tea-text-justify {
    text-align: justify !important
}

.tea-text-wrap {
    white-space: normal !important
}

.tea-text-nowrap {
    white-space: nowrap !important
}

.tea-text-left {
    text-align: left !important
}

.tea-text-center {
    text-align: center !important
}

.tea-text-right {
    text-align: right !important
}

.tea-text-overflow,
.tea-text-truncate {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.tea-text-underline {
    position: relative;
    display: inline-block
}

.tea-text-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px dashed
}

.tea-text-with-icon {
    padding-right: 16px;
    position: relative;
    min-width: 16px
}

.tea-text-with-icon .tea-icon {
    position: absolute;
    right: 0;
    visibility: hidden;
    cursor: pointer
}

.tea-text-with-icon.is-shown .tea-icon,
.tea-text-with-icon:hover .tea-icon {
    visibility: visible
}

.tea-fz-reset {
    font-size: 12px
}

.tea-h1,
.tea-h2,
.tea-h3,
.tea-h4,
.tea-h5,
.tea-h6 {
    font-weight: 700
}

.tea-h1 {
    font-size: 36px
}

.tea-h2 {
    font-size: 24px
}

.tea-h3,
.tea-h4 {
    font-size: 14px
}

.tea-h5,
.tea-h6 {
    font-size: 12px
}

.tea-align-top {
    vertical-align: top !important
}

.tea-align-middle {
    vertical-align: middle !important
}

.tea-align-bottom {
    vertical-align: bottom !important
}

.tea-align-text-bottom {
    vertical-align: text-bottom !important
}

.tea-align-text-top {
    vertical-align: text-top !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.tea-float-left {
    float: left !important
}

.tea-float-right {
    float: right !important
}

.tea-float-none {
    float: none !important
}

.tea-d-inline {
    display: inline !important
}

.tea-d-block {
    display: block !important
}

.tea-d-inline-block {
    display: inline-block !important
}

.tea-justify-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-justify-grid .tea-justify-grid__col {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    vertical-align: middle;
    text-align: right;
    font-size: 0
}

.tea-justify-grid .tea-justify-grid__col .tea-form--search {
    display: inline-block
}

.tea-justify-grid .tea-justify-grid__col .tea-search {
    display: inline-block;
    width: 180px;
    vertical-align: middle
}

.tea-justify-grid .tea-justify-grid__col .tea-search--tags {
    width: 100%
}

.tea-justify-grid .tea-justify-grid__col .tea-form--search.size-l .tea-search {
    width: 420px
}

.tea-justify-grid .tea-justify-grid__col--left,
.tea-justify-grid .tea-justify-grid__col:first-child {
    text-align: left
}

.tea-justify-grid .tea-justify-grid__col--left .tea-btn,
.tea-justify-grid .tea-justify-grid__col--left .tea-combobox,
.tea-justify-grid .tea-justify-grid__col--left .tea-dropdown,
.tea-justify-grid .tea-justify-grid__col--left .tea-segment,
.tea-justify-grid .tea-justify-grid__col--left .tea-select,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-btn,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-combobox,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-dropdown,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-segment,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-select {
    margin-right: 10px
}

.tea-justify-grid .tea-justify-grid__col--left .tea-segment .tea-btn,
.tea-justify-grid .tea-justify-grid__col:first-child .tea-segment .tea-btn {
    margin-right: 0
}

.tea-justify-grid .tea-justify-grid__col--right,
.tea-justify-grid .tea-justify-grid__col--right:first-child {
    text-align: right
}

.tea-justify-grid .tea-justify-grid__col--right .tea-btn,
.tea-justify-grid .tea-justify-grid__col--right .tea-combobox,
.tea-justify-grid .tea-justify-grid__col--right .tea-dropdown,
.tea-justify-grid .tea-justify-grid__col--right .tea-segment,
.tea-justify-grid .tea-justify-grid__col--right .tea-select,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-btn,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-combobox,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-dropdown,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-segment,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-select {
    margin-left: 10px;
    margin-right: 0
}

.tea-justify-grid .tea-justify-grid__col--right .tea-segment .tea-btn,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-segment .tea-btn {
    margin-left: 0
}

.tea-justify-grid .tea-justify-grid__col--right .tea-segment .tea-btn:nth-of-type(n+2),
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-segment .tea-btn:nth-of-type(n+2) {
    margin-left: -1px
}

.tea-justify-grid .tea-justify-grid__col--right .tea-btn--icon,
.tea-justify-grid .tea-justify-grid__col--right:first-child .tea-btn--icon {
    margin-left: 0
}

.tea-justify-grid.tea-justify-grid--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tea-justify-grid.tea-justify-grid--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tea-overlay {
    z-index: 1001;
    position: fixed
}

.tea-overlay,
::-ms-backdrop {
    position: static
}

.tea-ma-0 {
    margin: 0 !important
}

.tea-ma-1n {
    margin: 4px !important
}

.tea-ma-2n {
    margin: 8px !important
}

.tea-ma-3n {
    margin: 12px !important
}

.tea-ma-4n {
    margin: 16px !important
}

.tea-ma-5n {
    margin: 20px !important
}

.tea-mt-0 {
    margin-top: 0 !important
}

.tea-mt-1n {
    margin-top: 4px !important
}

.tea-mt-2n {
    margin-top: 8px !important
}

.tea-mt-3n {
    margin-top: 12px !important
}

.tea-mt-4n {
    margin-top: 16px !important
}

.tea-mt-5n {
    margin-top: 20px !important
}

.tea-mb-0 {
    margin-bottom: 0 !important
}

.tea-mb-1n {
    margin-bottom: 4px !important
}

.tea-mb-2n {
    margin-bottom: 8px !important
}

.tea-mb-3n {
    margin-bottom: 12px !important
}

.tea-mb-4n {
    margin-bottom: 16px !important
}

.tea-mb-5n {
    margin-bottom: 20px !important
}

.tea-mr-0 {
    margin-right: 0 !important
}

.tea-mr-1n {
    margin-right: 4px !important
}

.tea-mr-2n {
    margin-right: 8px !important
}

.tea-mr-3n {
    margin-right: 12px !important
}

.tea-mr-4n {
    margin-right: 16px !important
}

.tea-mr-5n {
    margin-right: 20px !important
}

.tea-ml-0 {
    margin-left: 0 !important
}

.tea-ml-1n {
    margin-left: 4px !important
}

.tea-ml-2n {
    margin-left: 8px !important
}

.tea-ml-3n {
    margin-left: 12px !important
}

.tea-ml-4n {
    margin-left: 16px !important
}

.tea-ml-5n {
    margin-left: 20px !important
}

.tea-pa-0 {
    padding: 0 !important
}

.tea-pa-1n {
    padding: 4px !important
}

.tea-pa-2n {
    padding: 8px !important
}

.tea-pa-3n {
    padding: 12px !important
}

.tea-pa-4n {
    padding: 16px !important
}

.tea-pa-5n {
    padding: 20px !important
}

.tea-pt-0 {
    padding-top: 0 !important
}

.tea-pt-1n {
    padding-top: 4px !important
}

.tea-pt-2n {
    padding-top: 8px !important
}

.tea-pt-3n {
    padding-top: 12px !important
}

.tea-pt-4n {
    padding-top: 16px !important
}

.tea-pt-5n {
    padding-top: 20px !important
}

.tea-pb-0 {
    padding-bottom: 0 !important
}

.tea-pb-1n {
    padding-bottom: 4px !important
}

.tea-pb-2n {
    padding-bottom: 8px !important
}

.tea-pb-3n {
    padding-bottom: 12px !important
}

.tea-pb-4n {
    padding-bottom: 16px !important
}

.tea-pb-5n {
    padding-bottom: 20px !important
}

.tea-pl-0 {
    padding-left: 0 !important
}

.tea-pl-1n {
    padding-left: 4px !important
}

.tea-pl-2n {
    padding-left: 8px !important
}

.tea-pl-3n {
    padding-left: 12px !important
}

.tea-pl-4n {
    padding-left: 16px !important
}

.tea-pl-5n {
    padding-left: 20px !important
}

.tea-pr-0 {
    padding-right: 0 !important
}

.tea-pr-1n {
    padding-right: 4px !important
}

.tea-pr-2n {
    padding-right: 8px !important
}

.tea-pr-3n {
    padding-right: 12px !important
}

.tea-pr-4n {
    padding-right: 16px !important
}

.tea-pr-5n {
    padding-right: 20px !important
}

.tea-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: rgba(0, 0, 0, .9)
}

.tea-media+.tea-media {
    margin-top: 20px
}

.tea-media__body,
.tea-media__left {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: left;
    line-height: normal
}

.tea-media__left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 10px
}

.tea-media--middle.tea-media,
.tea-media--middle .tea-media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-media--bottom.tea-media,
.tea-media--bottom .tea-media {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tea-media--reverse.tea-media,
.tea-media--reverse .tea-media {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tea-media--reverse.tea-media .tea-media__left,
.tea-media--reverse .tea-media .tea-media__left {
    padding-right: 0;
    padding-left: 10px
}

.tea-action-state {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-action-state .tea-icon {
    vertical-align: -5px
}

.tea-action-state .tea-action-state__text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-action-state a,
.tea-action-state a.tea-action-state__text {
    color: #006eff;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.tea-action-state.tea-action-state--form-align {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.tea-br--bottom,
.tea-br--left,
.tea-br--right,
.tea-br--top {
    border-radius: 0 0 0 0 !important
}

.tea-br--none {
    border-radius: 0 !important
}

.tea-bg-layout {
    background-color: #f3f4f7;
    padding: 10px;
    color: rgba(0, 0, 0, .9)
}

.tea-bg-layout.tea-bg-layout--border {
    border: 1px solid #cfd5de
}

.tea-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: inherit;
    font-size: 0
}

.tea-icon-daily {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMXYxNGgxNFY1LjAwMUwxMSAxSDF6bTIgMi4wMDFoNy4xNzJMMTMgNS44Mjl2Ny4xNzJIM3YtMTB6TTUgOGg2VjZINXYyem0wIDMuMDAxaDZWOUg1djIuMDAxeiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-shopcart {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE1Ljg2NSAyLjk3M0wxNCA5LjVhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTFsLTItN0gxYTEgMSAwIDEgMSAwLTJoMmMuNTUzIDAgLjkyNS41ODcgMS4wNzUgMS40MTNzMS42NTQgNi42NDIgMS42NTQgNi42NDJjLjA4OC0uMDI2LjE3NS0uMDU1LjI3MS0uMDU1aDZjLjA5NiAwIC4xODMuMDI5LjI3LjA1NUwxMy43MTQgMy41SDhhMSAxIDAgMSAxIDAtMmg3YTEgMSAwIDAgMSAxIDFjMCAuMTc0LS4wNTcuMzMtLjEzNS40NzN6TTUuNSAxMi41YTEuNSAxLjUgMCAxIDEtLjAwMSAzLjAwMUExLjUgMS41IDAgMCAxIDUuNSAxMi41em03IDBhMS41IDEuNSAwIDEgMS0uMDAxIDMuMDAxQTEuNSAxLjUgMCAwIDEgMTIuNSAxMi41eiIvPjwvc3ZnPg==)
}

.tea-icon-more {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMTBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0em02IDBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0em02IDBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-folderclose {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMWwyIDJoN3YxMUgwVjFoNnptNyA0SDJ2N2gxMVY1eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-folderopen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMmwyIDJoNXYxaDNsLTEuMTUgMi43NC0yIDUtLjUgMS4yNkgwVjJoNnptNyA1SDVsLTIgNWg4bDItNXoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=)
}

.tea-icon-notice {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMy40NDZMNC41MzEgNkgydjRoMi41MzFMOSAxMi41NTRWMy40NDZ6TTExIDB2MTZsLTctNEgwVjRoNGw3LTR6bTEgMy4xYTUuMDAyIDUuMDAyIDAgMCAxIDAgOS44di0yLjA3YTMuMDAxIDMuMDAxIDAgMCAwIDAtNS42NlYzLjF6IiBmaWxsPSIjODg4Ii8+PC9zdmc+)
}

.tea-icon-notice-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMy40NDZMNC41MzEgNkgydjRoMi41MzFMOSAxMi41NTRWMy40NDZ6TTExIDB2MTZsLTctNEgwVjRoNGw3LTR6bTEgMy4xYTUuMDAyIDUuMDAyIDAgMCAxIDAgOS44di0yLjA3YTMuMDAxIDMuMDAxIDAgMCAwIDAtNS42NlYzLjF6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+)
}

.tea-icon-guide {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTAgMHYxNmgxNlYwSDB6bTE0IDE0SDJWMmgxMnYxMnoiLz48cGF0aCBkPSJNOCA1Yy41NTEgMCAxIC40NDkgMSAxcy0uNDIyLjkyMi0xIDEuMDc4di4wMTRjLS41ODEuMjA2LTEgLjc1Ni0xIDEuNDA4VjEwaDJWOC44MTZBMi45OSAyLjk5IDAgMCAwIDExIDZhMyAzIDAgMSAwLTYgMGgyYzAtLjU1MS40NDktMSAxLTF6bS0xIDZoMnYySDd6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-consult {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMnYzSDR2MmMwIDMuMDg0IDEuOTE2IDUgNSA1aDJ2LTJoM3Y0aC0zLjk0OWwtLjg5OC0uMDQ1YTguMDA5IDguMDA5IDAgMCAxLTcuMTA3LTcuMTA3TDIgNS45NDlWMmg0bTItMkgwdjZsLjA1IDFBMTAuMDA1IDEwLjAwNSAwIDAgMCA5IDE1Ljk1bDEgLjA1aDZWOEg5djJjLTIgMC0zLTEtMy0zaDJWMHoiLz48L3N2Zz4=)
}

.tea-icon-realname {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMTIuNUMxIDEwLjE3MiA1LjY2NCA5IDggOXM3IDEuMTcyIDcgMy41VjE1SDF2LTIuNXptMTIgLjA2N0MxMi42MjIgMTEuOTYyIDEwLjEzNCAxMSA4IDExcy00LjYyMi45NjItNSAxLjU2N1YxM2gxMHYtLjQzM3pNOCA4QzUuNzkgOCA0IDYuMjEgNCA0czEuNzktNCA0LTQgNCAxLjc5IDQgNC0xLjc5IDQtNCA0em0wLTJhMiAyIDAgMSAwIC4wMDEtMy45OTlBMiAyIDAgMCAwIDggNnoiLz48L3N2Zz4=)
}

.tea-icon-realnamev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48cGF0aCBkPSJNNy4xMDEgMTNIM3YtLjQzM2MuMzI2LS41MjEgMi4yMTctMS4zMDQgNC4wOTktMS41MTJBNC45MzcgNC45MzcgMCAwIDEgOC4wMjUgOUg4Yy0yLjMzNiAwLTcgMS4xNzItNyAzLjVWMTVoNy4wMjNhNC45NDIgNC45NDIgMCAwIDEtLjkyMi0yek04IDhjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wLTZhMiAyIDAgMSAxIC4wMDEgMy45OTlBMiAyIDAgMCAxIDggMnoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=)
}

.tea-icon-show {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggM0M0LjM3OCAzIDEuMjgxIDUuMDY5IDAgOGMxLjI4MSAyLjkzMSA0LjM3OCA1IDggNXM2LjcxOS0yLjA2OSA4LTVjLTEuMjgxLTIuOTMxLTQuMzc4LTUtOC01em0wIDlhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4eiIvPjxjaXJjbGUgZmlsbD0iIzg4OCIgY3g9IjgiIGN5PSI4IiByPSIyIi8+PC9zdmc+)
}

.tea-icon-hide {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTQuMTQ5IDkuMDIzQTMuOTI2IDMuOTI2IDAgMCAxIDQgOGE0IDQgMCAwIDEgNC00Yy4zNTYgMCAuNjk1LjA2MSAxLjAyMy4xNDlsLjkyMS0uOTIxQTkuMTkxIDkuMTkxIDAgMCAwIDggM0M0LjM3OCAzIDEuMjgxIDUuMDY5IDAgOGE4LjA0OCA4LjA0OCAwIDAgMCAyLjIzMyAyLjkzOWwxLjkxNi0xLjkxNnoiLz48cGF0aCBkPSJNMTIuOTQ0IDQuNDdsMS40Mi0xLjQyLTEuNDE0LTEuNDE0LTQuNDM5IDQuNDM4QTIuMDAyIDIuMDAyIDAgMCAwIDggNmEyIDIgMCAwIDAtMiAyYzAgLjE3OC4wMzEuMzQ3LjA3NC41MTFMMS42MzYgMTIuOTVsMS40MTQgMS40MTQgMS44OTctMS44OTdBOS4wNSA5LjA1IDAgMCAwIDggMTNjMy42MjIgMCA2LjcxOS0yLjA2OSA4LTUtLjYyOC0xLjQzNy0xLjcwNC0yLjY1My0zLjA1Ni0zLjUzek04IDEyYTMuOTYgMy45NiAwIDAgMS0yLjAyLS41NjZsMS41MDktMS41MDljLjE2NC4wNDQuMzMzLjA3NS41MTEuMDc1YTIgMiAwIDAgMCAyLTJjMC0uMTc4LS4wMzEtLjM0Ny0uMDc0LS41MTFsMS41MDktMS41MDljLjM1LjU5NS41NjUgMS4yNzkuNTY1IDIuMDJhNCA0IDAgMCAxLTQgNHoiLz48L2c+PC9zdmc+)
}

.tea-icon-records {
    width: 15px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NGM2YmFlMy0zN2I1LWE1NGItYTE5Yi1jNmU1NGI5MTBmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ4QTk5RTgyNDgwMTFFNUI2OTc4OTdCOTNGN0E2NTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ4QTk5RTcyNDgwMTFFNUI2OTc4OTdCOTNGN0E2NTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0YzZiYWUzLTM3YjUtYTU0Yi1hMTliLWM2ZTU0YjkxMGY2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NGM2YmFlMy0zN2I1LWE1NGItYTE5Yi1jNmU1NGI5MTBmNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tnmGTAAABY0lEQVR42oyTzyuEQRjH39k2J4dVLhwcKbm4ykVcbHFxdBU5kKWt9SMUoZRILeLgH3DYJE6ScuXmzsUBB+Wkzfg8b89bj3d3aqc+7zPvzPN95pmZZ5z3Pko3N//UjdmBQbiDot/rfa7xs2JEbZhN6INluIERWId7sQR5+ydG1Ex/DqZgHw5x+jFBmzAz6nMMB8x/u6jwOMTPGVRgg8GPKNAI0opZg1GYFPE7nQlEFXXwITE+Tn3ymNMsH4l2aXzkoLI4Fs2Ku5iq8bmG9oxG/DUTS5BDUFKh2BYdTzKIs5O0fZKOWSmHeYEOeBVxaoF4e5nQ9pS4nxYmLSSehXNEX2JZZTUoZtKZdKYxXbCgQ2I7dTyy/iKWe82bgGUYl9PVa6vqf9n4yD1/yoEN0zmCC9huoEgWYUxqw5ZnQaqmgfI8EZ+4PAMPo1/v9Uq3tAUPsFLzMOqk1yNbgAG4hVK9J/knwABfJJsFlJrl8QAAAABJRU5ErkJggg==)
}

.tea-icon-error.size-l {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iI2U1NDU0NSI+PHBhdGggZD0iTTE0IDIwaDN2M2gtM3ptMC0xMmgzdjEwaC0zeiIvPjxwYXRoIGQ9Ik0xNS41IDBDNi45NCAwIDAgNi45NCAwIDE1LjVTNi45NCAzMSAxNS41IDMxIDMxIDI0LjA2IDMxIDE1LjUgMjQuMDYgMCAxNS41IDB6bTAgMjhDOC42MDcgMjggMyAyMi4zOTMgMyAxNS41UzguNjA3IDMgMTUuNSAzIDI4IDguNjA3IDI4IDE1LjUgMjIuMzkzIDI4IDE1LjUgMjh6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-sales {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjkvMTWEKxpXAAABNElEQVQ4ja2T4W2DMBCFP1AGYISYBUonqDNBs0HoGGYA/+4GpRM0nSBkgqYLWB2BDa4/fAaMUKRKfRISPt9798DPhYiQoatb4Ag85xt8Amd86JfFYhLo6goYgAfgHTgDo/ZVKnoCvgGLD+MsEMk/+rT4cKOrLXBLjTqkAXpgD+zxYSx1a1CyxYeb1i5Ak31E3LPaO0QHzrTAG/A4kbtagIOKsBIp1MkX8II4M4gzvYggIogzIs7I9J7q67UzvTgz7IAn4HWaHCfMR7N8z3EGPna6GCd7a7tL4RwjQMk9rJ1suEkOqrtCW+6UUwJXYkjW023moqvtVIs4AteSGIyTHs0SF+CAD4VOv5CONfaegD4lMYXHZsnbwhx58KFJP9ES4zlsOFmSGyXvlfNflymf0vKH6/wL1t6o8wIsJh4AAAAASUVORK5CYII=)
}

.tea-icon-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwem0wIDJDNC42OTEgMiAyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNi0yLjY5MS02LTYtNnptMi45MjUgMi44bDEuNDE0IDEuNDE0LTUuMzAzIDUuMzA0TDMuNSA3Ljk4MmwxLjQxNC0xLjQxNCAyLjEyMiAyLjEyMUwxMC45MjUgNC44eiIgZmlsbD0iIzBhYmY1YiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-success.size-l {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iIzBhYmY1YiI+PHBhdGggZD0iTTEzLjI1IDE3LjgxMWwtMy4zNjQtMy4zNjQtMi4xMjEgMi4xMjEgMy4zNjQgMy4zNjQgMi4xMjEgMi4xMjEgMi4xMjEtMi4xMjEgNy44NjQtNy44NjQtMi4xMjEtMi4xMjF6Ii8+PHBhdGggZD0iTTE1LjUgMEM2Ljk0IDAgMCA2Ljk0IDAgMTUuNVM2Ljk0IDMxIDE1LjUgMzEgMzEgMjQuMDYgMzEgMTUuNSAyNC4wNiAwIDE1LjUgMHptMCAyOEM4LjYwNyAyOCAzIDIyLjM5MyAzIDE1LjVTOC42MDcgMyAxNS41IDMgMjggOC42MDcgMjggMTUuNSAyMi4zOTMgMjggMTUuNSAyOHoiLz48L2c+PC9zdmc+);
    background-size: cover
}

.tea-icon-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJoMnYtMkg3djJ6bTAtM2gyVjRIN3Y1em0xIDVjLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDYtMi42OTEgNi02IDZ6TTggMGE4IDggMCAxIDAgMCAxNkE4IDggMCAwIDAgOCAweiIgZmlsbD0iI2ZmNzIwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-warning.size-l {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDMyQzcuMTYzIDMyIDAgMjQuODM3IDAgMTZTNy4xNjMgMCAxNiAwczE2IDcuMTYzIDE2IDE2LTcuMTYzIDE2LTE2IDE2em0wLTNjNy4xOCAwIDEzLTUuODIgMTMtMTNTMjMuMTggMyAxNiAzIDMgOC44MiAzIDE2czUuODIgMTMgMTMgMTN6bS0xLjUtMTAuNXYtMTBoM3YxMGgtM3ptMCA1di0zaDN2M2gtM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-size: cover
}

.tea-icon-loading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iIzAwNmVmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.tea-icon-shutdown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjIvMTVTKp1WAAABHElEQVQ4jc2TzU0DMRCFPyIKSAcsHYRzLLFRfF93wNJB6GBL2A4SOhjulhIk30kHMR3QgTkwibw/ISInRrLkw3vPb8ZvSClx7syXVTFfVuk3zE1KibEy1tVABLbAPVAGL5s+biBgrCuBBpgBTgUegA/gHWiCl90RP8mIhbFOlBBVAIDgZa8uIrA11omxrjgJqN0DMAUWwUsdvMTcWfASg5caWCjuYKyrb411U2ANvAQvba/Fr37Par801jXAepJZHQwosz5Wu84MgpfBa0frZwToCFxb/0hAf+Mqgb3e6z9yZ6BR1iCtGYlqv7KoPwLPp13QaLZABbyqUMyIhRKfgDdgFbzES8vU8hOYElhpux2Hl9a5Ae6ATyVu+rhvXvGiGQ+9ErwAAAAASUVORK5CYII=)
}

.tea-icon-running {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAAAHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYtzY/JWAAAAEHRSTlMAQCDAYPCwEOCggHDQkFAw48okZwAAAHJJREFUGNNlj0sSwCAIQwFF/LXN/U/bATt1YRY6eYQBaClX1Ey/OGnnjsTLSkET/xuKeDoqXxKZDCPM3fztIIYFmBDPOPB2Y+i1waOlpaFW5AOzAlkw1RZgfXolKrjCwWjphjjwsVsDx2Ln6vs4jeRx/gtUqwRbIvcTmQAAAABJRU5ErkJggg==)
}

.tea-icon-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJoMnYtMkg3djJ6bTAtM2gyVjRIN3Y1em0xIDVjLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDYtMi42OTEgNi02IDZ6TTggMGE4IDggMCAxIDAgMCAxNkE4IDggMCAwIDAgOCAweiIgZmlsbD0iI2U1NDU0NSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-error--ring {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBzdHJva2U9IiNGRjU4NEQiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjgiIGN5PSI4IiByPSI2IiBmaWxsPSJub25lIi8+PC9zdmc+)
}

.tea-icon-deploy {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjIvMTVTKp1WAAAA8UlEQVQ4ja2U7Q2CQAyGn7s4gBvICIYFxAkcQdxAWEAmIGygjuAE4AAQR9AJdIP6w54xeH4hTUiupe9Hk94hIrz7SOrgU48REXxh0iYGMmCkpROQSR5unnrbJCZtIgWPgQKo9FcErIC9klV3jCMxaRMoaAZstfHYEghUYA7sgKXk4dGIiLO+9qm8GNW5nQALQ1IPgTOQSB4W78AesgxYWZ0dYPMLgUYFYF0meXjpQALA4DHRWUslNVoTXw5MHc7SQxiSOgJKp/QTWJ3bh8KwqxMLHPQcd8CPQTf272Xrbe1fqPgu4JLb+P4L6LEc8+VTcAU6HK1cvNNY9wAAAABJRU5ErkJggg==);
    width: 17px;
    height: 17px
}

.tea-icon-sort {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkgN2gzTDggMyA0IDdoM3YySDRsNCA0IDQtNEg5eiIvPjwvc3ZnPg==)
}

.tea-icon-sortup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDdMOCAzIDQgN2gzdjZoMlY3eiIvPjwvc3ZnPg==)
}

.tea-icon-sortdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+)
}

.tea-icon-links {
    width: 14px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMjQvMTWz5vwEAAABKElEQVQokY3Qv0uVURgH8M+Rd/EOFjo1FG0tORxxc3EJSqKCdtGlLeG+4CKCi+B2BjNny6HAISJaDAtpU/Id/AN08AcuIg5BEJyWQ1zQe+uMz3M+fM/5hpyzf51QN+N4jUEcY6rvP9ATvMV0TvEWlrDRE4a6mcQrPMgp7pTxB9ypeqBHWMBYTvGoY7WIrdDtj6Fu3uET7mITP7CMYTy9khjqZgAt9GMOJ1jBOgYwkVP8+Tcx1E1VLkzgEufIGMLNkv4yp/gbqoJaeF/AMDbK7jtW8SuneNH5sirUzQ18xD5mMIpvOMTjnOLZdR1UeIPdnOJsme2GujnFV7Svba7Ah3jeUc690uJ8TvFzN9iHAzwraARfSgnr3RAE7b37WMNtXOBFTnG7F4I/87td0ywkGPsAAAAASUVORK5CYII=)
}

.tea-icon-btnback {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA3SDQuN2w0LjQtNC42TDcuNyAxIDEgOGw2LjcgNyAxLjQtMS40TDQuNyA5SDE1eiIvPjwvc3ZnPg==)
}

.tea-icon-client {
    width: 16px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTkvMTVl/GszAAAAW0lEQVQoke2SMQ7AIAwDL1F+VXhU30i78qV2gI4oalgYsBRlcWwrsnDWAiRiuLQfZ0B+TgaSfkoRdwD1WB62wEoCkSYeAEYrRAkGuI1WyRGevmVEmP6BOc5ukhdxMAurJ2NtsQAAAABJRU5ErkJggg==);
    margin-top: 2px
}

.tea-icon-plus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZS8+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzIDdIOVYzSDd2NEgzdjJoNHY0aDJWOWg0eiIvPjwvc3ZnPg==)
}

.tea-icon-minus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTMgN2gxMHYySDN6Ii8+PC9zdmc+)
}

.tea-icon-setting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzLjAwMyA4YzAtLjU1My0uMTExLTEuMDc1LS4yNzctMS41NzJsMS43MjMtLjk5NS0xLTEuNzMyLTEuNzIxLjk5NGE0Ljk2IDQuOTYgMCAwIDAtMi43MjUtMS41OTRWMWgtMnYyLjEwMWE0Ljk3MiA0Ljk3MiAwIDAgMC0yLjcyNSAxLjU5M2wtMS43MjEtLjk5My0xIDEuNzMyIDEuNzIzLjk5NWMtLjE2NS40OTctLjI3NyAxLjAxOS0uMjc3IDEuNTcycy4xMTIgMS4wNzUuMjc3IDEuNTcybC0xLjcyMy45OTUgMSAxLjczMiAxLjcyMS0uOTk0YTQuOTggNC45OCAwIDAgMCAyLjcyNSAxLjU5NFYxNWgydi0yLjEwMWE0Ljk3IDQuOTcgMCAwIDAgMi43MjUtMS41OTRsMS43MjEuOTk0IDEtMS43MzItMS43MjMtLjk5NUE0LjkzNSA0LjkzNSAwIDAgMCAxMy4wMDMgOHptLTUgM2EzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+PC9zdmc+)
}

.tea-icon-pencil {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTkuODI3IDMuNzI5TDExLjU1NSAyIDE0IDQuNDQ1bC0xLjcyOCAxLjcyOHpNMyAxMC41NTZWMTNoMi40NDRsNS45NjMtNS45NjMtMi40NDQtMi40NDR6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-copy {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTExIDVINXY5aDhWNWgtMnptMCA3SDdWN2g0djV6Ii8+PHBhdGggZD0iTTEwIDJIMnY5aDJWNGg2eiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-remind {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iI2ZmNzIwMCIgZD0iTTguODM3Ljk2MkwuMjAzIDE3LjAzOGgxNy41OTRMOC44MzcuOTYyem0uMDM0IDQuMTY2bDUuNjcyIDkuOTY5SDMuNTI0bDUuMzQ3LTkuOTY5em0tLjgzNyAyLjg4djMuMTA3aDEuNzY4VjguMDA4SDguMDM0em0wIDUuOTM0aDEuNzY4di0xLjc2OUg4LjAzNHYxLjc2OXoiLz48L3N2Zz4=)
}

.tea-icon-dismiss,
.tea-icon-dismiss.size-s {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggMWE3IDcgMCAxIDAgMCAxNEE3IDcgMCAwIDAgOCAxem0zLjUzNiA5LjEyMWwtMS40MTQgMS40MTRMOCA5LjQxNGwtMi4xMjEgMi4xMjEtMS40MTQtMS40MTRMNi41ODYgOCA0LjQ2NCA1Ljg3OWwxLjQxNC0xLjQxNEw4IDYuNTg2bDIuMTIxLTIuMTIxIDEuNDE0IDEuNDE0TDkuNDE0IDhsMi4xMjIgMi4xMjF6Ii8+PC9zdmc+)
}

.tea-icon-phone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTIgMGgxMnYxNkgyVjB6bTIgMnYxMmg4VjJINHptMyA5aDJ2Mkg3di0yeiIvPjwvc3ZnPg==)
}

.tea-icon-phonev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48ZyBmaWxsPSIjODg4Ij48cGF0aCBkPSJNNy40MjIgMTRIMlYyaDh2NS40MjJBNC45NzkgNC45NzkgMCAwIDEgMTIgN1YwSDB2MTZoOS4wMjdhNS4wMDEgNS4wMDEgMCAwIDEtMS42MDUtMnoiLz48cGF0aCBkPSJNNSAxMWgydjJINXoiLz48L2c+PC9zdmc+)
}

.tea-icon-phone-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBmaWxsPSIjODg4IiBkPSJNNS41IDExLjVoMXYxaC0xeiIvPjxwYXRoIGQ9Ik0xMiAwdjdjLS43MSAwLTEuMzg3LjE0OC0yIC40MTZWMkgydjEyaDUuNDE2YTUuMDE4IDUuMDE4IDAgMCAwIDEuNTg1IDIuMDAxTDAgMTZWMGgxMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIgOGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6bS41IDUuNWgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjc0MDQyIi8+PC9nPjwvc3ZnPg==)
}

.tea-icon-phone-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTcgMTF2Mkg1di0yeiIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0xMiAwdjdoLTJWMkgydjEyaDR2MkgwVjB6Ii8+PHBhdGggZD0iTTExLjQyNiA4LjMzOWMuMTA3LjA2MS4xOTUuMTUuMjU3LjI1NmwzLjQyMSA1Ljg5MWEuNzA3LjcwNyAwIDAgMS0uNjExIDEuMDYzSDcuNjQ5YS43MDcuNzA3IDAgMCAxLS42MTEtMS4wNjJsMy40MjItNS44OTJhLjcwNy43MDcgMCAwIDEgLjk2Ni0uMjU2ek0xMS42IDE0aC0xdjFoMXYtMXptMC00aC0xdjNoMXYtM3oiIGZpbGw9IiNmMGI2NGIiLz48L2c+PC9zdmc+)
}

.tea-icon-wechat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkuMjQ5IDYuNDk5YTEuMjQ5IDEuMjQ5IDAgMSAxIDIuNDk3IDAgMS4yNDkgMS4yNDkgMCAwIDEtMi40OTcgMHptLTQuOTk2IDBhMS4yNDkgMS4yNDkgMCAxIDEgMi40OTcgMCAxLjI0OSAxLjI0OSAwIDAgMS0yLjQ5NyAwem0tMS41ODcgOS40NzdhLjMuMyAwIDAgMS0uMzk3LS4zODdsLjgyNC0yLjA2QzEuMjExIDEyLjI0OCAwIDEwLjI0OCAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5LjA5IDkuMDkgMCAwIDEtMi4zNDUtLjMwNWwtMi45ODkgMS4yODF6TTE0IDhjMC0yLjY5OC0yLjYzMS01LTYtNVMyIDUuMzAyIDIgOHMyLjYzMSA1IDYgNSA2LTIuMzAyIDYtNXoiLz48L3N2Zz4=)
}

.tea-icon-wechatv {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48Y2lyY2xlIGZpbGw9IiM4ODgiIGN4PSIxMC40OTgiIGN5PSI2LjQ5OSIgcj0iMS4yNDkiLz48Y2lyY2xlIGZpbGw9IiM4ODgiIGN4PSI1LjUwMiIgY3k9IjYuNDk5IiByPSIxLjI0OSIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yIDhjMC0yLjY5OCAyLjYzMS01IDYtNSAzLjExMyAwIDUuNTkyIDEuOTY4IDUuOTUxIDQuMzk1YTQuOTk3IDQuOTk3IDAgMCAxIDEuOTcgMS41MzZBNi4wOSA2LjA5IDAgMCAwIDE2IDhjMC0zLjg2Ni0zLjU4Mi03LTgtN1MwIDQuMTM0IDAgOGMwIDIuMjQ4IDEuMjExIDQuMjQ4IDMuMDkzIDUuNTI5bC0uODI0IDIuMDZhLjMuMyAwIDAgMCAuMzk3LjM4N2wyLjk5LTEuMjgxQTkuMDc3IDkuMDc3IDAgMCAwIDggMTVsLjAyMi0uMDAxYTQuOTQxIDQuOTQxIDAgMCAxLS45MjctMi4wNjJDNC4xNzMgMTIuNTY3IDIgMTAuNDUgMiA4eiIvPjwvc3ZnPg==)
}

.tea-icon-wechat-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTguMDM1IDBjNC40MTkgMCA3Ljk4OCAyLjk0NiA3Ljk4OCA2LjU3MiAwIC43LS4xMzMgMS4zNzMtLjM3OSAyLjAwNmE0Ljk5NSA0Ljk5NSAwIDAgMC0xLjcyLTEuMTk0Yy4wNjYtLjI2NS4wOTktLjUzNy4wOTktLjgxMkMxNC4wMjMgNC4xNDIgMTEuNDIyIDIgOC4wMzUgMiA0LjY0OCAyIDIuMDQ3IDQuMTQyIDIuMDQ3IDYuNTcyYzAgLjk3OC40IDEuOTExIDEuMTcgMi43MjFsLjIyNS4yMi4xNDcuMTMxLjkyLjY5Mi0uMDkgMS4wOTkgMS4xNzMtLjU3NyAxLjQ5Ny4xOThhNS4wMjYgNS4wMjYgMCAwIDAgLjAyNyAyLjAybC0uNDIzLS4wNTUtLjc1NC0uMTA0LTMuNzk2IDEuODcuMjgzLTMuNTEzYTYuMjAzIDYuMjAzIDAgMCAxLS42MjMtLjU2N0MuNjcgOS41MTcuMDQ3IDguMTAxLjA0NyA2LjU3Mi4wNDcgMi45NDYgMy42MTYgMCA4LjAzNSAwek01LjU0NyA1YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnptNSAwYTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIgOGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6bS41IDUuNWgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjc0MDQyIi8+PC9nPjwvc3ZnPg==)
}

.tea-icon-wechat-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTguMDgyIDBDMTIuNSAwIDE2LjA3IDIuOTQ2IDE2LjA3IDYuNTcyYzAgMS4zMzItLjQ4MiAyLjU3Mi0xLjMxIDMuNjA4TDEzLjY0IDguMjVjLjI3OS0uNTI0LjQzLTEuMDkzLjQzLTEuNjhDMTQuMDcgNC4xNDMgMTEuNDY5IDIgOC4wODIgMiA0LjY5NSAyIDIuMDk0IDQuMTQyIDIuMDk0IDYuNTcyYzAgLjk3OC40IDEuOTExIDEuMTcgMi43MjFsLjIyNS4yMi4xNDcuMTMxLjkyLjY5Mi0uMDkgMS4wOTkgMS4xNzMtLjU3NyAxLjY0NS4yMTcuMTI2LjAxNWMuMTIuMDE0LjIyOS4wMjYuMzI2LjAzNGwuMjUxLjAxN2E3Ljk2IDcuOTYgMCAwIDAgLjQzNy0uMDA1bC0xLjEzNSAxLjk1MmExLjQwMSAxLjQwMSAwIDAgMS0uMDg0LS4wMDhsLS40NjUtLjA1OS0uNzU0LS4xMDQtMy43OTYgMS44Ny4yODMtMy41MTNhNi4yMDMgNi4yMDMgMCAwIDEtLjYyMy0uNTY3Qy43MTcgOS41MTcuMDk0IDguMTAxLjA5NCA2LjU3Mi4wOTQgMi45NDYgMy42NjMgMCA4LjA4MiAwek01LjU5NCA1YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnptNSAwYTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIuMjI0IDguMzM5Yy4xMDcuMDYxLjE5NS4xNS4yNTcuMjU2bDMuNDIxIDUuODkxYS43MDcuNzA3IDAgMCAxLS42MTEgMS4wNjNIOC40NDdhLjcwNy43MDcgMCAwIDEtLjYxMS0xLjA2MmwzLjQyMi01Ljg5MmEuNzA3LjcwNyAwIDAgMSAuOTY2LS4yNTZ6TTEyLjM5OCAxNGgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjBiNjRiIi8+PC9nPjwvc3ZnPg==)
}

.tea-icon-email {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggOS4wMzlsNi0zLjQ2NFYxMkgyVjUuNTc1bDYgMy40NjR6bTAtMi4wNzhMMi44NzEgNGgxMC4yNThMOCA2Ljk2MXpNMCAxNGgxNlYySDB2MTJ6Ii8+PC9zdmc+)
}

.tea-icon-emailv {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48cGF0aCBmaWxsPSIjODg4IiBkPSJNNyAxMkgyVjUuNTc1bDYgMy40NjQgNi0zLjQ2NHYxLjg1NmMuOC4zNTEgMS40ODQuOTAyIDIgMS41OTRWMkgwdjEyaDcuNDIyQTQuOTc5IDQuOTc5IDAgMCAxIDcgMTJ6bTYuMTI5LThMOCA2Ljk2MSAyLjg3MSA0aDEwLjI1OHoiLz48L3N2Zz4=)
}

.tea-icon-email-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE1Ljg2IDFsLjAwMSA3YTUuMDE4IDUuMDE4IDAgMCAwLTItMS41ODRsLS4wMDItMi42NjYtNS45OTkgNC41LTYuMDAxLTQuNTAxTDEuODYgMTFoNWMwIC43MTEuMTQ5IDEuMzg4LjQxNiAySC0uMTRWMWgxNnptLTQuMzM0IDJINC4xOTRMNy44NiA1Ljc1IDExLjUyNiAzeiIgZmlsbD0iIzg4OCIvPjxwYXRoIGQ9Ik0xMS44NiA3YTQgNCAwIDEgMSAwIDggNCA0IDAgMCAxIDAtOHptLjUgNS41aC0xdjFoMXYtMXptMC00aC0xdjNoMXYtM3oiIGZpbGw9IiNmNzQwNDIiLz48L2c+PC9zdmc+)
}

.tea-icon-email-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE2IDF2MTAuNDE0TDE0IDcuOTdWM0gydjhoNi40MDFsLTEuMTYyIDJIMFYxeiIvPjxwYXRoIGQ9Ik0xMi40MTkgNy4zMzljLjEwNi4wNjEuMTk0LjE1LjI1Ni4yNTZsMy40MjIgNS44OTFhLjcwNy43MDcgMCAwIDEtLjYxMiAxLjA2M0g4LjY0MWEuNzA3LjcwNyAwIDAgMS0uNjExLTEuMDYybDMuNDIyLTUuODkyYS43MDcuNzA3IDAgMCAxIC45NjctLjI1NnpNMTIuNTkyIDEzaC0xdjFoMXYtMXptMC00aC0xdjNoMVY5eiIgZmlsbD0iI2YwYjY0YiIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0xLjk0MyAxLjIwN0w4IDUuNzVsNi4wMi00LjUxNSAxLjIgMS42TDggOC4yNS43NDMgMi44MDd6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-qq {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNzc5IDYuMTZDMi43NzkgMy4wODcgNC4yODkgMCA4IDBjMy43MTIgMCA1LjIyMiAzLjA4NyA1LjIyMiA2LjE2IDAgLjE4My0uMDEuNTM2LS4wMS41NThsLjc0OCAxLjc5NmMuMjA1LjUxNC40MDggMS4wNDkuNTU3IDEuNTA4LjcwOCAyLjE5LjQ3OCAzLjA5Ni4zMDQgMy4xMTdsLS4wMTUuMDAxYy0uMzg4IDAtMS40NDQtMS42NS0xLjQ0NC0xLjY1IDAgLjk4LS41MjUgMi4yNTgtMS42NiAzLjE4MS40MjUuMTI2Ljk0NS4zMiAxLjI4LjU1OC4zLjIxMi4yNjMuNDMuMjEuNTE4LS4xMTguMTkxLTEuMTE0LjI1My0yLjIyNS4yNTMtMS4xNDIgMC0yLjQwNC0uMDY2LTIuOTY3LS4xMjctLjU2Mi4wNjEtMS44MjUuMTI3LTIuOTY2LjEyNy0xLjExMiAwLTIuMTA2LS4wNjItMi4yMjQtLjI1My0uMDU1LS4wODgtLjA5My0uMzA2LjIwOC0uNTE4LjMzNS0uMjM4Ljg1NS0uNDMxIDEuMjgtLjU1Ny0xLjEzNS0uOTI0LTEuNjYtMi4yMDItMS42Ni0zLjE4MiAwIDAtMS4wNTYgMS42NS0xLjQ0NCAxLjY1bC0uMDE0LS4wMDFjLS4xNzUtLjAyMS0uNDA0LS45MjcuMzAzLTMuMTE3LjE1LS40NTkuMzUyLS45OTQuNTU2LTEuNTA4bC43NS0xLjc5NmMwLS4wMjItLjAxLS4zNzUtLjAxLS41NTh6bTguNTA0LTFjMC0xLjc0My0xLjQ3LTMuMTU1LTMuMjgzLTMuMTU1UzQuNzE3IDMuNDE3IDQuNzE3IDUuMTZ2MS41NDVsLS4wOTMuMTg2QzMuNjA2IDguOTY1IDMuNyA5Ljg5MyAzLjg3IDkuOTM3bC4wMTUuMDAzYy4xMTEuMDE1LjM4OC0uMDY1LjgzMS0uMjR2MS4xNDVDNC43MTcgMTIuNTg3IDYuMTg3IDE0IDggMTRzMy4yODMtMS40MTMgMy4yODMtMy4xNTVWOS43Yy40NDMuMTc1LjcyLjI1NS44MzEuMjQuMDA1IDAgLjAxIDAgLjAxNS0uMDAzLjE3LS4wNDQuMjY1LS45NzItLjc1My0zLjA0Ni0uMDMtLjA2LS4wNi0uMTIzLS4wOTMtLjE4NlY1LjE2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-favorable {
    width: 15px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMjMvMTV8CesaAAABNklEQVQ4jaWTPU7DQBCFPxuHVHRIqUkqbkBDSUXFCSgi0XCBSGlocoAUNBQ5AULUiBKkdFBAhRyBEEUS8SM7JLbj3aEgBsc2NoFtdnfmzbyZt7OGV0f447IAypXqwoF+v4eZi2jZxcy5wCx7s5YInhlSgVn2FPNPTPF7IlF2z83aNzB+LmROsuWItjhzLJnh1ZFypVr4LMnkfr/3P7Xny47Yo71Zy+0/f8LiFUVVxBLMT1hcpF9oMBNsDTByYJLyf30Mf/iIen8D0aiJiz98QE1cANTY+fSPHQC0N8If3AOznq3dI2Rzj3D0QjgNKDUu0atVwtEraqXC8sE1yrQI3WfU+hal/RMwl2B63JDwooNoJcHhjqjbM1F2F+0MJGhtiO7fiX66QdldCdrbIlNf1NUp4XlbPgDxX5ys2BcM7AAAAABJRU5ErkJggg==)
}

.tea-icon-viewgrid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTUgMnYzSDJWMmgzbTItMkgwdjdoN1Ywem02IDJ2M2gtM1YyaDNtMi0ySDh2N2g3VjB6TTUgMTB2M0gydi0zaDNtMi0ySDB2N2g3Vjh6bTYgMnYzaC0zdi0zaDNtMi0ySDh2N2g3Vjh6Ii8+PC9zdmc+)
}

.tea-icon-viewgrid-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTUgMnYzSDJWMmgzbTItMkgwdjdoN1Ywem02IDJ2M2gtM1YyaDNtMi0ySDh2N2g3VjB6TTUgMTB2M0gydi0zaDNtMi0ySDB2N2g3Vjh6bTYgMnYzaC0zdi0zaDNtMi0ySDh2N2g3Vjh6Ii8+PC9zdmc+)
}

.tea-icon-viewlist {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMWgxNHYySDF6bTAgMTJoMTR2Mkgxem0wLTZoMTR2MkgxeiIvPjwvc3ZnPg==)
}

.tea-icon-viewlist-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTEgMWgxNHYySDF6bTAgMTJoMTR2Mkgxem0wLTZoMTR2MkgxeiIvPjwvc3ZnPg==)
}

.tea-icon-alarm {
    width: 15px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQURFNEQzMkY1NjExRTU5NDlEQkRFRkJBRUI5RDhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBQURFNEQ0MkY1NjExRTU5NDlEQkRFRkJBRUI5RDhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkFBREU0RDEyRjU2MTFFNTk0OURCREVGQkFFQjlEOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkFBREU0RDIyRjU2MTFFNTk0OURCREVGQkFFQjlEOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HIy7wAAAAoklEQVR42mJ8GODFgAbkgLgSiEESEkD8Aoi3AXE7ED9CVsiEptEJiE8B8WsgdgZiXij9BojPQNlwwILElgXi5UAcDMRHkMTvAHEtEO8E4rVAbALEj9FtrgDiWWgakQFIfA4Ql2NzNsiPy9A0/EfjLwZib2yaZaBORAaMaPy7UHUYmkH+/03A5t/I4cTEQAEYppoZaWYzC1p0/CdSH1gdQIABABwLHkiGfLDXAAAAAElFTkSuQmCC)
}

.tea-icon-monitor {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgOGgzdjZIMXptNS03aDN2MTNINnptNSA0aDN2OWgtM3oiIGZpbGw9IiM4ODgiLz48L3N2Zz4=)
}

.tea-icon-monitor-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDJoM3YxM0g2VjJ6TTEgOWgzdjZIMVY5em0xMy0zaC0zdjloM1Y2eiIgZmlsbD0iIzg4OCIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iMiIgcj0iMiIgZmlsbD0iI2ZmNzIwMCIvPjwvc3ZnPg==)
}

.tea-icon-monitor-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDJoM3YxM0g2VjJ6TTEgOWgzdjZIMVY5em0xMy0zaC0zdjloM1Y2eiIgZmlsbD0iIzg4OCIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iMiIgcj0iMiIgZmlsbD0iI2U1NDU0NSIvPjwvc3ZnPg==)
}

.tea-icon-download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcuNSAxMkwxMSA4SDlWMkg2djZINHpNMiAxM2gxMXYySDJ6IiBmaWxsPSIjODg4Ii8+PC9zdmc+)
}

.tea-icon-filter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzIDRIM2w0IDR2NWwyLTFWOHoiLz48L3N2Zz4=)
}

.tea-icon-try {
    width: 19px;
    height: 19px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5NThBRjg3NDkzRTExRTRBNzNFQjk2REQ0MjU2RjNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5NThBRjg4NDkzRTExRTRBNzNFQjk2REQ0MjU2RjNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OEFGODU0OTNFMTFFNEE3M0VCOTZERDQyNTZGM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OEFGODY0OTNFMTFFNEE3M0VCOTZERDQyNTZGM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fKEW3AAABj0lEQVR42qTUyysFURzA8ZnbrWthoYgFKzuPLBRig9h5Lckz1naUUq7HykK52VEeG4WFKDb4HygWXpEoKYSyHt9f/UbHaWbu1T31uWfuefzmd86ZGdebLHUCShG60QYZkI833OEQ23ixJ8Ws/wnM4hRlSKEZJVqntF3653T8b3GNzOTuB3jAKF6d8FKAJc263R8bMzKS9I/RkyaQo/29ONIEEmawadwj6fyvJHUfZ/xlFlOfoQrP8KQ9ZLLfZ46R7blAjWTWh00N5BiDo4p5MznlLYkjwTqwHzLYszjWtV/2JE6cn0pcWUvxA7ohy7TLOSokszzr9FxrspfBst8ljgT70k2M2hs3TTBJ6FuCXaPcya5U4zKmD2pXlsE6cSLB1jGIwoDNDrq2/8sSB7AmwW6wg4WI/XIjnsFF7Mp2+a/TOOowlcGGm8En0IAx892UE21BPzY09XSnt4oRtOr8P9+zJ9TqMm4xr3fN1X6p67Vd+uO6msewj+MnhtGIHCzrF9XTekXbmzCED3PyjwADABGXXdFpvUqZAAAAAElFTkSuQmCC)
}

.tea-icon-convertip--blue,
.tea-icon-convertip-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgNGg0VjJIM3Y4SDFsMyAzIDMtM0g1em03LTFMOSA2aDJ2Nkg3djJoNlY2aDJ6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+)
}

.tea-icon-convertip {
    cursor: default;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgNGg0VjJIM3Y4SDFsMyAzIDMtM0g1em03LTFMOSA2aDJ2Nkg3djJoNlY2aDJ6IiBmaWxsPSIjODg4Ii8+PC9zdmc+)
}

.tea-icon-new {
    cursor: default;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxQkJEQTFDMDc2ODExRTZCQ0M1OUE0N0U4MDY5MjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxQkJEQTFEMDc2ODExRTZCQ0M1OUE0N0U4MDY5MjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFCQkRBMUEwNzY4MTFFNkJDQzU5QTQ3RTgwNjkyM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTFCQkRBMUIwNzY4MTFFNkJDQzU5QTQ3RTgwNjkyM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VjP59AAAAh0lEQVR42mJ8WyjvycDAMBeIJRlIA8+BOJkRaMAzMjTDDWGiQDMISDJhExXqe0C0CSAv/Men8V2RAoY4SAwGmLBJoNMwNgzT1gXItqO7AF0zCLDgCjwYG10DOmDB5jSQZkIasXoB3a/ERCcTA4UAJRbIAUzQTEEueAEyIAXEIEPzU1BuBAgwAOfsPtAlk5KIAAAAAElFTkSuQmCC)
}

.tea-icon-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTkgN0g2djFoMXY0aDEuOTE3bDEtMUg5ek03IDRoMnYySDd6Ii8+PHBhdGggZD0iTTggMWE3IDcgMCAxIDAgMCAxNEE3IDcgMCAwIDAgOCAxem0wIDEyLjVjLTMuMDMzIDAtNS41LTIuNDY3LTUuNS01LjVTNC45NjcgMi41IDggMi41czUuNSAyLjQ2NyA1LjUgNS41LTIuNDY3IDUuNS01LjUgNS41eiIvPjwvZz48L3N2Zz4=);
    cursor: pointer
}

.tea-icon-tag {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGw2LjU4NiA2LjU4NmEyIDIgMCAwIDEgMCAyLjgyOGwtNS4xNzIgNS4xNzJhMiAyIDAgMCAxLTIuODI4IDBMMCA4VjBoOHptLS44MjkgMkgydjUuMTcxbDYgNkwxMy4xNzIgOCA3LjE3IDJ6TTUuNSA0YTEuNSAxLjUgMCAxIDEgMCAzIDEuNSAxLjUgMCAwIDEgMC0zeiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-tag:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGw2LjU4NiA2LjU4NmEyIDIgMCAwIDEgMCAyLjgyOGwtNS4xNzIgNS4xNzJhMiAyIDAgMCAxLTIuODI4IDBMMCA4VjBoOHptLS44MjkgMkgydjUuMTcxbDYgNkwxMy4xNzIgOCA3LjE3IDJ6TTUuNSA0YTEuNSAxLjUgMCAxIDEgMCAzIDEuNSAxLjUgMCAwIDEgMC0zeiIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==)
}

.tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==)
}

.tea-icon-close.size-s {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyLjI0MyA1LjE3MmwtMS40MTUtMS40MTVMOCA2LjU4NiA1LjE3MiAzLjc1NyAzLjc1NyA1LjE3MiA2LjU4NiA4bC0yLjgyOSAyLjgyOCAxLjQxNSAxLjQxNUw4IDkuNDE0bDIuODI4IDIuODI5IDEuNDE1LTEuNDE1TDkuNDE0IDh6Ii8+PC9zdmc+)
}

.tea-icon-arrowup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==)
}

.tea-icon-arrowup--line {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-icon-arrowdown--line {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-arrowleft {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+)
}

.tea-icon-arrowleft--line {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-arrowright {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+)
}

.tea-icon-arrowright--line {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-externallink {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-refresh {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyLjcxIDQuMjlsLTEuNDMgMS40M0EzLjk4IDMuOTggMCAwIDEgMTIgOGMwIDIuMjA2LTEuNzk0IDQtNCA0VjkuOTM1bC0zIDMuMDMzTDggMTZ2LTJhNiA2IDAgMCAwIDYtNiA1Ljk3NCA1Ljk3NCAwIDAgMC0xLjI5LTMuNzF6TTggNHYybDMtMy4wMzJMOC0uMDY1VjJhNiA2IDAgMCAwLTYgNmMwIDEuNDAyLjQ4NSAyLjY4OCAxLjI5IDMuNzFsMS40My0xLjQzQTMuOTc3IDMuOTc3IDAgMCAxIDQgOGMwLTIuMjA2IDEuNzk0LTQgNC00eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-refresh-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyLjcxIDQuMjlsLTEuNDMgMS40M0EzLjk4IDMuOTggMCAwIDEgMTIgOGMwIDIuMjA2LTEuNzk0IDQtNCA0VjkuOTM1bC0zIDMuMDMzTDggMTZ2LTJhNiA2IDAgMCAwIDYtNiA1Ljk3NCA1Ljk3NCAwIDAgMC0xLjI5LTMuNzF6TTggNHYybDMtMy4wMzJMOC0uMDY1VjJhNiA2IDAgMCAwLTYgNmMwIDEuNDAyLjQ4NSAyLjY4OCAxLjI5IDMuNzFsMS40My0xLjQzQTMuOTc3IDMuOTc3IDAgMCAxIDQgOGMwLTIuMjA2IDEuNzk0LTQgNC00eiIgZmlsbD0iIzAwNmVmZiIvPjwvc3ZnPg==)
}

.tea-icon-fullscreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDF2Mi4wMDFoM1Y2aDJWMWgtNXpNMSAxdjVoMlYzLjAwMWgzVjFIMXptMTIgOXYzLjAwMWgtM1YxNWg1di01aC0yek0xIDEwdjVoNXYtMS45OTlIM1YxMEgxeiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-fullscreenquit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTB2Mi4wMDFoM1YxNWgydi01SDF6bTkgMHY1aDJ2LTIuOTk5aDNWMTBoLTV6TTQgMXYzLjAwMUgxVjZoNVYxSDR6bTYgMHY1aDVWNC4wMDFoLTNWMWgtMnoiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-delete {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgY2xhc3M9Im5jLWljb24td3JhcHBlciIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDNoMTZ2Mkgwem01LTNoNnYySDV6Ii8+PHBhdGggZD0iTTIgNGgydjEySDJ6bTEwIDBoMnYxMmgtMnoiLz48cGF0aCBkPSJNMiAxNGgxMnYySDJ6bTMtOGgydjdINXptNCAwaDJ2N0g5eiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-trenddown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzBhYmY1YiIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+)
}

.tea-icon-trendup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2U1NDU0NSIgZD0iTTkgN3Y2SDdWN0g0bDQtNCA0IDR6Ii8+PC9zdmc+)
}

.tea-icon-drop {
    cursor: move;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDEzdjIuMDAxSDlWMTNoMnptLTQgMHYyLjAwMUg1VjEzaDJ6bTQtNHYyLjAwMUg5VjloMnpNNyA5djIuMDAxSDVWOWgyem00LTR2Mi4wMDFIOVY1aDJ6TTcgNXYyLjAwMUg1VjVoMnptNC00djIuMDAxSDlWMWgyek03IDF2Mi4wMDFINVYxaDJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-news {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMTN2LTFsMi0xVjdjMC0yLjQgMS43LTQuNCA0LTQuOVYxaDJ2MS4xYzIuMy41IDQgMi41IDQgNC45djRsMiAxdjFIMXptNyAzYy0xLjMgMC0yLjQtLjgtMi44LTJoNS42Yy0uNCAxLjItMS41IDItMi44IDJ6Ii8+PC9zdmc+)
}

.tea-icon-help {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMWE3IDcgMCAxIDEgMCAxNEE3IDcgMCAwIDEgOCAxem0wIDEuNUE1LjUwNiA1LjUwNiAwIDAgMCAyLjUgOGMwIDMuMDMzIDIuNDY3IDUuNSA1LjUgNS41czUuNS0yLjQ2NyA1LjUtNS41UzExLjAzMyAyLjUgOCAyLjV6bTEgOXYxSDd2LTFoMnpNNi41IDMuOTY1QTMgMyAwIDAgMSAxMSA2LjU2M2EyLjk5IDIuOTkgMCAwIDEtMS44MjQgMi43NDhMOSA5LjM3OXYxLjA1OEg3VjkuMDYyYzAtLjYwMi4zNTctMS4xMTYuODY5LTEuMzUzTDggNy42NTV2LS4wMTRjLjU3OC0uMTU3IDEtLjUyOCAxLTEuMDc5IDAtLjU1MS0uNDQ5LTEtMS0xLS41MTIgMC0uOTM1LjM4Ny0uOTkzLjg4NEw3IDYuNTYzSDVhMyAzIDAgMCAxIDEuNS0yLjU5OHoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
    cursor: pointer
}

.tea-icon-pending {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDhjMC0zLjMwOS0yLjY5MS02LTYtNlMyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNnptMiAwQTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS03LS40MTRsMi43MDcgMi43MDYtMS40MTQgMS40MTVMNyA4LjQxNFY0aDJ2My41ODZ6IiBmaWxsPSIjZmY3MjAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-pending-gray {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDhjMC0zLjMwOS0yLjY5MS02LTYtNlMyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNnptMiAwQTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS03LS40MTRsMi43MDcgMi43MDYtMS40MTQgMS40MTVMNyA4LjQxNFY0aDJ2My41ODZ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-pending.size-l {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzcgMCAxNiA3LjE2NCAxNiAxNiAwIDguODM3LTcuMTYzIDE2LTE2IDE2UzAgMjQuODM4IDAgMTZDMCA3LjE2NCA3LjE2MyAwIDE2IDB6bTAgM0M4LjgyIDMgMyA4LjgyIDMgMTZzNS44MiAxMyAxMyAxMyAxMy01LjgyIDEzLTEzUzIzLjE4IDMgMTYgM3ptMS41IDQuNXY4LjM4bDUuNTYgNS41Ni0yLjEyMSAyLjEyMS02LjQzOS02LjQzOVY3LjVoM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-info-blue,
.tea-icon-infoblue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgNEg3djJoMlY0em0wIDNIN3Y1aDJWN3ptLTEgN2MtMy4zMDkgMC02LTIuNjkxLTYtNnMyLjY5MS02IDYtNiA2IDIuNjkxIDYgNi0yLjY5MSA2LTYgNnpNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDB6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-info-blue.size-l,
.tea-icon-infoblue.size-l {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTE0IDhoM3YzaC0zem0wIDVoM3YxMGgtM3oiLz48cGF0aCBkPSJNMzEgMTUuNUMzMSA2Ljk0IDI0LjA2IDAgMTUuNSAwUzAgNi45NCAwIDE1LjUgNi45NCAzMSAxNS41IDMxIDMxIDI0LjA2IDMxIDE1LjV6bS0zIDBDMjggMjIuMzkzIDIyLjM5MyAyOCAxNS41IDI4UzMgMjIuMzkzIDMgMTUuNSA4LjYwNyAzIDE1LjUgMyAyOCA4LjYwNyAyOCAxNS41eiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-lastpage {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-firstpage {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM4ODgiIGQ9Ik0xNSAxM2wtMi44ODEtMi44ODFDMTIuNjc0IDkuMjA5IDEzIDguMTQ0IDEzIDdhNiA2IDAgMSAwLTYgNiA1Ljk2OCA1Ljk2OCAwIDAgMCAzLjExOS0uODgxTDEzIDE1bDItMnpNMyA3YTQgNCAwIDEgMSA4IDAgNCA0IDAgMCAxLTggMHoiLz48L3N2Zz4=)
}

.tea-icon-transfer {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE2IDhsLTUtNHYzSDVWNEwwIDhsNSA0VjloNnYzeiIvPjwvc3ZnPg==)
}

.tea-icon-cur {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTFhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2em0wIDJBNSA1IDAgMSAxIDggM2E1IDUgMCAwIDEgMCAxMHoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=)
}

.tea-icon-cur-active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjODg4IiBjeD0iOCIgY3k9IjgiIHI9IjUiLz48L3N2Zz4=)
}

.tea-icon-fold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzdjODc4ZSIgZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIvPjwvc3ZnPg==)
}

.tea-icon-fold-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.tea-icon-check {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTUuODc5IDEwLjgyOGw4LjQ4NS04LjQ4NSAxLjQxNCAxLjQxNC05LjkgOS45TC4yMjMgOGwxLjQxNC0xLjQxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-check.size-s {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuNTg2IDkuNDE0bDUuNjU3LTUuNjU3IDEuNDE0IDEuNDE1LTcuMDcxIDcuMDdMMi4zNDMgOGwxLjQxNC0xLjQxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-not {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDhjMC0yLjc1Ny0yLjI0My01LTUtNVMzIDUuMjQzIDMgOHMyLjI0MyA1IDUgNSA1LTIuMjQzIDUtNXptMiAwQTcgNyAwIDEgMSAxIDhhNyA3IDAgMCAxIDE0IDB6TTUgN2g2djJINVY3eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-and {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOUg1VjdoMlY1aDJ2MmgydjJIOXYySDdWOXptNi0xYzAtMi43NTctMi4yNDMtNS01LTVTMyA1LjI0MyAzIDhzMi4yNDMgNSA1IDUgNS0yLjI0MyA1LTV6bTIgMEE3IDcgMCAxIDEgMSA4YTcgNyAwIDAgMSAxNCAweiIgZmlsbD0iIzBhYmY1YiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-zoomout {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4zMTctMi4zNTdhNi42ODUgNi42ODUgMCAxIDAtMi4xMjIgMi4xMjFsMi4zIDIuMzQgMi4xMzktMi4xMDR6bS03Ljk2LTEuMjE5YTQuNjYyIDQuNjYyIDAgMSAxLS4wMDItOS4zMjQgNC42NjIgNC42NjIgMCAwIDEgLjAwMiA5LjMyNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik04LjUxNiA0LjQ5NWgtMnYyaC0ydjJoMnYyaDJ2LTJoMnYtMmgtMnoiLz48L2c+PC9zdmc+)
}

.tea-icon-zoomout--white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4zMTctMi4zNTdhNi42ODUgNi42ODUgMCAxIDAtMi4xMjIgMi4xMjFsMi4zIDIuMzQgMi4xMzktMi4xMDR6bS03Ljk2LTEuMjE5YTQuNjYyIDQuNjYyIDAgMSAxLS4wMDItOS4zMjQgNC42NjIgNC42NjIgMCAwIDEgLjAwMiA5LjMyNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik04LjUxNiA0LjQ5NWgtMnYyaC0ydjJoMnYyaDJ2LTJoMnYtMmgtMnoiLz48L2c+PC9zdmc+)
}

.tea-icon-zoomin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4xNjUtMi4yYTYuNjgzIDYuNjgzIDAgMSAwLTIuMTE3IDIuMTI1bDIuMTQzIDIuMTggMi4xMzktMi4xMDV6TTMgNy42NjFhNC42NjIgNC42NjIgMCAxIDEgOS4zMjQgMCA0LjY2MiA0LjY2MiAwIDAgMS05LjMyNCAweiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQuNTE2IDYuNDk1aDZ2MmgtNnoiLz48L2c+PC9zdmc+)
}

.tea-icon-zoomin--white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4xNjUtMi4yYTYuNjgzIDYuNjgzIDAgMSAwLTIuMTE3IDIuMTI1bDIuMTQzIDIuMTggMi4xMzktMi4xMDV6TTMgNy42NjFhNC42NjIgNC42NjIgMCAxIDEgOS4zMjQgMCA0LjY2MiA0LjY2MiAwIDAgMS05LjMyNCAweiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQuNTE2IDYuNDk1aDZ2MmgtNnoiLz48L2c+PC9zdmc+)
}

.tea-icon-spin--white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgOGMwLTMuODY2IDMuMTI5LTcgNi45ODktNyAzLjc2IDAgNi44MjYgMi45NzMgNi45ODIgNi43bC4wMjkuMDE2djQuNWwtMS43MTYtMS43MTktLjY2LS42MzkuMDA2LS4wMTYtMi42MTktMi42MjNoMi45MUE0Ljk5NiA0Ljk5NiAwIDAgMCA3Ljk4OCAzYTQuOTk2IDQuOTk2IDAgMCAwLTQuOTkyIDUgNC45OTYgNC45OTYgMCAwIDAgNi43ODQgNC42NjhsMS41MzcgMS40ODhhNi45NDkgNi45NDkgMCAwIDEtMy4zMy44NDRDNC4xMyAxNSAxIDExLjg2NiAxIDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

.tea-icon-detail {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDhjMC0yLjc1Ny0yLjI0My01LTUtNVMzIDUuMjQzIDMgOHMyLjI0MyA1IDUgNSA1LTIuMjQzIDUtNXptMiAwQTcgNyAwIDEgMSAxIDhhNyA3IDAgMCAxIDE0IDB6TTQgN2gydjJINFY3em0zIDBoMnYySDdWN3ptMyAwaDJ2MmgtMlY3eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-qrcode {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWg4VjFIN3Y4em0yLTJoNFYzSDl2NHpNMSAxdjZoMlYzaDJWMUgxem05IDVoMlY0aC0ydjJ6TTMgOWgyVjdIM3Yyem0tMiAyaDJWOC45OTlIMVYxMXptOCAwdjJIN3YyaDR2LTJoMnYyaDJ2LTRIOXptLTYgMHYySDF2Mmg0di0yaDJ2LTJIM3oiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-qrcode-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWg4VjFIN3Y4em0yLTJoNFYzSDl2NHpNMSAxdjZoMlYzaDJWMUgxem05IDVoMlY0aC0ydjJ6TTMgOWgyVjdIM3Yyem0tMiAyaDJWOC45OTlIMVYxMXptOCAwdjJIN3YyaDR2LTJoMnYyaDJ2LTRIOXptLTYgMHYySDF2Mmg0di0yaDJ2LTJIM3oiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-database {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDlIM1Y3aDEwVjNIM3YxMGgxMFY5em0yLTh2MTRIMVYxaDE0ek00IDRoMnYySDRWNHptMCA2aDJ2Mkg0di0yeiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-datasheet {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgOXY0aDRWOUgzem0wLTJoNFYzaDJ2NGg0djJIOXY0aDRWM0gzdjR6bTEyLTZ2MTRIMVYxaDE0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-table {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgNEgxVjJoMnYyem0xMiAwSDVWMmgxMHYyek0zIDlIMVY3aDJ2MnptMTIgMEg1VjdoMTB2MnpNMyAxNEgxdi0yaDJ2MnptMTIgMEg1di0yaDEwdjJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-table-blue,
.tea-icon-table-hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgNEgxVjJoMnYyem0xMiAwSDVWMmgxMHYyek0zIDlIMVY3aDJ2MnptMTIgMEg1VjdoMTB2MnpNMyAxNEgxdi0yaDJ2MnptMTIgMEg1di0yaDEwdjJ6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-relationship {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDF2NUg5djFoNHYzaDJ2NUg5di01aDJWOUg1djFoMnY1SDF2LTVoMlY3aDRWNkg1VjFoNnpNNSAxMkgzdjFoMnYtMXptOCAwaC0ydjFoMnYtMXpNOSAzSDd2MWgyVjN6IiBmaWxsPSIjODg4Ii8+PC9zdmc+)
}

.tea-icon-relationship-blue,
.tea-icon-relationship-hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDF2NUg5djFoNHYzaDJ2NUg5di01aDJWOUg1djFoMnY1SDF2LTVoMlY3aDRWNkg1VjFoNnpNNSAxMkgzdjFoMnYtMXptOCAwaC0ydjFoMnYtMXpNOSAzSDd2MWgyVjN6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+)
}

.tea-icon-multi-line {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMTF2Mkgxdi0yaDh6bTQtN3YzaDJ2Mi4wMDFoLTJWMTJMOSA4bDQtNHpNNyA3djJIMVY3aDZ6bTItNHYySDFWM2g4eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==)
}

.tea-icon-permission,
.tea-icon-permission.size-l {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik00MCAzNi44NzdsMjAuOTk5IDEyLjEyNXYtMTlMNDAgMTcuODc4IDE4Ljk5OSAzMC4wMDJ2MTl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQwIDQyLjEyM2wyMC45OTktMTIuMTI1djIwTDQwIDYyLjEyMyAxOC45OTkgNDkuOTk4di0yMHoiLz48cGF0aCBkPSJNNTggNDVhNSA1IDAgMCAxIDUgNXYxaDJ2MTFINTFWNTFoMnYtMWE1IDUgMCAwIDEgNS01em0wIDJhMyAzIDAgMCAwLTIuOTk1IDIuODI0TDU1IDUwdjFoNnYtMWEzIDMgMCAwIDAtMi44MjQtMi45OTVMNTggNDd6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3IDU0aDJ2NWgtMnoiLz48L2c+PC9zdmc+)
}

.tea-icon-bell-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMHYxLjA4M2MyLjgzOC40NzYgNSAyLjk0NCA1IDUuOTE3djRsMSAxdjJoLTQuNTVhMi41IDIuNSAwIDAgMS00LjkgMEgxdi0ybDEtMVY3YTYuMDAyIDYuMDAyIDAgMCAxIDUtNS45MTdWMGgyek04IDNhNCA0IDAgMCAwLTQgNHY1aDhWN2E0IDQgMCAwIDAtNC00eiIgZmlsbD0iI0RGN0YwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-chart-pie {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgLjA2MnYyLjAyMUE2LjAwMiA2LjAwMiAwIDAgMCA4IDE0YzEuODYgMCAzLjUyMy0uODQ3IDQuNjI0LTIuMTc2bDEuNzUgMS4wMUE4IDggMCAxIDEgNyAuMDYyem0yIDcuMzZWLjA2M2E4LjAwMSA4LjAwMSAwIDAgMSA2LjM3NiAxMS4wNDJMOSA3LjQyM3oiIGZpbGw9IiM4ODgiLz48L3N2Zz4=)
}

.tea-icon-chart-pie-blue,
.tea-icon-chart-pie-hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgLjA2MnYyLjAyMUE2LjAwMiA2LjAwMiAwIDAgMCA4IDE0YzEuODYgMCAzLjUyMy0uODQ3IDQuNjI0LTIuMTc2bDEuNzUgMS4wMUE4IDggMCAxIDEgNyAuMDYyem0yIDcuMzZWLjA2M2E4LjAwMSA4LjAwMSAwIDAgMSA2LjM3NiAxMS4wNDJMOSA3LjQyM3oiIGZpbGw9IiMwMDZlZmYiLz48L3N2Zz4=)
}

.tea-icon-chart-line {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMXY3LjU4OGwyLjg4LTIuODcxIDIuOTg3IDEuOTk3IDQuNjg4LTQuOTAxIDEuNDQ2IDEuMzgyLTUuODUgNi4xMTUtMy4wMi0yLjAyTDMgMTEuNDE0VjEzaDEydjJIMVYxaDJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-chart-line-blue,
.tea-icon-chart-line-hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMXY3LjU4OGwyLjg4LTIuODcxIDIuOTg3IDEuOTk3IDQuNjg4LTQuOTAxIDEuNDQ2IDEuMzgyLTUuODUgNi4xMTUtMy4wMi0yLjAyTDMgMTEuNDE0VjEzaDEydjJIMVYxaDJ6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-icon-chart-column {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgOHY2SDFWOGgzem01LTd2MTNINlYxaDN6bTUgNHY5aC0zVjVoM3oiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-chart-column-blue,
.tea-icon-chart-column-hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgOHY2SDFWOGgzem01LTd2MTNINlYxaDN6bTUgNHY5aC0zVjVoM3oiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-percent {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDlhMyAzIDAgMSAxIDAgNiAzIDMgMCAwIDEgMC02em0xLjItOGwtOCAxNEgyLjhsOC0xNGgyLjR6TTEyIDExYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnpNNCAxYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnptMCAyYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-percent-blue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDlhMyAzIDAgMSAxIDAgNiAzIDMgMCAwIDEgMC02em0xLjItOGwtOCAxNEgyLjhsOC0xNGgyLjR6TTEyIDExYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnpNNCAxYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnptMCAyYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-teaching {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjUgOC42NnYzLjY5Nkw4IDE1LjQ5OWwtNS41LTMuMTQzVjguNjZMOCAxMS44MDNsNS41LTMuMTQzek04IDBsOCA0LjU3MnYuODU2bC04IDQuNTczLTgtNC41NzJ2LS44NTdMOCAwem0wIDIuMzA0TDMuMjggNSA4IDcuNjk3IDEyLjcxNyA1IDggMi4zMDR6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+)
}

.tea-icon-status-blank {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCA1NlYyNGg0MHYzMnoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjYgMzdoMjh2MkgyNnptMCA3aDIwdjJIMjZ6bS02LTIwaDQwdjdIMjB6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzAwNkVGRiIvPjwvZz48L2c+PC9zdmc+)
}

.tea-icon-status-blank.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZD0iTTE4LjIgMjUuOWgxOS42djEuNEgxOC4yem0wIDQuOWgxNHYxLjRoLTE0em0tNC4yLTE0aDI4djQuOUgxNHoiLz48cGF0aCBkPSJNNDAuNiAzMi4yYTUuNiA1LjYgMCAxIDAgMCAxMS4yIDUuNiA1LjYgMCAwIDAgMC0xMS4yeiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGQ9Ik00MS4zIDM5LjJ2MS40aC0xLjR2LTEuNGgxLjR6bTAtNC4ydjMuNWgtMS40VjM1aDEuNHoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+)
}

.tea-icon-status-chart {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMiA1N1Y0M2gxMnYxNHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMzQgNTdWMzNoMTJ2MjR6Ii8+PHBhdGggc3Ryb2tlPSIjQzFDQ0REIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xOCAzOC43NDdsMTItMTJoN0w0My43NDcgMjAiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDYgNTdWMjFoMTJ2MzZ6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzAwNkVGRiIvPjwvZz48L2c+PC9zdmc+)
}

.tea-icon-status-chart.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTUuNCAzOS45di05LjhoOC40djkuOHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjMuOCAzOS45VjIzLjFoOC40djE2Ljh6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuMTI4IDEzLjUwNWwuOTkuOTktNC45MjggNC45MjhoLTQuOWwtOC4xOTUgOC4xOTUtLjk5LS45OSA4LjYwNS04LjYwNWg0Ljl6Ii8+PHBhdGggZmlsbD0iI0VCRUZGNSIgZD0iTTMyLjIgMzkuOVYxNC43aDguNHYyNS4yeiIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMCAwIDExLjIgNS42IDUuNiAwIDAgMCAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZD0iTTQxLjMgMzkuMnYxLjRoLTEuNHYtMS40aDEuNHptMC00LjJ2My41aC0xLjRWMzVoMS40eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-status-loading {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00MCAzNi44NzdMNjAuOTk0IDQ5IDQwIDYxLjEyMiAxOS4wMDMgNDl6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZD0iTTQwIDI3Ljg3N0w2MC45OTQgNDAgNDAgNTIuMTIxIDE5LjAwMyA0MHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDAgMTguODc4TDYwLjk5NCAzMSA0MCA0My4xMjMgMTkuMDAzIDMxeiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDNIOXY1LjkxNGwzLjI5MyAzLjI5MyAxLjQxNC0xLjQxNEwxMSAxMC4wODVWNXoiIGZpbGw9IiMwMDZFRkYiLz48L2c+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-loading.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMjggMjUuODE0TDQyLjY5NiAzNC4zIDI4IDQyLjc4NiAxMy4zMDIgMzQuM3oiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjggMTkuNTE0TDQyLjY5NiAyOCAyOCAzNi40ODYgMTMuMzAyIDI4eiIvPjxwYXRoIGZpbGw9IiNFQkVGRjUiIGQ9Ik0yOCAxMy4yMTRMNDIuNjk2IDIxLjcgMjggMzAuMTg2IDEzLjMwMiAyMS43eiIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMSAwIDExLjIgNS42IDUuNiAwIDAgMSAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQxLjMgMzQuM2gtMS40djQuMTRsMi4zMDUgMi4zMDUuOTktLjk5TDQxLjMgMzcuODZ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-network {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2IDE2KSI+PGNpcmNsZSBmaWxsPSIjQzFDQ0REIiBjeD0iMjQiIGN5PSIyNCIgcj0iMjIiLz48cGF0aCBkPSJNMjQgMmgtLjEwM2MyLjQ4NiAwIDQuODc1LjQxMiA3LjEwNCAxLjE3MkwzMSAxMmgtN3Y5aC04djZoMTRsNSA1aDZsLjAwMSA1LjgzOGMtMy45NDcgNC44NzMtOS45MzUgOC4wMjYtMTYuNjY0IDguMTU4bC0uMzM3LjAwM1YzNmgtNnYtNEwzLjEwMyAxNy4xMDJDNS45OTcgOC4zMzEgMTQuMjYgMiAyNCAyeiIgZmlsbD0iI0ZGRiIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDEgMCAxNiA4IDggMCAwIDEgMC0xNnptMSAxMEg5djJoMnYtMnptMC02SDl2NWgyVjZ6IiBmaWxsPSIjMDA2RUZGIi8+PC9nPjwvZz48L3N2Zz4=)
}

.tea-icon-status-network.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDMUNDREQiIGN4PSIyOCIgY3k9IjI4IiByPSIxNS40Ii8+PHBhdGggZD0iTTI4IDEyLjZoLS4wNzJjMS43NCAwIDMuNDEzLjI4OSA0Ljk3Mi44MnY2LjE4SDI4djYuM2gtNS42djQuMmg5LjhsMy41IDMuNWg0LjJsLjAwMSA0LjA4NmExNS4zNyAxNS4zNyAwIDAgMS0xMS42NjUgNS43MTFsLS4yMzYuMDAyVjM2LjRoLTQuMnYtMi44TDEzLjM3MiAyMy4xNzFDMTUuMzk4IDE3LjAzMSAyMS4xODIgMTIuNiAyOCAxMi42eiIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMCAwIDExLjIgNS42IDUuNiAwIDAgMCAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZD0iTTQxLjMgMzkuMnYxLjRoLTEuNHYtMS40aDEuNHptMC00LjJ2My41aC0xLjRWMzVoMS40eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-status-no-permission {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik00MCAzNi44NzdsMjAuOTk5IDEyLjEyNXYtMTlMNDAgMTcuODc4IDE4Ljk5OSAzMC4wMDJ2MTl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQwIDQyLjEyM2wyMC45OTktMTIuMTI1djIwTDQwIDYyLjEyMyAxOC45OTkgNDkuOTk4di0yMHoiLz48cGF0aCBkPSJNNTggNDVhNSA1IDAgMCAxIDUgNXYxaDJ2MTFINTFWNTFoMnYtMWE1IDUgMCAwIDEgNS01em0wIDJhMyAzIDAgMCAwLTIuOTk1IDIuODI0TDU1IDUwdjFoNnYtMWEzIDMgMCAwIDAtMi44MjQtMi45OTVMNTggNDd6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3IDU0aDJ2NWgtMnoiLz48L2c+PC9zdmc+)
}

.tea-icon-status-no-permission.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjggMjUuODE0bDE0LjcgOC40ODh2LTEzLjNMMjggMTIuNTE0bC0xNC43IDguNDg4djEzLjN6Ii8+PHBhdGggZmlsbD0iI0VCRUZGNSIgZD0iTTI4IDI5LjQ4NmwxNC43LTguNDg4djE0TDI4IDQzLjQ4NmwtMTQuNy04LjQ4OHYtMTR6Ii8+PHBhdGggZD0iTTQwLjYgMzEuNWEzLjUgMy41IDAgMCAxIDMuNSAzLjV2LjY5OWwxLjQuMDAxdjcuN2gtOS44di03LjdsMS40LS4wMDFWMzVhMy41IDMuNSAwIDAgMSAzLjUtMy41em0wIDEuNGEyLjEgMi4xIDAgMCAwLTIuMDk2IDEuOTc3TDM4LjUgMzV2LjdoNC4yVjM1YTIuMSAyLjEgMCAwIDAtMS45NzctMi4wOTZMNDAuNiAzMi45eiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zOS45IDM3LjhoMS40djMuNWgtMS40eiIvPjwvZz48L3N2Zz4=)
}

.tea-icon-status-pay {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOSA1NVYyNWg0MnYzMHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNNDggNDJoOXY5aC05ek0xOSAzMGg0MnY4SDE5eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDEwSDl2Mmgydi0yem0wLTZIOXY1aDJWNnoiIGZpbGw9IiMwMDZFRkYiLz48L2c+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-pay.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTMuMyAzOC41di0yMWgyOS40djIxeiIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik0zMy42IDI5LjRoNi4zdjYuM2gtNi4zek0xMy4zIDIxaDI5LjR2NS42SDEzLjN6Ii8+PHBhdGggZD0iTTQwLjYgMzIuMmE1LjYgNS42IDAgMSAwIDAgMTEuMiA1LjYgNS42IDAgMCAwIDAtMTEuMnoiIGZpbGw9IiMwMDZFRkYiLz48cGF0aCBkPSJNNDEuMyAzOS4ydjEuNGgtMS40di0xLjRoMS40em0wLTQuMnYzLjVoLTEuNFYzNWgxLjR6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-search {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik0xOSAyM2gxNWw0IDRoMTl2MzBIMTl6Ii8+PHBhdGggZD0iTTYzLjQzMSAzM0w1NyA1N0gxOWw2LjQzMS0yNGgzOHoiIGZpbGw9IiNGRkYiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDAgMCAxNiA4IDggMCAwIDAgMC0xNnoiIGZpbGw9IiMwMDZFRkYiLz48cGF0aCBkPSJNOS4yNTIgNWE0LjI1MiA0LjI1MiAwIDAgMSAzLjYzIDYuNDY3bDEuNzc1IDEuNzc2LTEuNDE0IDEuNDE0LTEuNzc2LTEuNzc2QTQuMjUyIDQuMjUyIDAgMSAxIDkuMjUxIDV6bTAgMmEyLjI1MiAyLjI1MiAwIDEgMCAwIDQuNTA0IDIuMjUyIDIuMjUyIDAgMCAwIDAtNC41MDR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-search.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMTMuMyAxNi4xaDEwLjVsMi44IDIuOGgxMy4zdjIxSDEzLjN6Ii8+PHBhdGggZD0iTTQ0LjQwMiAyMy4xTDM5LjkgMzkuOUgxMy4zbDQuNTAyLTE2LjhoMjYuNnoiIGZpbGw9IiNFQkVGRjUiLz48cGF0aCBkPSJNNDAuNiAzMi4yYTUuNiA1LjYgMCAxIDAgMCAxMS4yIDUuNiA1LjYgMCAwIDAgMC0xMS4yeiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGQ9Ik00MC4wNzYgMzQuM2EyLjk3NiAyLjk3NiAwIDAgMSAyLjU0MSA0LjUyN2wxLjI0MyAxLjI0My0uOTkuOTktMS4yNDMtMS4yNDNhMi45NzYgMi45NzYgMCAxIDEtMS41NS01LjUxN3ptMCAxLjRhMS41NzYgMS41NzYgMCAxIDAgMCAzLjE1MyAxLjU3NiAxLjU3NiAwIDAgMCAwLTMuMTUzeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)
}

.tea-icon-status-upload {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCA1NlYyNGg0MHYzMnoiLz48cGF0aCBkPSJNMzEgMzIuMTNsMTggMTggMS40MTQtMS40MTQtNS01TDUxIDM4LjEzbDkgOVY1NkgyMFY0My4xMjlsMTEtMTF6IiBmaWxsPSIjQzFDQ0REIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTE0IDExaC0zdjNIOXYtM0g2VjloM1Y2aDJ2M2gzdjJ6TTIgMTBhOCA4IDAgMSAwIDE2IDAgOCA4IDAgMCAwLTE2IDB6IiBmaWxsPSIjMDA2RUZGIi8+PC9nPjwvZz48L3N2Zz4=)
}

.tea-icon-status-upload.size-s {
    width: 56px;
    height: 56px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZD0iTTIxLjcgMjIuNDkxbDEyLjYgMTIuNi45OS0uOTktMy41LTMuNDk5IDMuOTEtMy45MTEgNi4zIDYuMzAxVjM5LjJIMTR2LTkuMDFsNy43LTcuNjk5eiIgZmlsbD0iI0MxQ0NERCIvPjxwYXRoIGQ9Ik0zNSAzNy44YTUuNiA1LjYgMCAxIDAgMTEuMiAwIDUuNiA1LjYgMCAwIDAtMTEuMiAweiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00My40IDM4LjVoLTIuMXYyLjFoLTEuNHYtMi4xaC0yLjF2LTEuNGgyLjFWMzVoMS40djIuMWgyLjF6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-icon-star {
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0RCREZFNiIgZD0iTTEyIDFsMi41OTcgOC4wMjFIMjNsLTYuNzk4IDQuOTU4TDE4Ljc5OCAyMiAxMiAxNy4wNDMgNS4yMDIgMjJsMi41OTYtOC4wMjFMMSA5LjAyaDguNDAzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-icon-star.size-l {
    width: 24px;
    height: 24px
}

.tea-icon-star-warning {
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmNzIwMCIgZD0iTTggMGwxLjg4OSA1LjczSDE2bC00Ljk0NCAzLjU0TDEyLjk0NCAxNSA4IDExLjQ1OSAzLjA1NiAxNWwxLjg4OC01LjczTDAgNS43M2g2LjExMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-star-warning.size-l {
    width: 24px;
    height: 24px
}

.tea-icon-star-primary {
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTggMGwxLjg4OSA1LjczSDE2bC00Ljk0NCAzLjU0TDEyLjk0NCAxNSA4IDExLjQ1OSAzLjA1NiAxNWwxLjg4OC01LjczTDAgNS43M2g2LjExMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.tea-icon-star-primary.size-l {
    width: 24px;
    height: 24px
}

.tea-flag {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px
}

.tea-flag-Globe {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDBoMjB2MjBIMHoiLz48cGF0aCBkPSJNMTAgMWE5IDkgMCAxIDEgMCAxOCA5IDkgMCAwIDEgMC0xOHptLTYuNzUgOUE2Ljc1NyA2Ljc1NyAwIDAgMCAxMCAxNi43NVYxNC41SDcuNzV2LTEuMTI1TDMuMzM4IDguOTYzQTYuODUgNi44NSAwIDAgMCAzLjI1IDEwem0xMy41IDBjMC0yLjkzMi0xLjg4Mi01LjQyNy00LjUtNi4zNTZWNS41SDEwdjMuMzc1SDYuNjI1djIuMjVoNS42MjVsMi4yNSAyLjI1aDEuMzM2QTYuNzAzIDYuNzAzIDAgMCAwIDE2Ljc1IDEweiIvPjwvZz48L3N2Zz4=)
}

.tea-flag-Globe--gray {
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgOGMwLS4zMTQuMDMyLS42MjEuMDc4LS45MjJMNiAxMXYxaDJ2MmMtMy4zMDkgMC02LTIuNjkxLTYtNm0xMiAwYTUuOTU4IDUuOTU4IDAgMCAxLS44MTIgM0gxMmwtMi0ySDVWN2gzVjRoMlYyLjM1YzIuMzI3LjgyNiA0IDMuMDQ0IDQgNS42NU04IDBhOCA4IDAgMSAwIDAgMTZBOCA4IDAgMCAwIDggMCIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

input[type=file],
input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.tea-btn {
    height: 30px;
    min-width: 24px;
    padding: 0 20px;
    background-color: #006eff;
    color: #fff;
    border: 1px solid #006eff;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tea-btn.is-loading,
.tea-btn.is-loading.is-disabled {
    color: transparent;
    position: relative;
    min-width: 56px
}

.tea-btn.is-loading.is-disabled .tea-icon-loading,
.tea-btn.is-loading .tea-icon-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    vertical-align: -3px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-btn.is-loading.is-disabled:focus,
.tea-btn.is-loading.is-disabled:hover,
.tea-btn.is-loading:focus,
.tea-btn.is-loading:hover {
    color: transparent
}

.tea-btn--weak.is-loading.is-disabled .tea-icon-loading,
.tea-btn--weak.is-loading .tea-icon-loading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.tea-btn:hover {
    border-color: #2a86ff;
    background-color: #2a86ff;
    text-decoration: none
}

.tea-btn:active,
.tea-btn:hover {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tea-btn:active {
    border-color: #0058df;
    background-color: #0058df
}

.tea-btn.is-loading:active,
.tea-btn.is-loading:hover {
    border-color: #006eff;
    background-color: #006eff;
    color: transparent
}

.tea-btn.is-disabled {
    cursor: not-allowed
}

.tea-btn.is-disabled,
.tea-btn.is-disabled:active,
.tea-btn.is-disabled:hover {
    border-color: #aacfff;
    background-color: #aacfff;
    color: #fff
}

.tea-btn--pay {
    border-color: #ff7200;
    background-color: #ff7200;
    color: #fff
}

.tea-btn--pay:hover {
    background-color: #ff8a2a;
    border-color: #ff8a2a;
    color: #fff
}

.tea-btn--pay:active {
    background-color: #df5900;
    border-color: #df5900;
    color: #fff
}

.tea-btn--pay.is-loading:active,
.tea-btn--pay.is-loading:hover {
    border-color: #ff7200;
    background-color: #ff7200;
    color: transparent
}

.tea-btn--pay.is-disabled,
.tea-btn--pay.is-disabled:active,
.tea-btn--pay.is-disabled:hover {
    border-color: #ffd0aa;
    background-color: #ffd0aa;
    color: #fff
}

.tea-btn--weak {
    background-color: #fff;
    border-color: #cfd5de;
    color: #006eff
}

.tea-btn--weak:hover {
    background-color: #ebeef2;
    border-color: #cfd5de;
    color: #006eff
}

.tea-btn--weak:active {
    background-color: #cfd5de;
    border-color: #cfd5de;
    color: #006eff
}

.tea-btn--weak.is-loading:active,
.tea-btn--weak.is-loading:hover {
    background-color: #fff;
    border-color: #cfd5de;
    color: transparent
}

.tea-btn--weak.is-disabled,
.tea-btn--weak.is-disabled:active,
.tea-btn--weak.is-disabled:hover {
    background-color: #fff;
    border-color: #cfd5de;
    color: #aacfff
}

.tea-btn--file {
    position: relative;
    font-size: 0;
    overflow: hidden;
    cursor: pointer
}

.tea-btn--file input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    opacity: 0
}

.tea-btn--file span {
    display: inline-block;
    font-size: 12px
}

.tea-btn--error {
    background-color: #e54545;
    border-color: #e54545;
    color: #fff
}

.tea-btn--error:hover {
    background-color: #e96464;
    border-color: #e96464;
    color: #fff
}

.tea-btn--error:active {
    background-color: #cc3842;
    border-color: #cc3842;
    color: #fff
}

.tea-btn--error.is-loading:active,
.tea-btn--error.is-loading:hover {
    background-color: #e54545;
    border-color: #e54545;
    color: transparent
}

.tea-btn--error.is-disabled,
.tea-btn--error.is-disabled:active,
.tea-btn--error.is-disabled:hover {
    background-color: #f6c1c1;
    border-color: #f6c1c1;
    color: #fff
}

.tea-btn--text {
    display: inline-block;
    text-align: center;
    height: auto;
    padding: 5px;
    vertical-align: middle;
    line-height: 1.5;
    background-color: transparent;
    border: none
}

.tea-btn--text,
.tea-btn--text:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, .9)
}

.tea-btn--text:hover {
    background-color: #ebeef2
}

.tea-btn--text:active {
    background-color: #cfd5de;
    color: rgba(0, 0, 0, .9)
}

.tea-btn--text.is-disabled,
.tea-btn--text.is-disabled:active,
.tea-btn--text.is-disabled:hover {
    background-color: transparent;
    text-decoration: none;
    color: rgba(0, 0, 0, .25)
}

.tea-btn--link {
    display: inline-block;
    text-align: center;
    height: auto;
    padding: 0;
    vertical-align: middle;
    line-height: 1.5;
    border: none;
    color: #006eff
}

.tea-btn--link,
.tea-btn--link:hover {
    text-decoration: none;
    background-color: transparent
}

.tea-btn--link:hover {
    color: #2a86ff
}

.tea-btn--link:active {
    background-color: transparent;
    color: #006eff;
    text-decoration: none
}

.tea-btn--link.is-disabled,
.tea-btn--link.is-disabled:active,
.tea-btn--link.is-disabled:hover {
    border: none;
    color: rgba(0, 0, 0, .25);
    background-color: transparent;
    text-decoration: none
}

.tea-btn--icon {
    display: inline-block;
    font-size: 0;
    border: none;
    padding: 5px;
    height: inherit;
    line-height: inherit;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-btn--icon:hover {
    background-color: #ebeef2;
    text-decoration: none
}

.tea-btn--icon:active {
    background-color: #cfd5de;
    text-decoration: none
}

.tea-btn--icon.is-disabled {
    background-color: transparent
}

.tea-btn--icon.is-disabled .tea-icon {
    opacity: .5
}

.tea-btn--icon.is-disabled,
.tea-btn--icon.is-disabled:active,
.tea-btn--icon.is-disabled:hover {
    background-color: transparent
}

.tea-btn .tea-icon.is-middle {
    vertical-align: -3px
}

.tea-input,
.tea-textarea,
.tea-textarea-group {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    height: 30px;
    font-size: 12px;
    border: 1px solid #cfd5de;
    border-radius: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border;
    padding: 0 10px
}

.tea-input::-webkit-input-placeholder,
.tea-textarea-group::-webkit-input-placeholder,
.tea-textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .25)
}

.tea-input::-moz-placeholder,
.tea-textarea-group::-moz-placeholder,
.tea-textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .25)
}

.tea-input:-ms-input-placeholder,
.tea-textarea-group:-ms-input-placeholder,
.tea-textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .25)
}

.tea-input:-moz-placeholder,
.tea-textarea-group:-moz-placeholder,
.tea-textarea:-moz-placeholder {
    color: rgba(0, 0, 0, .25)
}

.tea-input:hover,
.tea-textarea-group:hover,
.tea-textarea:hover {
    border-color: #b7c1ce;
    outline: 0
}

.tea-input:focus,
.tea-textarea-group:focus,
.tea-textarea:focus {
    border-color: #006eff;
    outline: 0
}

.tea-input:disabled,
.tea-textarea-group:disabled,
.tea-textarea:disabled {
    background-color: #e7eaef;
    border-color: #cfd5de;
    color: rgba(0, 0, 0, .25);
    background-image: none;
    cursor: not-allowed
}

.tea-input:disabled:focus,
.tea-input:disabled:hover,
.tea-textarea-group:disabled:focus,
.tea-textarea-group:disabled:hover,
.tea-textarea:disabled:focus,
.tea-textarea:disabled:hover {
    border-color: #cfd5de
}

.tea-input[readonly=readonly],
.tea-input[readonly],
.tea-textarea-group[readonly=readonly],
.tea-textarea-group[readonly],
.tea-textarea[readonly=readonly],
.tea-textarea[readonly] {
    border-color: #cfd5de;
    background-color: #e7eaef;
    color: rgba(0, 0, 0, .25)
}

.tea-input[readonly=readonly]:focus,
.tea-input[readonly=readonly]:hover,
.tea-input[readonly]:focus,
.tea-input[readonly]:hover,
.tea-textarea-group[readonly=readonly]:focus,
.tea-textarea-group[readonly=readonly]:hover,
.tea-textarea-group[readonly]:focus,
.tea-textarea-group[readonly]:hover,
.tea-textarea[readonly=readonly]:focus,
.tea-textarea[readonly=readonly]:hover,
.tea-textarea[readonly]:focus,
.tea-textarea[readonly]:hover {
    outline: 0 none;
    border-color: #cfd5de
}

.is-error .tea-input,
.is-error .tea-textarea,
.is-error .tea-textarea-group {
    color: #e54545;
    border-color: #e54545
}

.tea-input::-ms-reveal,
.tea-textarea-group::-ms-reveal,
.tea-textarea::-ms-reveal {
    display: none
}

.tea-input {
    vertical-align: middle;
    width: 200px
}

.tea-input::-ms-clear {
    display: none
}

.tea-textarea {
    padding-top: 5px;
    padding-bottom: 5px;
    resize: none;
    width: 200px;
    height: 100px
}

.tea-textarea--resize {
    resize: auto;
    max-width: 100%;
    max-height: 100%
}

.tea-textarea-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    padding: 0 0 20px;
    height: auto
}

.tea-textarea-group .tea-textarea {
    border: none
}

.tea-textarea-group .tea-textarea__label {
    font-size: 12px;
    position: absolute;
    bottom: 1px;
    right: 11px;
    color: rgba(0, 0, 0, .4)
}

.tea-textarea-group:focus-within {
    border-color: #006eff;
    outline: 0
}

.is-error .tea-textarea-group:focus-within {
    border-color: #e54545
}

.tea-select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    height: 30px;
    font-size: 12px;
    border: 1px solid #cfd5de;
    background-color: #fff;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS45NTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9Ii0wLjQ3OSAwLjUgMjEuOTU4IDE2Ij48cGF0aCBmaWxsPSIjODg4IiBkPSJNMTEuNTIxIDYuNWgtOGw0IDV6Ii8+PC9zdmc+) 100% no-repeat #fff;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    line-height: 30px;
    padding: 0 24px 0 10px;
    width: 200px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.is-error .tea-select {
    color: #e54545;
    border-color: #e54545
}

.tea-select::-ms-expand {
    display: none
}

.tea-select[disabled],
.tea-select[disabled]:focus,
.tea-select[disabled]:hover {
    cursor: not-allowed;
    border-color: #cfd5de;
    background-color: #e7eaef;
    color: rgba(0, 0, 0, .9)
}

.tea-select:focus,
.tea-select:hover {
    outline: 0 none;
    color: rgba(0, 0, 0, .9);
    background-color: #ebeef2;
    border-color: #b7c1ce
}

.tea-select-refresh {
    font-size: 0;
    display: inline-block
}

.tea-select-refresh.is-block {
    display: block
}

.tea-select-refresh .size-full-width,
.tea-select-refresh .tea-dropdown.size-full-width,
.tea-select-refresh .tea-select.size-full-width {
    width: calc(100% - 32px)
}

.tea-select-refresh .tea-btn--icon {
    margin-left: -1px;
    border: 1px solid #cfd5de;
    padding: 6px
}

.tea-select-refresh .tea-btn--icon.is-loading {
    border-color: #cfd5de;
    background-color: transparent;
    min-width: 0;
    padding: 6px;
    cursor: not-allowed
}

.tea-select-refresh .tea-btn--icon.is-loading .tea-icon {
    opacity: .5;
    -webkit-animation: spin 1s linear infinite
}

.tea-select-refresh--borderless .tea-btn--icon,
.tea-select-refresh--borderless .tea-btn--icon.is-loading {
    border-color: transparent
}

.tea-input--search,
.tea-input--search.size-m {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    vertical-align: top;
    background-color: #fff;
    border-radius: 0;
    padding: 0 60px 0 10px;
    outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    line-height: 30px;
    -webkit-appearance: none
}

.tea-input-password {
    display: inline-block;
    font-size: 0;
    position: relative
}

.tea-input-password .tea-input {
    padding-right: 56px
}

.tea-input-password__op {
    position: absolute;
    right: 4px;
    top: 2px
}

.tea-input-password__op .tea-btn:hover {
    background-color: transparent
}

.tea-input-password.size-full-width {
    width: 100%
}

.tea-input-password-bubble .tea-icon {
    margin-right: 4px;
    vertical-align: -4px
}

.tea-input-password-bubble .tea-list li>.tea-list {
    padding-left: 24px
}

.tea-input-password-bubble .tea-list--bullet>li.is-success:before {
    background-color: #0abf5b
}

.tea-input.size-l,
.tea-select.size-l,
.tea-textarea.size-l {
    width: 420px
}

.tea-input.size-m,
.tea-select.size-m,
.tea-textarea.size-m {
    width: 200px
}

.tea-input.size-s,
.tea-select.size-s,
.tea-textarea.size-s {
    width: 100px;
    min-width: 0
}

.tea-input.size-xs,
.tea-select.size-xs,
.tea-textarea.size-xs {
    width: 60px
}

.tea-select.size-auto-width {
    width: auto
}

.tea-input.size-full-width,
.tea-select.size-full-width,
.tea-textarea.size-full-width {
    width: 100%
}

.tea-input-group {
    font-size: 0
}

.tea-input-group,
.tea-input-group__text {
    display: inline-block;
    vertical-align: middle
}

.tea-input-group__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    font-size: 12px;
    border: 1px solid #cfd5de;
    background-color: #fff;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border;
    padding: 0 10px;
    background-color: #e7eaef;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    border-radius: 0
}

.tea-input-group__addon {
    margin-right: -1px;
    display: inline-block;
    vertical-align: middle
}

.tea-input-group__addon .tea-dropdown__header {
    border: 1px solid #cfd5de;
    border-radius: 0;
    padding-left: 10px;
    background-color: #fff
}

.tea-input-group__addon .tea-dropdown__header .tea-dropdown__value {
    line-height: 28px
}

.tea-input-group__addon:last-child {
    margin-right: 0;
    margin-left: -1px
}

.tea-input-group__addon:first-child .tea-dropdown .tea-dropdown-btn,
.tea-input-group__addon:first-child .tea-input-group__text,
.tea-input-group__addon:first-child .tea-select,
.tea-input-group__addon:last-child .tea-dropdown .tea-dropdown-btn,
.tea-input-group__addon:last-child .tea-input-group__text,
.tea-input-group__addon:last-child .tea-select {
    border-radius: 0 0 0 0
}

.tea-input-group .tea-input,
.tea-input-group__addon {
    position: relative
}

.tea-input-group>.tea-input:nth-child(2),
.tea-input-group>.tea-select:nth-child(2) {
    border-radius: 0
}

.tea-input-group>.tea-input:first-child,
.tea-input-group>.tea-input:last-child,
.tea-input-group>.tea-select:first-child,
.tea-input-group>.tea-select:last-child {
    border-radius: 0 0 0 0
}

.is-error .tea-input,
.is-success .tea-input,
.tea-input-group .tea-input:focus,
.tea-input-group .tea-input:hover {
    z-index: 1
}

.tea-radio-wrap {
    display: inline-block;
    font-size: 0
}

.tea-radio,
input[type=radio] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #cfd5de;
    border-radius: 100%;
    background-position: inherit;
    background-color: #fff;
    color: rgba(0, 0, 0, .9)
}

.tea-radio-wrap:hover .tea-radio,
.tea-radio:focus,
.tea-radio:hover,
input[type=radio]:focus,
input[type=radio]:hover {
    border-color: #006eff;
    background-position: inherit
}

.tea-radio:checked,
input[type=radio]:checked {
    background-color: #006eff;
    border: 1px solid #006eff
}

.tea-radio:checked::-ms-check,
input[type=radio]:checked::-ms-check {
    background-color: #006eff;
    border: 1px solid #006eff
}

.tea-radio+.tea-radio__dot,
input[type=radio]+.tea-radio__dot {
    display: block;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px;
    cursor: pointer
}

.tea-radio:checked+.tea-radio__dot,
input[type=radio]:checked+.tea-radio__dot {
    background-color: #fff
}

.tea-radio:checked:focus,
.tea-radio:checked:hover,
input[type=radio]:checked:focus,
input[type=radio]:checked:hover {
    background-color: #006eff
}

.tea-radio[disabled],
input[type=radio][disabled] {
    background-color: #e7eaef;
    background-position: inherit;
    border-color: #cfd5de;
    cursor: not-allowed
}

.tea-radio[disabled]:focus,
.tea-radio[disabled]:hover,
input[type=radio][disabled]:focus,
input[type=radio][disabled]:hover {
    border-color: #cfd5de
}

.tea-radio[disabled]:checked,
input[type=radio][disabled]:checked {
    background-color: #aacfff;
    border: 1px solid #aacfff
}

.tea-radio[disabled]:checked::-ms-check,
input[type=radio][disabled]:checked::-ms-check {
    background-color: #aacfff;
    border: 1px solid #aacfff
}

.tea-checkbox,
input[type=checkbox] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #cfd5de;
    background-color: #fff;
    border-radius: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-checkbox:focus,
.tea-checkbox:hover,
input[type=checkbox]:focus,
input[type=checkbox]:hover {
    border-color: #006eff
}

.tea-checkbox:checked,
.tea-checkbox:checked:focus,
.tea-checkbox:checked:hover,
input[type=checkbox]:checked,
input[type=checkbox]:checked:focus,
input[type=checkbox]:checked:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNS43IDguM0wyLjkgNS41IDEuNSA2LjlsNC4yIDQuMiA2LjQtNi40LTEuNC0xLjQtNSA1eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-color: #006eff;
    border-color: #006eff;
    background-position: inherit;
    background-size: 100% auto
}

.tea-checkbox[disabled],
input[type=checkbox][disabled] {
    background-image: none;
    background-color: #e7eaef;
    border-color: #cfd5de;
    background-position: inherit;
    cursor: not-allowed
}

.tea-checkbox[disabled]:checked,
input[type=checkbox][disabled]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNS43IDguM0wyLjkgNS41IDEuNSA2LjlsNC4yIDQuMiA2LjQtNi40LTEuNC0xLjQtNSA1eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-position: inherit;
    background-size: 100% auto;
    background-color: #aacfff;
    border-color: #aacfff
}

.tea-checkbox[disabled]:checked:hover,
input[type=checkbox][disabled]:checked:hover {
    background-color: #aacfff;
    border: 1px solid #aacfff;
    cursor: not-allowed
}

.tea-checkbox:indeterminate,
input[type=checkbox]:indeterminate {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIgNmgxMHYySDJ6Ii8+PC9zdmc+);
    background-color: #006eff;
    border: 1px solid #006eff;
    background-position: inherit;
    background-size: 100% auto
}

.tea-checkbox:indeterminate:hover,
input[type=checkbox]:indeterminate:hover {
    background-color: #006eff
}

.tea-checkbox[disabled]:indeterminate,
input[type=checkbox][disabled]:indeterminate {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIgNmgxMHYySDJ6Ii8+PC9zdmc+);
    background-position: inherit;
    background-size: 100% auto;
    background-color: #aacfff;
    border: 1px solid #aacfff
}

.tea-form-check-group {
    margin-bottom: -8px;
    display: inline-block;
    vertical-align: middle
}

.tea-form-check-group .tea-form-check {
    margin-bottom: 8px
}

.tea-form-check-group+.tea-icon-valid {
    vertical-align: -3px
}

.tea-form-check {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    margin-top: 0;
    margin-right: 18px;
    min-height: 16px;
    color: rgba(0, 0, 0, .9)
}

.tea-form-check:last-child {
    margin-right: 0
}

.tea-form-check__label {
    line-height: 16px;
    cursor: pointer;
    font-size: 12px
}

.tea-form-check .tea-checkbox,
.tea-form-check .tea-radio-wrap {
    position: absolute;
    top: 0;
    left: 0
}

.tea-checkbox[disabled]+.tea-form-check__label,
.tea-radio[disabled]+.tea-form-check__label {
    cursor: not-allowed
}

.tea-form-check--block {
    display: block
}

.tea-form-check--block+.tea-form-check--block {
    margin-top: 8px;
    margin-right: 0
}

.tea-form-check--table-select {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-divider {
    width: 1px;
    height: 13px;
    background-color: rgba(0, 0, 0, .9);
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, .9)
}

.tea-divider--space-2n {
    margin: 0 8px
}

.tea-divider--backslash {
    height: 12px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: skew(20deg);
    transform: skew(20deg)
}

.tea-divider--slash {
    height: 12px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg)
}

.tea-badge {
    display: inline-block;
    font-size: 12px;
    max-width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-badge.multi-line {
    white-space: normal;
    padding: 2px 5px;
    height: auto;
    line-height: 1.5
}

.tea-badge.is-blue {
    background-color: #d5e7ff;
    border-color: #d5e7ff;
    color: #002da0
}

.tea-badge.is-blue-dark {
    background-color: #006eff;
    border-color: #006eff;
    color: #fff
}

.tea-badge.is-warning {
    background-color: #ffe8d5;
    border-color: #ffe8d5;
    color: #a02800
}

.tea-badge.is-warning-dark {
    background-color: #ff7200;
    border-color: #ff7200;
    color: #fff
}

.tea-badge.is-error {
    background-color: #fbe0e0;
    border-color: #fbe0e0;
    color: #9c1f3b
}

.tea-badge.is-error-dark {
    background-color: #e54545;
    border-color: #e54545;
    color: #fff
}

.tea-badge.is-success {
    background-color: #d6f4e4;
    border-color: #d6f4e4;
    color: #06774a
}

.tea-badge.is-success-dark {
    background-color: #0abf5b;
    border-color: #0abf5b;
    color: #fff
}

.tea-badge.is-neutral {
    background-color: #ebeef2;
    border-color: #ebeef2;
    color: rgba(0, 0, 0, .9)
}

.tea-badge.tea-badge--radius {
    border-radius: 10px
}

.tea-badge.tea-badge--dot {
    width: 6px;
    height: 6px
}

.tea-badge.tea-badge--dot,
.tea-badge.tea-badge--ring {
    font-size: 0;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle
}

.tea-badge.tea-badge--ring {
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-style: solid;
    background-color: #fff !important
}

.tea-img {
    display: inline-block;
    font-size: 0
}

.tea-img__preview,
.tea-img img {
    display: inline-block;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    max-width: 100%
}

.tea-grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: table\0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tea-grid__row [class*=tea-grid__col] {
    padding: 10px;
    display: table-cell\0
}

.tea-grid__box {
    color: rgba(0, 0, 0, .9)
}

.tea-grid__row.tea-vertical--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.tea-grid__row.tea-vertical--middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-grid__row.tea-vertical--bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tea-grid__row.tea-vertical--bottom .tea-grid__box,
.tea-grid__row.tea-vertical--middle .tea-grid__box,
.tea-grid__row.tea-vertical--top .tea-grid__box {
    height: auto
}

.tea-grid__row.tea-vertical--top [class*=tea-grid__col] {
    vertical-align: top
}

.tea-grid__row.tea-vertical--center [class*=tea-grid__col] {
    vertical-align: middle
}

.tea-grid__row.tea-vertical--bottom [class*=tea-grid__col] {
    vertical-align: bottom
}

.tea-grid__col-1 {
    width: 4.1667%
}

.tea-grid__col-2 {
    width: 8.3333%
}

.tea-grid__col-3 {
    width: 12.5%
}

.tea-grid__col-4 {
    width: 16.6667%
}

.tea-grid__col-5 {
    width: 20.8333333%
}

.tea-grid__col-6 {
    width: 25%
}

.tea-grid__col-7 {
    width: 29.1666667%
}

.tea-grid__col-8 {
    width: 33.3333333%
}

.tea-grid__col-9 {
    width: 37.5%
}

.tea-grid__col-10 {
    width: 41.6666667%
}

.tea-grid__col-11 {
    width: 45.8333333%
}

.tea-grid__col-12 {
    width: 50%
}

.tea-grid__col-13 {
    width: 54.1666667%
}

.tea-grid__col-14 {
    width: 58.3333333%
}

.tea-grid__col-15 {
    width: 62.5%
}

.tea-grid__col-16 {
    width: 66.6666667%
}

.tea-grid__col-17 {
    width: 70.8333333%
}

.tea-grid__col-18 {
    width: 75%
}

.tea-grid__col-19 {
    width: 79.1666667%
}

.tea-grid__col-20 {
    width: 83.3333333%
}

.tea-grid__col-21 {
    width: 87.5%
}

.tea-grid__col-22 {
    width: 91.6666667%
}

.tea-grid__col-23 {
    width: 95.8333333%
}

.tea-grid__col-24 {
    width: 100%
}

.tea-grid--split-line>[class*=tea-grid__col] {
    position: relative
}

.tea-grid--split-line>[class*=tea-grid__col]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    border-right: #e7eaef
}

.tea-grid--split-line>[class*=tea-grid__col]:first-child:before {
    border-right: 0
}

.tea-grid {
    margin: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tea-grid [class*=tea-grid__item] {
    padding: 10px
}

.tea-grid__box {
    height: 100%
}

.tea-grid.tea-vertical--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.tea-grid.tea-vertical--middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-grid.tea-vertical--bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tea-grid.tea-vertical--bottom .tea-grid__box,
.tea-grid.tea-vertical--middle .tea-grid__box,
.tea-grid.tea-vertical--top .tea-grid__box {
    height: auto
}

.tea-grid.tea-vertical--top [class*=tea-grid__item] {
    vertical-align: top
}

.tea-grid.tea-vertical--middle [class*=tea-grid__item] {
    vertical-align: middle
}

.tea-grid.tea-vertical--bottom [class*=tea-grid__item] {
    vertical-align: bottom
}

.tea-grid__item {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 0
}

.tea-grid__item-0,
.tea-grid__item-lg-0,
.tea-grid__item-md-0,
.tea-grid__item-sm-0,
.tea-grid__item-xl-0,
.tea-grid__item-xxl-0 {
    display: none
}

.tea-grid__item-1 {
    width: 4.16667%
}

.tea-grid__item-2 {
    width: 8.33333%
}

.tea-grid__item-3 {
    width: 12.5%
}

.tea-grid__item-4 {
    width: 16.66667%
}

.tea-grid__item-5 {
    width: 20.83333%
}

.tea-grid__item-6 {
    width: 25%
}

.tea-grid__item-7 {
    width: 29.16667%
}

.tea-grid__item-8 {
    width: 33.33333%
}

.tea-grid__item-9 {
    width: 37.5%
}

.tea-grid__item-10 {
    width: 41.66667%
}

.tea-grid__item-11 {
    width: 45.83333%
}

.tea-grid__item-12 {
    width: 50%
}

.tea-grid__item-13 {
    width: 54.16667%
}

.tea-grid__item-14 {
    width: 58.33333%
}

.tea-grid__item-15 {
    width: 62.5%
}

.tea-grid__item-16 {
    width: 66.66667%
}

.tea-grid__item-17 {
    width: 70.83333%
}

.tea-grid__item-18 {
    width: 75%
}

.tea-grid__item-19 {
    width: 79.16667%
}

.tea-grid__item-20 {
    width: 83.33333%
}

.tea-grid__item-21 {
    width: 87.5%
}

.tea-grid__item-22 {
    width: 91.66667%
}

.tea-grid__item-23 {
    width: 95.83333%
}

.tea-grid__item-24 {
    width: 100%
}

.tea-grid--split-line>[class*=tea-grid__item] {
    position: relative
}

.tea-grid--split-line>[class*=tea-grid__item]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    border-right: 1px solid #e7eaef
}

.tea-grid--split-line>[class*=tea-grid__item]:first-child:before {
    border-right: 0
}

@media screen and (min-width:540px) {
    .tea-grid__item-sm-1 {
        width: 4.16667%
    }

    .tea-grid__item-sm-2 {
        width: 8.33333%
    }

    .tea-grid__item-sm-3 {
        width: 12.5%
    }

    .tea-grid__item-sm-4 {
        width: 16.66667%
    }

    .tea-grid__item-sm-5 {
        width: 20.83333%
    }

    .tea-grid__item-sm-6 {
        width: 25%
    }

    .tea-grid__item-sm-7 {
        width: 29.16667%
    }

    .tea-grid__item-sm-8 {
        width: 33.33333%
    }

    .tea-grid__item-sm-9 {
        width: 37.5%
    }

    .tea-grid__item-sm-10 {
        width: 41.66667%
    }

    .tea-grid__item-sm-11 {
        width: 45.83333%
    }

    .tea-grid__item-sm-12 {
        width: 50%
    }

    .tea-grid__item-sm-13 {
        width: 54.16667%
    }

    .tea-grid__item-sm-14 {
        width: 58.33333%
    }

    .tea-grid__item-sm-15 {
        width: 62.5%
    }

    .tea-grid__item-sm-16 {
        width: 66.66667%
    }

    .tea-grid__item-sm-17 {
        width: 70.83333%
    }

    .tea-grid__item-sm-18 {
        width: 75%
    }

    .tea-grid__item-sm-19 {
        width: 79.16667%
    }

    .tea-grid__item-sm-20 {
        width: 83.33333%
    }

    .tea-grid__item-sm-21 {
        width: 87.5%
    }

    .tea-grid__item-sm-22 {
        width: 91.66667%
    }

    .tea-grid__item-sm-23 {
        width: 95.83333%
    }

    .tea-grid__item-sm-24 {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .tea-grid__item-md-1 {
        width: 4.16667%
    }

    .tea-grid__item-md-2 {
        width: 8.33333%
    }

    .tea-grid__item-md-3 {
        width: 12.5%
    }

    .tea-grid__item-md-4 {
        width: 16.66667%
    }

    .tea-grid__item-md-5 {
        width: 20.83333%
    }

    .tea-grid__item-md-6 {
        width: 25%
    }

    .tea-grid__item-md-7 {
        width: 29.16667%
    }

    .tea-grid__item-md-8 {
        width: 33.33333%
    }

    .tea-grid__item-md-9 {
        width: 37.5%
    }

    .tea-grid__item-md-10 {
        width: 41.66667%
    }

    .tea-grid__item-md-11 {
        width: 45.83333%
    }

    .tea-grid__item-md-12 {
        width: 50%
    }

    .tea-grid__item-md-13 {
        width: 54.16667%
    }

    .tea-grid__item-md-14 {
        width: 58.33333%
    }

    .tea-grid__item-md-15 {
        width: 62.5%
    }

    .tea-grid__item-md-16 {
        width: 66.66667%
    }

    .tea-grid__item-md-17 {
        width: 70.83333%
    }

    .tea-grid__item-md-18 {
        width: 75%
    }

    .tea-grid__item-md-19 {
        width: 79.16667%
    }

    .tea-grid__item-md-20 {
        width: 83.33333%
    }

    .tea-grid__item-md-21 {
        width: 87.5%
    }

    .tea-grid__item-md-22 {
        width: 91.66667%
    }

    .tea-grid__item-md-23 {
        width: 95.83333%
    }

    .tea-grid__item-md-24 {
        width: 100%
    }
}

@media screen and (min-width:900px) {
    .tea-grid__item-lg-1 {
        width: 4.16667%
    }

    .tea-grid__item-lg-2 {
        width: 8.33333%
    }

    .tea-grid__item-lg-3 {
        width: 12.5%
    }

    .tea-grid__item-lg-4 {
        width: 16.66667%
    }

    .tea-grid__item-lg-5 {
        width: 20.83333%
    }

    .tea-grid__item-lg-6 {
        width: 25%
    }

    .tea-grid__item-lg-7 {
        width: 29.16667%
    }

    .tea-grid__item-lg-8 {
        width: 33.33333%
    }

    .tea-grid__item-lg-9 {
        width: 37.5%
    }

    .tea-grid__item-lg-10 {
        width: 41.66667%
    }

    .tea-grid__item-lg-11 {
        width: 45.83333%
    }

    .tea-grid__item-lg-12 {
        width: 50%
    }

    .tea-grid__item-lg-13 {
        width: 54.16667%
    }

    .tea-grid__item-lg-14 {
        width: 58.33333%
    }

    .tea-grid__item-lg-15 {
        width: 62.5%
    }

    .tea-grid__item-lg-16 {
        width: 66.66667%
    }

    .tea-grid__item-lg-17 {
        width: 70.83333%
    }

    .tea-grid__item-lg-18 {
        width: 75%
    }

    .tea-grid__item-lg-19 {
        width: 79.16667%
    }

    .tea-grid__item-lg-20 {
        width: 83.33333%
    }

    .tea-grid__item-lg-21 {
        width: 87.5%
    }

    .tea-grid__item-lg-22 {
        width: 91.66667%
    }

    .tea-grid__item-lg-23 {
        width: 95.83333%
    }

    .tea-grid__item-lg-24 {
        width: 100%
    }
}

@media screen and (min-width:1220px) {
    .tea-grid__item-xl-1 {
        width: 4.16667%
    }

    .tea-grid__item-xl-2 {
        width: 8.33333%
    }

    .tea-grid__item-xl-3 {
        width: 12.5%
    }

    .tea-grid__item-xl-4 {
        width: 16.66667%
    }

    .tea-grid__item-xl-5 {
        width: 20.83333%
    }

    .tea-grid__item-xl-6 {
        width: 25%
    }

    .tea-grid__item-xl-7 {
        width: 29.16667%
    }

    .tea-grid__item-xl-8 {
        width: 33.33333%
    }

    .tea-grid__item-xl-9 {
        width: 37.5%
    }

    .tea-grid__item-xl-10 {
        width: 41.66667%
    }

    .tea-grid__item-xl-11 {
        width: 45.83333%
    }

    .tea-grid__item-xl-12 {
        width: 50%
    }

    .tea-grid__item-xl-13 {
        width: 54.16667%
    }

    .tea-grid__item-xl-14 {
        width: 58.33333%
    }

    .tea-grid__item-xl-15 {
        width: 62.5%
    }

    .tea-grid__item-xl-16 {
        width: 66.66667%
    }

    .tea-grid__item-xl-17 {
        width: 70.83333%
    }

    .tea-grid__item-xl-18 {
        width: 75%
    }

    .tea-grid__item-xl-19 {
        width: 79.16667%
    }

    .tea-grid__item-xl-20 {
        width: 83.33333%
    }

    .tea-grid__item-xl-21 {
        width: 87.5%
    }

    .tea-grid__item-xl-22 {
        width: 91.66667%
    }

    .tea-grid__item-xl-23 {
        width: 95.83333%
    }

    .tea-grid__item-xl-24 {
        width: 100%
    }
}

@media screen and (min-width:1400px) {
    .tea-grid__item-xxl-1 {
        width: 4.16667%
    }

    .tea-grid__item-xxl-2 {
        width: 8.33333%
    }

    .tea-grid__item-xxl-3 {
        width: 12.5%
    }

    .tea-grid__item-xxl-4 {
        width: 16.66667%
    }

    .tea-grid__item-xxl-5 {
        width: 20.83333%
    }

    .tea-grid__item-xxl-6 {
        width: 25%
    }

    .tea-grid__item-xxl-7 {
        width: 29.16667%
    }

    .tea-grid__item-xxl-8 {
        width: 33.33333%
    }

    .tea-grid__item-xxl-9 {
        width: 37.5%
    }

    .tea-grid__item-xxl-10 {
        width: 41.66667%
    }

    .tea-grid__item-xxl-11 {
        width: 45.83333%
    }

    .tea-grid__item-xxl-12 {
        width: 50%
    }

    .tea-grid__item-xxl-13 {
        width: 54.16667%
    }

    .tea-grid__item-xxl-14 {
        width: 58.33333%
    }

    .tea-grid__item-xxl-15 {
        width: 62.5%
    }

    .tea-grid__item-xxl-16 {
        width: 66.66667%
    }

    .tea-grid__item-xxl-17 {
        width: 70.83333%
    }

    .tea-grid__item-xxl-18 {
        width: 75%
    }

    .tea-grid__item-xxl-19 {
        width: 79.16667%
    }

    .tea-grid__item-xxl-20 {
        width: 83.33333%
    }

    .tea-grid__item-xxl-21 {
        width: 87.5%
    }

    .tea-grid__item-xxl-22 {
        width: 91.66667%
    }

    .tea-grid__item-xxl-23 {
        width: 95.83333%
    }

    .tea-grid__item-xxl-24 {
        width: 100%
    }
}

.tea-card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-card+.tea-card {
    margin-top: 20px
}

.tea-card__header {
    border-bottom: 1px solid #e7eaef
}

.tea-card__header .tea-h3,
.tea-card__header h3 {
    padding: 20px;
    color: #000
}

.tea-card__subtitle {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-left: 5px;
    font-weight: 400
}

.tea-card__btn {
    display: inline-block;
    text-align: center;
    padding: 5px;
    vertical-align: initial;
    text-decoration: none;
    line-height: normal;
    font-size: 12px
}

.tea-card__btn:hover {
    background-color: rgba(0, 0, 0, .05);
    text-decoration: none
}

.tea-card__body {
    font-size: 12px;
    padding: 20px
}

.tea-card__footer {
    border-top: 1px solid #e7eaef;
    font-size: 12px
}

.tea-card__title {
    margin-bottom: 18px
}

.tea-card__title .tea-justify-grid__col--left .tea-icon-info {
    vertical-align: -3px
}

.tea-card__title .tea-h3,
.tea-card__title h3 {
    color: #000
}

.tea-card.tea-card--bordered {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #cfd5de
}

.tea-card.tea-card--full {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.tea-card.tea-card--full-with-header {
    position: absolute;
    top: 71px;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.tea-page-root {
    height: 100%
}

.tea-content {
    background-color: #f3f4f7;
    height: 100%;
    overflow: initial;
    padding-left: 0;
    padding-right: 0
}

.tea-content__header {
    margin: 0;
    font-size: 0;
    height: auto;
    line-height: inherit;
    min-height: inherit;
    position: relative;
    border-bottom: 1px solid #cfd5de;
    padding: 10px 20px;
    color: #000;
    background-color: #fff
}

.tea-content__header h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px
}

.tea-content__header .tea-content-header__text {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.tea-content__body {
    background-color: #f3f4f7;
    padding: 20px
}

.tea-content__inner {
    max-width: 1360px;
    margin: 0 auto
}

.tea-content__inner.tea-content__inner--full {
    max-width: 100%;
    margin: 0 auto
}

.tea-content__header-back {
    height: 26px;
    line-height: 26px;
    width: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin-left: -6px;
    vertical-align: middle;
    margin-right: 24px
}

.tea-content__header-back:hover {
    background-color: rgba(0, 0, 0, .05)
}

.tea-inner-wrap {
    position: absolute;
    top: 51px;
    bottom: 0;
    left: 0;
    right: 0
}

.tea-inner-wrap__menu {
    left: 0;
    width: 200px;
    border-right: 1px solid #cfd5de;
    background-color: #fff;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-inner-wrap__content,
.tea-inner-wrap__menu {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.tea-inner-wrap__content {
    left: 200px;
    right: 0;
    overflow: auto
}

.tea-inner-wrap__content .tea-content__header {
    border-bottom: 0;
    background-color: transparent
}

.tea-sidebar {
    position: relative;
    height: 100%;
    vertical-align: top
}

.tea-content__body.has-subsidebar {
    position: absolute;
    top: 51px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    overflow: hidden
}

.has-subsidebar .tea-content {
    position: absolute;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.has-subsidebar .tea-content__header {
    border-bottom: 0;
    background-color: transparent
}

.has-subsidebar>.tea-content__inner {
    max-width: inherit;
    height: 100%
}

.tea-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, .9);
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tea-layout__header {
    height: 50px
}

.tea-layout__content {
    background-color: #f3f4f7;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-layout__content .tea-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tea-layout__content .tea-content__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-layout__content .tea-layout__footer {
    margin-top: -77px
}

.tea-layout__content-header {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tea-layout__content-body {
    padding: 20px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 auto
}

.tea-layout__content-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tea-layout__content-body-inner {
    max-width: 1360px;
    margin: 0 auto
}

.tea-layout__content-body-inner.tea-layout__content-body-inner--full {
    max-width: 100%
}

.tea-layout__footer {
    height: 77px
}

.tea-layout__sidebar {
    position: relative;
    height: 100%;
    vertical-align: top;
    min-width: 56px;
    width: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tea-layout__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    overflow-y: auto
}

.tea-layout__body.has-subsidebar {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.tea-layout__header-title {
    margin: 0;
    font-size: 0;
    height: auto;
    line-height: inherit;
    min-height: inherit;
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
    color: #000;
    background: #fff
}

.tea-layout__header-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: -1px;
    width: 1px;
    background-color: transparent
}

.tea-layout__header-title .tea-h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px
}

.tea-layout__header-text {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.tea-layout__header-title--light {
    border-bottom: 0;
    background-color: transparent
}

.tea-layout.has-subsidebar {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.tea-blank-page {
    max-width: 700px;
    margin: 20px auto 0;
    overflow: initial;
    position: relative;
    top: 19%
}

.tea-blank-page .tea-media__left {
    padding-right: 20px
}

.tea-blank-page .tea-media__body {
    max-height: 500px
}

.tea-blank-page .tea-h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #444
}

.tea-blank-page .tea-list {
    margin-bottom: 20px
}

.tea-blank-page__media {
    position: relative;
    width: 180px;
    height: 180px
}

.tea-blank-page__media img {
    width: 180px;
    vertical-align: top
}

.tea-blank-page__media-bg {
    width: 180px
}

.tea-blank-page__media-bg,
.tea-blank-page__media-gif {
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tea-blank-page__media-gif {
    display: inline-block;
    -webkit-animation: img-anim 1s ease-in-out infinite alternate
}

@-webkit-keyframes img-anim {
    0% {
        -webkit-transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -8px, 0)
    }
}

.tea-blank-page__step {
    margin-bottom: 20px
}

.tea-blank-page__step .item {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    color: #888
}

.tea-blank-page__step .num {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #888;
    border-radius: 100%;
    vertical-align: 0;
    margin-right: 5px
}

.tea-blank-page__op {
    font-size: 0;
    margin-bottom: 20px
}

.tea-blank-page__op .tea-btn,
.tea-blank-page__op .tea-link-external {
    margin-right: 8px
}

.tea-blank-page-v2 {
    min-width: 900px;
    color: rgba(0, 0, 0, .9)
}

.tea-blank-page-v2__main {
    background-color: #f5f8fb;
    position: relative
}

.tea-blank-page-v2__content {
    padding: 48px 0 64px 96px;
    position: relative;
    z-index: 1;
    min-height: 390px;
    max-width: 680px
}

.tea-blank-page-v2__logo {
    font-size: 0;
    margin-bottom: 16px
}

.tea-blank-page-v2__logo img {
    width: 48px
}

.tea-blank-page-v2__title {
    margin-bottom: 16px
}

.tea-blank-page-v2__title h2 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400
}

.tea-blank-page-v2__info {
    color: rgba(0, 0, 0, .4);
    line-height: 20px;
    margin-bottom: 16px
}

.tea-blank-page-v2__opreate {
    margin-top: 36px
}

.tea-blank-page-v2__opreate .tea-btn,
.tea-blank-page-v2__opreate .tea-link-external {
    margin-right: 8px
}

.tea-blank-page-v2__contact {
    margin-top: 12px;
    line-height: 20px
}

.tea-blank-page-v2__picture {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.tea-blank-page-v2__relative {
    padding: 48px 0 48px 96px
}

.tea-blank-page-v2__relative-inner {
    position: relative;
    padding-left: 24px
}

.tea-blank-page-v2__relative-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #cfd5de
}

.tea-blank-page-v2__relative-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.tea-blank-page-v2__relative-item .tea-icon-notice-blue {
    margin-right: 8px
}

.tea-blank-page-v2__relative-item:last-child {
    margin-bottom: 0
}

.tea-blank-page-v2__step {
    margin-bottom: 8px
}

.tea-blank-page-v2__step .item {
    font-size: 12px;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
    color: #000
}

.tea-blank-page-v2__step .num {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    border-radius: 100%;
    vertical-align: 0;
    margin-right: 4px
}

.tea-blank-page-v2--general .tea-blank-page-v2__content {
    padding-top: 96px
}

@media screen and (max-width:1440px) {
    .tea-blank-page-v2__content {
        max-width: 568px
    }

    .tea-blank-page-v2__picture {
        background-position: right -100px bottom
    }
}

@media screen and (max-width:1220px) {
    .tea-blank-page-v2__title h2 {
        font-size: 16px
    }

    .tea-blank-page-v2__content {
        padding-left: 48px;
        max-width: 536px
    }

    .tea-blank-page-v2__relative {
        padding-left: 48px
    }

    .tea-blank-page-v2__picture {
        background-position: right -100px bottom
    }
}

.tea-drawer {
    position: fixed;
    top: 50px;
    left: auto;
    right: 0;
    bottom: 0;
    width: 360px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, .9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1001
}

.tea-drawer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f3f4f7
}

.tea-drawer--left {
    top: 50px;
    left: 0;
    right: auto;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tea-drawer.size-l {
    width: 800px
}

.tea-drawer__header {
    height: 50px;
    padding: 10px 20px;
    border-bottom: 1px solid #e7eaef;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.tea-drawer__header .tea-justify-grid__col .tea-h3 {
    line-height: 28px
}

.tea-drawer__header .tea-justify-grid__col--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tea-drawer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    padding: 20px
}

.tea-drawer__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    height: 50px;
    padding: 10px 20px;
    border-top: 1px solid #e7eaef;
    background-color: #fff
}

.tea-pagination {
    height: auto;
    color: rgba(0, 0, 0, .4);
    font-size: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

.tea-pagination:after {
    display: table;
    clear: both;
    content: ""
}

.tea-pagination__state {
    float: left;
    color: rgba(0, 0, 0, .4);
    margin-top: 5px;
    margin-bottom: 3px
}

.tea-pagination__state strong {
    font-weight: 400;
    margin: 0 3px
}

.tea-pagination__operate {
    float: right
}

.tea-pagination .tea-pagination__text {
    font-size: 12px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle
}

.tea-pagination__turnbtn {
    display: inline-block;
    height: 26px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #cfd5de;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    vertical-align: middle;
    text-align: center
}

.tea-pagination__turnbtn+.tea-pagination__turnbtn {
    margin-left: -1px
}

.tea-pagination__turnbtn:focus,
.tea-pagination__turnbtn:hover {
    z-index: 3;
    background-color: #ebeef2;
    border-color: #cfd5de
}

.tea-pagination__turnbtn.is-disabled,
.tea-pagination__turnbtn.is-disabled:focus,
.tea-pagination__turnbtn.is-disabled:hover {
    z-index: 2;
    cursor: not-allowed;
    background-color: #e7eaef
}

.tea-pagination__turnbtn.is-disabled .tea-icon {
    opacity: .5
}

.tea-pagination__firstbtn {
    margin-left: 10px;
    border-radius: 0 0 0 0
}

.tea-pagination__lastbtn {
    border-radius: 0 0 0 0
}

.tea-pagination .tea-dropdown-box {
    min-width: 48px;
    max-height: 152px;
    overflow: auto
}

.tea-pagination .tea-dropdown-btn.tea-dropdown__header,
.tea-pagination .tea-dropdown__header {
    height: 26px;
    width: auto;
    min-width: 0;
    border-left: none;
    border-right: none
}

.tea-pagination .tea-dropdown__value {
    line-height: 26px
}

.tea-pagination .tea-dropdown-btn .tea-dropdown__value {
    line-height: 24px
}

.tea-pagination .tea-dropdown__header .tea-icon {
    top: 5
}

.tea-pagination__manualinput {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: -1px;
    margin-right: -1px
}

.tea-pagination__manualinput .tc-15-simulate-option {
    display: none
}

.tea-pagination__manualinput .tc-15-simulate-option li {
    text-overflow: clip
}

.tea-pagination__inputpagenum {
    height: 26px;
    width: 65px;
    text-align: center;
    border-radius: 0
}

.tea-pagination__totalpage {
    display: inline-block;
    width: auto;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    color: #000;
    padding: 0 10px;
    border: 1px solid #cfd5de;
    border-left: none;
    text-decoration: initial;
    background-color: #f3f4f7;
    vertical-align: middle
}

.tea-pagination__totalpage em {
    color: rgba(0, 0, 0, .4)
}

.tea-pagination--bordernone .tea-pagination__turnbtn {
    border: none
}

.tea-pagination--bordernone .tea-pagination__turnbtn.is-disabled {
    background-color: #fff
}

.tea-pagination--spacing {
    padding: 10px 10px 20px
}

.tea-table .tr__detailrow td .tea-pagination {
    background-color: transparent;
    font-size: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: inherit
}

.tea-table .tr__detailrow td .tea-pagination .tea-pagination__totalpage {
    height: 26px;
    line-height: 26px
}

.tea-table .tr__detailrow td .tea-pagination a,
.tea-table .tr__detailrow td .tea-pagination a:hover {
    color: rgba(0, 0, 0, .9);
    text-decoration: none
}

.tea-table .tr__detailrow td .tea-pagination .indent {
    min-height: 16px;
    line-height: 16px
}

.tea-tabs {
    color: rgba(0, 0, 0, .9)
}

.tea-tabs__tabbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-tabs__tabbar:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e7eaef
}

.tea-tabs__tablist {
    font-size: 0;
    min-width: 100%
}

.tea-tabs__tabitem,
.tea-tabs__tablist {
    position: relative;
    display: inline-block
}

.tea-tabs__tabitem {
    margin-right: 20px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.tea-tabs__tabitem:last-child {
    margin-right: 0
}

.tea-tabs__tab {
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    color: #000;
    position: relative
}

.tea-tabs__tab:hover {
    text-decoration: none
}

.tea-tabs__tab.is-active {
    font-weight: 700
}

.tea-tabs__tab.is-disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .25)
}

.tea-tabs__tab:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 2px solid transparent
}

.tea-tabs__tab.is-active:after,
.tea-tabs__tab:hover:after {
    width: 100%;
    border-bottom-color: #006eff;
    -webkit-transition: border-color .15s ease-in-out, width .15s ease-in-out, height .15s ease-in-out;
    transition: border-color .15s ease-in-out, width .15s ease-in-out, height .15s ease-in-out
}

.tea-tabs__tab.is-disabled:hover:after {
    border-bottom: 2px solid transparent
}

.tea-tabs__tabpanel {
    padding-top: 10px;
    padding-bottom: 10px
}

.tea-tabs__remove {
    position: absolute;
    top: 7px;
    right: -8px;
    font-size: 0;
    line-height: 1;
    display: none
}

.tea-tabs__tabitem:hover .tea-tabs__remove {
    display: inline-block
}

.tea-tabs__addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tea-tabs__addons .tea-pagination {
    display: inline-block;
    vertical-align: middle
}

.tea-tabs__backward,
.tea-tabs__forward {
    display: none;
    padding: 6px 7px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #e7eaef
}

.tea-tabs__backward:focus,
.tea-tabs__backward:hover,
.tea-tabs__forward:focus,
.tea-tabs__forward:hover {
    border-bottom-color: #e7eaef;
    background-color: #ebeef2
}

.tea-tabs__backward {
    left: 0
}

.tea-tabs__forward {
    right: 0
}

.tea-tabs__scroll-area {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-tabs__scroll-area.is-scrolling {
    padding: 0 30px
}

.tea-tabs__scroll-area.is-scrolling .tea-tabs__backward,
.tea-tabs__scroll-area.is-scrolling .tea-tabs__forward {
    display: inline-block
}

.tea-tabs--vertical {
    display: table;
    width: 100%
}

.tea-tabs--vertical>.tea-tabs__tabbar {
    display: table-cell;
    vertical-align: top
}

.tea-tabs--vertical>.tea-tabs__tabbar:before {
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #e7eaef
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__scroll-area {
    white-space: normal
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tabitem {
    display: block;
    margin-right: 0
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tab {
    display: block;
    text-align: right;
    padding-left: 0;
    padding-right: 20px;
    max-width: 20em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tab:after {
    right: 0;
    left: auto;
    top: 0;
    width: auto;
    border-bottom: 0;
    border-right: 2px solid transparent
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tab.is-active:after,
.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tab:hover:after {
    border-right-color: #006eff
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__tab.is-disabled:hover:after {
    border-right: 2px solid transparent
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__remove {
    right: 3px
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__scroll-area.is-scrolling {
    padding: 30px 0
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__backward,
.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__forward {
    border: 0;
    border-right: 1px solid #e7eaef;
    left: 0;
    width: 100%
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__backward {
    top: 0;
    bottom: auto
}

.tea-tabs--vertical>.tea-tabs__tabbar .tea-tabs__forward {
    top: auto;
    bottom: 0
}

.tea-tabs--vertical>.tea-tabs__tabpanel {
    display: table-cell;
    width: 100%;
    padding: 0 20px;
    vertical-align: top
}

.tea-tabs--bordered .tea-tabs__tabitem {
    border: 1px solid #cfd5de;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: 0
}

.tea-tabs--bordered .tea-tabs__tab:hover:after {
    border-bottom: 2px solid transparent
}

.tea-tabs--bordered .tea-tabs__tab.is-active:after {
    border-bottom-color: #fff
}

.tea-tabs--bordered .tea-tabs__tab:after {
    bottom: -1px
}

.tea-tabs--bordered .tea-tabs__tab.is-disabled:hover:after {
    border-bottom: 2px solid transparent
}

.tea-tabs--bordered .tea-tabs__tab {
    padding: 0 20px
}

.tea-tabs.tea-tabs--ceiling {
    margin-top: -21px
}

.tea-tabs.tea-tabs--ceiling>.tea-tabs__tabbar {
    background-color: #fff;
    padding: 0 20px;
    position: absolute;
    left: 0;
    right: 0
}

.tea-tabs.tea-tabs--ceiling>.tea-tabs__tabbar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: -1px;
    width: 0;
    background-color: #f3f4f7
}

.tea-tabs.tea-tabs--ceiling>.tea-tabs__tabpanel {
    padding-top: 50px
}

.tea-tabs.tea-tabs--full>.tea-tabs__tabbar {
    margin: 0 -20px;
    padding: 0 20px
}

.tea-step {
    counter-reset: step;
    font-size: 0;
    margin-top: -10px;
    color: rgba(0, 0, 0, .9)
}

.tea-step__item {
    margin-top: 10px
}

.tea-step__item,
.tea-step__num {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.tea-step__num {
    width: 28px;
    height: 28px;
    background-color: #006eff;
    border: 2px solid #006eff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    color: #fff
}

.tea-step__num:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 4px;
    top: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMzM3IDExLjc2TDYuNDcgMTMuNjkzLjgwNCA4LjAyNiAyLjY3IDYuMTZsMy44IDMuOCA2LjgyNi02Ljg5MyAxLjg2NyAxLjg2NnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);
    background-color: transparent
}

.tea-step__num:before {
    counter-increment: step;
    content: counter(step);
    font-size: 0
}

.tea-step__content {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding-top: 4px
}

.tea-step__title {
    font-weight: 700;
    max-width: 10em
}

.tea-step__arrow {
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    margin: 6px 30px 0;
    vertical-align: top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMzYgMUw1LjAyMSAyLjQxMWw1LjMwNCA1LjU4Ni01LjMxNCA1LjU5NyAxLjM0IDEuNDExTDEzIDguMDAzbC0uMDA1LS4wMDYuMDA1LS4wMDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.tea-step__description {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 18px;
    margin-top: 10px;
    max-width: 15em
}

.tea-step__item.is-error {
    color: #e54545
}

.tea-step__item.is-error .tea-step__num {
    border: none;
    background-color: #fff
}

.tea-step__item.is-error .tea-step__num:before {
    display: none
}

.tea-step__item.is-error .tea-step__num:after {
    content: "";
    width: 28px;
    height: 28px;
    display: block !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzYgMCAxNiA3LjE2NCAxNiAxNnMtNy4xNjQgMTYtMTYgMTZTMCAyNC44MzYgMCAxNiA3LjE2NCAwIDE2IDB6bTAgMy4wOTdDOC44ODUgMy4wOTcgMy4wOTcgOC44ODUgMy4wOTcgMTZTOC44ODUgMjguOTAzIDE2IDI4LjkwMyAyOC45MDMgMjMuMTE1IDI4LjkwMyAxNiAyMy4xMTUgMy4wOTcgMTYgMy4wOTd6bTQuMzggNi4zMzRsMi4xOSAyLjE5TDE4LjE4OCAxNmw0LjM4IDQuMzgtMi4xOSAyLjE5TDE2IDE4LjE4OGwtNC4zNzkgNC4zOC0yLjE5LTIuMTlMMTMuODEgMTYgOS40MyAxMS42MmwyLjE5LTIuMTlMMTYgMTMuODFsNC4zOC00LjM4eiIgZmlsbD0iI2U1NDU0NSIvPjwvc3ZnPg==);
    background-size: cover;
    top: 0;
    left: 0
}

.tea-step__item.is-pending {
    color: #ff7200
}

.tea-step__item.is-pending .tea-step__num {
    border: none;
    background-color: #fff
}

.tea-step__item.is-pending .tea-step__num:before {
    display: none
}

.tea-step__item.is-pending .tea-step__num:after {
    content: "";
    width: 28px;
    height: 28px;
    display: block !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzcgMCAxNiA3LjE2NCAxNiAxNiAwIDguODM3LTcuMTYzIDE2LTE2IDE2UzAgMjQuODM4IDAgMTZDMCA3LjE2NCA3LjE2MyAwIDE2IDB6bTAgM0M4LjgyIDMgMyA4LjgyIDMgMTZzNS44MiAxMyAxMyAxMyAxMy01LjgyIDEzLTEzUzIzLjE4IDMgMTYgM3ptMS41IDQuNXY4LjM4bDUuNTYgNS41Ni0yLjEyMSAyLjEyMS02LjQzOS02LjQzOVY3LjVoM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-size: cover;
    top: 0;
    left: 0
}

.tea-step.tea-step--alternative .tea-step__item {
    text-align: center;
    padding-right: 160px
}

.tea-step.tea-step--alternative .tea-step__item:last-of-type {
    padding-right: 0
}

.tea-step.tea-step--alternative .tea-step__num {
    margin-right: 0;
    background-color: #aacfff;
    border-color: #aacfff
}

.tea-step.tea-step--alternative .tea-step__num:after {
    display: none
}

.tea-step.tea-step--alternative .tea-step__num:before {
    font-size: 16px;
    color: #002da0;
    font-weight: 700
}

.tea-step.tea-step--alternative .tea-step__content {
    display: block;
    margin-top: 10px
}

.tea-step.tea-step--alternative .tea-step__arrow {
    width: 120px;
    height: 1px;
    content: "";
    display: inline-block;
    margin: 0 0 0 -140px;
    line-height: 1.2;
    position: absolute;
    left: 100%;
    top: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE2IiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMVYwaDR2MUgwem04IDBWMGg0djFIOHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00eiIgZmlsbD0iI0RERCIvPjwvc3ZnPg==)
}

.tea-step.tea-step--alternative .tea-step__tips {
    position: absolute;
    left: 100%;
    top: 0;
    width: 120px;
    margin: 0 0 0 -140px;
    overflow: hidden;
    line-height: normal;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    word-wrap: break-word;
    word-break: break-word
}

.tea-step.tea-step--alternative .tea-step__title {
    margin-top: 4px
}

.tea-step.tea-step--vertical .tea-step__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px
}

.tea-step.tea-step--vertical .tea-step__num {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    vertical-align: top;
    background-color: #aacfff;
    border-color: #aacfff
}

.tea-step.tea-step--vertical .tea-step__num:after {
    display: none
}

.tea-step.tea-step--vertical .tea-step__num:before {
    font-size: 16px;
    color: #002da0;
    font-weight: 700
}

.tea-step.tea-step--vertical .tea-step__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    vertical-align: top
}

.tea-step.tea-step--vertical .tea-step__description {
    max-width: none
}

.tea-step.tea-step--vertical .tea-step__title {
    max-width: 100%
}

.tea-step.tea-step--vertical .tea-step__arrow {
    height: 100%;
    width: 1px;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 30px;
    background-color: #cfd5de;
    position: absolute;
    top: 22px;
    bottom: 0;
    left: -6px
}

.tea-step.tea-step--dot .tea-step__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px
}

.tea-step.tea-step--dot .tea-step__num {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    vertical-align: top;
    width: 9px;
    height: 9px;
    margin-top: 8px;
    background-color: #006eff
}

.tea-step.tea-step--dot .tea-step__num:after {
    display: none
}

.tea-step.tea-step--dot .tea-step__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    vertical-align: top;
    padding-top: 0
}

.tea-step.tea-step--dot .tea-step__description {
    max-width: none
}

.tea-step.tea-step--dot .tea-step__title {
    margin-top: 2px
}

.tea-step.tea-step--dot .tea-step__arrow {
    height: 100%;
    width: 1px;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 30px;
    background-color: #cfd5de;
    position: absolute;
    top: 11px;
    bottom: 0;
    left: -16px
}

.tea-step.tea-step--vertical-new .tea-step__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px
}

.tea-step.tea-step--vertical-new .tea-step__num {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    vertical-align: top
}

.tea-step.tea-step--vertical-new .tea-step__num:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMzM3IDExLjc2TDYuNDcgMTMuNjkzLjgwNCA4LjAyNiAyLjY3IDYuMTZsMy44IDMuOCA2LjgyNi02Ljg5MyAxLjg2NyAxLjg2NnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=)
}

.tea-step.tea-step--vertical-new .tea-step__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    vertical-align: top
}

.tea-step.tea-step--vertical-new .tea-step__description {
    max-width: none
}

.tea-step.tea-step--vertical-new .tea-step__title {
    max-width: 100%
}

.tea-step.tea-step--vertical-new .tea-step__arrow {
    height: 100%;
    width: 1px;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 30px;
    background-color: #cfd5de;
    position: absolute;
    top: 22px;
    bottom: 0;
    left: -6px
}

.tea-step.tea-step--readonly .tea-step__item {
    vertical-align: top
}

.tea-step.tea-step--readonly .tea-step__content {
    padding-top: 4px
}

.tea-step.tea-step--readonly .tea-step__num {
    vertical-align: top;
    color: #fff;
    background-color: #006eff;
    border-color: #006eff
}

.tea-step.tea-step--readonly .tea-step__num:before {
    background-image: none;
    counter-increment: step;
    content: counter(step);
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 24px
}

.tea-step.tea-step--readonly .tea-step__num:after {
    background-image: none
}

.tea-step.tea-step--readonly .tea-step__item.is-current~.tea-step__item .tea-step__num {
    vertical-align: top
}

.tea-step.tea-step--readonly .tea-step__arrow {
    vertical-align: top;
    margin-top: 6px
}

.tea-step.tea-step--wrap-normal .tea-step__title {
    max-width: none
}

.tea-step.tea-step--itemactive .tea-step__content {
    cursor: pointer
}

.tea-step__item.is-current~.tea-step__item {
    color: rgba(0, 0, 0, .25)
}

.tea-step__item.is-current .tea-step__num:before {
    color: #fff
}

.tea-step__item.is-current .tea-step__num:before,
.tea-step__item.is-current~.tea-step__item .tea-step__num:before {
    font-size: 16px;
    font-weight: 700
}

.tea-step__item.is-current~.tea-step__item .tea-link-external {
    color: rgba(0, 0, 0, .4)
}

.tea-step__item.is-current~.tea-step__item .tea-link-external:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-step__item.is-current~.tea-step__item .tea-step__item {
    color: rgba(0, 0, 0, .25)
}

.tea-step__item.is-current~.tea-step__item .tea-step__num {
    border: 2px solid #cfd5de;
    background-color: #fff;
    color: rgba(0, 0, 0, .25)
}

.tea-step__item.is-current .tea-step__num:after,
.tea-step__item.is-current~.tea-step__item .tea-step__num:after {
    display: none
}

.tea-step.tea-step--alternative .tea-step__item.is-current~.tea-step__item .tea-step__num {
    background-color: #fff;
    border-color: #cfd5de;
    margin-right: 0
}

.tea-step.tea-step--vertical .tea-step__item.is-current~.tea-step__item .tea-step__num:before {
    color: rgba(0, 0, 0, .25)
}

.tea-step.tea-step--dot .tea-step__item.is-current .tea-step__num:before,
.tea-step.tea-step--dot .tea-step__item.is-current~.tea-step__item .tea-step__num:before {
    font-size: 0
}

.tea-step.tea-step--dot .tea-step__item.is-current~.tea-step__item .tea-step__num {
    background-color: rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .25)
}

.tea-step.tea-step--dot .tea-step__item.is-current .tea-step__num {
    background-color: #fff;
    background-image: none;
    border: 2px solid #006eff
}

.tea-region {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
    width: 100%;
    min-width: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-region__title {
    font-size: 0;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 16px;
    padding: 0;
    min-width: 140px;
    display: inline-block;
    line-height: 30px
}

.tea-region__title-name,
.tea-region__title .tea-region__name {
    font-size: 14px
}

.tea-region__title-name {
    display: inline-block;
    line-height: 30px;
    padding: 0 5px 0 12px
}

.tea-region__all {
    vertical-align: middle;
    padding-left: 5px;
    font-size: 12px
}

.tea-region__list {
    display: table
}

.tea-region__col {
    display: table-cell;
    min-width: 140px;
    padding-right: 2px
}

.tea-region__unit {
    margin-bottom: 38px
}

.tea-region__type {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 18px;
    padding: 0 6px 0 12px;
    margin-bottom: 10px
}

.tea-region__item {
    font-size: 0;
    color: #000;
    line-height: 30px;
    padding: 0 5px 0 12px;
    cursor: pointer;
    margin-bottom: 2px
}

.tea-region__item .tea-flag {
    display: none
}

.tea-region__item:hover {
    background-color: #ebeef2
}

.tea-region__flag {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px
}

.tea-region__name {
    vertical-align: middle;
    font-size: 12px
}

.tea-region__num {
    margin-left: 4px
}

.tea-region__new {
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #e54545;
    border-radius: 12px;
    margin-left: 5px;
    vertical-align: text-top
}

.tea-region__history {
    margin-bottom: 18px
}

.tea-region__history .tea-region__title {
    margin-bottom: 6px
}

.tea-region__history .tea-region__title .tea-region__item {
    display: inline-block
}

.tea-region__history .tea-region__title .tea-region__item:hover {
    cursor: default;
    background-color: transparent
}

.tea-region__history .tea-region__list {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-region__history .tea-region__list .tea-region__item {
    margin: 0 2px 2px 0;
    min-width: 138px;
    background-color: #f3f4f7
}

.tea-region__history .tea-region__list .tea-region__item:hover {
    background-color: #ebeef2
}

.tea-region__history .tea-region__list .tea-region__item.is-disabled {
    background-color: transparent
}

.tea-region__history .tea-region__list .tea-region__item.is-disabled .tea-region__name,
.tea-region__history .tea-region__list .tea-region__item.is-disabled .tea-region__num {
    color: rgba(0, 0, 0, .25)
}

.tea-region__history .tea-region__list .tea-region__item.is-disabled:hover {
    cursor: not-allowed;
    background-color: transparent
}

.tea-region__item.is-selected {
    background-color: #ebeef2
}

.tea-region__item.is-disabled.tea-region__item--gray {
    background-color: transparent
}

.tea-region__item.is-disabled .tea-region__name,
.tea-region__item.is-disabled .tea-region__num {
    color: rgba(0, 0, 0, .25)
}

.tea-region__item.is-disabled:hover {
    cursor: not-allowed;
    background-color: transparent
}

.tea-region__col .tea-region__unit:last-child,
.tea-region__unit .tea-region__item:last-child {
    margin-bottom: 0
}

.tea-dropdown.tea-dropdown--region-select .tea-dropdown__header {
    background-color: #fff
}

.tea-dropdown.tea-dropdown--region-select .tea-dropdown__header.tea-dropdown-btn {
    min-width: 100px;
    border: 1px solid #cfd5de;
    height: 30px;
    line-height: 28px;
    padding: 0 22px 0 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0
}

.tea-dropdown.tea-dropdown--region-select .tea-region__item {
    display: inline-block;
    line-height: 28px;
    margin-bottom: 0;
    vertical-align: top;
    padding: 0
}

.tea-dropdown.tea-dropdown--region-select .tea-region__more {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 28px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: top;
    display: inline-block
}

.tea-dropdown.tea-dropdown--region-select .tea-dropdown-btn .tea-dropdown__value {
    line-height: 28px;
    display: inline-block
}

.tea-dropdown.tea-dropdown--region-select .tea-dropdown-btn .tea-dropdown__value .tea-region__item .tea-flag {
    margin-right: 5px;
    display: inline-block
}

.tea-dropdown.tea-dropdown--region-select.is-active .tea-dropdown__header {
    background-color: #ebeef2
}

.tea-dropdown.tea-dropdown--region-select.is-disabled .tea-region__item {
    cursor: inherit;
    color: rgba(0, 0, 0, .25)
}

.tea-regionempty {
    display: table;
    margin: 50px auto
}

.tea-regionempty__icon {
    display: table-cell
}

.tea-regionempty__content {
    display: table-cell;
    padding-left: 10px
}

.tea-regionempty__title {
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.tea-regionempty__info {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 18px;
    margin-top: 10px
}

.tea-regionempty__inner {
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    min-width: 155px;
    min-height: 100px;
    display: table;
    margin-top: 20px
}

.tea-regionempty__tips {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 18px;
    margin-top: 20px
}

.tea-region-pave {
    font-size: 0;
    margin-bottom: -10px
}

.tea-region-pave .tea-segment {
    margin-right: -1px;
    margin-bottom: 0;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tea-region-pave .tea-segment .tea-btn {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.tea-region-pave__item {
    display: inline-block;
    position: relative;
    margin-bottom: 10px
}

.tea-region-pave__area-name {
    position: relative;
    display: block;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    white-space: nowrap
}

.tea-region-pave__area-name i {
    padding: 0 2px;
    background-color: #fff;
    position: relative;
    color: rgba(0, 0, 0, .4);
    margin: 0 8px
}

.tea-region-pave__area-name:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    height: 1px;
    background-color: #cfd5de
}

.tea-tree {
    position: relative;
    max-width: 420px;
    color: rgba(0, 0, 0, .9)
}

.tea-tree__node {
    position: relative;
    line-height: 1;
    background-color: #fff;
    white-space: nowrap
}

.tea-tree__node.is-selected>.tea-tree__node-content .tea-tree__label {
    background-color: #ebeef2
}

.tea-tree__space {
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 30px
}

.tea-tree__node-content {
    font-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-tree__switcher {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    min-width: 16px;
    height: 30px;
    padding: 7px 0
}

.tea-tree__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 4px
}

.tea-tree__label:hover {
    background-color: #ebeef2;
    cursor: pointer
}

.tea-tree__label .tea-icon {
    margin-right: 4px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tea-tree__node--transparent>.tea-tree__node-content .tea-tree__label:hover,
.tea-tree__node.is-disabled>.tea-tree__node-content .tea-tree__label:hover,
.tea-tree__node.is-nohighlight>.tea-tree__node-content .tea-tree__label:hover {
    background-color: transparent;
    cursor: default
}

.tea-tree__node--transparent.is-selected>.tea-tree__node-content .tea-tree__label,
.tea-tree__node.is-disabled.is-selected>.tea-tree__node-content .tea-tree__label,
.tea-tree__node.is-nohighlight.is-selected>.tea-tree__node-content .tea-tree__label {
    background-color: #ebeef2
}

.tea-tree__node.is-nohighlight>.tea-tree__node-content>.tea-tree__label,
.tea-tree__node.is-nohighlight>.tea-tree__node-content>.tea-tree__label:hover {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .25)
}

.tea-tree__label-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 12px
}

.tea-tree .tea-form-check,
.tea-tree__label-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-tree .tea-form-check {
    padding-left: 26px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: -7px 0;
    cursor: pointer
}

.tea-tree .tea-form-check .tea-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    top: 7px
}

.tea-tree .tea-form-check .tea-form-check__label {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-tree .tea-checkbox {
    margin-right: 10px
}

.tea-tree__action {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(235, 238, 242, .95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    padding-left: 10px;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-tree__action .tea-btn--icon {
    padding: 7px 4px
}

.tea-tree__action .tea-text--link {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 30px;
    display: inline-block
}

.tea-tree__action .tea-text--link:hover {
    text-decoration: none
}

.tea-tree__label:hover .tea-tree__action {
    visibility: visible
}

.tea-tree__subtree .tea-tree__node {
    padding: 0 0 0 20px
}

.tea-tree.tea-tree--full-line .tea-tree__node-content:hover {
    background-color: #ebeef2;
    cursor: pointer
}

.tea-tree.tea-tree--full-line .tea-tree__node-content:hover .tea-tree__action {
    visibility: visible
}

.tea-tree.tea-tree--full-line .tea-tree__node.is-selected>.tea-tree__node-content {
    background-color: #ebeef2
}

.tea-tree.tea-tree--full-line .tea-tree__node--transparent>.tea-tree__node-content:hover {
    background-color: transparent;
    cursor: default
}

.tea-tree.tea-tree--full-line .tea-tree__node--transparent.is-selected>.tea-tree__node-content {
    background-color: #ebeef2
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label {
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label .tea-tree__label-title {
    padding: 6px 4px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label:hover {
    background-color: transparent
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label:hover+.tea-tree__action,
.tea-tree.tea-tree--checkbox-separate .tea-tree__label:hover .tea-tree__action {
    visibility: hidden
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label .tea-tree__label-title:hover {
    background-color: #ebeef2
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label .tea-tree__label-title:hover .tea-tree__action {
    visibility: visible
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__label .tea-form-check {
    width: auto;
    height: 30px;
    padding-left: 22px
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__action.is-shown {
    visibility: visible
}

.tea-tree.tea-tree--checkbox-separate .tea-checkbox {
    margin-right: 6px
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__node.is-selected>.tea-tree__node-content .tea-tree__label {
    background-color: transparent
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__node.is-selected>.tea-tree__node-content .tea-tree__label .tea-tree__label-title {
    background-color: #ebeef2
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__node--transparent>.tea-tree__node-content .tea-tree__label-title:hover {
    background-color: transparent;
    cursor: default
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__node--transparent.is-selected>.tea-tree__node-content .tea-tree__label {
    background-color: transparent
}

.tea-tree.tea-tree--checkbox-separate .tea-tree__node--transparent.is-selected>.tea-tree__node-content .tea-tree__label .tea-tree__label-title {
    background-color: #ebeef2
}

.tea-breadcrumb {
    font-size: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-breadcrumb,
.tea-breadcrumb__item {
    vertical-align: middle;
    display: inline-block
}

.tea-breadcrumb__item {
    font-weight: 400
}

.tea-breadcrumb__item:before {
    font-size: 12px;
    color: rgba(0, 0, 0, .9);
    content: "/ ";
    padding: 0 8px;
    display: inline-block
}

.tea-breadcrumb__item:first-of-type:before {
    display: none
}

.tea-breadcrumb__item .tea-breadcrumb__item-title,
.tea-breadcrumb__item a,
.tea-breadcrumb__item span,
.tea-breadcrumb__item strong {
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.tea-breadcrumb__item .is-current {
    color: #000;
    font-weight: 700
}

.tea-breadcrumb.tea-breadcrumb--fz-large .tea-breadcrumb__item .tea-breadcrumb__item-title,
.tea-breadcrumb.tea-breadcrumb--fz-large .tea-breadcrumb__item :before,
.tea-breadcrumb.tea-breadcrumb--fz-large .tea-breadcrumb__item a,
.tea-breadcrumb.tea-breadcrumb--fz-large .tea-breadcrumb__item span,
.tea-breadcrumb.tea-breadcrumb--fz-large .tea-breadcrumb__item strong {
    font-size: 16px
}

.tea-timeline-item {
    padding-bottom: 24px;
    position: relative;
    text-align: left;
    padding-left: 30px
}

.tea-timeline-item__decoration {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.tea-timeline-item__line {
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 12px;
    width: 0;
    border: solid #cfd5de;
    border-width: 0 0 0 1px
}

.tea-timeline-item__dot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 4px;
    min-width: 24px;
    min-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.tea-timeline-item__title {
    font-size: 14px;
    line-height: 22px
}

.tea-timeline-item__title h3 {
    font-size: 14px
}

.tea-timeline-item__info {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 8px
}

.tea-timeline-item__card {
    display: inline-block;
    padding: 8px 16px;
    background-color: #f3f4f7;
    min-width: 240px;
    word-wrap: break-word;
    word-break: break-word
}

.tea-timeline-item__card-name {
    margin-bottom: 4px;
    line-height: 22px;
    font-size: 14px
}

.tea-timeline-item__card-body {
    margin-top: 8px
}

.tea-timeline-item:last-child .tea-timeline-item__line {
    display: none
}

.tea-timeline-operate {
    margin-top: 20px;
    padding-left: 12px
}

.tea-timeline-operate .tea-btn--weak {
    width: 100%
}

.tea-timeline--dashline .tea-timeline-item__line {
    border-style: dashed
}

.tea-timeline--timeleft .tea-timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0
}

.tea-timeline--timeleft .tea-timeline-item__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 84px;
    flex: 0 0 84px;
    text-align: right;
    margin-right: 32px
}

.tea-timeline--timeleft .tea-timeline-item__decoration {
    left: 88px
}

.tea-timeline--timeleft .tea-timeline-item__card {
    position: relative
}

.tea-timeline--alternately .tea-timeline-item {
    padding-left: 0;
    max-width: 50%;
    min-width: 240px
}

.tea-timeline--alternately .tea-timeline-item__decoration {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px)
}

.tea-timeline--alternately .tea-timeline-item__card,
.tea-timeline--alternately .tea-timeline-item__info,
.tea-timeline--alternately .tea-timeline-item__title {
    position: relative;
    left: calc(100% + 16px)
}

.tea-timeline--alternately .tea-timeline-item--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tea-timeline--alternately .tea-timeline-item--right .tea-timeline-item__card,
.tea-timeline--alternately .tea-timeline-item--right .tea-timeline-item__info,
.tea-timeline--alternately .tea-timeline-item--right .tea-timeline-item__title {
    left: 0;
    text-align: right;
    margin-right: 16px
}

.tea-timeline--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-timeline--horizontal .tea-timeline-item {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 48px
}

.tea-timeline--horizontal .tea-timeline-item__decoration {
    height: 24px;
    top: 24px;
    left: 0;
    right: 0
}

.tea-timeline--horizontal .tea-timeline-item__line {
    left: 0;
    right: 0;
    top: 12px;
    bottom: 0;
    border-width: 1px 0 0;
    width: auto
}

.tea-timeline--horizontal .tea-timeline-item__info {
    margin-bottom: 30px;
    white-space: nowrap;
    margin-left: 8px
}

.tea-timeline--horizontal .tea-timeline-item__card {
    margin-left: 8px
}

.tea-link-external {
    font-size: 12px;
    color: #006eff
}

.tea-link-external--black {
    font-size: 12px;
    color: rgba(0, 0, 0, .9)
}

.tea-link-external--black:hover {
    color: #006eff
}

.tea-link-external--black:after,
.tea-link-external:after {
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==);
    vertical-align: -4px;
    margin-left: 2px
}

.tea-link-external--black:after {
    color: rgba(0, 0, 0, .9);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-link-external--black:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-rate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-rate__item {
    display: inline-block;
    font-size: 0;
    position: relative;
    cursor: pointer
}

.tea-rate__item+.tea-rate__item {
    border-left: 4px solid transparent
}

.tea-rate__item .tea-radio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.tea-rate__item-up {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
    overflow: hidden
}

.tea-rate__text {
    display: inline-block;
    margin-left: 8px
}

.tea-rate.size-l .tea-rate__text {
    font-size: 14px;
    margin-left: 16px
}

.tea-segment {
    vertical-align: middle;
    padding-left: 1px;
    display: inline-block;
    font-size: 0;
    margin-bottom: -5px;
    overflow: visible
}

.tea-segment .tea-btn {
    float: left;
    position: relative;
    margin-left: -1px;
    z-index: 0;
    border-radius: 0;
    border-color: #cfd5de;
    background-color: #fff;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 5px;
    padding: 0 20px;
    margin-right: 0 !important
}

.tea-segment>span {
    float: left;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.tea-segment>span .tea-btn {
    pointer-events: none
}

.tea-segment .tea-segment__last {
    padding: 0 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-segment .tea-btn .tea-badge {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -8px;
    height: auto;
    line-height: normal
}

.tea-segment .tea-btn.first,
.tea-segment .tea-btn.last,
.tea-segment .tea-btn:first-child,
.tea-segment .tea-btn:last-child {
    border-radius: 0 0 0 0
}

.tea-segment .tea-btn:first-child:last-child {
    border-radius: 0
}

.tea-segment .tea-btn.is-selected,
.tea-segment .tea-btn.is-selected:hover {
    z-index: 2;
    border-color: #006eff;
    background: #fff;
    color: #006eff
}

.tea-segment .tea-btn:hover {
    border-color: #cfd5de;
    background-color: #ebeef2;
    color: rgba(0, 0, 0, .9);
    z-index: 1
}

.tea-segment .tea-btn.is-disabled {
    border-color: #cfd5de;
    background-color: transparent;
    color: rgba(0, 0, 0, .25);
    z-index: 1
}

.tea-segment .tea-btn.is-disabled:focus,
.tea-segment .tea-btn.is-disabled:hover {
    z-index: 0;
    border-color: #cfd5de;
    background-color: transparent;
    color: rgba(0, 0, 0, .25)
}

.tea-segment .tea-btn.is-selected.is-disabled {
    border-color: #aacfff;
    background-color: transparent;
    color: #aacfff;
    z-index: 2
}

.tea-segment .tc-discount-icon {
    background-color: #ff7200;
    color: #fff;
    padding: 0 2px;
    position: absolute;
    right: 0;
    top: -10px;
    line-height: normal;
    z-index: 99
}

.tea-segment .new-mark-icon {
    margin-left: 5px;
    vertical-align: -3px
}

.tea-segment--rimless .tea-btn {
    border-color: transparent;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 0
}

.tea-segment--rimless .tea-btn:first-child,
.tea-segment--rimless .tea-btn:last-child {
    border-radius: 0
}

.tea-form__controls {
    display: block;
    position: relative;
    font-size: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-form__text {
    font-size: 12px;
    color: rgba(0, 0, 0, .9);
    vertical-align: middle
}

.tea-form__help-text {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    vertical-align: middle;
    margin-top: 8px
}

.tea-form__help-text--inline {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 5px
}

.tea-form__controls .tea-icon-valid {
    display: none;
    margin-left: 10px
}

.tea-form__controls.is-success .tea-icon-valid {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwem0wIDJDNC42OTEgMiAyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNi0yLjY5MS02LTYtNnptMi45MjUgMi44bDEuNDE0IDEuNDE0LTUuMzAzIDUuMzA0TDMuNSA3Ljk4MmwxLjQxNC0xLjQxNCAyLjEyMiAyLjEyMUwxMC45MjUgNC44eiIgZmlsbD0iIzBhYmY1YiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    background-position: inherit
}

.tea-form__controls.is-validating .tea-icon-valid {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    background-position: inherit;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

.tea-form__controls.is-error .tea-icon-valid {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJoMnYtMkg3djJ6bTAtM2gyVjRIN3Y1em0xIDVjLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDYtMi42OTEgNi02IDZ6TTggMGE4IDggMCAxIDAgMCAxNkE4IDggMCAwIDAgOCAweiIgZmlsbD0iI2U1NDU0NSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    background-position: inherit
}

.tea-form__controls.is-error .tea-form__help-text {
    color: #e54545
}

.tea-form__controls .tea-switch+.tea-form__help-text {
    display: inline-block;
    margin-left: 5px;
    margin-top: 0
}

.tea-form__controls .tea-form-check--block+.tea-icon-valid {
    display: none
}

.tea-form {
    display: table;
    font-size: 12px;
    line-height: 1.5
}

.tea-form__item {
    display: table-row
}

.tea-form .tea-form__controls,
.tea-form .tea-form__label {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 16px
}

.tea-form .tea-form__label {
    vertical-align: baseline;
    color: rgba(0, 0, 0, .4);
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 1px
}

.tea-form .tea-form__label .tea-icon {
    vertical-align: -4px
}

.tea-form .tea-form__label label,
.tea-form .tea-form__label legend {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tea-form .tea-form__controls {
    color: #000;
    word-wrap: break-word;
    word-break: break-word;
    padding-right: 24px;
    width: 100%
}

.tea-form .tea-form__controls--text {
    padding-top: 6px
}

.tea-form .tea-form__controls .tea-text-cost {
    vertical-align: -5px;
    display: inline-block;
    line-height: 30px
}

.tea-form>.tea-form__item:last-child .tea-form__controls,
.tea-form>.tea-form__item:last-child .tea-form__label {
    padding-bottom: 0
}

.tea-form>.tea-form__item:last-child .tea-form .tea-form__controls,
.tea-form>.tea-form__item:last-child .tea-form .tea-form__label {
    padding-bottom: 16px
}

.tea-form>.tea-form__item:last-child .tea-form--vertical .tea-form__label,
.tea-form>.tea-form__item:last-child .tea-form>.tea-form__item:last-child .tea-form__controls,
.tea-form>.tea-form__item:last-child .tea-form>.tea-form__item:last-child .tea-form__label {
    padding-bottom: 0
}

.pure-text-row .form-ctrl-label,
.pure-text-row .form-ctrl-label-stacked,
.pure-text-row .tea-form__controls,
.pure-text-row .tea-form__label {
    line-height: 25px
}

.tea-form .tea-form__label.is-required label:after {
    display: inline-block;
    content: "*";
    color: #e54545;
    line-height: 1;
    position: absolute;
    margin: 5px 0 0 3px
}

.tea-form--fixed-layout .tea-form__label label {
    white-space: normal;
    width: 6em
}

.tea-form--fixed-layout .tea-form__label.is-required label {
    width: 6em
}

.tea-form .tea-form {
    background-color: #f3f4f7;
    padding: 10px
}

.tea-form .tea-form:nth-of-type(n+2) {
    margin-top: 10px
}

.tea-form--vertical .tea-form__controls,
.tea-form--vertical .tea-form__label {
    display: block
}

.tea-form--vertical .tea-form__label {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 12px;
    width: auto;
    margin-bottom: 10px
}

.tea-form--vertical .tea-form__label label {
    color: rgba(0, 0, 0, .9)
}

.tea-form--vertical .tea-form__help-text {
    margin-top: 4px
}

.tea-form--vertical .tea-form__controls--text {
    padding-top: 0
}

.tea-form--inline {
    display: block
}

.tea-form--inline>.tea-form__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.tea-form--inline>.tea-form__item .tea-form__controls {
    width: auto
}

.tea-form--inline>.tea-form__item .tea-form__controls,
.tea-form--inline>.tea-form__item .tea-form__label,
.tea-form--inline>.tea-form__item:last-child .tea-form__controls,
.tea-form--inline>.tea-form__item:last-child .tea-form__label {
    padding-bottom: 10px;
    padding-right: 0
}

.tea-form--inline .tea-form__label label {
    padding-right: 10px
}

.tea-form--inline.tea-form--vertical>.tea-form__item .tea-form__label {
    padding-bottom: 0
}

.tea-form--inline.tea-form--vertical>.tea-form__item .tea-form__label label {
    padding-right: 0
}

.tea-form.size-full-width {
    width: 100%
}

.tea-form .tea-form__controls>.tea-icon-valid {
    position: absolute;
    margin-top: 7px
}

.tea-form .tea-form__controls.tea-form__controls--text>.tea-icon-valid {
    margin-top: 0
}

.tea-form--readonly .tea-form__controls,
.tea-form--readonly .tea-form__label {
    padding-bottom: 0
}

.tea-form-operate {
    padding-top: 20px;
    border-top: 1px solid #e7eaef;
    margin-top: 20px
}

.tea-form-operate .tea-btn {
    margin-right: 10px
}

.tea-form-title {
    margin-bottom: 11px
}

.tea-form-operate--dialog {
    margin-top: 10px;
    border-top: none;
    text-align: center
}

.tea-form .tea-justify-grid .tea-justify-grid__col--left .tea-btn,
.tea-form .tea-justify-grid .tea-justify-grid__col--left .tea-combobox,
.tea-form .tea-justify-grid .tea-justify-grid__col--left .tea-dropdown,
.tea-form .tea-justify-grid .tea-justify-grid__col--left .tea-segment,
.tea-form .tea-justify-grid .tea-justify-grid__col--left .tea-select,
.tea-form .tea-justify-grid .tea-justify-grid__col:first-child .tea-btn,
.tea-form .tea-justify-grid .tea-justify-grid__col:first-child .tea-combobox,
.tea-form .tea-justify-grid .tea-justify-grid__col:first-child .tea-dropdown,
.tea-form .tea-justify-grid .tea-justify-grid__col:first-child .tea-segment,
.tea-form .tea-justify-grid .tea-justify-grid__col:first-child .tea-select {
    margin-right: 0
}

.tea-form .tea-justify-grid .tea-justify-grid__col--right,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child {
    text-align: right
}

.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-btn,
.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-combobox,
.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-dropdown,
.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-segment,
.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-select,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-btn,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-combobox,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-dropdown,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-segment,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-select {
    margin-left: 0;
    margin-right: 0
}

.tea-form .tea-justify-grid .tea-justify-grid__col--right .tea-btn--icon,
.tea-form .tea-justify-grid .tea-justify-grid__col--right:first-child .tea-btn--icon {
    margin-left: 0
}

.tea-form::-ms-expand {
    display: none
}

.tea-dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: rgba(0, 0, 0, .9)
}

.tea-dropdown-box.size-s,
.tea-dropdown.size-s .tea-dropdown__header {
    width: 100px
}

.tea-dropdown-box.size-m,
.tea-dropdown.size-m .tea-dropdown__header {
    width: 200px
}

.tea-dropdown-box.size-l,
.tea-dropdown.size-l .tea-dropdown__header {
    width: 420px
}

.tea-dropdown-box.size-full-width,
.tea-dropdown.size-full-width,
.tea-dropdown.size-full-width .tea-dropdown__header {
    width: 100%
}

.tea-dropdown-box.size-auto-width,
.tea-dropdown.size-auto-width .tea-dropdown__header {
    width: auto
}

.tea-dropdown-box.size-auto-width {
    min-width: 75px
}

.tea-dropdown__header {
    height: 30px;
    padding: 0 22px 0 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.is-error .tea-dropdown__header {
    color: #e54545;
    border-color: #e54545
}

.tea-dropdown__header--unlimit {
    min-height: 30px;
    height: auto
}

.tea-dropdown__header--unlimit .tea-dropdown__value {
    white-space: normal
}

.tea-dropdown-btn.tea-dropdown__header {
    border: 1px solid #cfd5de;
    border-radius: 0;
    padding-left: 10px;
    background-color: #fff
}

.is-error .tea-dropdown-btn.tea-dropdown__header {
    color: #e54545;
    border-color: #e54545
}

.is-expanded.tea-dropdown-btn .tea-dropdown__header,
.tea-dropdown-btn.tea-dropdown__header:hover {
    background-color: #ebeef2
}

.tea-dropdown__header>.tea-icon {
    position: absolute;
    right: 4px;
    top: 6px
}

.tea-dropdown__value {
    line-height: 30px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.tea-dropdown-btn .tea-dropdown__value {
    line-height: 28px
}

.tea-dropdown-box {
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    min-width: 150px;
    color: rgba(0, 0, 0, .9);
    position: relative
}

.tea-dropdown-box--adapte {
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto
}

.tea-dropdown-box .tea-option-list {
    max-height: 180px;
    overflow-y: auto
}

.tea-dropdown-box .tea-form--search {
    margin-bottom: 0;
    min-width: 0
}

.tea-dropdown-box .tea-search--icon-front .tea-input--search,
.tea-dropdown-box .tea-search--simple .tea-input--search {
    padding-left: 10px
}

.tea-dropdown-box .tea-search--icon-front .tea-input--search:focus,
.tea-dropdown-box .tea-search--simple .tea-input--search:focus {
    border-color: #006eff
}

.tea-dropdown-box .tea-search--icon-front {
    margin: 0 10px
}

.tea-dropdown-box .tea-search--icon-front .tea-input--search {
    padding-left: 22px
}

.tea-dropdown-box .tea-search--icon-front .tea-btn--search {
    left: -8px
}

.tea-option-list__item {
    font-size: 12px;
    padding: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #000;
    display: block;
    cursor: pointer
}

.tea-option-list__label {
    font-weight: 700;
    cursor: default;
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.tea-option-list__item:hover {
    background-color: #ebeef2
}

.tea-option-list__label:hover {
    background-color: #fff
}

.tea-option-list__item.tea-option-list__item--label {
    padding: 0
}

.tea-option-list__item--label .tea-form-check {
    padding: 6px 10px 6px 31px
}

.tea-option-list__item--label .tea-checkbox {
    top: 6px;
    left: 10px
}

.tea-dropdown-filter .tea-dropdown__value {
    color: rgba(0, 0, 0, .9);
    font-weight: 700
}

.is-expanded .tea-dropdown-filter .tea-dropdown__value,
.tea-dropdown-filter:hover .tea-dropdown__value {
    color: #000
}

.is-expanded .tea-dropdown-filter .tea-icon-filter,
.tea-dropdown-filter:hover .tea-icon-filter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEzIDRIM2w0IDR2NWwyLTFWOHoiLz48L3N2Zz4=)
}

.tea-option-list__item .tea-form-check {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    margin-right: 0;
    cursor: pointer
}

.tea-dropdown-box__footer {
    margin: 0 10px;
    border-top: 1px solid #e7eaef;
    padding: 10px 0;
    white-space: nowrap
}

.tea-dropdown-box__footer .tea-btn--weak {
    border: none;
    margin-left: 5px
}

.tea-dropdown-link .tea-dropdown__value {
    color: #006eff
}

.tea-dropdown-link .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-option-list__submenu {
    padding-right: 21px
}

.tea-option-list__submenu:after {
    content: "";
    width: 16px;
    height: 16px;
    right: 5px;
    position: absolute;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: inherit;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+)
}

.tea-option-list__submenu .tea-dropdown-box {
    right: 100%;
    margin-top: -25px;
    display: none;
    position: absolute
}

.tea-option-list__submenu.is-hover>.tea-dropdown-box {
    display: block;
    bottom: auto
}

.is-disabled .tea-dropdown-link .tea-dropdown__value,
.is-disabled .tea-dropdown__header {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.is-disabled .tea-dropdown-link .tea-dropdown__value .tea-icon-arrowdown,
.is-disabled .tea-dropdown__header .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.is-disabled .tea-dropdown-btn.tea-dropdown__header,
.is-disabled .tea-dropdown-btn.tea-dropdown__header:hover,
.is-expanded.tea-dropdown-btn.is-disabled .tea-dropdown__header {
    background-color: #e7eaef
}

.tea-inputnum {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-inputnum__minus,
.tea-inputnum__plus {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 0;
    border: 1px solid #cfd5de;
    text-align: center;
    background: #fff;
    position: relative;
    margin-left: 0;
    cursor: pointer
}

.tea-inputnum__minus {
    border-right: none;
    border-radius: 0 0 0 0
}

.tea-inputnum__plus {
    border-left: none;
    border-radius: 0 0 0 0
}

.tea-inputnum__minus:before,
.tea-inputnum__plus:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 6px
}

.tea-inputnum__plus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZS8+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzIDdIOVYzSDd2NEgzdjJoNHY0aDJWOWg0eiIvPjwvc3ZnPg==)
}

.tea-inputnum__minus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTMgN2gxMHYySDN6Ii8+PC9zdmc+)
}

.tea-inputnum__minus:hover,
.tea-inputnum__plus:hover {
    background-color: #ebeef2
}

.tea-inputnum__minus:focus,
.tea-inputnum__plus:focus {
    border-color: #cfd5de;
    outline: none
}

.tea-inputnum.is-disabled .tea-inputnum__minus,
.tea-inputnum.is-disabled .tea-inputnum__plus,
.tea-inputnum__minus.is-disabled,
.tea-inputnum__plus.is-disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .25);
    background-color: #e7eaef
}

.tea-inputnum.is-disabled .tea-inputnum__plus:before,
.tea-inputnum__plus.is-disabled:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZS8+PHBhdGggZmlsbD0iI2JiYiIgZD0iTTEzIDdIOVYzSDd2NEgzdjJoNHY0aDJWOWg0eiIvPjwvc3ZnPg==)
}

.tea-inputnum.is-disabled .tea-inputnum__minus:before,
.tea-inputnum__minus.is-disabled:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2JiYiIgZD0iTTMgN2gxMHYySDN6Ii8+PC9zdmc+)
}

.tea-inputnum.is-disabled .tea-inputnum__minus:focus,
.tea-inputnum.is-disabled .tea-inputnum__plus:focus,
.tea-inputnum__minus.is-disabled:focus,
.tea-inputnum__plus.is-disabled:focus {
    border-color: #cfd5de
}

.tea-inputnum .tea-input {
    text-align: center;
    width: 60px;
    border-radius: 0
}

.tea-inputnum.size-l .tea-input {
    width: 90px
}

.tea-switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 20px
}

.tea-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.tea-switch__input:disabled {
    opacity: 0
}

.tea-switch__toggle {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #8697ad;
    padding: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    font-size: 0;
    cursor: pointer
}

.tea-switch__toggle:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3)
}

.tea-switch:hover .tea-switch__toggle:before {
    background-color: #fff
}

.tea-switch__toggle:after {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
    display: none;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMTBBNSA1IDAgMCAxIDUgMHYyYTMgMyAwIDEgMCAzIDNoMmE1IDUgMCAwIDEtNSA1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

.tea-switch.is-loading .tea-switch__input:disabled+.tea-switch__toggle:after {
    display: block
}

.tea-switch.is-loading .tea-switch__input:checked:disabled+.tea-switch__toggle:after {
    left: 4px
}

.tea-switch.is-checked .tea-switch__toggle:before,
.tea-switch__input:checked+.tea-switch__toggle:before {
    left: 17px
}

.tea-switch.is-checked .tea-switch__toggle,
.tea-switch__input:checked+.tea-switch__toggle {
    background-color: #006eff
}

.tea-switch.is-checked .tea-switch__toggle:hover,
.tea-switch__input:checked+.tea-switch__toggle:hover {
    background-color: #2a86ff
}

.tea-switch.is-disabled .tea-switch__toggle,
.tea-switch__input:disabled+.tea-switch__toggle {
    background-color: #cfd5de;
    cursor: not-allowed
}

.tea-switch.is-checked.is-disabled .tea-switch__toggle,
.tea-switch__input:checked:disabled+.tea-switch__toggle {
    background-color: #aacfff;
    cursor: not-allowed
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.tea-form--search {
    min-width: 100px
}

.tea-form--search.size-s {
    width: 100px
}

.tea-form--search.size-m {
    width: 200px
}

.tea-form--search.size-l {
    width: 420px
}

.tea-form--search.size-full-width {
    width: 100%
}

.tea-search {
    position: relative;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-search__inner {
    position: relative;
    height: 100%;
    cursor: text
}

.tea-search--multi .tea-input--search:focus {
    height: 150px;
    z-index: 3;
    overflow-y: auto
}

.tea-search--simple .tea-input--search {
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    border-radius: 0;
    padding-left: 10px
}

.tea-search .tea-btn {
    position: absolute;
    z-index: 4;
    padding: 6px 7px;
    bottom: 1px;
    height: 28px
}

.tea-search .tea-btn--search {
    right: 1px
}

.tea-search .tea-btn--dismiss,
.tea-search .tea-btn--info {
    right: 31px
}

.tea-search__tags,
.tea-search__tips {
    display: inline-block
}

.tea-search__tips {
    line-height: 21px;
    font-size: 12px;
    margin-top: 4.5px
}

.tea-search.is-disabled {
    cursor: not-allowed;
    background-color: #e7eaef
}

.tea-search.is-disabled .tea-search__inner {
    cursor: inherit
}

.tea-search.is-disabled .tea-input:disabled {
    background-color: #e7eaef;
    border-color: #cfd5de;
    color: rgba(0, 0, 0, .25);
    background-image: none;
    cursor: not-allowed
}

.tea-search.is-disabled .tea-input:disabled:focus,
.tea-search.is-disabled .tea-input:disabled:hover {
    border-color: #cfd5de
}

.tea-search--icon-front .tea-input--search {
    padding-left: 30px;
    padding-right: 30px
}

.tea-search--icon-front .tea-btn--dismiss {
    right: 0
}

.tea-search--icon-front .tea-btn--search {
    left: 0
}

.tea-search--icon-front .tea-btn--search:hover {
    background-color: transparent;
    cursor: default
}

.tea-search--has-info .tea-btn--dismiss {
    right: 61px
}

.tea-search--has-info .tea-input--search {
    padding-right: 90px
}

.tea-search.tea-search--tags {
    min-height: 30px;
    height: 30px;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    position: relative
}

.tea-search.tea-search--tags.size-s {
    width: 100px
}

.tea-search.tea-search--tags.size-m {
    width: 200px
}

.tea-search.tea-search--tags.size-l {
    width: 420px
}

.tea-search.tea-search--tags.size-full-width {
    width: 100%
}

.tea-search.tea-search--tags .tea-search__inner {
    overflow: hidden
}

.tea-search.tea-search--tags .tea-tag {
    margin-top: 4px
}

.tea-search.tea-search--tags .tea-tag .tea-icon-dismiss {
    display: none
}

.tea-search.tea-search--tags .tea-btn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    bottom: 6px;
    padding: 0;
    vertical-align: middle
}

.tea-search.tea-search--tags .tea-btn--search {
    width: 30px;
    height: 28px;
    bottom: 0;
    padding: 6px 7px;
    right: 0;
    background-color: #fff
}

.tea-search.tea-search--tags .tea-btn--dismiss {
    right: 47px;
    visibility: hidden
}

.tea-search.tea-search--tags .tea-btn--info {
    right: 26px;
    visibility: hidden
}

.tea-search.tea-search--tags .tea-tag-group {
    margin-top: 0;
    vertical-align: top;
    white-space: nowrap
}

.tea-search.tea-search--tags.is-active {
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: visible
}

.tea-search.tea-search--tags.is-active .tea-search__inner {
    border-color: #006eff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    background-color: #fff;
    width: 100%
}

.tea-search.tea-search--tags.is-active .tea-btn--search {
    width: 16px;
    height: 16px;
    padding: 0;
    right: 5px;
    bottom: 6px
}

.tea-search.tea-search--tags.is-active .tea-btn--dismiss,
.tea-search.tea-search--tags.is-active .tea-btn--info {
    visibility: visible
}

.tea-search.tea-search--tags.is-active .tea-tag-group {
    white-space: normal
}

.tea-search.tea-search--tags.is-active .tea-tag {
    white-space: normal;
    padding: 0 25px 0 10px
}

.tea-search.tea-search--tags.is-active .tea-tag span {
    display: inline;
    max-width: none;
    white-space: normal;
    vertical-align: middle
}

.tea-search.tea-search--tags.is-active .tea-tag span:before {
    display: inline-block;
    content: ""
}

.tea-search.tea-search--tags.is-active .tea-tag .tea-icon-dismiss {
    display: inline-block
}

.tea-search.tea-search--tags .tea-search__inner {
    padding: 0 70px 0 4px;
    border: 1px solid #cfd5de;
    font-size: 0;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0
}

.tea-search.tea-search--tags .tea-input--tag {
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 0
}

.tea-search.tea-search--tags.is-disabled {
    background-color: #e7eaef
}

.tea-search.tea-search--tags.is-disabled .tea-input:disabled {
    background-color: #e7eaef;
    border-color: #cfd5de;
    color: rgba(0, 0, 0, .25);
    background-image: none;
    cursor: not-allowed
}

.tea-search.tea-search--tags.is-disabled .tea-input:disabled:focus,
.tea-search.tea-search--tags.is-disabled .tea-input:disabled:hover {
    border-color: #cfd5de
}

.tea-search.tea-search--tags.is-disabled .tea-tag {
    opacity: .8;
    color: rgba(0, 0, 0, .25)
}

.tea-search.tea-search--tags.is-disabled .tea-btn:disabled {
    background-color: #e7eaef;
    border-color: #cfd5de;
    color: rgba(0, 0, 0, .25);
    background-image: none;
    cursor: not-allowed
}

.tea-search.tea-search--tags.is-disabled .tea-btn:disabled:focus,
.tea-search.tea-search--tags.is-disabled .tea-btn:disabled:hover {
    border-color: #cfd5de
}

.tea-input--tag {
    width: auto;
    min-width: 1px;
    position: static;
    border: none;
    height: 30px -2;
    vertical-align: top;
    margin-top: 4px
}

.tea-tag-group {
    display: inline-block;
    font-size: 0;
    line-height: normal;
    vertical-align: 6px;
    margin-top: -4px
}

.tea-tag {
    position: relative;
    background-color: #f3f4f7;
    color: #000;
    margin: 4px 4px 0 0;
    padding: 0 7px;
    height: auto;
    line-height: 18px;
    font-size: 0;
    vertical-align: middle;
    border: 1px solid #f3f4f7;
    border-radius: 0
}

.tea-tag,
.tea-tag span {
    display: inline-block;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-word
}

.tea-tag span {
    font-size: 12px;
    vertical-align: top;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-tag .tea-icon-dismiss {
    display: none;
    position: absolute;
    right: 7px;
    bottom: 1px
}

.tea-tag .tea-icon-dismiss:hover {
    cursor: pointer
}

.tea-tag .tea-icon-and,
.tea-tag .tea-icon-not {
    margin-right: 2px;
    cursor: pointer
}

.tea-tag--edit {
    padding: 0 25px 0 10px;
    white-space: normal
}

.tea-tag--edit span {
    display: inline;
    white-space: normal
}

.tea-tag--edit .tea-icon-dismiss {
    display: inline-block
}

.tea-tag span,
::-ms-backdrop {
    word-break: break-all
}

@supports (-ms-ime-align:auto) {
    .tea-tag span {
        word-break: break-all
    }
}

.tea-form--tag {
    display: inline-block;
    width: 100%
}

.tea-form--tag .tea-tag-group {
    margin-top: 0
}

.tea-tag-input {
    width: 100%;
    min-height: 30px;
    background-color: #fff;
    text-align: left;
    position: relative
}

.tea-tag-input__inner {
    padding: 0 4px;
    border: 1px solid #cfd5de;
    border-radius: 0;
    font-size: 0;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: text
}

.tea-tag-input .tea-tag-group {
    padding-bottom: 4px;
    margin-top: 0
}

.tea-tag-input .tea-input--tag {
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 0
}

.tea-tag-input.is-active {
    height: auto;
    z-index: 1;
    overflow: visible
}

.tea-tag-input.is-active .tea-tag-input__inner {
    border-color: #006eff;
    height: auto;
    background-color: #fff;
    width: 100%
}

.tea-tag-input.is-disabled {
    background-color: #e7eaef;
    cursor: not-allowed
}

.tea-tag-input.is-disabled .tea-input:disabled {
    background-color: #e7eaef;
    border-color: #cfd5de;
    color: rgba(0, 0, 0, .25);
    background-image: none;
    cursor: not-allowed
}

.tea-tag-input.is-disabled .tea-input:disabled:focus,
.tea-tag-input.is-disabled .tea-input:disabled:hover {
    border-color: #cfd5de
}

.tea-tag-input.is-disabled .tea-tag-input__inner {
    cursor: inherit
}

.tea-tag-input.is-disabled .tea-tag {
    opacity: .8;
    color: rgba(0, 0, 0, .25)
}

.tea-tag-input.is-disabled .tea-tag .tea-icon-dismiss {
    cursor: inherit
}

.tea-form__controls .tea-tag-input {
    display: inline-block
}

.tea-form__controls.is-error .tea-tag-input__inner {
    border-color: #e54545
}

.tea-tag.is-blue {
    background-color: #d5e7ff;
    border-color: #d5e7ff;
    color: #006eff
}

.tea-tag.is-blue-dark {
    background-color: #006eff;
    border-color: #006eff;
    color: #fff
}

.tea-tag.is-warning {
    background-color: #ffe8d5;
    border-color: #ffe8d5;
    color: #ff7200
}

.tea-tag.is-warning-dark {
    background-color: #ff7200;
    border-color: #ff7200;
    color: #fff
}

.tea-tag.is-error {
    background-color: #fbe0e0;
    border-color: #fbe0e0;
    color: #e54545
}

.tea-tag.is-error-dark {
    background-color: #e54545;
    border-color: #e54545;
    color: #fff
}

.tea-tag.is-success {
    background-color: #d6f4e4;
    border-color: #d6f4e4;
    color: #0abf5b
}

.tea-tag.is-success-dark {
    background-color: #0abf5b;
    border-color: #0abf5b;
    color: #fff
}

.tea-tag.tea-tag--spaceless {
    margin: 0
}

.tea-tag.tea-tag--unlimited-width span {
    max-width: none;
    white-space: normal
}

.tea-slider {
    min-height: 30px;
    display: table;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .9)
}

.tea-slider__content {
    position: relative;
    height: 4px;
    padding: 10px 0;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: left\9;
    cursor: pointer
}

.tea-slider__bar {
    height: 4px;
    background-color: #cfd5de;
    position: absolute;
    left: -5px;
    right: -5px
}

.tea-slider__track {
    width: auto;
    height: 4px
}

.tea-slider__dot,
.tea-slider__track {
    background-color: #006eff;
    position: absolute
}

.tea-slider__dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    left: 0;
    top: 50%;
    margin-top: -4px
}

.tea-slider__dot:last-of-type {
    margin-left: -1px
}

.tea-slider__disabled {
    width: auto;
    height: 4px;
    padding: 10px 0;
    position: absolute;
    cursor: not-allowed;
    margin-top: -10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.tea-slider__disabled:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #cfd5de
}

.tea-slider__mark {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px
}

.tea-slider__text {
    position: absolute;
    left: 0;
    top: 4px;
    padding-top: 10px;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tea-slider__text:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 5px;
    background-color: #cfd5de;
    position: absolute;
    left: 50%;
    top: 0
}

.tea-slider__handle {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 0;
    font-size: 0;
    cursor: pointer;
    margin-left: -9px
}

.tea-slider__handle-inner {
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #006eff;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto
}

.tea-slider__handle-inner.is-active:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #006eff;
    opacity: .2;
    left: -5px;
    top: -5px;
    border-radius: 100%;
    z-index: -1
}

.tea-slider__extend {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    padding: 0 0 0 15px;
    display: inline-block\9;
    vertical-align: middle\9
}

.tea-slider:hover .tea-slider__bar {
    background-color: #b7c1ce
}

.tea-slider--vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 200px;
    min-width: 30px;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 24px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.tea-slider--vertical .tea-slider__content {
    width: 4px;
    padding: 0;
    border: 5px solid transparent;
    border-right: none;
    border-left: none
}

.tea-slider--vertical .tea-slider__bar {
    height: auto;
    top: -5px;
    bottom: -5px;
    left: 0;
    right: 0;
    width: 4px
}

.tea-slider--vertical .tea-slider__track {
    height: 0;
    width: 100%;
    bottom: 0
}

.tea-slider--vertical .tea-slider__handle {
    top: auto;
    bottom: 0;
    left: -7px;
    margin-left: 0;
    margin-bottom: -9px
}

.tea-slider--vertical .tea-slider__mark {
    top: 0;
    bottom: 0;
    left: 10px
}

.tea-slider--vertical .tea-slider__text {
    left: -6px;
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding-top: 0;
    padding-left: 14px
}

.tea-slider--vertical .tea-slider__text:after {
    width: 5px;
    height: 1px;
    left: 0;
    top: 50%
}

.tea-slider--vertical .tea-slider__extend {
    margin-top: 8px
}

.tea-slider--time .tea-slider__track {
    padding: 10px 0;
    margin-top: -10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent
}

.tea-slider--time .tea-slider__track:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #006eff
}

.tea-slider--time .tea-slider__dot {
    padding: 10px 0;
    margin-top: -14px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent
}

.tea-slider--time .tea-slider__dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #006eff
}

.tea-slider--time .tea-slider__dot:hover:after {
    width: 10px;
    height: 10px;
    margin: -1px 0 0 -1px;
    background-color: #fff;
    border: 2px solid #006eff
}

.tea-slider--time .tea-slider__text {
    padding-top: 0;
    margin-top: 10px
}

.tea-slider--time .tea-slider__text:after {
    top: -10px
}

.tea-slider--time .tea-slider__text:first-child {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tea-slider--time .tea-slider__text:first-child:after {
    left: 0
}

.tea-slider--time .tea-slider__text:last-child {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tea-slider--time .tea-slider__text:last-child:after {
    left: 100%
}

.tea-slider.is-disabled,
.tea-slider.is-disabled .tea-slider__content {
    cursor: not-allowed
}

.tea-slider.is-disabled .tea-slider__track {
    background-color: #aacfff
}

.tea-slider.is-disabled .tea-slider__handle {
    cursor: not-allowed
}

.tea-slider.is-disabled .tea-slider__handle-inner {
    border: 2px solid #aacfff
}

.tea-slider.is-disabled:hover .tea-slider__bar {
    background-color: #cfd5de
}

.tea-slider.is-disabled:hover .tea-slider__handle-inner:after {
    display: none
}

.tea-slider--time.is-disabled .tea-slider__track {
    background-color: transparent
}

.tea-slider--time.is-disabled .tea-slider__dot:after,
.tea-slider--time.is-disabled .tea-slider__track:after {
    background-color: #aacfff
}

.tea-slider--time.is-disabled .tea-slider__dot:hover:after {
    margin: 0;
    width: 8px;
    height: 8px;
    background-color: #aacfff;
    border-color: #aacfff
}

.tea-form-upload {
    font-size: 0;
    display: inline-block;
    color: rgba(0, 0, 0, .9)
}

.tea-form-upload .tea-form-upload__inner {
    display: inline-block;
    position: relative;
    padding-right: 10px
}

.tea-form-upload .tea-form-upload__inner .tea-input {
    padding-right: 35px
}

.is-validating .tea-form-upload .tea-form-upload__inner .tea-icon-valid {
    position: absolute;
    left: 148px;
    top: 7px;
    margin: 0
}

.is-validating .tea-form-upload .tea-form-upload__inner .tea-form__help-text--inline {
    position: absolute;
    left: 162px;
    top: 50%;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-error .tea-form-upload .tea-form-upload__inner .tea-icon-valid {
    position: absolute;
    right: 14px;
    top: 7px
}

.is-error .tea-form-upload .tea-form-upload__inner .tea-form__help-text--inline {
    display: none
}

.is-success .tea-form-upload .tea-form-upload__inner .tea-icon-valid {
    position: absolute;
    right: 14px;
    top: 7px
}

.is-success .tea-form-upload .tea-form-upload__inner .tea-form__help-text--inline {
    display: none
}

.is-disabled .tea-form-upload-drag .tea-form-upload__inner,
.is-disabled .tea-form-upload-drag .tea-form-upload__inner .tea-btn--file {
    cursor: not-allowed
}

.tea-form-upload-drag {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.tea-form-upload-drag .tea-text__upload-drag--hover {
    display: none
}

.tea-form-upload-drag .tea-form-upload__inner {
    min-height: 120px;
    min-width: 300px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed #cfd5de;
    border-radius: 0;
    background-color: #fff;
    display: inline-block;
    position: relative
}

.tea-form-upload-drag .tea-form-upload__inner .tea-text__upload-drag {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px
}

.tea-form-upload-drag .tea-form-upload__inner .tea-text__upload-drag .tea-btn--file {
    margin: -2px 0 0
}

.tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner {
    background-color: #ebeef2;
    border-color: #2a86ff
}

.tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner .tea-text {
    display: none
}

.tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner .tea-text__upload-drag--hover {
    display: inline-block;
    cursor: default
}

.tea-form-upload__box,
.tea-form-upload__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-form-upload__thumb {
    width: 100px;
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.tea-form-upload__thumb .tea-form-upload__preview {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tea-form-upload__info {
    height: 100px;
    min-width: 180px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: top;
    position: relative
}

.tea-form-upload__info .tea-text,
.tea-form-upload__info .tea-text-weak {
    font-size: 12px
}

.tea-form-upload__info .tea-text {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 40px)
}

.tea-form-upload__info .tea-form-upload__intro {
    margin-top: 10px
}

.tea-form-upload__info .tea-form-upload__btn {
    position: absolute;
    left: 0;
    padding-left: 10px;
    bottom: 0
}

.is-error .tea-form-upload-drag .tea-form-upload__inner {
    border-color: #e96464
}

.is-error .tea-form-upload-drag .tea-form-upload__inner .tea-form__help-text--inline,
.is-error .tea-form-upload-img .tea-form-upload__inner .tea-form__help-text--inline,
.is-success .tea-form-upload-drag .tea-form-upload__inner .tea-form__help-text--inline,
.is-success .tea-form-upload-img .tea-form-upload__inner .tea-form__help-text--inline {
    display: none
}

.tea-form-upload-img {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 30px)
}

.tea-upload__header {
    margin-bottom: 20px
}

.tea-upload .tea-table {
    border-radius: 0;
    border: 1px solid #cfd5de;
    border-bottom: none
}

.tea-upload .tea-icon {
    margin-right: 5px
}

.tea-info-drag {
    min-height: 192px;
    background-color: #e7eaef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: default
}

.tea-upload__body.tea-form-upload-drag--drag {
    position: relative
}

.tea-upload__body.tea-form-upload-drag--drag .tea-info-drag {
    border: 1px dashed #2a86ff;
    border-radius: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.tea-upload__body.tea-form-upload-drag--drag .tea-info-drag .tea-text {
    display: inline
}

.tea-accordion__header {
    cursor: pointer;
    margin-bottom: 0
}

.tea-accordion__header-title {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    vertical-align: middle
}

.tea-accordion__body {
    display: none
}

.tea-accordion.is-active>.tea-accordion__body {
    display: block
}

.tea-monaco-editor-container .main {
    position: unset;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    background-color: unset !important;
    background: unset !important
}

.tea-monaco-editor-container a:hover {
    text-decoration: none
}

.tea-transfer {
    color: rgba(0, 0, 0, .9)
}

.tea-transfer__header h4 {
    margin-right: 10px
}

.tea-transfer__body {
    width: 100%;
    display: table;
    table-layout: fixed
}

.tea-transfer__title {
    min-height: 30px;
    margin-bottom: 8px
}

.tea-transfer__title h4 {
    font-size: 12px;
    line-height: 30px
}

.tea-transfer__cell {
    display: table-cell;
    position: relative;
    vertical-align: top
}

.tea-transfer__content {
    height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tea-transfer__inner {
    border: 1px solid #cfd5de;
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tea-transfer__separator {
    display: table-cell;
    width: 38px;
    text-align: center;
    vertical-align: middle
}

.tea-transfer__separator .tea-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tea-transfer__separator .tea-pagination__turnbtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
    margin-left: 0
}

.tea-transfer__separator .tea-pagination__turnbtn+.tea-pagination__turnbtn {
    margin-top: 8px
}

.tea-transfer__tips {
    margin-top: 5px;
    font-size: 12px
}

.tea-transfer .tea-search {
    margin-bottom: -1px
}

.tea-transfer.tea-transfer--no-search .tea-transfer__inner {
    height: 380px
}

.tea-calendar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 300px
}

.tea-calendar__footer,
.tea-calendar__header {
    padding: 0 15px
}

.tea-calendar__header {
    border-bottom: 1px solid #e7eaef;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.tea-calendar__body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.tea-calendar__body:after {
    display: block;
    clear: both;
    content: ""
}

.tea-calendar__table {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.tea-calendar__table+.tea-calendar__table {
    margin-left: 28px
}

.tea-calendar__table .tea-pagination {
    position: absolute;
    top: 8px;
    right: 0
}

.tea-calendar__table .tea-pagination__turnbtn {
    position: absolute
}

.tea-calendar__table .tea-pagination__prebtn {
    right: 55px
}

.tea-calendar__table .tea-pagination__curbtn {
    right: 31px
}

.tea-calendar__table .tea-pagination__nextbtn {
    right: 7px
}

.tea-calendar__caption {
    -ms-flex: 100% 0 0;
    -webkit-box-flex: 100%;
    flex: 100% 0 0;
    padding: 0 15px;
    text-align: left;
    font-weight: 700;
    color: #000;
    line-height: 40px;
    font-size: 12px
}

.tea-calendar__caption>a {
    color: rgba(0, 0, 0, .9)
}

.tea-calendar__caption>a:hover {
    color: #006eff;
    text-decoration: none
}

.tea-calendar__header-group,
.tea-calendar__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: auto;
    -webkit-box-flex: 1;
    flex: auto
}

.tea-calendar__row-group {
    font-size: 0;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
}

.tea-calendar__type-wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 10px
}

.tea-calendar__cell {
    -ms-flex: auto;
    -webkit-box-flex: 1;
    flex: auto;
    text-align: center;
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
    position: relative;
    font-size: 0;
    cursor: pointer
}

.tea-calendar__header-group .tea-calendar__cell {
    cursor: default
}

.tea-calendar__cell>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 100%;
    font-size: 14px;
    position: relative;
    z-index: 1
}

.tea-calendar__cell:hover>span {
    background-color: #ebeef2
}

.tea-calendar__header-group .tea-calendar__cell:hover span {
    background-color: transparent
}

.tea-calendar__cell--now {
    color: #006eff;
    font-weight: 700
}

.tea-calendar__cell.is-disabled {
    color: rgba(0, 0, 0, .25)
}

.tea-calendar__cell.is-disabled:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background-color: #e7eaef
}

.tea-calendar__cell.is-hover:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background-color: #ebeef2
}

.tea-calendar__cell.is-hover+.tea-calendar__cell.is-hover-current:after,
.tea-calendar__cell.is-hover+.tea-calendar__cell.is-selected:after,
.tea-calendar__cell.is-hover-current+.tea-calendar__cell.is-hover:after,
.tea-calendar__cell.is-selected+.tea-calendar__cell.is-hover:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 1px;
    bottom: 1px;
    width: 30px;
    background-color: #ebeef2
}

.tea-calendar__day--outside {
    color: rgba(0, 0, 0, .25)
}

.tea-calendar__cell.is-disabled:hover>span,
.tea-calendar__day--outside:hover>span {
    background-color: transparent
}

.tea-calendar__cell.is-disabled {
    cursor: not-allowed
}

.tea-calendar__cell.is-selected:hover>span,
.tea-calendar__cell.is-selected>span {
    background-color: #006eff;
    color: #fff
}

.tea-list.tea-list--calendar-time {
    -ms-flex: 1 1 1px;
    -webkit-box-flex: 1;
    flex: 1 1 1px;
    border-left: 1px solid #e7eaef;
    border-top: 1px solid #cfd5de;
    max-height: 190px;
    padding-top: 80px;
    padding-bottom: 80px
}

.tea-list.tea-list--calendar-time:first-child {
    border-left-color: transparent
}

.tea-list.tea-list--calendar-time::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 9px
}

.tea-list.tea-list--calendar-time::-webkit-scrollbar-track {
    width: 10px
}

.tea-list.tea-list--calendar-time::-webkit-scrollbar:hover {
    background-color: #ebeef2
}

.tea-list.tea-list--calendar-time::-webkit-scrollbar-thumb {
    background: #cfd5de;
    border-radius: 9px;
    background-clip: content-box;
    border: 1px solid transparent
}

.tea-list.tea-list--calendar-time::-webkit-scrollbar-thumb:hover {
    background: #b7c1ce;
    background-clip: content-box
}

.tea-list.tea-list--calendar-time .tea-list__item {
    text-align: center
}

.tea-datepicker,
.tea-datetimepicker,
.tea-monthpicker,
.tea-quarterlypicker,
.tea-timepicker {
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, .9)
}

.tea-datepicker .tea-input,
.tea-datetimepicker .tea-input,
.tea-monthpicker .tea-input,
.tea-quarterlypicker .tea-input,
.tea-timepicker .tea-input {
    cursor: pointer
}

.tea-datepicker.is-disabled,
.tea-datepicker .tea-input:disabled,
.tea-datetimepicker.is-disabled,
.tea-datetimepicker .tea-input:disabled,
.tea-monthpicker.is-disabled,
.tea-monthpicker .tea-input:disabled,
.tea-quarterlypicker.is-disabled,
.tea-quarterlypicker .tea-input:disabled,
.tea-timepicker.is-disabled,
.tea-timepicker .tea-input:disabled {
    cursor: not-allowed
}

.tea-datepicker.is-disabled .tea-datepicker__input,
.tea-datepicker.is-disabled .tea-datetimepicker__input,
.tea-datepicker.is-disabled .tea-monthpicker__input,
.tea-datepicker.is-disabled .tea-quarterlypicker__input,
.tea-datetimepicker.is-disabled .tea-datepicker__input,
.tea-datetimepicker.is-disabled .tea-datetimepicker__input,
.tea-datetimepicker.is-disabled .tea-monthpicker__input,
.tea-datetimepicker.is-disabled .tea-quarterlypicker__input,
.tea-monthpicker.is-disabled .tea-datepicker__input,
.tea-monthpicker.is-disabled .tea-datetimepicker__input,
.tea-monthpicker.is-disabled .tea-monthpicker__input,
.tea-monthpicker.is-disabled .tea-quarterlypicker__input,
.tea-quarterlypicker.is-disabled .tea-datepicker__input,
.tea-quarterlypicker.is-disabled .tea-datetimepicker__input,
.tea-quarterlypicker.is-disabled .tea-monthpicker__input,
.tea-quarterlypicker.is-disabled .tea-quarterlypicker__input,
.tea-timepicker.is-disabled .tea-datepicker__input,
.tea-timepicker.is-disabled .tea-datetimepicker__input,
.tea-timepicker.is-disabled .tea-monthpicker__input,
.tea-timepicker.is-disabled .tea-quarterlypicker__input {
    background-color: #e7eaef
}

.tea-datepicker__input,
.tea-datetimepicker__input,
.tea-monthpicker__input,
.tea-quarterlypicker__input {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.tea-datepicker__input .tea-icon-dismiss,
.tea-datetimepicker__input .tea-icon-dismiss,
.tea-monthpicker__input .tea-icon-dismiss,
.tea-quarterlypicker__input .tea-icon-dismiss {
    display: none
}

.tea-datepicker__input:after,
.tea-datetimepicker__input:after,
.tea-monthpicker__input:after,
.tea-quarterlypicker__input:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDJWMGgydjJoMnYxM0gxVjJoMlYwaDJ2Mmg2em0yIDRIM3Y3aDEwVjZ6TTggOGgzdjNIOFY4eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    cursor: pointer;
    z-index: 1
}

.tea-datepicker__input.is-hover:after,
.tea-datetimepicker__input.is-hover:after,
.tea-monthpicker__input.is-hover:after,
.tea-quarterlypicker__input.is-hover:after {
    background-image: none
}

.tea-datepicker__input.is-hover .tea-icon-dismiss,
.tea-datetimepicker__input.is-hover .tea-icon-dismiss,
.tea-monthpicker__input.is-hover .tea-icon-dismiss,
.tea-quarterlypicker__input.is-hover .tea-icon-dismiss {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 8px;
    z-index: 2;
    cursor: pointer
}

.tea-datetimepicker__input.tea-datepicker__input--range {
    width: 300px
}

.tea-datetimepicker__input.tea-datepicker__input--range.tea-datetimepicker__input--millisecond {
    width: 350px
}

.tea-timepicker .tea-datepicker__input.tea-datepicker__input--range {
    width: 220px
}

.tea-timepicker__input {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.tea-timepicker__input .tea-input {
    width: 120px;
    padding-right: 36px
}

.tea-timepicker__input .tea-icon-dismiss {
    display: none
}

.tea-timepicker__input.size-l .tea-input {
    width: 220px
}

.tea-timepicker__input:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDhjMC0zLjMwOS0yLjY5MS02LTYtNlMyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNnptMiAwQTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS03LS40MTRsMi43MDcgMi43MDYtMS40MTQgMS40MTVMNyA4LjQxNFY0aDJ2My41ODZ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    cursor: pointer;
    z-index: 1
}

.tea-timepicker__input.is-hover:after {
    display: none
}

.tea-timepicker__input.is-hover .tea-icon-dismiss {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 8px;
    z-index: 2;
    cursor: pointer
}

.tea-datepicker__input--range,
.tea-timepicker__input--range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #cfd5de;
    background-color: #fff;
    width: 200px;
    padding: 0 26px 0 0;
    font-size: 12px
}

.tea-datepicker__input--range:focus-within,
.tea-timepicker__input--range:focus-within {
    border-color: #006eff
}

.tea-datepicker__input--range .tea-input,
.tea-timepicker__input--range .tea-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    border-width: 0;
    border-color: transparent;
    width: auto;
    min-width: 0
}

.tea-datepicker__input--range .tea-input:first-child,
.tea-timepicker__input--range .tea-input:first-child {
    padding-right: 4px
}

.tea-datepicker__input--range .tea-input:last-child,
.tea-timepicker__input--range .tea-input:last-child {
    padding-left: 4px
}

.tea-timepicker__input--range {
    width: 220px
}

.tea-timepicker__input--range .tea-input {
    padding: 0 10px
}

.tea-datetimepicker__input .tea-input {
    width: 287px
}

.tea-datetimepicker__input--millisecond .tea-input {
    width: 350px
}

.tea-datepicker.is-selected .tea-input,
.tea-datetimepicker.is-selected .tea-input,
.tea-monthpicker.is-selected .tea-input,
.tea-quarterlypicker.is-selected .tea-input,
.tea-timepicker.is-selected .tea-input {
    border-color: #006eff
}

.tea-datepicker-bar {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.tea-datepicker-bar .tea-segment .tea-btn {
    padding-left: 15px;
    padding-right: 15px
}

.tea-datepicker-bar .tea-datepicker,
.tea-datepicker-bar .tea-datetimepicker {
    margin-left: 10px
}

.tea-calendar__footer {
    border-top: 1px solid #e7eaef;
    padding: 15px
}

.tea-calendar__footer .tea-justify-grid {
    font-size: 0
}

.tea-calendar__footer .tea-justify-grid__col--right .tea-btn+.tea-btn {
    margin-left: 10px
}

.tea-calendar__footer .tea-date-status {
    font-size: 12px;
    color: rgba(0, 0, 0, .4)
}

.tea-calendar__footer .tea-date-status span {
    color: initial;
    display: inline-block;
    margin: 0 5px
}

.tea-calendar--date-range {
    width: 600px
}

.tea-calendar--date-range .tea-calendar__day--in-range:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__day--in-range:hover span {
    background-color: transparent
}

.tea-calendar--date-range .tea-calendar__day--end:after,
.tea-calendar--date-range .tea-calendar__day--start:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 2px;
    width: 15px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__day--end:after {
    left: 0;
    right: auto
}

.tea-calendar--date-range .tea-calendar__month--in-range:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 12px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__month--in-range:hover span {
    background-color: transparent
}

.tea-calendar--date-range .tea-calendar__month--end:after,
.tea-calendar--date-range .tea-calendar__month--start:after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 30px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__month--end:after {
    left: 0;
    right: auto
}

.tea-calendar--date-range .tea-calendar__year--in-range:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__year--in-range:hover span {
    background-color: transparent
}

.tea-calendar--date-range .tea-calendar__year--end:after,
.tea-calendar--date-range .tea-calendar__year--start:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    bottom: 1px;
    width: 30px;
    background-color: #d5e7ff
}

.tea-calendar--date-range .tea-calendar__year--end:after {
    left: 0;
    right: auto
}

.tea-calendar--quarterly .tea-calendar__cell>span,
.tea-calendar__type--quarterly .tea-calendar__cell>span {
    width: 36px;
    height: 36px;
    line-height: 38px
}

.tea-calendar--quarterly .tea-calendar__cell,
.tea-calendar__type--quarterly .tea-calendar__cell {
    padding: 12px 15px
}

.tea-calendar--quarterly .tea-calendar__cell.is-disabled:before,
.tea-calendar__type--quarterly .tea-calendar__cell.is-disabled:before {
    top: 12px;
    bottom: 12px
}

.tea-calendar--month .tea-calendar__cell>span,
.tea-calendar__type--month .tea-calendar__cell>span {
    width: 36px;
    height: 36px;
    line-height: 38px
}

.tea-calendar--month .tea-calendar__cell,
.tea-calendar__type--month .tea-calendar__cell {
    padding: 12px 15px
}

.tea-calendar--month .tea-calendar__cell.is-disabled:before,
.tea-calendar__type--month .tea-calendar__cell.is-disabled:before {
    top: 12px;
    bottom: 12px
}

.tea-calendar--year .tea-calendar__cell>span,
.tea-calendar__type--year .tea-calendar__cell>span {
    width: 36px;
    height: 36px;
    line-height: 38px
}

.tea-calendar--year .tea-calendar__cell,
.tea-calendar__type--year .tea-calendar__cell {
    padding: 0 15px
}

.tea-calendar--year .tea-calendar__cell.is-selected:not(.tea-calendar__day--start):not(.tea-calendar__day--end):before,
.tea-calendar__type--year .tea-calendar__cell.is-selected:not(.tea-calendar__day--start):not(.tea-calendar__day--end):before {
    background-color: transparent
}

.tea-calendar--year .tea-calendar__cell.is-selected:hover:not(.tea-calendar__day--start):not(.tea-calendar__day--end)>span,
.tea-calendar--year .tea-calendar__cell.is-selected:not(.tea-calendar__day--start):not(.tea-calendar__day--end)>span,
.tea-calendar__type--year .tea-calendar__cell.is-selected:hover:not(.tea-calendar__day--start):not(.tea-calendar__day--end)>span,
.tea-calendar__type--year .tea-calendar__cell.is-selected:not(.tea-calendar__day--start):not(.tea-calendar__day--end)>span {
    background-color: #006eff;
    color: #fff;
    border-radius: 100%
}

.tea-calendar--time .tea-calendar__type-wrap,
.tea-dropdown-box .tea-calendar--time .tea-calendar__type-wrap {
    padding: 0
}

.tea-calendar--time .tea-calendar__caption,
.tea-dropdown-box .tea-calendar--time .tea-calendar__caption {
    text-align: center
}

.tea-calendar--time .tea-pagination,
.tea-dropdown-box .tea-calendar--time .tea-pagination {
    display: none
}

.tea-calendar--time .tea-calendar__body,
.tea-dropdown-box .tea-calendar--time .tea-calendar__body {
    padding: 0
}

.tea-segment+.tea-datepicker {
    margin-left: 8px
}

.tea-table {
    background-color: #fff;
    overflow: inherit;
    position: relative;
    border-radius: 0
}

.tea-table a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}

.tea-table a:hover {
    text-decoration: underline
}

.tea-table .tea-table__icon-wrap {
    font-size: 0
}

.tea-table .tea-form-check .tea-checkbox,
.tea-table .tea-form-check .tea-radio {
    top: 1px
}

.tea-table td .tea-btn--link {
    margin-right: 8px;
    padding: 0
}

.tea-table td .tea-btn--link:hover {
    background-color: transparent
}

.tea-table td .tea-input,
.tea-table td .tea-select {
    max-width: 100%
}

.tea-table .tea-table__td--fixed {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: none;
    transition: none
}

.tea-table .tea-table__td--fixed-left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 25px;
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .2);
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .2)
}

.tea-table .tea-table__td--fixed-right:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    width: 25px;
    -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .2);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .2)
}

.tea-table__box tbody tr.is-selected .tea-table__td--fixed,
.tea-table__box tbody tr:focus .tea-table__td--fixed,
.tea-table__box tbody tr:hover .tea-table__td--fixed {
    background-color: #ebeef2
}

.tea-table .tea-table__td--fixed-left:after,
.tea-table .tea-table__td--fixed-right:after,
_:-ms-lang(x)::backdrop {
    display: block
}

@media (-ms-high-contrast:none) {

    .tea-table .tea-table__td--fixed-left:after,
    .tea-table .tea-table__td--fixed-right:after {
        display: none
    }
}

.tea-table.tea-table--shadow {
    position: relative;
    background-color: #fff;
    -webkit-transition: none;
    transition: none
}

.tea-table.tea-table--shadow-left:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .2);
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .2);
    z-index: 1
}

.tea-table.tea-table--shadow-right:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 25px;
    -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .2);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .2);
    z-index: 1
}

.tea-table thead {
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    width: 100%
}

.tea-table__header,
.tea-table thead tr {
    background-color: #fff
}

.tea-table__header {
    border-bottom: 1px solid #cfd5de;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.tea-table__header>.tea-table__box {
    margin-bottom: -1px
}

.tea-table__header thead {
    background-color: transparent;
    border: 0
}

.tea-table__header .tea-icon {
    margin-top: -2px;
    margin-left: 4px
}

.tea-table__header .tea-icon-filter,
.tea-table__header .tea-icon-sort,
.tea-table__header .tea-icon-sortdown,
.tea-table__header .tea-icon-sortup {
    position: absolute;
    top: 3px;
    margin-left: 4px
}

.tea-table__header .tea-icon-filter {
    top: 3px
}

.tea-table__header .tea-dropdown-filter {
    height: auto
}

.tea-table__header .tea-dropdown__value {
    height: auto;
    line-height: 1.5
}

.tea-table__header .tea-dropdown {
    max-width: 100%
}

.tea-table__headerop {
    max-width: 88%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

.tea-table__sortbtn {
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    display: block;
    position: relative;
    padding-right: 10px
}

.tea-table__sortbtn.is-active,
.tea-table__sortbtn.is-active .tea-table__headerop,
.tea-table__sortbtn:hover,
.tea-table__sortbtn:hover .tea-table__headerop {
    color: #000
}

.tea-table__sortbtn.is-active .tea-icon-sort,
.tea-table__sortbtn:hover .tea-icon-sort {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgN2gzTDggMyA0IDdoM3YySDRsNCA0IDQtNEg5eiIvPjwvc3ZnPg==)
}

.tea-table__sortbtn.is-active .tea-icon-sortup,
.tea-table__sortbtn:hover .tea-icon-sortup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEyIDdMOCAzIDQgN2gzdjZoMlY3eiIvPjwvc3ZnPg==)
}

.tea-table__sortbtn.is-active .tea-icon-sortdown,
.tea-table__sortbtn:hover .tea-icon-sortdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+)
}

.tea-table__filterbtn.is-active .tea-dropdown__value,
.tea-table__filterbtn:hover .tea-dropdown__value {
    color: #000
}

.tea-table__filterbtn.is-active .tea-icon-filter,
.tea-table__filterbtn:hover .tea-icon-filter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEzIDRIM2w0IDR2NWwyLTFWOHoiLz48L3N2Zz4=);
    background-position: inherit
}

.tea-table__filterbtn .tea-table__sortbtn {
    padding-right: 22px
}

.tea-table__filterbtn .tea-table__sortbtn .tea-table__headerop {
    max-width: 100%
}

.tea-table th .tc-15-bubble {
    font-weight: 400
}

.tea-table__box td.is-draggable,
.tea-table__box th.is-draggable {
    position: relative;
    cursor: move;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.tea-table__box td.is-dragging,
.tea-table__box th.is-dragging {
    background-color: #ebeef2
}

.tea-table__target-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #cfd5de
}

.tea-table__target-line--vertical {
    background-color: #cfd5de;
    position: absolute;
    height: 3px;
    width: auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    z-index: 1
}

.tea-table__target-line--vertical:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border: 3px solid #cfd5de;
    border-radius: 100%
}

.tea-table__moving-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(235, 238, 242, .5)
}

.tea-table__body .tea-text__overflow.m-width {
    max-width: 78%
}

.tea-table__box {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    position: relative
}

.tea-table__body {
    border-bottom: 1px solid #cfd5de;
    overflow: auto
}

.tea-table__box tr {
    outline: 0 none;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.tea-table__box tr.is-dragging {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)
}

.tea-table__box tr.is-dragging td {
    border-bottom: none;
    background-color: #fff
}

.is-dragging .tea-table__box tr {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.2, 0, 0, 1) 0s;
    transition: -webkit-transform .2s cubic-bezier(.2, 0, 0, 1) 0s;
    transition: transform .2s cubic-bezier(.2, 0, 0, 1) 0s;
    transition: transform .2s cubic-bezier(.2, 0, 0, 1) 0s, -webkit-transform .2s cubic-bezier(.2, 0, 0, 1) 0s
}

.tea-table__box td,
.tea-table__box th {
    text-align: left;
    vertical-align: middle;
    font-size: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: initial;
    box-sizing: initial
}

.tea-table__box th {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e7eaef
}

.tea-table__box td {
    border-bottom: 1px solid #e7eaef;
    color: rgba(0, 0, 0, .9);
    padding-top: 14px;
    padding-bottom: 14px;
    height: auto;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.tea-table__box td .tea-table__box thead tr {
    background-color: transparent
}

.tea-table--compact .tea-table__box td {
    padding-top: 6px;
    padding-bottom: 6px
}

.tea-table__box td>div,
.tea-table__box th>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 100%;
    padding: 0;
    word-wrap: break-word;
    word-break: break-word
}

.tea-table__box th>div {
    position: relative;
    color: rgba(0, 0, 0, .4);
    padding: 0
}

.tea-table__box th>div [class*=tea-] {
    color: inherit
}

.tea-table__box tr:last-child td {
    border-bottom: none
}

.tea-table__box tr:last-child td td {
    border-bottom: 1px solid #e7eaef
}

.tea-table__box tr:last-child td tr:last-child td {
    border-bottom: none
}

.tea-table__box tbody tr .hover-icon {
    display: none
}

.tea-table__box tbody tr:hover .hover-icon {
    display: inline-block
}

.tea-table__box tbody tr.new-row {
    background-color: #ffe8d5
}

.tea-table__box tbody tr.new-row .new-mark-icon {
    margin-left: 3px
}

.tea-table__box tbody td.is-hover,
.tea-table__box tbody tr.is-selected,
.tea-table__box tbody tr:focus,
.tea-table__box tbody tr:hover {
    background-color: #ebeef2
}

.tea-table__box tbody tr.no-hover:hover {
    background-color: transparent
}

.tea-table__box tbody tr.is-disabled {
    background-color: #fff;
    opacity: .5;
    cursor: not-allowed
}

.tea-table__box tr.is-disabled td,
.tea-table__box tr.is-disabled td a,
.tea-table__box tr td a.is-disabled {
    cursor: not-allowed;
    text-decoration: none
}

.tea-table .tc-icon-bubble {
    padding-left: 0;
    padding-right: 0
}

.tea-table__body .tea-dropdown__body {
    min-width: auto
}

.tea-table .tea-table__body td .op-item {
    min-height: 18px;
    line-height: 18px;
    color: #006eff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.tea-table .tea-table__body td .op-item.is-disabled {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.tea-table__box .tea-table__tr--blank {
    height: 98px
}

.tea-table__box .tea-table__tr--blank:hover {
    background-color: #fff
}

.tea-table__box .tea-table__tr--blank td {
    text-align: center;
    vertical-align: middle
}

.tea-table__box .tea-table__tr--blank td .tea-icon {
    vertical-align: -3px;
    margin-right: 10px
}

.tea-table__box .tea-table__tr--blank-new {
    height: auto
}

.tea-table__box .tea-table__tr--blank-new:hover {
    background-color: #fff
}

.tea-table__box .tea-table__tr--blank-new .tea-action-state {
    display: block;
    text-align: center
}

.tea-table__body .tr__detailrow>td {
    background-color: #f3f4f7
}

.tea-table__body .tr__detailrow .tea-table {
    border-radius: 0;
    border: 1px solid #cfd5de;
    border-bottom: none
}

.tea-table__body .tr__detailrow .tea-table__header tr:hover {
    background-color: #fff
}

.tea-table__body .tc-group-row {
    background-color: #f7f7f7
}

.tea-table__body .tc-group-row .text-label {
    margin-left: 20px
}

.tea-info-row {
    padding: 30px 0;
    text-align: center;
    vertical-align: middle
}

.tea-table__action-panel {
    margin-bottom: 10px
}

.tea-table+.tea-pagination {
    padding: 10px 10px 20px
}

.tea-table.tea-table--verticaltop .tea-table__box td {
    vertical-align: top
}

.tea-table.tea-table--scrollable .tea-table__body {
    overflow: auto
}

.tea-table.tea-table--bordered {
    border-radius: 0;
    border: 1px solid #cfd5de;
    border-bottom: none
}

.tea-table.tea-table--allbordered {
    border: 1px solid #cfd5de
}

.tea-table.tea-table--allbordered .tea-table__body {
    border-bottom: none
}

.tea-table.tea-table--allbordered td,
.tea-table.tea-table--allbordered th {
    border-right: 1px solid #e7eaef
}

.tea-table.tea-table--fixedauto table {
    table-layout: auto
}

.tea-table.tea-table--response tr {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #e7eaef
}

.tea-table.tea-table--response tr:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.tea-table.tea-table--response tr td {
    display: block;
    width: auto;
    border: none;
    padding-left: 100px;
    position: relative;
    margin: 0 10px
}

.tea-table.tea-table--response tr td:before {
    content: attr(data-cell-title);
    position: absolute;
    top: 15px;
    left: 20px;
    width: 80px;
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
    color: rgba(0, 0, 0, .4)
}

.tea-table.tea-table--response .tea-table__header {
    display: none
}

.tea-table.tea-table--response .tea-table__body {
    border-bottom: none
}

.tea-table.tea-table--response .tea-table__body colgroup {
    display: none
}

.tea-table.tea-table--response.tea-table--bordered .tea-table__body {
    border-bottom: 1px solid #cfd5de
}

.tea-table.tea-table--resizeable .tea-table__header th>div {
    position: relative
}

.tea-table.tea-table--resizeable .tea-table__resize-line {
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -15px;
    width: 11px;
    z-index: 2;
    cursor: ew-resize
}

.tea-table.tea-table--resizeable .tea-table__resize-line:after {
    position: absolute;
    content: "";
    width: 1px;
    top: 8px;
    bottom: 8px;
    left: 5px;
    background-color: #e7eaef
}

.tea-table.tea-table--resizeable .tea-table__header th:last-child .tea-table__resize-line {
    right: -15px
}

.tea-table.tea-table--resizeable.tea-table--allbordered .tea-table__header th:last-child .tea-table__resize-line {
    right: -16px
}

.tea-table__body .tea-text-overflow.m-width {
    max-width: 78%
}

.tea-table__body tr .tea-icon.is-visibility {
    visibility: hidden
}

.tea-table__body tr:hover .tea-icon.is-visibility {
    visibility: visible;
    cursor: pointer
}

.tea-table__body tr:hover .tea-text-with-icon .tea-icon {
    visibility: visible
}

.tea-list {
    padding: 0;
    list-style: none;
    color: rgba(0, 0, 0, .9)
}

.tea-list>li {
    line-height: 1.5;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-list>li:last-child {
    margin-bottom: 0
}

.tea-list>li>.tea-list {
    padding: 10px 0
}

.tea-list>li.tea-list__status {
    color: rgba(0, 0, 0, .25);
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-list>li.tea-list__status:hover {
    background-color: transparent
}

.tea-list .tea-list__separate {
    position: relative;
    height: 9px;
    padding: 0
}

.tea-list .tea-list__separate:after {
    content: "";
    left: 10px;
    right: 10px;
    top: 4px;
    height: 1px;
    background-color: #e7eaef;
    position: absolute
}

.tea-list .tea-list__separate:hover {
    background-color: unset;
    cursor: default
}

.tea-list--bullet>li {
    position: relative;
    padding-left: 10px
}

.tea-list--bullet>li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: rgba(0, 0, 0, .9);
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 100%
}

.tea-list--number {
    counter-reset: number
}

.tea-list--number>li {
    position: relative;
    padding-left: 13px
}

.tea-list--number>li:before {
    content: "";
    display: inline-block;
    color: inherit;
    counter-increment: number;
    content: counter(number) ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 9px;
    text-align: right;
    white-space: nowrap
}

.tea-list--number.is-2digits>li {
    padding-left: 22px
}

.tea-list--number.is-2digits>li:before {
    width: 18px
}

.tea-list--number.is-3digits>li {
    padding-left: 31px
}

.tea-list--number.is-3digits>li:before {
    width: 27px
}

.tea-list--number.is-4digits>li {
    padding-left: 40px
}

.tea-list--number.is-4digits>li:before {
    width: 36px
}

.tea-list--divider>li {
    position: relative;
    padding: 6px 0;
    margin-bottom: 0
}

.tea-list--divider>li:nth-child(n+2) {
    border-top: 1px solid #e7eaef
}

.tea-list--striped>li {
    position: relative;
    padding: 6px;
    margin-bottom: 0
}

.tea-list--striped>li:nth-child(odd) {
    background: #f3f4f7;
    border-top: 1px solid #e7eaef;
    border-bottom: 1px solid #e7eaef
}

.tea-list--option {
    max-height: 165px;
    overflow-y: auto
}

.tea-list--option>li {
    margin-bottom: 0;
    font-size: 12px;
    padding: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    display: block;
    cursor: pointer
}

.tea-list--option>li:hover {
    background-color: #ebeef2
}

.tea-list--option>li:first-child,
.tea-list--option>li:last-child {
    border-radius: 0 0 0 0
}

.tea-list--option>li:first-child:last-child {
    border-radius: 0
}

.tea-list--option .tea-list__submenu:after {
    content: "";
    width: 16px;
    height: 16px;
    right: 5px;
    position: absolute;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: inherit;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+)
}

.tea-list--option .tea-list__submenu .tea-dropdown-box {
    display: none;
    left: 100%;
    margin-top: -25px;
    position: absolute
}

.tea-list--option .tea-list__submenu.is-hover>.tea-dropdown-box {
    display: block;
    bottom: auto
}

.tea-list--option.tea-list--checkoption>li {
    padding: 0
}

.tea-list--option.tea-list--checkoption .tea-form-check {
    min-height: 30px;
    display: block;
    margin-right: 0;
    padding: 6px 10px 6px 31px
}

.tea-list--option.tea-list--checkoption .tea-form-check .tea-checkbox {
    top: 6px;
    left: 10px
}

.tea-list--option.tea-list--checkoption .tea-action-state {
    display: block;
    padding: 6px 10px
}

.tea-list--option>li.is-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.tea-list--option>li.is-selected {
    background-color: #006eff;
    color: #fff
}

.tea-list--option>li.is-selected .tea-list__item {
    color: #fff
}

.tea-list--option>li.is-current {
    background-color: #ebeef2
}

.tea-list--group>li {
    padding-left: 20px
}

.tea-list--group .tea-list__item--single {
    padding-left: 10px
}

.tea-list--group .tea-list__label {
    cursor: default;
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: rgba(0, 0, 0, .4)
}

.tea-list--group .tea-list__label:hover {
    background-color: #fff
}

.tea-list--group.tea-list--checkoption .tea-list__label {
    padding: 0 10px
}

.tea-announce {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 80px;
    position: relative
}

.tea-announce__title {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tea-announce__title a {
    color: rgba(0, 0, 0, .9)
}

.tea-announce__extend {
    font-size: 14px;
    color: rgba(0, 0, 0, .9);
    position: absolute;
    right: 0;
    top: 0;
    text-align: left
}

.tea-list.tea-list--divider.tea-list--bullet>li {
    padding: 6px 0 6px 10px
}

.tea-list.tea-list--divider.tea-list--bullet>li:before {
    top: 12px
}

.tea-list.tea-list--divider.tea-list--number>li {
    padding: 6px 0 6px 15px
}

.tea-list.tea-list--divider.tea-list--number>li:before {
    top: 6px
}

.tea-list.tea-list--striped.tea-list--bullet>li {
    padding: 6px 0 6px 15px
}

.tea-list.tea-list--striped.tea-list--bullet>li:before {
    left: 5px;
    top: 12px
}

.tea-list.tea-list--striped.tea-list--number>li {
    padding: 6px 0 6px 20px
}

.tea-list.tea-list--striped.tea-list--number>li:before {
    left: 5px;
    top: 6px
}

.tea-metrics-board {
    padding: 10px;
    height: 100%;
    color: rgba(0, 0, 0, .9)
}

.tea-metrics-board--link:hover {
    background-color: #e7eaef;
    border-radius: 0;
    cursor: pointer
}

.tea-metrics-board__header {
    margin-bottom: 3px;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.tea-metrics-board__header-title {
    color: #000;
    font-size: 12px;
    line-height: normal;
    font-weight: 700
}

.tea-metrics-board__header-title .tea-icon {
    vertical-align: -4px
}

.tea-metrics-board__value {
    line-height: normal;
    font-size: 14px
}

.tea-metrics-board__info {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-top: -6px
}

.tea-metrics-board__info-item {
    line-height: normal
}

.tea-metrics-board__info-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-right: 10px
}

.tea-metrics-board__info-key {
    display: inline-block;
    font-size: v 16px;
    vertical-align: middle;
    color: #000
}

.tea-metrics-board__info .tea-icon {
    vertical-align: -4px
}

.tea-metrics-board__number {
    font-size: 36px;
    color: #000
}

.tea-metrics-board__unit {
    font-size: 14px;
    color: #000
}

.tea-bubble {
    position: relative;
    color: #000;
    max-width: 300px;
    display: inline-block
}

.tea-bubble .tea-bubble__inner:after,
.tea-bubble .tea-bubble__inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 6px dashed transparent
}

.tea-bubble .tea-bubble__inner:after {
    border: 5px dashed transparent
}

.tea-bubble__inner {
    font-size: 12px;
    -moz-box-sizing: border-box;
    padding: 12px;
    border-radius: 0;
    background-color: #fff;
    line-height: 1.5;
    -webkit-box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    box-shadow: 0 0 16px 0 rgba(54, 58, 80, .16);
    position: static !important;
    left: 50%;
    top: 50%;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word
}

.tea-bubble__header .tea-justify-grid__col--right {
    padding-left: 20px
}

.tea-bubble--dark .tea-bubble__inner {
    padding: 3px 7px;
    color: #fff;
    background-color: #363a50;
    border-color: #363a50;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    word-break: break-word;
    border-radius: 4px
}

.tea-bubble--dark .tea-bubble__inner:after,
.tea-bubble--dark .tea-bubble__inner:before {
    display: none
}

.tea-bubble--reverse .tea-bubble__inner {
    color: #fff;
    background-color: #363a50;
    border-color: #363a50
}

.tea-bubble--reverse .tea-bubble__body,
.tea-bubble--reverse .tea-bubble__header [class*=tea-h],
.tea-bubble--reverse .tea-bubble__header h3 {
    color: #fff
}

.tea-bubble--reverse.tea-bubble--top .tea-bubble__inner:after,
.tea-bubble--reverse.tea-bubble--top .tea-bubble__inner:before {
    border-bottom-color: #363a50
}

.tea-bubble--reverse.tea-bubble--right .tea-bubble__inner:after,
.tea-bubble--reverse.tea-bubble--right .tea-bubble__inner:before {
    border-left-color: #363a50
}

.tea-bubble--reverse.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--reverse.tea-bubble--bottom .tea-bubble__inner:before {
    border-top-color: #363a50
}

.tea-bubble--reverse.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--reverse.tea-bubble--left .tea-bubble__inner:before {
    border-right-color: #363a50
}

.tea-bubble--error .tea-bubble__inner {
    color: #9c1f3b;
    background-color: #fbe0e0;
    border-color: #fbe0e0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.tea-bubble--error.tea-bubble--top .tea-bubble__inner:after,
.tea-bubble--error.tea-bubble--top .tea-bubble__inner:before {
    border-bottom-color: #fbe0e0
}

.tea-bubble--error.tea-bubble--right .tea-bubble__inner:after,
.tea-bubble--error.tea-bubble--right .tea-bubble__inner:before {
    border-left-color: #fbe0e0
}

.tea-bubble--error.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--error.tea-bubble--bottom .tea-bubble__inner:before {
    border-top-color: #fbe0e0
}

.tea-bubble--error.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--error.tea-bubble--left .tea-bubble__inner:before {
    border-right-color: #fbe0e0
}

.tea-bubble--top .tea-bubble__inner:after,
.tea-bubble--top .tea-bubble__inner:before {
    bottom: 100%;
    left: inherit;
    right: inherit;
    margin-bottom: -1px;
    border-bottom-style: solid
}

.tea-bubble--top .tea-bubble__inner:before {
    margin-left: -6px;
    border-bottom-color: #fff
}

.tea-bubble--top .tea-bubble__inner:after {
    margin-left: -5px;
    border-bottom-color: #fff
}

.tea-bubble--right .tea-bubble__inner:after,
.tea-bubble--right .tea-bubble__inner:before {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-left: -1px;
    border-left-style: solid
}

.tea-bubble--right .tea-bubble__inner:before {
    margin-top: -8px;
    border-left-color: #fff
}

.tea-bubble--right .tea-bubble__inner:after {
    margin-top: -7px;
    border-left-color: #fff
}

.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--bottom .tea-bubble__inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid
}

.tea-bubble--bottom .tea-bubble__inner:before {
    margin-left: -6px;
    border-top-color: #fff
}

.tea-bubble--bottom .tea-bubble__inner:after {
    margin-left: -5px;
    border-top-color: #fff
}

.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--left .tea-bubble__inner:before {
    top: inherit;
    bottom: inherit;
    right: 100%;
    margin-right: -1px;
    border-right-style: solid
}

.tea-bubble--left .tea-bubble__inner:before {
    margin-top: -7px;
    border-right-color: #fff
}

.tea-bubble--left .tea-bubble__inner:after {
    margin-top: -6px;
    border-right-color: #fff
}

.tea-bubble--start.tea-bubble--bottom .tea-bubble__inner,
.tea-bubble--start.tea-bubble--top .tea-bubble__inner {
    left: 26px
}

.tea-bubble--start.tea-bubble--left .tea-bubble__inner,
.tea-bubble--start.tea-bubble--right .tea-bubble__inner {
    top: 26px
}

.tea-bubble--end.tea-bubble--bottom .tea-bubble__inner,
.tea-bubble--end.tea-bubble--top .tea-bubble__inner {
    left: auto;
    right: 20px
}

.tea-bubble--end.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--end.tea-bubble--top .tea-bubble__inner:after {
    margin-right: 1px
}

.tea-bubble--end.tea-bubble--left .tea-bubble__inner,
.tea-bubble--end.tea-bubble--right .tea-bubble__inner {
    top: auto;
    bottom: 20px
}

.tea-bubble--end.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--end.tea-bubble--right .tea-bubble__inner:after {
    margin-bottom: 1px
}

.tea-bubble--close .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjI0MyA1LjE3MmwtMS40MTUtMS40MTVMOCA2LjU4NiA1LjE3MiAzLjc1NyAzLjc1NyA1LjE3MiA2LjU4NiA4bC0yLjgyOSAyLjgyOCAxLjQxNSAxLjQxNUw4IDkuNDE0bDIuODI4IDIuODI5IDEuNDE1LTEuNDE1TDkuNDE0IDh6Ii8+PC9zdmc+)
}

.tea-tooltip {
    display: inline-block;
    max-width: 300px
}

.tea-tooltip .tea-tooltip__inner {
    padding: 3px 7px;
    color: #fff;
    background-color: rgba(0, 0, 0, .9);
    border-color: rgba(0, 0, 0, .9);
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    word-wrap: break-word;
    word-break: break-word;
    border-radius: 4px
}

.tea-popconfirm {
    min-width: 300px
}

.tea-popconfirm .tea-bubble__inner {
    padding: 20px
}

.tea-popconfirm__messagetitle {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000
}

.tea-popconfirm__messagetext {
    font-size: 12px
}

.tea-popconfirm__footer {
    margin-top: 24px;
    text-align: right;
    font-size: 0;
    background-color: transparent;
    padding: 0;
    border-top: none
}

.tea-popconfirm__footer .tea-btn {
    margin-left: 10px
}

.tea-backdrop {
    background-color: rgba(0, 0, 0, .8);
    overflow-y: auto;
    z-index: 1000
}

.tea-backdrop,
.tea-dialog {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.tea-dialog {
    text-align: center;
    z-index: 1001;
    overflow: auto;
    white-space: nowrap;
    color: rgba(0, 0, 0, .9)
}

.tea-dialog:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.tea-dialog__inner.size-s {
    width: 420px
}

.tea-dialog__inner.size-l {
    width: 800px
}

.tea-dialog__inner.size-xl {
    width: 950px
}

.tea-dialog__inner.size-auto {
    width: auto
}

.tea-dialog__inner {
    text-align: left;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    min-width: 420px;
    width: 550px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
    border-radius: 0;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-dialog__inner .tea-form-operate {
    margin-top: 10px;
    border-top: none;
    text-align: center
}

.tea-dialog__body:after,
.tea-dialog__footer:after,
.tea-dialog__header:after {
    content: "";
    display: table;
    clear: both
}

.tea-dialog__header {
    font-size: 14px;
    min-height: 22px;
    color: #000;
    position: relative;
    margin: 0 0 10px
}

.tea-dialog__headertitle {
    font-weight: 700;
    margin-bottom: 14px;
    display: inline-block;
    font-size: 14px;
    line-height: 22px
}

.tea-dialog__headersubtitle {
    font-size: 12px;
    color: rgba(0, 0, 0, .4)
}

.tea-dialog__header .tea-btn--icon {
    position: absolute;
    top: 0;
    right: -7px
}

.tea-dialog__body {
    color: rgba(0, 0, 0, .9);
    word-break: break-word;
    word-wrap: break-word
}

.tea-dialog__bodytitle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
    margin-top: 0
}

.tea-dialog__messagetitle {
    font-size: 16px;
    color: #000;
    vertical-align: middle
}

.tea-dialog__messagetitle:only-child {
    padding-top: 4px
}

.tea-dialog__messagetext {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-top: 5px;
    line-height: 20px
}

.tea-dialog__footer {
    border-top: 0;
    position: relative;
    margin-top: 30px
}

.tea-dialog__btnwrap {
    text-align: center;
    position: relative;
    z-index: 0;
    font-size: 0
}

.tea-dialog__btnwrap>.tea-btn {
    margin: 0 5px
}

.tea-dialog--img {
    font-size: 0
}

.tea-dialog--img .tea-dialog__inner {
    background-color: transparent;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    padding: 0
}

.tea-dialog--img .tea-dialog__header {
    top: 0;
    height: 60px;
    padding: 0 25px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-dialog--img .tea-dialog__header .help-text {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin-right: 60px;
    vertical-align: middle
}

.tea-dialog--img .tea-dialog__header .tea-btn--icon {
    padding: 12px;
    border-radius: 100%;
    top: 10px;
    right: 14px
}

.tea-dialog--img .tea-dialog__header .tea-btn--icon:hover {
    background-color: #363a50
}

.tea-dialog--img .tea-dialog__header .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==)
}

.tea-dialog--img .tea-dialog__headertitle {
    color: #fff;
    width: 100%;
    font-size: 16px;
    margin-bottom: 0
}

.tea-dialog--img .tea-dialog__body {
    width: 90%;
    height: calc(100% - 130px);
    margin: 55px auto 0;
    text-align: center;
    overflow: auto;
    font-size: 0
}

.tea-dialog--img .tea-dialog__body img {
    max-width: 100%;
    vertical-align: middle
}

.tea-dialog--img .tea-dialog__body iframe {
    vertical-align: middle
}

.tea-dialog--img .tea-dialog__body:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.tea-dialog--img .tea-dialog__operate {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    padding: 10px 5px;
    background-color: rgba(0, 0, 0, .9)
}

.tea-dialog--img .tea-dialog__operate .tea-btn--icon {
    padding: 2px;
    min-width: 0;
    margin: 0 12px
}

.tea-dialog--img .tea-dialog__operate .tea-btn--icon:hover {
    background: unset
}

.tea-progress {
    height: 6px;
    margin-bottom: 24px;
    min-width: 100px;
    background-color: #f3f4f7;
    position: relative;
    border: none;
    border-radius: 0;
    color: rgba(0, 0, 0, .9)
}

.tea-progress__value {
    height: 6px;
    background: #006eff;
    content: "";
    display: block;
    border-radius: 0;
    position: static
}

.tea-progress__text {
    display: block;
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    left: 0;
    top: 8px
}

.tea-progress.tea-progress--succeed {
    border-color: #0abf5b
}

.tea-progress.tea-progress--succeed .tea-progress__value {
    background: #0abf5b
}

.tea-progress.tea-progress--error {
    border-color: #e54545
}

.tea-progress.tea-progress--error .tea-progress__value {
    background: #e54545
}

.tea-progress-circle {
    margin: 0 auto;
    text-align: center
}

.tea-progress-circle__area {
    display: inline-block;
    width: 160px;
    height: 160px;
    position: relative;
    margin-bottom: 12px;
    font-size: 0
}

.tea-progress-circle__svg-path {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: center;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: center;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: center
}

.tea-progress-circle__base-ring {
    stroke: #f3f4f7
}

.tea-progress-circle__current-ring {
    stroke-dasharray: 0 434px;
    stroke: #006eff;
    stroke-dashoffset: 0px
}

.tea-progress-circle__area svg {
    width: 100%;
    height: 100%
}

.tea-progress-circle__current-text {
    height: 50px;
    line-height: 50px;
    font-size: 48px;
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -25px
}

.tea-progress-circle__current-text .text--chinese {
    font-size: 24px;
    display: inline-block;
    vertical-align: top
}

.tea-progress-circle__current-text .text--symbol,
.tea-progress-circle__tips {
    font-size: 14px;
    color: rgba(0, 0, 0, .4)
}

.tea-progress-circle__tips {
    line-height: 1.5
}

.tea-progress-circle.is-success .tea-progress-circle__current-ring {
    stroke: #0abf5b
}

.tea-progress-circle.is-error .tea-progress-circle__current-ring {
    stroke: #e54545
}

.tea-toast {
    height: 35px;
    position: fixed;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    min-width: 80px;
    top: 5px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    line-height: 32px;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-word;
    border: 1px solid #cfd5de;
    border-radius: 0;
    font-size: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, .9)
}

.tea-toast span {
    margin-left: 6px;
    font-size: 12px
}

.tea-alert {
    font-size: 12px;
    line-height: inherit;
    padding: 14px 20px;
    vertical-align: middle;
    color: #002da0;
    border: 1px solid #d5e7ff;
    border-radius: 0;
    background: #d5e7ff;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tea-alert__decoration {
    font-size: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin-right: 16px;
    margin-top: 1px
}

.tea-alert__operational {
    min-height: 26px;
    padding-left: 20px;
    margin-top: -4px;
    margin-bottom: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-alert__operational .tea-btn--icon {
    margin-left: 16px
}

.tea-alert__nav {
    font-size: 0
}

.tea-alert__nav-item {
    display: inline-block;
    font-size: 0;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 8px;
    border: 1px solid #006eff;
    cursor: pointer
}

.tea-alert__nav-item:last-child {
    margin-right: 0
}

.tea-alert__nav-item.is-current {
    background-color: #006eff
}

.tea-alert__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: inherit;
    color: inherit
}

.tea-alert__info>.tea-list {
    padding: 10px 0 0
}

.tea-alert__info>.tea-list li:last-of-type {
    margin-bottom: 0
}

.tea-alert__info>.tea-list:first-child {
    padding: 0
}

.tea-alert__info .tea-list--bullet>li:before {
    background-color: #002da0
}

.tea-alert__info .tea-list--number>li:before {
    color: #002da0
}

.tea-alert .tea-list {
    color: inherit
}

.tea-alert a {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 700
}

.tea-alert .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwMmRhMCIgZD0iTTkgOGw0IDQtMSAxLTQtNC00IDQtMS0xIDQtNC00LTQgMS0xIDQgNCA0LTQgMSAxeiIvPjwvc3ZnPg==)
}

.tea-alert .tea-btn--link,
.tea-alert a {
    color: #002da0;
    text-underline-offset: 2px;
    font-weight: 700
}

.tea-alert .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwMmRhMCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-alert .tea-icon-arrowup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwMmRhMCIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==)
}

.tea-alert--warning {
    color: #a02800;
    background-color: #ffe8d5;
    border-color: #ffe8d5
}

.tea-alert--warning .tea-btn--link,
.tea-alert--warning a {
    color: #a02800;
    text-underline-offset: 2px;
    font-weight: 700
}

.tea-alert--warning .tea-link-external:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iI2EwMjgwMCI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-alert--warning .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EwMjgwMCIgZD0iTTkgOGw0IDQtMSAxLTQtNC00IDQtMS0xIDQtNC00LTQgMS0xIDQgNCA0LTQgMSAxeiIvPjwvc3ZnPg==)
}

.tea-alert--warning .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EwMjgwMCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-alert--warning .tea-icon-arrowup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EwMjgwMCIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==)
}

.tea-alert--warning .tea-list--bullet>li:before {
    background-color: #a02800
}

.tea-alert--warning .tea-list--number>li:before {
    color: #a02800
}

.tea-alert--warning .tea-alert__nav--dot .tea-alert__nav-item {
    border-color: #ff7200
}

.tea-alert--warning .tea-alert__nav--dot .tea-alert__nav-item.is-current {
    background-color: #ff7200
}

.tea-alert--error {
    color: #9c1f3b;
    background-color: #fbe0e0;
    border-color: #fbe0e0
}

.tea-alert--error .tea-btn--link,
.tea-alert--error a {
    color: #9c1f3b;
    text-underline-offset: 2px;
    font-weight: 700
}

.tea-alert--error .tea-link-external:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzljMWYzYiI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.tea-alert--error .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2I0MmIzZiIgZD0iTTkgOGw0IDQtMSAxLTQtNC00IDQtMS0xIDQtNC00LTQgMS0xIDQgNCA0LTQgMSAxeiIvPjwvc3ZnPg==)
}

.tea-alert--error .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzljMWYzYiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-alert--error .tea-icon-arrowup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzljMWYzYiIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==)
}

.tea-alert--error .tea-list--bullet>li:before {
    background-color: #9c1f3b
}

.tea-alert--error .tea-list--number>li:before {
    color: #9c1f3b
}

.tea-alert--error .tea-alert__nav--dot .tea-alert__nav-item {
    border-color: #e54545
}

.tea-alert--error .tea-alert__nav--dot .tea-alert__nav-item.is-current {
    background-color: #e54545
}

.tea-alert--success {
    color: #06774a;
    background-color: #d6f4e4;
    border-color: #d6f4e4
}

.tea-alert--notice {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    position: relative
}

.tea-alert--notice.is-expanded {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMyIiBoZWlnaHQ9Ijk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zIDEuMDc1djg1Ljg2N2wzNS41ODYtMTguNGgxMy43OUw0Mi4zOTEgOTZoMTguNGw5Ljk4NS0yNy40NjQuNDU1LS4wMDZDODQuNDI3IDY4LjEyNyA5NSA1Ny4zMDMgOTUgNDQuMDFjMC0xMy41NS0xMC45ODQtMjQuNTM0LTI0LjUzMy0yNC41MzRIMzguNTg5TDMgMS4wNzV6bTkuMiAxNS4xMTRsMjQuNTMzIDEyLjY4djMwLjI3N0wxMi4yIDcxLjgyOFYxNi4xOXoiIGZpbGw9IiNGNEY1RjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.tea-alert--notice .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-alert--notice .tea-icon-arrowup {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==)
}

.tea-alert--notice .tea-btn--link,
.tea-alert--notice a {
    color: #006eff
}

.tea-alert--notice .tea-alert__info .tea-list--bullet>li:before {
    background-color: #000
}

.tea-status {
    max-width: 400px;
    margin: 0 auto;
    padding: 120px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    color: rgba(0, 0, 0, .9)
}

.tea-status__img {
    font-size: 0
}

.tea-status__content {
    margin-top: 16px;
    text-align: center
}

.tea-status__title {
    margin-bottom: 8px
}

.tea-status__detail {
    color: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-status__operate {
    margin-top: 16px
}

.tea-status.size-m {
    padding: 80px 0
}

.tea-status.size-s {
    padding: 40px 0
}

.tea-status.size-xs {
    padding: 20px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tea-status.size-xs .tea-status__img {
    margin-right: 8px
}

.tea-status.size-xs .tea-status__operate {
    margin-top: 0;
    margin-left: 4px
}

.tea-status.size-xs .tea-status__content {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tea-status.size-xs .tea-status__title {
    margin-bottom: 0;
    margin-right: 4px
}

.tea-status.size-xs .tea-status__detail {
    display: block
}

.tea-notification-wrap {
    position: fixed;
    right: 0;
    top: 85px;
    right: 20px;
    max-width: 368px;
    text-align: right;
    font-size: 0;
    z-index: 1100;
    border-radius: 0
}

.tea-notification {
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    position: relative;
    max-width: 100%;
    min-width: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(19, 41, 75, .2);
    box-shadow: 0 0 20px 0 rgba(19, 41, 75, .2);
    margin-bottom: 20px
}

.tea-notification__close {
    position: absolute;
    top: 9px;
    right: 12px
}

.tea-notification__close .tea-btn--icon:hover {
    background-color: inherit
}

.tea-notification__close .tea-btn--icon:hover .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==)
}

.tea-notification__header {
    padding: 12px 40px 12px 16px;
    background-color: #fff
}

.tea-notification__header-title {
    display: inline-block;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 20px
}

.tea-notification__header-sub-info {
    display: inline-block;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-right: 16px;
    vertical-align: middle
}

.tea-notification__body {
    padding: 12px 40px 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-wrap: break-word;
    word-break: break-word
}

.tea-notification__body .tea-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin-right: 8px;
    margin-top: 2px
}

.tea-notification__footer {
    padding: 8px 16px;
    position: relative
}

.tea-notification__footer:before {
    content: "";
    display: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 1px;
    background-color: #e7eaef
}

.tea-notification__footer .tea-btn--text {
    font-size: 12px;
    color: rgba(0, 0, 0, .4)
}

.tea-notification__footer--link {
    padding: 12px 16px
}

.tea-notification__footer--link:hover {
    background-color: #ebeef2;
    cursor: pointer
}

.tea-notification__footer--link:before {
    background-color: #e7eaef;
    left: 0;
    right: 0
}

.tea-notification__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px
}

.tea-notification--success {
    background-color: #d6f4e4
}

.tea-notification--success .tea-notification__footer {
    background-color: rgba(214, 244, 228, .05)
}

.tea-notification--success .tea-notification__footer .tea-btn--text {
    color: #0abf5b
}

.tea-notification--success .tea-notification__footer--link .tea-text-label {
    color: #0abf5b !important
}

.tea-notification--error {
    background-color: #fbe0e0
}

.tea-notification--error .tea-notification__footer {
    background-color: rgba(251, 224, 224, .05)
}

.tea-notification--error .tea-notification__footer .tea-btn--text {
    color: #e54545
}

.tea-notification--error .tea-notification__footer--link .tea-text-label {
    color: #e54545 !important
}

.tea-notification--warning {
    background-color: #ffe8d5
}

.tea-notification--warning .tea-notification__footer {
    background-color: rgba(255, 232, 213, .05)
}

.tea-notification--warning .tea-notification__footer .tea-btn--text {
    color: #ff7200
}

.tea-notification--warning .tea-notification__footer--link .tea-text-label {
    color: #ff7200 !important
}

.tea-guide {
    min-width: 356px;
    max-width: 356px
}

.tea-guide .tea-bubble__inner {
    padding: 0;
    background-color: #fff
}

.tea-guide .tea-bubble__inner:after,
.tea-guide .tea-bubble__inner:before {
    display: none
}

.tea-guide.is-show-triangle-arrow .tea-bubble__inner:after,
.tea-guide.is-show-triangle-arrow .tea-bubble__inner:before {
    display: block
}

.tea-guide.is-show-triangle-arrow.tea-bubble--bottom .tea-bubble__inner:after,
.tea-guide.is-show-triangle-arrow.tea-bubble--bottom .tea-bubble__inner:before {
    margin-top: 0
}

.tea-guide.is-show-triangle-arrow.tea-bubble--left .tea-bubble__inner:after,
.tea-guide.is-show-triangle-arrow.tea-bubble--left .tea-bubble__inner:before {
    margin-right: 0
}

.tea-guide.is-show-triangle-arrow.tea-bubble--top .tea-bubble__inner:after,
.tea-guide.is-show-triangle-arrow.tea-bubble--top .tea-bubble__inner:before {
    margin-bottom: 0
}

.tea-guide.is-show-triangle-arrow.tea-bubble--right .tea-bubble__inner:after,
.tea-guide.is-show-triangle-arrow.tea-bubble--right .tea-bubble__inner:before {
    margin-left: 0
}

.tea-guide__close-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    min-width: 16px
}

.tea-guide__close-icon:hover {
    background-color: transparent
}

.tea-guide__close-icon .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==)
}

.tea-guide__body .tea-media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tea-guide__body .tea-media .tea-media__left {
    width: 100%;
    padding-right: 0;
    line-height: 0
}

.tea-guide__body .tea-guide__image {
    width: 100%
}

.tea-guide__body .tea-media .tea-media__body {
    width: 100%;
    padding: 20px 24px 24px
}

.tea-guide__messagetitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #000;
    line-height: 20px
}

.tea-guide__messagetext {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: rgba(0, 0, 0, .4)
}

.tea-guide__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
    background-color: transparent;
    padding: 0 24px 24px
}

.tea-guide.tea-guide--start .tea-guide__footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tea-guide__footer .tea-guide__dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-guide__footer .tea-guide__dot .tea-guide__dot-item {
    border: 1px solid #006eff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 8px;
    vertical-align: middle;
    width: 8px
}

.tea-guide__footer .tea-guide__dot .tea-guide__dot-item:not(:last-child) {
    margin-right: 8px
}

.tea-guide__footer .tea-guide__dot .tea-guide__dot-item.is-active {
    background-color: #006eff
}

.tea-guide__footer .tea-btn {
    margin-left: 5px;
    line-height: 20px;
    font-weight: 500;
    min-width: 84px
}

.tea-guide__footer .tea-btn.tea-btn--text {
    min-width: 24px
}

.tea-guide__flashing-light {
    width: 48px;
    height: 48px;
    background-color: transparent;
    position: absolute;
    margin: 0 auto
}

.tea-guide__flashing-light:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    background-color: rgba(245, 189, 64, .5);
    -webkit-animation-name: flashwrap;
    animation-name: flashwrap;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 3
}

.tea-guide__flashing-light-dot {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f5bd40;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    -webkit-animation-name: flashdot;
    animation-name: flashdot;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.tea-bubble--top .tea-guide__flashing-light {
    bottom: 100%;
    left: inherit;
    right: inherit;
    margin-bottom: -1px;
    margin-left: -20px
}

.tea-bubble--right .tea-guide__flashing-light {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-left: -1px;
    margin-top: -20px
}

.tea-bubble--bottom .tea-guide__flashing-light {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -20px
}

.tea-bubble--left .tea-guide__flashing-light {
    top: inherit;
    bottom: inherit;
    right: 100%;
    margin-right: -1px;
    margin-top: -20px
}

.tea-bubble--bottom.tea-bubble--end .tea-guide__flashing-light,
.tea-bubble--top.tea-bubble--end .tea-guide__flashing-light {
    margin-right: -20px
}

.tea-bubble--left.tea-bubble--end .tea-guide__flashing-light,
.tea-bubble--right.tea-bubble--end .tea-guide__flashing-light {
    margin-bottom: -20px
}

.tea-bubble--right.tea-bubble--start .tea-guide__flashing-light {
    margin-top: -25px
}

@-webkit-keyframes flashwrap {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    33% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    66% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes flashwrap {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    33% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    66% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

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

    33% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    66% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

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

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

    33% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    66% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

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

.tea-cascader {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    border: 1px solid #cfd5de;
    border-radius: 0;
    min-width: 200px;
    min-height: 30px;
    padding: 0 26px 0 10px;
    cursor: pointer;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border
}

.tea-cascader .tea-tag {
    margin-top: 4px
}

.tea-cascader .tea-input--editor {
    position: relative;
    padding: 0;
    height: 24px;
    line-height: 24px;
    width: 26px;
    top: 2px
}

.tea-cascader:hover {
    background-color: #ebeef2
}

.tea-cascader__input .tea-input,
.tea-cascader__input .tea-input[readonly] {
    background-color: transparent;
    border: 0;
    position: absolute;
    height: 26px;
    line-height: 26px;
    top: 1px;
    left: 1px;
    z-index: 1;
    right: 1px;
    cursor: pointer
}

.tea-cascader__input .tea-input {
    z-index: 2
}

.tea-cascader__input .tea-input--editor {
    position: relative;
    padding: 0;
    height: 24px;
    line-height: 24px;
    width: 26px;
    top: 2px
}

.tea-cascader__value {
    line-height: 28px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.tea-cascader__value .tea-tag-group {
    margin-top: 0;
    margin-bottom: 4px;
    white-space: normal
}

.tea-cascader .tea-icon-arrowdown,
.tea-cascader>.tea-icon {
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 6px
}

.tea-cascader__label {
    height: auto;
    line-height: 20px;
    margin: 5px 4px 0 0;
    display: inline-block
}

.tea-cascader.is-disabled {
    background-color: #e7eaef;
    cursor: not-allowed
}

.tea-cascader.is-disabled .tea-cascader__value {
    color: rgba(0, 0, 0, .25)
}

.tea-cascader.is-disabled .tea-cascader__input .tea-input {
    cursor: inherit
}

.tea-cascader-menu {
    min-width: 198px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tea-cascader-menu .tea-tabs--bordered .tea-tabs__tab {
    font-size: 12px
}

.tea-cascader-menu__list {
    padding: 0 5px 0 15px;
    font-size: 0;
    width: 500px;
    margin-bottom: -10px;
    max-height: 280px;
    overflow-y: auto
}

.tea-cascader-menu__list li {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: middle
}

.tea-cascader-menu__col4 .tea-cascader-menu__list li {
    width: 116px
}

.tea-cascader-menu__col2 .tea-cascader-menu__list li {
    width: 232px
}

.tea-cascader-menu__col1 .tea-cascader-menu__list li {
    width: 100%
}

.tea-cascader-menu__col1 .tea-cascader-menu__list {
    width: 350px
}

.tea-cascader-menu__label {
    padding: 1px 5px;
    cursor: pointer;
    margin-right: 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-cascader-menu__label:hover {
    background-color: #ebeef2
}

.tea-cascader-menu__label.is-selected {
    background-color: #006eff;
    color: #fff
}

.tea-cascader-menu__label.is-disabled {
    color: rgba(0, 0, 0, .25)
}

.tea-cascader-menu__label.is-disabled:hover {
    background-color: transparent;
    cursor: not-allowed
}

.tea-cascader--search .tea-input {
    border: none
}

.tea-cascader-menu--thin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.tea-cascader-menu--thin .tea-list {
    min-width: 100px;
    border-left: 1px solid #e7eaef
}

.tea-cascader-menu--thin .tea-list:first {
    border-left: none
}

.tea-cascader-menu--thin .tea-list>li {
    position: relative
}

.tea-cascader-menu--thin .tea-list__submenu {
    padding-right: 24px
}

.tea-cascader-menu--thin .tea-list__submenu:after {
    top: 50%;
    margin-top: -8px
}

.tea-cascader-menu--thin .tea-list__submenu.is-selected:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+)
}

.tea-menu {
    position: relative;
    width: 200px;
    background-color: #1e222d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%;
    vertical-align: top;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    overflow-x: hidden
}

.tea-menu .tea-icon-arrowdown {
    position: absolute;
    right: 15px;
    top: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0MxQzZDOCIgZD0iTTkuMDQ1IDZMNyA4LjA2OSA0Ljk1NSA2IDQgNi45NjYgNyAxMGwzLTMuMDM0eiIvPjwvc3ZnPg==)
}

.tea-menu__title {
    color: #fff;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    width: 200px
}

.tea-menu__title .tea-h2 {
    font-size: 16px;
    color: #fff
}

.tea-menu__title .tea-icon-arrowdown {
    top: 20px;
    display: none
}

.tea-menu__title-back {
    padding: 14px 20px 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    min-height: 50px;
    max-height: 60px;
    overflow-y: hidden;
    margin-bottom: 11px
}

.tea-menu__title-back .tea-h2 {
    font-size: 14px;
    line-height: 21px;
    margin-top: 3px;
    word-wrap: break-word;
    word-break: break-word
}

.tea-menu__title-main,
.tea-menu__title-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.tea-menu__title-text {
    line-height: 21px;
    font-size: 12px;
    color: #888;
    font-weight: 400
}

.tea-menu__title-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.tea-menu__title .tea-h2 {
    display: table-cell;
    vertical-align: middle
}

.tea-menu__title-icon {
    display: none
}

.tea-menu__back {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 0;
    margin-left: -6px;
    margin-right: 1px
}

.tea-menu .tea-badge {
    background-color: #344258;
    color: #7c878e;
    font-weight: 700;
    border: 0;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tea-menu .tea-badge.is-success {
    background-color: #07623f;
    color: #5dbe8a
}

.tea-menu .tea-badge.is-warning {
    background-color: #8c581e;
    color: #e6c979
}

.tea-menu .tea-badge.is-error {
    background-color: #742536;
    color: #d27c7e
}

.tea-menu .tea-badge.is-primary {
    background-color: #0935ad;
    color: #6eadff
}

.tea-menu__item .tea-badge {
    margin-top: 1px
}

.tea-menu__body {
    width: 200px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    overflow-x: hidden
}

.tea-menu__body::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-radius: 9px
}

.tea-menu.tea-menu-is-collapsed .tea-menu__body::-webkit-scrollbar {
    display: none
}

.tea-menu.tea-menu-is-collapsed:hover .tea-menu__body::-webkit-scrollbar {
    display: block
}

.tea-menu__body::-webkit-scrollbar-thumb {
    background-color: #344158;
    border-radius: 0;
    background-clip: content-box;
    border: 4px solid transparent
}

.tea-menu__list {
    font-size: 12px
}

.tea-menu__list li {
    color: #c1c6c8;
    font-size: 0;
    cursor: pointer
}

.tea-menu__list li.is-selected>.tea-menu__item,
.tea-menu__list li.is-selected>.tea-menu__item:hover {
    background: rgba(52, 66, 88, .6)
}

.tea-menu__list li.is-selected .tea-badge {
    background-color: #fff;
    color: #006eff
}

.tea-menu__list li.is-selected .tea-badge.is-success {
    color: #0abf5b
}

.tea-menu__list li.is-selected .tea-badge.is-warning {
    color: #ff7200
}

.tea-menu__list li.is-selected .tea-badge.is-error {
    color: #e54545
}

.tea-menu__list li.is-selected .tea-badge.is-primary {
    color: #006eff
}

.tea-menu__item {
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tea-menu__list li .tea-menu__item:hover {
    background-color: #262f3e;
    cursor: pointer;
    text-decoration: none
}

.tea-menu--light .tea-menu__list li.tea-menu__label .tea-menu__item:hover,
.tea-menu__list li.tea-menu__label .tea-menu__item:hover {
    background-color: transparent;
    cursor: text
}

.tea-menu__list li.tea-menu__submenu.is-expanded:hover,
.tea-menu__list li.tea-menu__submenu.is-expanded>.tea-menu__item,
.tea-menu__submenu.is-expanded {
    background-color: #151822
}

.tea-menu__list li.tea-menu__submenu.is-expanded.is-selected,
.tea-menu__list li.tea-menu__submenu.is-expanded.is-selected>.tea-menu__item {
    background: rgba(52, 66, 88, .6)
}

.tea-menu__list-icon {
    vertical-align: text-top;
    margin-top: 5px;
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.is-selected .tea-menu__list-icon,
.tea-menu__list-icon.is-selected {
    display: none
}

.is-selected .tea-menu__list-icon.is-selected,
.tea-menu__text {
    display: inline-block
}

.tea-menu__text {
    max-width: 115px;
    font-size: 14px;
    vertical-align: text-top;
    line-height: 18px;
    padding: 4px 0;
    color: #c1c6c8
}

.is-selected .tea-menu__text {
    color: #fff
}

.tea-menu__submenu.is-expanded .tea-menu__text {
    color: #c1c6c8
}

.tea-menu__text.tea-menu__text-short {
    max-width: 75px
}

.tea-menu__label {
    position: relative
}

.tea-menu__label .tea-menu__item {
    padding: 18px 0 4px 20px
}

.tea-menu__label .tea-menu__text {
    min-height: 18px;
    display: block;
    padding: 0;
    color: #7c878e;
    font-size: 12px;
    word-wrap: break-word;
    word-break: break-word;
    margin-left: 0;
    font-weight: 400;
    max-width: inherit
}

.tea-menu__label:after {
    content: "";
    display: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 19px;
    height: 1px;
    background-color: rgba(124, 135, 142, .5)
}

.tea-menu__list li.tea-list__label .tea-menu__item:hover {
    background-color: #333;
    cursor: default
}

.tea-menu__submenu.is-expanded .tea-icon-arrowdown {
    transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1)
}

.tea-menu__submenu {
    position: relative
}

.tea-menu__submenu .tea-menu__list {
    display: none;
    padding-top: 0;
    padding-bottom: 10px
}

.tea-menu__submenu.is-expanded .tea-menu__list {
    display: block
}

.tea-menu__submenu .tea-menu__list .tea-menu__item:before {
    content: "";
    background-color: #7c878e;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 11px;
    margin-left: 6px
}

.ttea-menu__submenu .tea-menu__list .is-selected .tea-menu__item:before {
    background-color: #fff
}

.tea-menu__submenu .tea-menu__list .is-selected .tea-menu__text {
    color: #fff
}

.tea-menu__submenu.tea-menu__subbadge .tea-icon-arrowdown:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #e54545
}

.tea-menu__text .tea-icon-externallink {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==);
    margin-top: -2px;
    margin-left: 5px
}

.tea-menu__footer {
    display: block;
    width: 100%;
    height: 56px;
    background-color: #262f3e
}

.tea-menu__fold {
    width: 56px;
    height: 100%;
    bottom: 0;
    left: 0;
    top: auto;
    border: 0;
    z-index: 1000;
    position: relative;
    cursor: pointer
}

.tea-menu__fold-icon {
    border-radius: 36px;
    background-image: none;
    background-position: inherit;
    background-size: auto;
    width: 36px;
    height: 36px
}

.tea-menu__fold-icon,
.tea-menu__fold-icon .tea-icon-fold {
    left: 10px;
    top: 10px;
    position: absolute
}

.tea-menu__fold:hover {
    background-color: #344258
}

.tea-menu__fold:hover .tea-icon-fold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.tea-menu-is-collapsed.tea-menu,
.tea-menu-is-collapsed.tea-menu .tea-menu__body {
    width: 56px;
    overflow-x: hidden;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.tea-menu-is-collapsed .tea-menu__title {
    width: 56px
}

.tea-menu-is-collapsed .tea-menu__title-icon {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 12px;
    top: 10px
}

.tea-menu-is-collapsed.tea-menu .tea-badge,
.tea-menu-is-collapsed.tea-menu .tea-icon-arrowdown,
.tea-menu-is-collapsed.tea-menu .tea-menu__text,
.tea-menu-is-collapsed.tea-menu .tea-menu__title .tea-h2 {
    display: none
}

.tea-menu-is-collapsed.tea-menu .tea-menu__item {
    height: 38px
}

.tea-menu-is-collapsed.tea-menu .tea-menu__label .tea-menu__item {
    height: 40px
}

.tea-menu-is-collapsed.tea-menu .tea-menu__label:after {
    display: block
}

.tea-menu-is-collapsed .tea-menu__fold-icon .tea-icon-fold,
.tea-menu-is-locked.tea-menu-is-collapsed .tea-menu__fold-icon .tea-icon-fold {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tea-menu-is-collapsed .tea-menu__submenu .tea-menu__list {
    display: none
}

.tea-menu--light.tea-menu {
    width: 199px;
    border-left: none;
    border-right: 1px solid #cfd5de;
    background-color: #fff
}

.tea-menu--light .tea-menu__header .tea-tag {
    margin: 0 0 0 10px;
    background-color: #f2f2f2;
    color: #000
}

.tea-menu--light .tea-badge,
.tea-menu--light .tea-menu__list li.is-selected .tea-badge {
    background-color: #ebeef2;
    color: rgba(0, 0, 0, .9)
}

.tea-menu--light .tea-badge.is-success,
.tea-menu--light .tea-menu__list li.is-selected .tea-badge.is-success {
    background-color: #d6f4e4;
    color: #06774a
}

.tea-menu--light .tea-badge.is-warning,
.tea-menu--light .tea-menu__list li.is-selected .tea-badge.is-warning {
    background-color: #ffe8d5;
    color: #a02800
}

.tea-menu--light .tea-badge.is-error,
.tea-menu--light .tea-menu__list li.is-selected .tea-badge.is-error {
    background-color: #fbe0e0;
    color: #9c1f3b
}

.tea-menu--light .tea-badge.is-primary,
.tea-menu--light .tea-menu__list li.is-selected .tea-badge.is-primary {
    background-color: #d5e7ff;
    color: #002da0
}

.tea-menu--light .tea-menu__list li.tea-list__label .tea-menu__item:hover {
    background-color: #fff
}

.tea-menu--light .tea-menu__text,
.tea-menu--light .tea-menu__title {
    color: #000
}

.tea-menu--light .tea-menu__title .tea-h2 {
    color: #000;
    font-size: 14px;
    line-height: 21px;
    margin-top: 3px;
    word-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.tea-menu--light .tea-menu__list li.is-selected>.tea-menu__item,
.tea-menu--light .tea-menu__list li.is-selected>.tea-menu__item:hover {
    background-color: transparent
}

.tea-menu--light li.tea-menu__submenu.is-expanded.is-selected,
.tea-menu--light li.tea-menu__submenu.is-expanded.is-selected>.tea-menu__item {
    background: #f3f4f7
}

.tea-menu--light .tea-menu__submenu.is-expanded>.tea-menu__item>.tea-menu__text,
.tea-menu--light .tea-menu__submenu .tea-menu__list .tea-menu__text {
    color: #444
}

.tea-menu--light .tea-menu__submenu .tea-menu__list .is-selected .tea-menu__item:before {
    background-color: #006eff
}

.tea-menu--light .is-selected>.tea-menu__item>.tea-menu__text,
.tea-menu--light .tea-menu__submenu .tea-menu__list .is-selected .tea-menu__text {
    color: #006eff
}

.tea-menu--light .tea-menu__list li .tea-menu__item:hover {
    background-color: #e7eaef
}

.tea-menu--light .tea-menu__fold:hover .tea-menu__fold-icon,
.tea-menu--light .tea-menu__list li.tea-menu__submenu.is-expanded:hover,
.tea-menu--light .tea-menu__list li.tea-menu__submenu.is-expanded>.tea-menu__item,
.tea-menu--light .tea-menu__submenu.is-expanded {
    background-color: #f3f4f7
}

.tea-menu--light .tea-menu__body::-webkit-scrollbar-thumb {
    background-color: #f2f2f2
}

.tea-menu--light .tea-menu__footer {
    border-top: 1px solid #e7eaef;
    background-color: #fff
}

.tea-menu--light .tea-menu__footer .tea-menu__fold:hover {
    background-color: #f3f4f7
}

.tea-menu--light .tea-menu__footer .tea-menu__fold:hover .tea-icon-fold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIgZmlsbD0iIzdjODc4ZSIvPjwvc3ZnPg==)
}

.tea-menu-is-collapsed.tea-menu--light.tea-menu {
    width: 56px
}

.tea-menu-is-locked.tea-menu {
    position: absolute;
    z-index: 101
}

.tea-menu-is-locked .tea-menu__fold-icon .tea-icon-fold {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tea-menu.tea-menu--mobile {
    width: 100%;
    height: auto;
    overflow: initial
}

.tea-menu.tea-menu--mobile.tea-menu-mobile-collapsed .tea-menu__header .tea-icon-arrowdown {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.tea-menu.tea-menu--mobile .tea-menu__body {
    width: 100%;
    background-color: inherit;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 56px;
    padding-bottom: 12px;
    display: none
}

.tea-menu.tea-menu--mobile.tea-menu.tea-menu-mobile-collapsed .tea-menu__body {
    display: block
}

.tea-menu.tea-menu--mobile .tea-menu__title {
    width: 100%
}

.tea-menu.tea-menu--mobile .tea-menu__title:hover {
    cursor: pointer
}

.tea-menu.tea-menu--mobile .tea-menu__title .tea-icon-arrowdown {
    display: inline-block
}

.tea-menu.tea-menu--mobile .tea-menu__item {
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(124, 135, 142, .3);
    box-shadow: inset 0 -1px 0 0 rgba(124, 135, 142, .3)
}

.tea-menu.tea-menu--mobile .tea-menu__submenu .tea-menu__list {
    padding-bottom: 0
}

.tea-menu.tea-menu--mobile .tea-menu__list .tea-menu__item:hover {
    background-color: #344258
}

.tea-menu.tea-menu--mobile .tea-menu__list li.is-selected>.tea-menu__item,
.tea-menu.tea-menu--mobile .tea-menu__list li.is-selected>.tea-menu__item:hover {
    background: #344258
}

.tea-menu.tea-menu--mobile .tea-menu--light .tea-menu__list li.tea-menu__label .tea-menu__item:hover,
.tea-menu.tea-menu--mobile .tea-menu__list li.tea-menu__label .tea-menu__item:hover {
    background-color: transparent;
    cursor: text
}

.tea-menu.tea-menu--mobile .tea-menu__list li.tea-menu__submenu.is-expanded:hover,
.tea-menu.tea-menu--mobile .tea-menu__list li.tea-menu__submenu.is-expanded>.tea-menu__item,
.tea-menu.tea-menu--mobile .tea-menu__submenu.is-expanded {
    background-color: transparent
}

.tea-menu.tea-menu--mobile .tea-menu__label {
    display: none
}

.tea-menu.tea-menu--mobile .tea-menu__text {
    max-width: 100%;
    font-size: 14px
}

.tea-menu.tea-menu--mobile .tea-menu__submenu .tea-icon-arrowdown {
    top: 16px
}

.tea-menu.tea-menu--mobile .tea-menu__text.tea-menu__text-short {
    max-width: calc(100% - 73px)
}

.tea-menu.tea-menu--mobile .tea-menu__footer {
    display: none
}

.tea-nav {
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    padding: 0 15px 0 12px;
    height: 50px;
    background-color: #262f3e
}

.tea-nav,
.tea-nav__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tea-nav__logo {
    padding-right: 15px;
    position: relative
}

.tea-nav__logo:before {
    content: "";
    border-right: 1px solid #000;
    width: 1px;
    position: absolute;
    top: -9px;
    right: -2px;
    bottom: -9px
}

.tea-nav__logo a {
    display: block;
    font-size: 0
}

.tea-nav__service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.tea-nav__service a {
    color: #bbb;
    padding: 0 15px;
    line-height: 50px
}

.tea-nav__service a.is-selected,
.tea-nav__service a:hover {
    text-decoration: none;
    color: #3d91ff
}

.tea-nav__flex-end {
    margin-left: auto
}

.tea-nav__dropdown {
    height: 100%;
    position: relative
}

.tea-nav__dropdown .tea-dropdown {
    padding: 0 0 0 20px
}

.tea-nav__dropdown .tea-dropdown__header {
    height: 50px;
    padding: 10px 22px 10px 0
}

.tea-nav__dropdown .tea-dropdown__value {
    color: #bbb;
    max-width: 6em;
    vertical-align: top;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-nav__dropdown .tea-dropdown__header:hover .tea-dropdown__value {
    color: #3d91ff
}

.tea-nav__dropdown .tea-dropdown__header:hover .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzNkOTFmZiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-nav__dropdown .tea-dropdown__header>.tea-icon {
    top: 16px
}

.tea-nav__dropdown.is-selected .tea-dropdown__value {
    color: #3d91ff
}

.tea-nav__dropdown.is-selected .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzNkOTFmZiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+)
}

.tea-nav__dropdown-box {
    background-color: #191919;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 10px 0;
    min-width: 140px
}

.tea-nav__dropdown-box .tea-list--option>li {
    color: #bbb;
    padding: 8px 20px
}

.tea-nav__dropdown-box .tea-list--option>li.tea-nav__list-line {
    border-bottom: 1px solid #515151;
    padding-bottom: 10px;
    margin-bottom: 2px
}

.tea-nav__dropdown-box .tea-list--option>li:hover {
    background-color: #191919;
    color: #3d91ff
}

.tea-nav__dropdown-box .tea-list--option {
    max-height: inherit
}

.tea-nav__operation {
    height: 100%
}

.tea-nav__operation-inner {
    display: block;
    line-height: 50px;
    padding: 0 16px;
    position: relative;
    height: 50px
}

.tea-nav__operation-inner .tea-icon {
    position: relative;
    z-index: 1
}

.tea-nav__operation-inner .tea-badge.is-error-dark {
    background-color: #e54545;
    border: 2px solid #262626;
    height: 20px;
    font-size: 12px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border-radius: 20px;
    line-height: 16px;
    text-align: center;
    font-weight: 700;
    top: 10px;
    left: 22px;
    padding: 0 5px;
    z-index: 1
}

.is-selected .tea-nav__operation-inner:before,
.tea-nav__operation-inner:hover:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-color: #404040;
    border-radius: 30px;
    position: absolute;
    top: 11px;
    right: 9px
}

.is-selected .tea-nav__operation-inner .tea-icon-news {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgMTN2LTFsMi0xVjdjMC0yLjQgMS43LTQuNCA0LTQuOVYxaDJ2MS4xYzIuMy41IDQgMi41IDQgNC45djRsMiAxdjFIMXptNyAzYy0xLjMgMC0yLjQtLjgtMi44LTJoNS42Yy0uNCAxLjItMS41IDItMi44IDJ6Ii8+PC9zdmc+)
}

.is-selected .tea-nav__operation-inner .tea-icon-help {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTcgMTEuNWgydjFIN3oiLz48cGF0aCBkPSJNOCAxYTcgNyAwIDEgMCAwIDE0QTcgNyAwIDAgMCA4IDF6bTAgMTIuNWMtMy4wMzMgMC01LjUtMi40NjctNS41LTUuNVM0Ljk2NyAyLjUgOCAyLjVzNS41IDIuNDY3IDUuNSA1LjUtMi40NjcgNS41LTUuNSA1LjV6Ii8+PC9nPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04IDUuNTYyYy41NTEgMCAxIC40NDkgMSAxcy0uNDIyLjkyMi0xIDEuMDc5di4wMTRjLS41ODEuMjA2LTEgLjc1NS0xIDEuNDA3djEuMzc1aDJWOS4zNzlhMi45OSAyLjk5IDAgMCAwIDItMi44MTYgMyAzIDAgMSAwLTYgMGgyYzAtLjU1Mi40NDktMS4wMDEgMS0xLjAwMXoiLz48L3N2Zz4=)
}

/* 兼容自助工具样式 */
.os-dialog__server-header .tea-dropdown {
    width: 180px;
}

.os-dialog__server-header .tea-form--search {
    flex: 1 1;
    margin-left: -1px;
}