:root {
  --color-primary: #00306e;
  --color-primary-light: #294580;
  --color-bg-global: #ffffff;
  --color-bg-light: #efefef;
  --color-bg-lighter: #f3f3f3;
  --color-bg-disable: #f7f7f7;
  --color-bg-head-back: #083d6e;
  --color-text: #2c3e50;
  --color-text-label: #353140;
  --color-text-gray: #8a8a8a;
  --color-text-placeholder: #909498;
  --color-text-link: #3388ff;
  --color-text-disable: #c3cbd6;
  --color-btn-primary: #081a55;
  --color-btn-primary-active: #000e33;
  --color-btn-default: #C0C4CC;
  --color-border: #a0a2a6;
  --color-border-base: #dae7ee;
  --color-border-primary: #045ba7;
  --color-border-light: #c0c3c8;
  --color-border-lighter: #e1e5ea;
  --color-success: #4dad1d;
  --color-warning: #db8d18;
  --color-error: #ec5757;
  --color-info: #777c86;
  --color-success-lighter: #d8f8c8;
  --color-warning-lighter: #f8e8c8;
  --color-error-lighter: #ffc1c1;
  --color-success-active: #00c261;
  --color-warning-active: #f29100;
  --color-error-active: #ff2200;
  --color-info-active: #2baee9;
  --input-height: 50px;
  --input-height-large: 64px;
  --input-height-small: 38px;
  --input-font-size: 20px;
  --input-font-size-large: 24px;
  --input-font-size-small: 16px;
  --font-size-table-head: 22px;
  --font-size-table: 20px;
  --font-size-btn: 20px;
  --font-size-form-label: 18px;
  --font-size-placeholder: 18px;
  --font-size-icon-nav: 22px;
}
html {
  font-size: 16px;
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif;
  user-select: none;
  height: 100%;
}
#app,
.app {
  height: 100%;
  background-color: var(--color-bg-global);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
a {
  text-decoration: none;
  color: var(--text-color);
}
input::placeholder {
  font-size: var(--font-size-placeholder);
  color: var(--color-text-placeholder);
}
.css-close {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 2.75em;
  height: 2.75em;
  margin: 0 4px;
  cursor: pointer;
}
.css-close::after {
  position: absolute;
  content: ' ';
  width: 1px;
  height: 1.75em;
  background-color: var(--color-icon-gray);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.css-close::before {
  background-color: var(--color-icon-gray);
  content: ' ';
  width: 1px;
  height: 1.75em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.css-close:hover::after,
.css-close:hover::before {
  background-color: var(--color-icon-dark);
}
.cu-bar-wrapper,
.cu-line-wrapper {
  position: relative;
  font-size: 12px;
}
.cu-bar-title {
  fill: #333;
  font-size: 14px;
  font-weight: 600;
}
.cu-bar-group {
  cursor: pointer;
}
.cu-bar-group .cu-bar-bg {
  fill: transparent;
}
.cu-bar-group .cu-bar {
  fill: rgba(0, 0, 0, 0.15);
  stroke: #fff;
  stroke-width: 0.4;
  shape-rendering: crispEdges;
}
.cu-bar-auto {
  stroke: #fff;
  stroke-width: 0.4;
  shape-rendering: crispEdges;
}
.cu-bar-group.selected:hover .cu-bar,
.cu-bar-group:hover .cu-bar {
  fill: url(#timeline-filter-hovered-gradient);
}
.cu-bar-group.selected .cu-bar {
  fill: url(#timeline-filter-selected-gradient);
}
.cu-axis,
.cu-tick {
  fill: none;
  stroke: #444;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.cu-tick.mark {
  fill: none;
  stroke: #444;
  stroke-width: 1.5;
  shape-rendering: crispEdges;
}
.cu-axis-r {
  fill: none;
  stroke: #aaa;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.cu-grid-line {
  fill: #ccc;
  stroke: #ccc;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
/* 粗线条网格 */
.cu-grid-line-thick {
  fill: #C2CCC8;
  stroke: #C2CCC8;
  stroke-width: 2;
  shape-rendering: crispEdges;
}
.cu-label-axis {
  fill: #555;
  cursor: default;
  font-size: 12px;
  shape-rendering: crispEdges;
}
/* 显示刻度值白色，背景深色 */
.cu-label-axis-white {
  fill: #fff;
  cursor: default;
  font-size: 16px;
  shape-rendering: crispEdges;
}
.cu-line {
  fill: none;
  stroke-width: 2;
  shape-rendering: crispEdges;
}
.cu-point {
  fill: #fff;
  stroke-width: 1.2;
  shape-rendering: crispEdges;
}
.cu-point-curve {
  fill: none;
  stroke-width: 2;
}
.cu-point-curve-close {
  fill: rgba(0, 0, 0, 0.35);
}
.cu-point-curve-close.f00 {
  fill: rgba(34, 16, 16, 0.95);
}
.cu-point-curve-close.f01 {
  fill: rgba(103, 255, 106, 0.35);
}
.cu-point-curve-close.f10 {
  fill: rgba(0, 234, 83, 0.75);
}
.cu-point-curve-close.f11 {
  fill: rgba(0, 249, 255, 0.75);
}
.cu-point-curve-close.f12 {
  fill: rgba(0, 234, 83, 0.45);
}
.cu-hint-line {
  fill: none;
  stroke: #bbb;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.cu-legend-line {
  fill: none;
  stroke-width: 2;
  shape-rendering: crispEdges;
}
.cu-legend-text {
  font-size: 14px;
  transform: translate(0, 4px);
}
.cu-grid-bg {
  fill: transparent;
}
.cu-mask {
  fill: #f3f5f7;
}
.cu-hint-line-v,
.cu-hint-line-h {
  fill: none;
  stroke: #444;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.cu-hint-text {
  font-size: 12px;
}
.icon-img {
  display: inline-block;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.icon-img.confirm {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAzJJREFUWEfFl09IFGEYxp931pLC3Vnx0EFn6I/HpCAIrINRkNXB6uBKXepcCOpshdnBQyqVo4LUuS5Feqg8ZAZFHlIIgsKOZjGfHjxI+0cKy503ZlPbPzM7n6vgwMDCvM/z/b73+3a+ZwhbfNEWjw9pgIXm6lDJ9qVaYtQxcR1AuwA4t3PNAzxPTONMGF/+XTpZMTidkJmcFEDc0K6AcAMMXcYUBAuMO6opHvjVFwTgTpQkktoIgNN+Rh7PR0NB0UCdWPbSewIko3rEZn5a5MBZMoWoKdhrDbl5uQLEopXHiZU3mzH4qgeTfSLcO/c21zMPYKgRgXpd82yZY6CawhU8bmhcCHrMEiWRYaQya/KMYoZ+l8DXChkphJpgr/iSWZOMavttxlQhHYPuhU3ruidALKpHSG7dL6qmeJJpFDe0CwAe+y0bEzWFM/bDWgd+tOwOK4HURwB7/UwI6A6ZoiOzLmFoXQzc9NMCmLFTgUPlA99jTu1/AEM7pwDPJAwc0UjIFGdzAF4w0CCjt4Hz5aZ4ngWQjGr9NqNFxgDAN9UUWZ2KG9oMgD0yeoUwEOwVrVkAcaPqPUBHZAycmpDNO6l/9pfzm1urdiQU+imrBXhCNWeP5gBo0wD2yZoE2D5Y1jf32alfbKs8kCLlk6wWwFfVFNW5AEkAZbImzBQJ91nDTn2sTW8kYtc3nYffomqK4AYBcCvcJ7r+AWgdRLgtC+80zQ1gXUtAwKOQKS47gyYM7SEDl9YB4LYE69uEAE2qppXetHFDnwC4Vh7AZRMm2rRuJrTLm2ABzIPpeqJmABWyWmL0hPpE+qW19iKKG1o9gFeyJhusO6WaYiwLIB25SpemZFNP7onodxKuAROs5aXSmtXIlnUapqMXcF9mdkUDAFczo1recRw3tJcyEaxIgFHVFGcyJ5gHsJID//h1oRiAUFBsy82HrslmM/Pg6kS8cqFnKN3MXOiVB7P+BW4td/LhSV3v8YtoXsvlRLDXltWemwML7gE3s5Wo1iOTllb0M0zUnhm9vCClvowcsRPZEEgdKyHU2cyH3T7NFKIPy4xxpALvViOX32aWBvAzKvb5lgP8BSjpOTDbRIR/AAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.success {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACrElEQVRYR82Xz2vTYBjHv09SL+JJ8KA2FcHD8BcIood50KO4btrXDT344+QEURRkeNv8A0TpQJwXQQ8TXcrWTE+CEwQRDzvYevJQm3oSvOnFNo+8bdKmTdKkaccayCV53+/3k/d9njzPS9jki6L6p5d2jZCqHGWLTgI4DGCHfUuJX42b14mUdwmufcqJn5Uo2qEA40t7jlhkzRBwIYpgawzNU8LK5icq37vN6wowpidnCTQDYGtv5o3RDPwGOLsqKveD5gcCpHPaezDkcvd/EdaMjHnKT8gXIK1r3L+rV8EQpsfP8yCtJxcAurYRAAA/NURl2q3dBmDv+dzGmDtxwXPumGgCyGhnsj7GDbgeoP8SKyfy53+syzlNgDFdW+w91XqwdQ1l4OWqMC82Ac7ktIMK42s8Od9ZRRDdU0kp1Lj2GIzTnaMswqE3GbNQX4G0npoG+MmAAIqKSlMrZ8vfGtraVQDPvNp03RDlBRsg+RygSwMAaDO3AR4CuO3V5heGqFy2AbQCgAN9AnjMQ7LqiyHMYw6A/4+HsQgFOyP8EXs1l99aMoS5lyaWU/utGhd99uiOIcqP5POQL4ljLmX/GMLcFghAwN28MB84YAEQcc1bAHag+G4BEU3lM+XXARD9mLe2wAYIDMIAiEl3qkXYJr/4dgdh9wLUCSHjxsnzmOayW6gXpnoWjOdSk8z8qlsadkKExEZoRjt6dYCMvjv5D4oZNiskJsKmt73fAkuTfWOzGKX1VBbgmxFUbqiK+rZqVa8QKGbppnlDlG9Jr1Y5Xknus6r0mYDtESBiD5F9opLg406zOjwNifNJA21GO9fJpzkdvqa0uRIDbU69zajjM7wHE4dwU49m7hhq9I00ClijAI34H04hy/oHVVHXls+VSlFyNfRwGkWknzH/AWzhOTDMZ8KqAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.failed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAApdJREFUWEfNl02MC2EYx//PGyp2ynUv7FWykZrS6RIhhAuJo4+LdcLJulinFSv2hIt1wsm6WI4SLsSGCO0MHY1sstdy2SudFSXvI1Odms/2bTWZznHm+fg9H+/zPkNI+aGU/aMvAB4fz/zQxCjT+lE3AOJfqxsduUrLy41eA1IGcHbldjKJQyAcBXAgwdESGM+I5UvtQ/WjCkxXgLWJ3BYpxUUCphjIKBptMDAvhLw9Uqp+7aTTEaBeyJ8G8RyAMRXHMTI1MM1krcrDJP1EAKegX2XCbJ+OA2rEmNUs+1qcrViAb8XcPsHi9SCcezYkyf2by9U3YZsRgFbNXwDYFhSmRYBPqkHFyq4IIQ+HeyICUDf0mwAu+R0x4cSmsv2kXtAfgDDZEYKxkLXsM9+L+nFiPA7J3sqa9rT/XQDAPWoQ4l2w22kxa1ZOeUqOod9l4FxCPe9ppn3e+1Y38o/8WSOgASn3+I9oECCp8VpRtSEKO+aZ6EIgEuY7mvVpqu08IVvhhgwCFPX3zJhQiy5QqkBqO2aJUNLK9m7PRxvAHa+OlvnZcWiEonSM/HVXXjMrVzplJ2xTcxobvLHdBlgztm+VWFdT6PJII/2rebSB4+wJ/B4bMT9/cb+1AZxivsDMpgIACDTnj9rVcbPB4BklfSJDK1es4QJIvQSpN6Fbj7qhv0q66wkIDZn+jiGApaxpH4wcwyZAQZ8G4UakkQY4iMC4nLVsd9w3n+Eaxa0ypHcZuQCt6/htdAv67+u4JoTc2/U6/tsLzVVsQWWoKMswTcatZsO5knlRtVaz+9HtSDnuFUnybNwqFnsK4symupb7gZrbEoljEDiSuDMQSpB4DpZPB/ZjEpeVVH7NlKveo2DXX7Me7fUs/gd2ToYw6Kiw7gAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.icon-img.warning {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAodJREFUWEfFlrtrFFEUh7+jsdJCBFEb0cZGKy1cRYJiIaYRoga0EEWydzYIEh9IBEkQTSFqEQiZ2QhGQRBXCQjio/CBiI8/QAQR7A0qCooWe+TObh67O7NzZ5I1U86c8/t999x77hxhnh+ZZ38yA6jPEMJu4A/wRAwnsiwmE4AG9AMDdYZXxHAqLURqAA3YDLyJNBL2SZ57aSCyANwCDkaaKC/Fo71lADpKB2UeJBj0iGHEFSJVBbTII5RdCeIf+MUW6eW7C4QzgPocQrhRJ1oCvgH5mvdCv+Q5P2cAOkAbq8KDt2mmqJhKG2uA1pl9RcmJx8ckCKcKaEAvcLVerAmADR0Ww7FZA+goKyiHq1+TEgDKbJMCr5pBJFZAAy4CZ6NEEipgU0pi6MoMoEXWo+Hql2QEsFXolALjcRBNK6ABPmBik+MP4XSK8Fzy7EgNoD7tCC+als8FoCJgxFCMrGKcgQbcBfbOEcB72sjJUX42HOQoA/XpRJJ/Kg6HcFpeOSceF9wAijxD2Z7Yw+5bYKUmgJwYPtVcZvUmWqQbjd6vBqAya1nIcpR3SbDV70NiOB4LoDdZzO+w7TY4Cn4G/gLrHONB2Soeryfja9pQffoQBp3FsgXeFsOBBgANWI3yFmGlo65d/RjCF5TTUVd1rI6wR/Lct9+nKqABl4GTjub2hjsiBcZsvI5wmAVcd85VnorHzikADdhYnfMWOYvAGTFcCgF8hhF6UuTa0G4xXKv8z30GEfpSCSg/IDxME9XxfFmqfHgoho64gSKlVrZwe5FNAtwB9meTyZxVUwFrbiH+59MlhtLMLrAQdt63V/DSFpHYWfExwrg1r2nDFhkmyiaOZIkKswz4B5hSvSF1PE8UAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.error {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC00lEQVRYR81XO08UURT+zrBAowQzo1tpoVaoFcYEKSBQ+CgMFjOXZP+BNlqowR8gUQps9B+QcGcLiYWPAgKFkhipFCuhwGp1JxK04XWPuYSFndm5dyfLJusm0+w9j+9895wz3xBa/KMW50dmAFGh0IXt7T52nAEwDwDI7z+6htLeQ7RASi2gvX3RnZrayFJcJgBlIe4AeATgTJagANYAPPWkfFnP3gqABwdz5Xz+NQE36gVKO2fgrVcq3aL5+R2TvxFAFAQBE8lGEid9iFm4YRimxUoFUPb9ITjObDOSH8RQatgrFudqwCX/CH2/bchxjJQdBdScUrmgWNytjlHDQCTEMwYeHCWR5b4nXCkfGgH8DILAadK9m0AoZnGqqh8OGPg9MtKtOjuXGDhrqX4JwDkA3QabdQArAHotLKw6m5u9J2ZmtO3hIioHwQiIXlkcl10pL0a+3wPHCRm4kKByGUoFbrH4LRLia/I8Fpf5theGMzEAkRCTDNyzVL9OSvXvJUiAIOAwue/3sON8sLCkq37uSnk/zoAQ2umqrfmSiTQTe/aVyg3spMT86EnZnwTwff9+rQNQAwJAGit1pmjFk/J8EsAfAMeyjF81CG1v6gtLrL+elMf/OwAtv4IWN+Ho6BMwj1nubYOU6ss4hosAuoyxiMa96enH8T0QBNeY6J1tC3pSXs6yiMpCfLZuQ+brbhi+jwMoFLp4Z+eLTfXo7mfgtKW6DQJ+WLcgsEa53KWKZIu9Dfel14sso3gEm7vVUq3mdfxLiDeNSrB6oLREOynlTePrWB9oHRjl89v1gjVy7pZK7Ul9mCrJmqkHK0BNutAoSpuqCw16MDYFaZRqfTjsOOONSjQCJmaVGkvqQGsPpAHRUq2NSAOxqaUDVwJWd5nHqqWXqWcyfRlpZy3Zdjs6BologIEraZ9mBHxi5oW2ra35iuSq16yZAdQL1Oh5ywH8A5rZbTDUuxSkAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.info {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACMklEQVRYR8WXPYhTQRDH/wNJp/WBleDZWGivjR8gKKhYaGmjZ6kkZialZ5nZGNBOtLO84vA4PDhQ02jvFdecYinX2GgZGHkhTza5997u5gkvXZL5+O3sfC2h4Q817B9JAMPh8IyZ3QFw1cxWiGglO4CZHRLRIYBdItro9Xr7sQeLAnDOXTazxwBuRhreIqIXzPwxJB8EUNXXAB6EDJX8/0ZE1qp0KwGcc+/N7NqSzqdqRLTDzNfLbJQCqKrVcbyoKyKFvgp/VNWvAM5GADwys00i6gLoBOT3ROTcoswRgIQ7vyEi27lBVf0E4GIA4khOzAHMsv1DxMnRbrdPdDqdnx7AKwAPQ7pEdMWvjjkAVX0XW2pE9JaZ73kAPwCcDAEA2BKRW7ncP4DRaLQ6mUwOIgz4Ir9mOXA/Ra/Vap3udrvfplWSKw4GgydENEwxtKysmfX6/f7zOQDn3GczOx9hdExE4yI5M1uP0M96wxdmvjAHoKpZSE5FGMgAXjLzpi/rnHsaCwDgu4isLkbgt5kdiwDIRe6KyEb+JQWAiP4w8/FaAES0zszP/htAwhVMfdYBKLuC2CSsDVCYhKllWCcChWWY2ojqABQ2oiyuia142SQsbsUZQMwwykoIwB4Rrfm7n6pmPcQBuF1VypXDaBaF0Ao2FpFLZU4CY7l6HHuTLXYhSehbiFtIPIjmVjKvuzW3lHqRCOVE1TXUW8u9SDT3MPGP19jTLCXVU2WDT7NUg6nyfwEUcjkwRt2DNwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.icon-img.close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAi5JREFUWEfN1r2LE0EYBvBndhMliwgWFhYWFoIoWIgWCoKChWAh3J6WFv4HIbsDSTVVApMNqW2t9MDC4sBC8OBABdFCUAQLCwsLC0FhAya7Ky/MQtzbZD4uZ0y3mWGeH+/MvLsMa/6xNefj/wJIKV8AOOx53v0oij6tujpSygeMsVYcx/fKtf+qgJTyJYDLAN4D2OScf14VQkq5BeAOgFec8yu1gCRJzuR5/hjAeQDvGGObcRx/2S9iLvyD53l3oyj6WAugP6WUpwE8AnABwBvf98NOp/PVFbEsnNasPYTD4fBUURRUiUtUsmazGbbb7W+2CF34QgANjEajk1mWEYLOxO5sNgt7vd53U4RJ+FIADY7H4xPT6ZQQVwHsZFm20e12f+gQpuFaAE3o9/vHG40GneBrAJ6naRoKIX4uQtiEGwFo0mAwOOb7PiFuAHimEGkVYRtuDKCJQoijQRDQdtwsimJ7MplsCCF+lwiXcCuAQgStVmuLMXYLwNM0TQmRu4ZbAxTiUBAEtB23ATwBkKsOt6fJ6A6rE0AhPIUIVYhTuDNAdcyyt9PjvwXM77mqwDlXhPX3QPXAESDPc6qGE8IKsOi0J0ly1hVhDNBdNVeEEUAXXl43F4QWYBruilgKsA13QSwEuIbbImoB+w23QewBrCrcFFH9LC/bq3NrrXsBVW7HW875xXJeFfAawJHqp7PJW003RyEeAvjFOb9eC9AtchDj2j5wEKHza64d8Aef1lowY5J0VgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.icon-img.spin-loading {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACNElEQVRYR73XS+iMYRTH8c+/bCSUslGysLAhFi7lUsr9kiS5LChSrMjdX1lYiIiIlZJbCaVcSiQRpUiRFDYSFpJiRbLR0fPq8Zppxpj3PTXNzDvnOb/vvM95z3NOj85tAI5jGnbjWCehetpcNAkzksintOYKFmTrF+NSm/F+u7UDsAQX0orXmJg+fyiJncXKKgCeYVQWeB96cRgbsusT8KgKgIPYlAWeh+vp+zZMwX7c/1fx8G+0BbGXu3A1vYffESzEnpR4nWg1XFMGGIMnmWfc6rjllVkZYAXOZGoXsbQy9SZbEI/SIrzDXDyvGyD0ItHu4GuV4uUk3I4XKfmq1v2rEF3D/HR1FU7VRRBJOAIvM8FbmFknQPGcr0+i03G7boDQm4VXeFOXeLNKWJf+MpzPC9FU3K1JfQf2YlwA9MU9jE11fm1NELNxIwC24EAmOhpxBNdiATAYH5NaNB6xN7VZkQP9MQdx+NRq7bRk3QaK03Vg0VeUAYZjXWpA3ndbOcV7iyHoh+85QB/8SE5xCoZDFTYS0dI/KBeioQi6wgbhcxUEeczyFsQTsDn1fpe7KB615lujeO0k4f9WyOU4h9U4WYZoBRDt9lbcRFSuTmwjDmFnKr9/xGgFEH1C9Athw0o50gzmV4kt/RhDy8NOtmByGjpOIF6FReccx3f0jo+z68W8GP86JqeW1uoONAqQzw5HUTQy4Xs6zYdrSsBNQToBiGAxko1HCH0pRQ/Apy3/enL4CXODWVVZFahZAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.arrow-back {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8zQ8SIYmFhMQmroTFqImUxE0NhMUb5tZl55oeaH6/33qTJVtlOUWLj14K/gK2yVopIyU5ZExv0nDczNZPMud1zP/d7zzndey7Ywyklrdd5IJ0xtFDQ71pYXHI1vOCkDRuj2COKrs7MTYSpaZ/3Eil222/Vqh33rzWvxnQFbI3CY4qqGcKTwtPrhmrxjnCHkoysCp8JuzW5oPCdpUdL/GpxosTfFmvhUADsbcKuRBVHq1hJamlheTk96VROKd/Heokzlpmfk7VbZhc6IYL4cTHFOAF8DDIi3kc/XgZkR418TzF/lqzkKuJV8miskSCJgVvUnFSPyRoXPSYjRd7q/9++6vEhb6m60w/1z6b53gsN2/BTMM2vI9P8OQbHE1xmKvnZQxj+EL1Q0XoOoHUTzq8qWnQXLrag81GNaJGi5JBpj8fh7RRaFqH9BpqWSz0rn3PyAOEN+apr2NuHPolvXfkFWBRn3yslPMAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAD6SURBVEiJ7dYxSgNBGMXxN1ECsbCJVmlMrG1CzrCil1jwGBE8RsKmyg0UvMEWIelSRj2AWmu1ov8UjjDZLNjsN9W+cmbhB8P3ZlZqUhHgOBZ0AMz4Tc8aOwIePTYBWpbYKbDy2NgM8tg58AIUQGqNjYB34ANIrLFr4BN4BYbW2A3wBWyAM2vszg/HAuhaQmHHHoCOheMCcC4plVRIupf0XaOTOedySTqs2GxLSiT91AiuJeU7K/5IM+sj3Uu0oSmhf7V4Avqx0Ctf/Dfz4gdoeLVdxkIHwHOUyztAT4ClH6bbWGj4AE9NH+AADbtq+4tRgi8A9/+XTSJkC8bTIAupdn3CAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.arrow-right-small {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAV9JREFUWEft1i1PA0EQBuB3SC0C/gFoHApJguEHkJDQUAcY5M1yraniuLlKElJL0kBxOBwoUEg0Ao1BVF07ZJOtpfcVxnTdZsX7ZPZuZwjGi4zzsQQUroCIPANYnU6np3Ecvzd1dWUArwB2AHypasc550G1V2FAlmUbqjoKiB8iOo6i6LGuoDDAByVJstZqtUaquh+CO8x8WwdRCjAPStP0jogO/V5Vz51z11URlQA+TERuAJyF4B4zX1ZBVAYERALgIgQLM7uyiFoAH5amqSOiqxA8ZOZ5VQpZagNCJU4ADEPieDKZtPv9fl5E0AggIA4A3ANYAfCU53m72+1+L0I0BvBBWZbtqeoYwDqANyI6iqLo8y9EowAfNBgMtmez2QOATQAfzLxlCXhh5t1/A5hegYjYfYQiYvcbmj5EImL3FJs2I7N2bDqQmI9kImI7lJqP5YvaatXzxrthWcgS8AuiQ7ghUM8jjgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.icon-img.device.event {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}
.icon-img.device.alarm {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnVJREFUeNrsWTtOw0AQtSGioXFaGswJCOIASTo6khs4J4CcIPYJEk4Qc4KEE8RU0CCSE2Aq2qSgomFGGkujlZ3s2p4QI6+08uazM/N233x2bVuC7fTab8HjDvrq+82fSOg4lgRwctZ5gUcH+g2MNz9f0WvZOo4s2eaysSOhQBqAeJMGsJYG0NBwwjEZEoAjLg3lD8iJcb6IE9s7ACzICZPV7OYAUTSS+fAY0cc+6J+bUOhZccIpCHT2aLzHjMfWMqIQoPVByDkMPSagBz3MUNihHbtMiTq4gyvoEciNNIxHPVNl/twIAIEYgDCLQMRogKLIpVXqaYRK/M8I5iTGPGyhZEsxPpW+doHtTQz3CjIFgQzBuFiR71AAcen3pbET7+DmOIMmUUKVlBVtE8XS5qGRYalRSCMqJC2mMBsaOqer/BQiZcUAZBiPhvs5d/KedjI3CNtAGTrgTMexclSsC4VWA93dtDWVoPAPpqTUpJYCAuVfqY5dpBYaKSs0LDMjk6yBkjRHpexAyupjIuoKZd4Z5YqkNUHXOncxx5IPX/3AgBYzxulIY1qgAPB2FYE6FGrzcKlpiMXCpKtLB6LSMkN3bgA8pUcGjMhb9EXbireiAD73UIRuMo6klTlSGkW3QwSwrjqA+laiBlADqAHUAGoABwEgzptdTVpDEMCQFX+TygGgk5Rf+8Bf7QC7esSDTSB1LS/pAzN2GMLnRdUo5JqcrA4RwJCNKxmFQivjRUgdhf4TADsj/HGnW7AxUuJR2Kbk1W7S+DVmrF74pvnAu5V9KeVZxV8pmbaFUlM1d1HIOWDGODpRqA/9VjJ2F6hun9QvfwUYAMh40E8b8o92AAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.icon-img.home {
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8zQ8SIYmFhMQmroTFqImUxE0NhMUb5tZl55oeaH6/33qTJVtlOUWLj14K/gK2yVopIyU5ZExv0nDczNZPMud1zP/d7zzndey7Ywyklrdd5IJ0xtFDQ71pYXHI1vOCkDRuj2COKrs7MTYSpaZ/3Eil222/Vqh33rzWvxnQFbI3CY4qqGcKTwtPrhmrxjnCHkoysCp8JuzW5oPCdpUdL/GpxosTfFmvhUADsbcKuRBVHq1hJamlheTk96VROKd/Heokzlpmfk7VbZhc6IYL4cTHFOAF8DDIi3kc/XgZkR418TzF/lqzkKuJV8miskSCJgVvUnFSPyRoXPSYjRd7q/9++6vEhb6m60w/1z6b53gsN2/BTMM2vI9P8OQbHE1xmKvnZQxj+EL1Q0XoOoHUTzq8qWnQXLrag81GNaJGi5JBpj8fh7RRaFqH9BpqWSz0rn3PyAOEN+apr2NuHPolvXfkFWBRn3yslPMAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAHJSURBVEiJ7ZU/S1ZhGIev29csgqBwCKWSpoIS0iloEm0IpY9QU1BbRGNrU9+gJIKi2a0GLVqMaKghKmqqyMqlMkHqVa8GnzcOx/Me31PHJfzBM5z7/j33dT9/eA5sKSc11MvqTXXPZsN2qLfVZfWz+lId2CzYXnVW/aqOqf3qM/WTOlw3bFB9p75VD2Xiu9T76qJ6qi7YhPpDfaj2FuS3qZNpm8/9CyjUS+qqel3t2cB7xTVdVaMqrEe9oa6oFzstoJ5Rm+qdsgbzk3rT9i2o45U6XZs/qn5XH6i7NzIfThdjTj1aFZapM5igL9QD7Uwn1W/pHKb+Fpap9yodyZx6rBXvTsn9wD3gLrA9jaIiDSB/nkbEShvuNWAYmFb7IqLZBRARH4ATwFngZ0nji0AzN56W+BeAcWAsIpp/VpigT9IqSuYzATQKirZVAj1vfXeXeIsmz1TxF6kSUB0CjmRCq8B0RMzXDlSPA4+BpUy4AcyrByNiuZM6XZ0CgSHgS0TsbA1gBNgHrHtj6wDWoi1g7Sq6pe+BC+qjXLw/5bL6CAhMqb9yuYEC/7p3kfRLOQ/05VJLwK2IeJ3znwZGCxp/A0xGRNlT+R/qN+jqWeLayqdDAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 18px 24px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: var(--font-size-btn);
  line-height: 22px;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  outline: 0;
  white-space: nowrap;
  user-select: none;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear;
}
.btn:not([disabled]):active {
  outline: 0;
  transition: none;
}
.btn.disabled,
.btn[disabled] {
  cursor: not-allowed;
  color: var(--color-text-disable);
  background-color: var(--color-bg-disable);
  border-color: var(---color-border-base);
}
.btn.disabled:active,
.btn[disabled]:active {
  color: var(--color-text-disable);
  background-color: var(--color-bg-disable);
  border-color: var(---color-border-base);
}
.btn.disabled > *,
.btn[disabled] > * {
  pointer-events: none;
}
.btn.btn-large {
  padding: 23px 40px;
  line-height: 22px;
  font-size: var(--input-font-size-large);
  border-radius: 4px;
}
.btn.btn-small {
  padding: 2px 7px;
  font-size: 12px;
  border-radius: 3px;
}
.btn .icon-img {
  font-size: var(--font-size-btn);
  vertical-align: middle;
}
.btn.emphasis {
  color: var(--color-text-link);
}
.btn-long {
  width: 100%;
}
.btn-loading {
  pointer-events: none;
  position: relative;
}
.btn-loading .icon-img {
  animation: loading-circle 1.2s linear infinite;
}
.btn-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon-box > .icon-img + span,
.btn-icon-box > span + .icon-img {
  margin-left: 6px;
}
.btn-img {
  background-image: linear-gradient(to bottom, #FFFFFF, #E2F4FF, #C6E9FF);
}
.btn-default {
  color: var(--color-text-label);
  background-color: var(--color-bg-disable);
  border-color: var(--color-border-base);
}
.btn-default:active {
  color: var(--color-btn-primary-active);
  background-color: #fff;
  border-color: var(--color-btn-primary-active);
}
.btn-primary {
  color: #fff;
  background-color: var(--color-btn-primary);
  border-color: var(--color-btn-primary);
}
.btn-primary:active {
  color: #fff;
  background-color: var(--color-btn-primary-active);
  border-color: var(--color-btn-primary-active);
}
.btn-dark {
  color: #fff;
  background-color: #323c4e;
  border-color: #323c4e;
  border-radius: 0;
}
.btn-dark:active {
  color: #fff;
  background-color: #323c4e;
  border-color: #323c4e;
}
.btn-ghost {
  color: var(--color-text-label);
  background-color: transparent;
  border-color: var(--color-border-base);
}
.btn-ghost:active {
  color: var(--color-btn-primary-active);
  border-color: var(--color-btn-primary-active);
}
.btn-dashed {
  border-style: dashed;
  color: var(--color-text-label);
  background-color: transparent;
  border-color: var(--color-border-base);
}
.btn-dashed:active {
  color: var(--color-btn-primary-active);
  border-color: var(--color-btn-primary-active);
}
.btn-text {
  color: var(--color-text-label);
  background-color: transparent;
  border-color: transparent;
}
.btn-text:active {
  color: var(--color-btn-primary-active);
}
.btn-text.disabled,
.btn-text[disabled] {
  color: var(--color-text-disable);
  background-color: transparent;
  border-color: transparent;
}
.btn-success {
  color: #fff;
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.btn-success:active {
  color: var(--color-bg-lighter);
  background-color: var(--color-success-active);
  border-color: var(--color-success-active);
}
.btn-warning {
  color: #fff;
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.btn-warning:active {
  color: var(--color-bg-lighter);
  background-color: var(--color-warning-active);
  border-color: var(--color-warning-active);
}
.btn-error {
  color: #fff;
  background-color: var(--color-error);
  border-color: var(--color-error);
}
.btn-error:active {
  color: var(--color-bg-lighter);
  background-color: var(--color-error-active);
  border-color: var(--color-error-active);
}
.btn-info {
  color: #fff;
  background-color: var(--color-info);
  border-color: var(--color-info);
}
.btn-info:active {
  color: var(--color-bg-lighter);
  background-color: var(--color-info-active);
  border-color: var(--color-info-active);
}
.btn-group-left {
  display: inline-block;
}
.btn-group-left > .btn {
  margin-right: 20px;
}
.btn-group-right {
  display: inline-block;
}
.btn-group-right > .btn {
  margin-left: 20px;
}
.input-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: middle;
}
.input {
  display: inline-block;
  width: 100%;
  height: var(--input-height);
  line-height: var(--input-height);
  padding: 6px 10px;
  font-size: var(--input-font-size);
  border: 0.5px solid var(--color-border-primary);
  border-radius: 4px;
  color: var(--color-text);
  background-color: #fff;
  position: relative;
  cursor: text;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.input:focus {
  border-color: #45775d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(22, 85, 52, 0.2);
}
.input.disabled,
input[disabled],
fieldset[disabled] .input {
  opacity: 1;
  cursor: not-allowed;
  color: var(--color-text-disable);
  background-color: var(--color-bg-disable);
  border-color: var(--color-border-base);
}
textarea.input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  font-size: var(--input-font-size);
  line-height: var(--input-font-size-large);
}
.input-large {
  font-size: var(--input-font-size-large);
  padding: 6px 10px;
  height: var(--input-height-large);
}
.input-small {
  font-size: var(--input-font-size-small);
  padding: 2px 8px;
  height: var(--input-height-small);
  border-radius: 3px;
}
.input-icon-bg {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 36px;
  border-radius: 4px;
  background: #fff;
}
.input-icon {
  font-size: var(--input-font-size);
  margin: 0 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.input-wrapper-large .input-icon {
  font-size: var(--input-font-size-large);
  margin: 0 12px;
}
.input-wrapper-large .input-icon-bg {
  width: 42px;
}
.input-wrapper-small .input-icon {
  font-size: var(--input-font-size-small);
  margin: 0 8px;
}
.input-wrapper-small .input-icon-bg {
  width: 30px;
}
.form-item-error .input {
  border: 1px solid var(--color-error);
}
.form-item-error .input:focus {
  border-color: var(--color-error);
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 85, 0, 0.2);
}
.form-item-error .input .input-icon {
  color: var(--color-error);
}
.form-item-validating .input .input-icon-validate {
  display: inline-block;
}
.c-loading {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-loading .mask {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.c-loading.transparent .mask {
  background-color: transparent;
}
.c-loading.transparent .c-loading-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABNxJREFUaEPtWl1oXEUU/s5NwLwpggo+KBpbBQVB8SclqLWgDWh2zoYIYgVFqBir0FLxD6qlUEXRFoqtvohoC8KSObOrEH3QilJTFfMgFrRaQXyoUkWLLyth78iEu2V2cu/uvZu9lIjzFJI53znf/Jwz57shlDQqlcpNURQdAnA6juOZer3+RRmuqAxQh8nMPwIYTfAXROT6MnyVScD6AYtIKb4KgSqlNhDRCwDOB7BFRD7IWlVmzk2Ame8CsBXAGgAzIvJ+3t0qRICZvwewNgE/Za0dM8acSHOWl8DU1NSaOI6Pexgfi8iGsgh8CeCGNri1dr8x5tGVEGDmgwDu8zB+EZFLyiLwFAB3hM4Ma+16Y8wnocM8O1CpVO6MoqjjGFprdxljdpRCYGJi4pyRkZHPAVznOWiISKUfAszssMY825+Hh4dHa7VaqxQCDlQptYmI3gl24X5jjDsKZ0avNKqUeoSI9vs2RPSg1vqtvMG7eYUucRuYmesAJj1H8yKyznfcq5AFCcGZHhaR24sE3zcBpdRtRHTYd1Y0zzNzR0Igolu11p+uiECS5922niai97TWu7IAlVLPEdHzAP4CsFlEakWcV6vVh621ry+tItGzWuvdafbJvXM1YhOAkbD+dByhcFUA/ERE+7TWe9PAmXltq9U62Wg0/i4SfHvu1NTUVVEU/VGr1U6l2Sf3zQXvJ41jInJNe35IwH+/+JjHoiji2dnZH/oJtKhNckRd4P49a8McF5ErswhsBPA2gAsynN5T9KgUDZ6Zl9UaD8NV/3uNMR+lEnC/VEq5F+Q2IppJc170shYhkGSuo2k2ruoDeDV8umSm0Yxt/EZEri0SVJG5zHwhgN8Cm4a1dk9atc+VRt1FiqJoi7X2cgA7RGQpc5Q1kuz2OBF9F8fxgbBAhn77KmRlBd8P7v8E+lm1Qdqs/h3wHl3tBjxcoIUyVYWs3cgbFwXP3iy80lSFLId541r9BPJuVVnC1IqP0CAzwtnAWv1Z6Gys2iB9/vd3IOmK3NN6zFq71RiT2p0NalWTVvMhAOdaa/caYw50wy76nHb968Va65ODCtjHUUqdR0R/BtjzcRzvrNfrH6b5XEagV0NDRONa6yNlEHCYoaLn+TkURdHOsK0Ne+KuLaW1drsx5pWygk8IPAHgpS4+7vbV67xNfdeuaNCEqtXqLdZaJ9msT8HuUK97ySoLSTvXIRsOKmDXQsZxfFlWla9Wqw8kRC71fHao1yGBaWvtbiL6B8DBZrO5Z25uzv28bCilNhPRGwC+ttY+6SsFeQgG2ujTIvJimt309PTQ4uKiE9G2JyLaNhF5tz23rzowOTl50dDQ0K+eww6tJg+B8LJmyfS9sPoiwMxzANyFb4+vRORG31kOcfczAOOeTapMP3ACSqk7iKgjJydHqCNz5JDXc8n0AyfAzPMAbvaAj4iIv5JLf8rzhSZFpl9oNpvrsu5drkLWjTEzu4v0sj+HiCpa60Zol4dAmkwPIPNCD4LAtwCu9oDeFBH3blk28hBwRkqp1wIZs0N9HugRCs71761Wa7zRaLhPryshMEpE7li2BeUTInJFr8D7SqPMvNFau88ZE9Ez3ZTqvDuQ3Jel+pPgPtbtA3pIrK80mmd1ihDIg5c1p0wCq/ufPXoVspWsum/7L70GXBcikhpwAAAAAElFTkSuQmCC) no-repeat;
}
.c-loading.transparent .c-loading-message {
  color: #2c2c2c;
}
.c-loading-box {
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 20px;
  min-width: 140px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-loading-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABEBJREFUaEPtml3opVMUxn9PLrgjhXJBvhWlyMdMwlC4wOSCEorUCEPNNPJVg6YQYWoyw43ko5QrQ+HCRzTGR/4XMsUwSi6GEHLlQo+W3nfaZ//f95y9zznvf/pP9tXpnL2ftZ6911577WcfMVCzfS7wCvAncLukT4cwpSFAA9P2d8AJDf6CpLOGsDUkAacOSxrEVhWo7UuAR4HDgbWS3u6bVdvFBGxfAawDTmrC7c3S1aol8A1wcgP+C7BC0p4uY6UEbIfTuxOM9yTFRBW1WgKfAWcnyFsl3TEjgZeB6xOMHyUdU+Q9UEvg3iaEUvxVkj7IDZasgO3LgDwMN0naOBSBg4GPgTMTA9slrZ6SQGCtSMb+EJlL0j+DEGjS4w3AS5mBGyVFKOxrk9Ko7duArRnOzZJeKHU++lWFUAts+3XgqsTQTkkrMwJjDzLbaUKIoe9LurjG+VkIXBQGU2O1ed52nhAulPThTASaPB/LGsf/G5I29QHafhB4CPgDWCPptRrjtm8Fnm3GPCDpkZ5sFvsuzogI3UPy82ckhDpm5Xtgi6TNPeBxJuyV9FeN80kongr8JinOlEXNdjgdzqdJY5ek09vOOYG0fkkBdwFXS/p2Gkdrx9iOEA3H033WwuyWdEofgcuBF4EjeoxeWxsqUzjfdda0MLFS10l6t5NAfGk7Ksj1UZN0Ga/drDUEmhL8k54xsTefykuX3jTas4xfSjqjxqmavraPBH7OxmwHnu467YvSaLOR1gLHAxsltZmjxrfivk12uwv4GtiWH5A50FQHWbE3S9DxfwJLMMljTSz/FUjUg/YCnjNeGFJV6JveYr+ysrcPbzBVYQyBvqogHbKgA4FAW7cvzxDa31lkVvvLPwvNOgP7e/yBvwJNMReldcgf6/puZ/NaieaqeQtwKLBZ0rZx2LXldGAdLWnvvBxOcWwfBvyeYe8EHpb0Tuf9JP9y0oUGOF/SjiEIBGau6CV24q0hiIxca/M78aQr5QZJTw7lfEPgbuDxMTaulLRPvS691I+9Fc2bkO0LGslmVQf2iHo9SVaJQi6ucyOy4bwcbq6Qx/U9P9m+qSFybGJzRL3OCVwDhMD0NxBOh/PxeVGzvQZ4DvgCuCdVCkoIZtrofZIe67FzEBAi2oZGRFsv6dW271TngO2jgJ8SgyNaTSGBkRccoFOmn4Q1LYG3gNjwbftc0jlZSpwk7n4UGS0Z0ynTz52A7UuBPCdHCI1kjgJ5vUimH4JAHCznJcA7JKUz+d9PhS80uUwfSWNl377rIlMVQrZjIz2RAa2WFGl2pBUSWCTTA70beh4EvgJOS4CelxR1S1eWKnpmtf1MJmOOqM9zDaEsrn9tyop4aZmFQNwEIyxbQXmPpBMnOd7+XhtCkXm2NIPvH6dUl4RQ64Tt9vyJr+4c94CeE6siUDorpZu4Bq+v75AElv2fPZbk7zb/AqcL5jyggBCQAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  animation: c-loading-rotate 2.2s linear infinite;
}
.c-loading-message {
  font-size: var(--input-font-size);
  margin-top: 6px;
  color: #fff;
}
@keyframes c-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.c-message {
  position: fixed;
  z-index: 9900;
  left: 50%;
  top: 0;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 320ms;
  transform: translate3d(-50%, -100%, 0);
}
.c-message-no-animate {
  position: fixed;
  z-index: 9900;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
}
.c-message-panel {
  min-width: 180px;
  padding: 16px 22px;
  border-radius: 2px;
  font-size: var(--input-font-size);
  background-color: var(--color-bg-global);
  color: var(--color-text);
  display: flex;
  align-items: center;
}
.c-message-panel.success {
  background-color: var(--color-success-lighter);
}
.c-message-panel.success .c-message-content {
  color: var(--color-success);
}
.c-message-panel.warning {
  background-color: var(--color-warning-lighter);
}
.c-message-panel.warning .c-message-content {
  color: var(--color-warning);
}
.c-message-panel.error {
  background-color: var(--color-error-lighter);
}
.c-message-panel.error .c-message-content {
  color: var(--color-error);
}
.c-message-panel.info .c-message-content {
  color: var(--color-info);
}
.c-message-icon {
  margin-right: 4px;
  flex: 0 0 auto;
}
.c-message-close-btn {
  font-size: 14px;
  width: 14px;
}
.c-bare-modal {
  position: fixed;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.35s;
  opacity: 0;
}
.c-bare-modal > .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.c-bare-modal > .mask.dark {
  background: rgba(0, 0, 0, 0.8);
}
.c-bare-modal.no-animate {
  transition: none;
}
.c-bare-modal-panel {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 160px;
  border-radius: 4px;
  background-color: var(--color-bg-global);
  display: inline-block;
}
.c-bare-modal-panel.transparent {
  background: transparent;
}
.c-base-modal {
  position: fixed;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.35s ease;
  opacity: 0;
  display: none;
}
.c-base-modal > .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.c-base-modal.show {
  opacity: 1;
  display: block;
}
.c-base-modal.seagreen .c-modal-title {
  background-color: var(--color-green);
  color: #fff;
}
.c-base-modal.seagreen .modal-close-btn::before,
.c-base-modal.seagreen .modal-close-btn::after {
  background-color: #fff;
}
.c-base-modal.dark-blue .c-modal-title {
  background-color: #0c2b58;
  color: #fff;
}
.c-base-modal.dark-blue .modal-close-btn::before,
.c-base-modal.dark-blue .modal-close-btn::after {
  background-color: #fff;
}
.c-base-modal.logout .c-modal-panel {
  background-color: transparent;
}
.c-base-modal.no-animate {
  transition: none;
}
.c-modal {
  position: fixed;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-modal > .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.c-modal.seagreen .c-modal-title {
  background-color: var(--color-green);
  color: #fff;
}
.c-modal.seagreen .modal-close-btn::before,
.c-modal.seagreen .modal-close-btn::after {
  background-color: #fff;
}
.c-modal-panel {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: var(--color-bg-global);
  display: inline-block;
}
.c-modal-panel.transparent {
  background: transparent;
}
.c-modal-title {
  padding: 14px;
  position: relative;
}
.c-modal-title.bottomline::after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-lighter);
  transform: scale(1, 0.5);
}
.c-modal-title .title {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  padding-left: 6px;
  font-size: 22px;
}
.c-modal-title .title-virtual {
  height: 40px;
}
.c-modal-title .modal-close-btn {
  font-size: 16px;
}
.c-modal-body > .modal-form {
  padding: 24px 20px 0 16px;
}
.c-modal-body > .modal-form-editor {
  padding: 0 20px 0 16px;
}
.c-modal-footer .footer-box.btns {
  padding: 4px;
  padding-bottom: 16px;
  text-align: right;
}
.c-modal-footer .footer-box .modal-btn {
  border: 1px solid var(--color-border-base);
  color: var(--color-text-label);
  background-color: var(--color-bg-disable);
  outline: 0;
  border-radius: 2px;
  padding: 18px 24px;
  line-height: 22px;
  font-size: var(--input-font-size);
  min-width: 80px;
  margin-right: 14px;
}
.c-modal-footer .footer-box .modal-btn:active {
  background: #bbb;
}
.c-modal-footer .footer-box .modal-btn.primary {
  color: #fff;
  background: var(--color-btn-primary);
}
.c-modal-footer .footer-box .modal-btn.primary:active {
  background: var(--color-btn-primary-active);
}
.modal-slot-default {
  min-width: 400px;
  padding: 20px 20px;
}
.modal-slot-default.info {
  padding-top: 0;
  padding-bottom: 20px;
}
.modal-icon.icon-img {
  margin-right: 4px;
  vertical-align: middle;
}
.modal-content {
  display: inline-block;
  margin-bottom: 8px;
  font-size: var(--input-font-size);
}
.modal-large .c-modal-footer > .footer-box > .modal-btn {
  padding: 14px 14px;
}
.modal-large .c-modal-title {
  padding: 8px;
}
.bare-modal-close {
  top: 4px;
  right: 0;
  width: 2rem;
  height: 2rem;
  transform: none;
}
.bare-modal-content {
  padding: 20px 38px 20px 30px;
  display: flex;
}
.bare-modal-content .icon-img {
  font-size: var(--input-font-size);
  display: inline-block;
  margin-right: 6px;
  flex: 0 0 auto;
}
.bare-modal-message {
  font-size: var(--input-font-size);
  display: inline-block;
  word-break: break-all;
}
.bare-modal-message.success {
  color: var(--color-success);
}
.bare-modal-message.warning {
  color: var(--color-warning);
}
.bare-modal-message.error {
  color: var(--color-error);
}
.bare-modal-message.info {
  color: var(--color-info);
}
.bare-modal-btns {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
}
.bare-modal-btn {
  flex: auto;
  background-color: #9099a5;
  color: #fff;
  font-size: var(--input-font-size);
  text-align: center;
}
.bare-modal-btn.success,
.bare-modal-btn.warning,
.bare-modal-btn.error,
.bare-modal-btn.info {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bare-modal-btn.confirm:first-child {
  border-bottom-left-radius: 4px;
  border-right: 1px solid #f3f3f7;
}
.bare-modal-btn.confirm:last-child {
  border-bottom-right-radius: 4px;
}
.header-back {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  background-color: var(--color-bg-head-back);
  color: #fff;
  font-size: 18px;
  height: 60px;
}
.header-back.transparent {
  background-color: transparent;
}
.header-back > .middle {
  display: flex;
  align-items: center;
}
.header-back > .left,
.header-back > .right {
  width: 100px;
  display: flex;
  align-items: center;
}
.header-back > .left {
  padding-left: 16px;
}
.header-back > .left > .icon-img {
  margin-right: 8px;
}
.header-back > .right {
  justify-content: flex-end;
  padding-right: 16px;
}
.header-back > .right > .icon-img {
  margin-left: 8px;
}
.w-bind {
  height: 100%;
  background-image: linear-gradient(160deg, #0970de, #0f65bd 10%, #0f56a5 20%, #1b4f91 30%, #0c417a 40%, #103d77 42%, #123a67 50%, #0c2e4f 85%, #0a2749 90%, #082442 100%);
}
.w-bind .icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0 4px 0 16px;
  display: inline-block;
  vertical-align: middle;
}
.w-bind .icon.phone {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAuVJREFUWEfFlluITWEUx3//F4p58EBKSN7cQoh4cInkgURmShHFgwdlQoyU8cIktyh5EIMQU26JKLmkmJLcRhThQbwhKW9LS98+ffbZZ85tn2bVqbNP3/7W76y1/mst0cemPvZPJoCZTQG2ASuAZkldjQItAjCzVcCZlMPlki43AuI/ADPbBbQHRxuBx8DT8DxTkj/nagUAM1sE3Ay3L5Z0w7+b2R6gDXgLzJf0JU+CGOAI4P+6XdLuxImZNQEPgcnAXkk7GgVgfrGkrLpYC5wEfgEjJP3MCyKOwGtgHDBR0su0AzO7C8wDOiR5SnKxGOBSkN1qSWczAMYAb0pFqVaaGKAjaP+4pA0ZAEuAa8B9SXNrdZh+LwaYDjwB/njBSfKqL5iZPQJmpYu0XpB0HzgHrEzn2cxGAx+Cs2GSvtbrOHk/DbAAuAN8A2ZI+hx6gUvwmfcCSV4LuVmW5K4AS4ETktYHgAHAO2A4UGhSeVBkAUwC7gGDgBZJrg7viK3AQaAndESPUt1WahpuAg4Br4DZkr4HiESqPZLG1+3dG1+pS8wsSUWXpObknJklELnIsTeACcB1YBRQEsJVk1aFmQ0BmiR9LBelXjciM5sD3Ab6AZ2SfCb8sygS3rZPAeeDhFtcQeHYReC0pFulQMquZAHCi9ItPSmTdKTv/w0MjH70/nJUUnf6YFmA8G89EqUgvGDXASOBFyFtnWFy+lqXLDh+VaukwzFERQABYmyQoD8ekLSlXH7De964dob0FEWxYoAI4gEwGLgAbK10QzKzfX4+QBcW3aoAIgjPve8OPrDaJF2tMBrJYlNYfKoGCBAuTV9g1wTHFa1qZrYZ2B+P9JoAIik6gIM40HOXXJDrj3REzCxu8QU11QUQRWN7iEZ/4JNDAO+9lft6Z2bLgGPAUJ+2khYmgHUDRNHwavcce1S8E2ZZ0QzJDSAC8ZHte8VUYFr4eCfsjtf93CNQiQqyzuQegWpB/gLOzhswbcANMgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.w-bind .icon.pass {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfhJREFUWEftl79rFFEQxz/fxk7BRpRYaKFFREQsolYGFC0SIjaWMYWVpAmija2Fghb+AAtR/wGLRCtBEhFRIWi0EMHCNAlCsAnpvzLHO0jWu92352K1A8sdt/NmPsx85957YgCzfQA4CpwA9gFvgE/xSNqoE1J1nG0PAfeAC33WrcR7Sbdz42YD2L4CPEiBvwBvgc/AL+AQcBi4CGwDvko6kgORBWD7JPAuBXwEXJe0Xkxg+wzwBNgLvJcU60qtEsD2HuA7sAO4LOlxVVDbi8Ax4KqkO2X+OQDPU89fSzpdlTze294NfAN2Amclveq3LgfgZ1L6hKS5HIAEcQ24BdyQdHMgANvbgW6vd0laqwEwBrwAZiWdHxQglLwE/JB0MDd5qkBoZzUeSTG+Pa20BbZPAfPAgqTROgAJwvEpqW+eFuCvCtieAaaT8utWvcx/Gbgv6e5mpy0Ati8BT5vM2iPWlKRn3d+LAJ2ZLxPNv8DZDlEuS9rfD6BStQ0AbJmKYgVagFoVsN1RtKSYnEpLGmimBZv+JSPxqKSFKoIWoK1A0xUYAT4k4R2X9PG/ijDt93EpibGKjabSGq1AZbYeDi1ATgXi/BfnwHGg1iUzoyXDwMPi+bK4G3YPoRnxBnaZltS9Y9LrSHYOmATidtOk/QZexl1BUnzv2B/i+iswRfRy9AAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.w-bind input {
  height: var(--input-height);
  width: 250px;
  font-size: var(--input-font-size);
  border: 0;
  outline: 0;
  border-radius: 0;
  color: #fff;
  background-color: #8591a6;
}
.w-bind input::placeholder {
  color: #fff;
  font-size: var(--input-font-size);
}
.w-bind input:focus {
  border-color: transparent;
  box-shadow: none;
}
.w-bind .bind-phone,
.w-bind .bind-pass {
  position: relative;
  display: flex;
  margin-bottom: 50px;
  align-items: center;
  background-color: #8591a6;
}
.w-bind .bind-btns .btn-ok {
  width: 100%;
  font-size: var(--input-font-size);
  background: #0061f9a6;
  color: #fff;
  padding: 12px 0;
  border: 0;
  outline: 0;
}
.w-bind .bind-btns .btn-ok.disabled {
  background: #0b3f91a6;
  color: #888;
}
.bind-bg {
  height: 100%;
}
.bind-panel {
  display: inline-block;
  position: relative;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bind-title {
  color: #fff;
  font-size: 26px;
  text-align: center;
  margin-bottom: 80px;
}
.w-home {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-view {
  position: relative;
  flex: 1 1 auto;
  overflow-y: hidden;
}
.home-view .top-img {
  height: 150px;
  background: url(mether-methods_48f23ece.png) no-repeat;
  background-size: 100% 100%;
}
.home-view .scroll-bar {
  width: 3px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 1px;
  display: none;
}
.device-view,
.alarm-view {
  display: none;
}
.device-view.show,
.alarm-view.show {
  display: block;
}
.home-navi {
  flex: 0 0 auto;
  height: 60px;
  background-color: #d8dee4;
  border-top: 1px solid #d5e0e5;
  display: flex;
}
.home-navi.full-screen {
  height: 80px;
}
.navi-btn {
  width: 50%;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.navi-btn.device .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}
.navi-btn.device.active .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}
.navi-btn.device.active .label {
  color: var(--color-text);
}
.navi-btn.alarm .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfRJREFUeNrsWkFuwkAMLKV3+AH8oPQHcMgdXkD6gpYTR3LNqfQFDT/IAyJBb701/cE+IflBx9WCVmlEQfXueqVYsjYECGN7x3Yc+jeBSz90A+7MF2maJliW0LFQvAq6W6/Xya8IaPAb6FCwwwnbNIqiuiiKj2YElsZxBc2gtRDgA2hsOJewbpsGjA3wM4SplOR67JAdlr02YnI8f9vy2UwaeBKNKWuebzOgFsyB+hIDgpLOAFGF7IJM8ILl+Z+/mYOQi5Zrz7G8QUu8P7MVAY4KPTlz/qdQWYsA5BH6ytAO+NlCCC0VuUPIHBgzbCMFRygvBkA+mZq9nq80yuG5yicHHrpC5pnEMQOJK0Ry69wAgJ/qSsnR21O1PbiOAPXjOUMWqvS13EZAF7FFR2Lm9HoNB4YMnajZkZYtW9QqBwj8htHjpWsSbxnB575InEjjgsRKXNoi8ZSRAzTfzFxz4Ona270/xLkBK+hXyCRWjkgcZiXWzd1KqxUSz8+MRK7ONACct1T6e90sliGQuHlfTM6J9XFiwwCaB71bLFbHdl3ZInHOmT242vVuOi3RgIFgvKNLDIiR0ibSkGtM83MkVnpkQnl4jy9QryL1MatqM2BndJuct4825DTiPz2pL4riEEVRz4iCRKFakXIOxrxL8P9W+RZgABckkBGwfbBMAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.navi-btn.alarm.active .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeBJREFUeNrsWktuwjAQpRWL7uAG5AalPUG4AZyA9ARtFl03+y4aTtDkBrkB9AKtewMfIdl12WdpkCywUqKOf1JGGjmYEN6z/WbGhslkNL92pb+4uX8t0GzhSaB4Jbz++XwuzggQ+JdIBj4HiVJdTLXOrXbdwit4FwjgGTyDzzWsZwQSDfwKDEVIQ44VUqPZE4nlsf/acG8VGnhlhKk67TcR6AJe+90lBKKykYBvmw6MBG9onv75nQ0EuTE8e43mHS7w/srWDHBk6GVPvwqRqbUZgD3AdwzlgJ8lhKlVSe4QswYShmUkMRDSCwHYl1aPsFXBLsMox8i1PjVwNyYyzyLOGETcHjcjTgkAfEqZkqO2V9n24HoGVD3eMEShlp7ldgYoiW1GETOH1yEamDNUonpFKgxL1KoGFHjOYxfhWsQlI/jGl4iL0LQQYiYWtkScMmpAnW9WrjXwOHS794c5J5DDv2MWsXQk4jgzMRV3ObkVEa97jkQGRxoAbgyZ/paKRRGDiE/3xWpwMroubBBQ50EfFpPVsVyXtkTccEYPrnJ9PJ0OkcAsYLyLSwhkCGnL0JATpnWfiCUdmag4vMcHVK0S6s+s0kSg1qpNzu2jDdsZk0kEfzUQVIqXk9ECsV8BBgBiIZA3Vr990wAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.navi-btn.alarm.active .label {
  color: var(--color-text);
}
.navi-btn .label {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-gray);
}
.h-ditem {
  padding: 16px 0;
  margin: 0 16px;
  border-bottom: 1px solid #e1e6ef;
}
.h-ditem-hd {
  display: flex;
  justify-content: space-between;
}
.h-ditem-left {
  display: flex;
}
.h-ditem-right {
  display: flex;
  align-items: center;
}
.h-ditem-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.h-ditem-content .name {
  font-size: 18px;
}
.h-ditem-content .temp,
.h-ditem-content .alarm,
.h-ditem-content .online {
  font-size: 16px;
}
.h-ditem-content .alarm.on {
  color: var(--color-error);
}
.h-ditem-content .code {
  font-size: 13px;
}
.h-ditem-icon-device {
  width: 60px;
  height: 120px;
  margin-left: 4px;
  margin-right: 16px;
  background: url(freezer_de1c6a99.png) no-repeat;
  background-size: 100% 100%;
}
.h-ditem-icon-device-refrigerator {
  width: 60px;
  height: 120px;
  margin-left: 4px;
  margin-right: 16px;
  background: url(refrigerator_3767ac5c.png) no-repeat;
  background-size: 100% 100%;
}
.h-ditem-icon-right {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfFJREFUWEfF1l1nHUEYB/D/s+fb9DoX/QbRL5CzhFLCqZZEnDMz9hyaDaH7ckRCQiWEaOlFCCFaSgmlF6WUXIQQQimllNKz4Zw9TwwTIhfdnZ2RPrf78v/NM7M7Q/jPRVX5w+HwwXQ6fSqEWCIirrrf9nolIEmSR0EQvGPmw6Io2nEcT2xD/nV/JUA/nOd5yMxvARyNRqMwjuMrX4haAB2Wpuk8Eb0BcExEoRDirw9EbYAOy7LsMYB9Zn5fFIXuxB9XhBXATMcTZt4D8KEsyzCKot8uCGuA6cQCgF0AH4MgCHu93q+miEYA04kOM78CcDIej8PBYPCzCaIxwHTiOYAtAJ+YOVRK/bBFOAHM17FIRJtE9FlPR7fb/W6DcAaYTiwDWAfwpSzLdhRFl3URXgAG0dP/LABfAbSllBd1EN4AZmEqZk4AfJtMJu1+v39ehfAKMGtiQERrzHyqO6GUOnPeC6pGcfd6lmUvAKzq6ZBSztw7IM/zFWaOARxIKefuFWATrmFe14BtuFdAk3BvgKbhXgAu4c4A13AngI/wxgBf4Y0APsOtATfhzPxaKaUPqM5V+0d0a+Q7UsqOc7J5QS3ATTgRbQgh9OHDW1UC0jR9RkTbRPRSCNH3lly3A0mSzLZarYdCCL29eq/KDnhPvPPCa5i9/CEZNx/IAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.h-aitem {
  padding-left: 16px;
  margin: 16px 0;
  background-color: var(--color-bg-lighter);
}
.h-aitem-hd {
  display: flex;
  padding-top: 10px;
  font-size: 16px;
}
.h-aitem-hd .left {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNrsWd1tgzAQhioDkAlKJmg6QZLXvjTZALpAwwTABEkXaOgEpC99hU7QZILQDdINepYO6WThYANOobIly+THd/fZ3/3Y2JbGNnl4ncLwDP14+nja6tBxY+ltKXQP+gbArIcIwCXPzhABaG+6AZx1AxhJOOEGDYnBEQ+K8n10YjZfixPbNQAyGOZkNRcNQLSNZBEMIX5cgf69CoU+OSfcgUDnisZ7xHjWpkoUArQRCLnFUFgKWEJPBArnuGN3FVGH7eAReg5ycwnjmZ4dN3+vBABB+CDMQhAFM4BT5OIqLSVCJftPCHNKY14uUHLKGV9JX7vF9paGey2ZwoAEYFzByXcwgLj4+0HZiWu4uRHQJC+pUrGiM6RY1TxmZNJpFJKICmUrMMwmis7pcj8ljLLaAAiMZ4ZHDXdyjTvZGIStoGyJxVmtYzWoWDOOVr7sbtqSSpjwE1HSaVKrAMHk3/OO3aYWCrkVCrrMyCjL55Jm2MkOVKw+S0QLTZk3xVxRtjHoOjcu5kjyoasfK9AiJZzOJabFHACvrgiUodCMhktJQywSJl1ZOiCVDgLdjQHQlJ4rMKJp0ZdfKt7aAvi+QhH6IziSDuZIqRTd+gjgPHQA5lbCADAADAADwADoBYCiaXZVaSONAAJS/G0HBwBPUpHxgb/aAXL1yA42sa5reZ0+kJLDEBsnQ6OQq3Ky6iOAgDwPMgolluBFiIlC/wmALQh/1Oky8swo8abZpvLVbtnoNWbBX/hW+cCXJb6U8qz2r5RUW8bVVOM6Cjk9ZowjE4VW0B91xu4W1e07/+WvAAMABG/MGm7SCcAAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.h-aitem-hd .left.active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABCpJREFUeNrsWU1oE0EU3p1s0sa2dqsWatW6Qg8FUQpCEQoaRcFbc+pFhNSzYHLrra0nPaVC8aBgA4JIQRtvSq2tYj1U0IIIPRSaKkIpQtM/06bJrvOlO+skmjSb3fyIHVgys3nz/ubNN+/NCsJe22uWmlgkvsqNeoev1Smex2BuW3sztJIM0W6k4g3obXAEL7uJ/4iUzvp7QhPGYurg7eVkwE55DruV99U5/PvJn37Bu/YqcraWCPK7Te1lJa6AEm5yzre5dlh+S2jR8ZgaWkwIwtU64jsmiTLez8Y1wbu4faIY4WSpDR6SJmZbXBqep03O5Sv7SDv7D328Y/+D1i65xA4mHdXE00kfNp6IqXdf/FRn2Bh9vGNj0HZw9GVv9xuleeZd9LOQySM0xPKgK+0KXKOb9pybKGz8bEMdyEIafbiaNP7DHBpavnI7XzYb25l7BTzKtgL0sPKfdO2gy5oqCI/Xs3rfaKABLRrmgke5vK+MNzs15s1bB6ThfCeCls0DD/AqufZ3DkqjTImx5lQoKIUaD14lDSFA4EU38bLx840URJo5mCKj3GYHr5LCqk0bUbbjcDO9AoA++hjeerCaSs6imXRUKZk+iHWEWvvfYFWfy/h6SgGraYfRvUbpUzZC+r+f0dEnq3fBg9GBt9nVNLUCgLzTLlFhsBlaU3OlxnkpAh4MVsHbLKyaMUDpqiE32WBqU52cpo/VJQWPKY7PBXdKhmy7ARS7+1hKjOLE/yPRY1dcghd4ssONygraagDS4c5q0dhgqKzygE0zqxPReerZqujj03E7DAiyEvFLXIvSsnDAbnQAT/BGH7Ig0xYDumuJl8/1wzsHULQICBfNrBkg27IBl9wkWKdTvY2pkUdrycFiYfTQSrIfMtCHTMi2ZACf6wPqXsXUgFDkBhkMViEbOhRqgOytIX08bI6sq+FiGwAZPKzqOsimDehtcPSxXB8QR+vaonufq6EDPKxCF7MGKLic+u19LcQX6SUwYAYy2VjXJf903a6yj87vz5HM7Xryo84wXTMgL/9w1EjCNJqb9Jer5INspgd0yqtmsJodljr7JZm5Pq2OjOXWr0EKPrSoUJ8eRoU6Ie0qBrrlqhlkO6//KA8PVw+MWuGVa08SK1cku3nPrjjKdRXDDJDpsW1g7euYGraa67d9jQN2kXIP6L+WagbolLVmQFyV/Z7G5FUM2wupFWh1iobCn+PapFBpd/d6zaDrJvA6E+EfbykD5rY1w+OnXKIn32qolA06KZJoHGRMZ5GD0Hk+eUMuspTUFipE/+NdNcTLavL3m2r0+lICn6miElcNBVokxzAKCZR03bWirxJDBnD6cUszLtOMr5TTW9pMlSgsHKbLVE/E6kpUHpHxZF3t0b85C3wIpcEVrYK8Z6rErkpSvpgfy/faf91+CTAAfAg8OEMkvBoAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.h-aitem-hd .desc {
  font-size: 18px;
  color: #0047a2;
}
.h-aitem-hd .time {
  font-size: 14px;
  color: #5a5c5d;
}
.h-aitem-bd {
  display: flex;
  padding-top: 6px;
  padding-bottom: 10px;
  font-size: 14px;
}
.h-aitem-bd .left {
  width: 4px;
  background-color: #002ab1;
  margin-left: 4px;
  margin-right: 6px;
  margin-top: 3px;
  margin-bottom: 2px;
}
.h-aitem-bd .right {
  flex: 1 1 auto;
  padding-right: 16px;
}
.h-aitem-bd .code {
  display: flex;
  justify-content: space-between;
}
.h-aitem-icon-right {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfFJREFUWEfF1l1nHUEYB/D/s+fb9DoX/QbRL5CzhFLCqZZEnDMz9hyaDaH7ckRCQiWEaOlFCCFaSgmlF6WUXIQQQimllNKz4Zw9TwwTIhfdnZ2RPrf78v/NM7M7Q/jPRVX5w+HwwXQ6fSqEWCIirrrf9nolIEmSR0EQvGPmw6Io2nEcT2xD/nV/JUA/nOd5yMxvARyNRqMwjuMrX4haAB2Wpuk8Eb0BcExEoRDirw9EbYAOy7LsMYB9Zn5fFIXuxB9XhBXATMcTZt4D8KEsyzCKot8uCGuA6cQCgF0AH4MgCHu93q+miEYA04kOM78CcDIej8PBYPCzCaIxwHTiOYAtAJ+YOVRK/bBFOAHM17FIRJtE9FlPR7fb/W6DcAaYTiwDWAfwpSzLdhRFl3URXgAG0dP/LABfAbSllBd1EN4AZmEqZk4AfJtMJu1+v39ehfAKMGtiQERrzHyqO6GUOnPeC6pGcfd6lmUvAKzq6ZBSztw7IM/zFWaOARxIKefuFWATrmFe14BtuFdAk3BvgKbhXgAu4c4A13AngI/wxgBf4Y0APsOtATfhzPxaKaUPqM5V+0d0a+Q7UsqOc7J5QS3ATTgRbQgh9OHDW1UC0jR9RkTbRPRSCNH3lly3A0mSzLZarYdCCL29eq/KDnhPvPPCa5i9/CEZNx/IAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.home-spin {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f3f7f7;
  position: absolute;
  top: -80px;
  left: 42%;
}
.spinner-icon {
  width: 28px;
  height: 28px;
  margin: 16px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt1JREFUeNrsWt1x4jAQljwpwB3E1wHjBg4qAF7zklBBQgXBFYSrAHjxa3wVxGkgcSqA64Cr4KK11nP2IlmC8Z8m2Rkxg8HyfvvtrnYlc9a0hHEgPgPNrxl7uzk2+TjegMIj8TkT46cYY4s7AEAqxqsYiQB06B5AGPuo9GONtW0FwOwEkG03AML4ARX3G3Y+YGIpgCTtAJCushFjZKHIIfd3xv7itWtkKrBgDBhZ2LoWP8PqTzX/APp/5w83BakMcoiVKbqhLk4WNmxwC+XB6neah/wSY31xZpFgHjXzMwSxvRyAXvm1GFFjKVEC2WiyWC0Ifqby1tReCETnqloQ/IyJMpwoY21KGAMLz4osNxHPTilzXDPBi0L5SdOrqCHjvRAQ8OwfuQ5SR/CQSAVgT1LdEZXPWJeiNmSCoIpYmXjkppUiT887Vx5EuktErs5IoB84KQ/2hDZIkUvWp5x6RBkkvyp9fVD4XNSj4mNDrZXHYxnALfnDsrOgtV9/aGJBABItDdykR8eJSj7v1zFQBPH0JNr7sr707YMYizxtSjAqXT7KAOgSvmNDEDDi280KgSyxyq0wwNGF/tHoZkOVML7D4IaqIOWKBQNK4glzRDxNQ8JcAkD9/49rAJyWbwBDAJCSa9euMxC4BYC2aXbbg4NjICOr3cw1AJSFqWsAdietm+zQHAEge95yCeFjh+ZUFqIs3LvAgldp4KuNg49la9/l86rOkF6leZCbtazS6Mtyuz/lpRH3usw45I0tUPhZsdGwNq3Ec/Id6Nt0Gg//D1NoE781lxLS0nQzCyZ8x4nbVr7oEP0Twyo2GjxNM71WoA3yidtcpeWuuEr5haLk0cRAdULdBtOWNbnx1coBhxmEA0dMVWpNh3zFwbXtId9tTeV7RJ9PTap1fcw6Yubz5QQtb8XqFzroroIoXjW4t2DEJCnr9FUDtWuNsYewcZEBvOxhDlJdX9346zafAgwAmvgTcibvF+AAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.device-info {
  margin: 10px 10px 16px 10px;
  padding: 10px;
  background-color: #f1f7ff;
  box-shadow: 0 0 4px #4e81bb59;
  border-radius: 4px;
}
.device-navi {
  display: flex;
  margin: 10px 0 16px 0;
}
.device-temp-chart {
  margin: 0 10px 16px 10px;
  padding: 10px;
  background-color: #f3f5f7;
  border-radius: 4px;
  height: 180px;
}
.device-states {
  margin: 0px 10px 10px 10px;
  padding: 10px;
  background-color: #f7f7f7;
  border-radius: 4px;
}
.device-bottom {
  height: 50px;
}
.de-title {
  padding: 8px 10px;
  font-size: 18px;
  color: var(--color-primary);
  background-image: linear-gradient(to bottom, #dae1e9, #dae0e8, #dae1e9);
  border-radius: 4px;
}
.de-title.temp-chart,
.de-title.status {
  margin: 10px 10px 4px 10px;
}
.navi-item {
  width: 50%;
  margin: 0 10px;
  padding: 16px 20px;
  background-color: #f3f3f3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}
.navi-item.left {
  margin-right: 5px;
}
.navi-item.right {
  margin-left: 5px;
}
.navi-item__title {
  display: flex;
  align-items: center;
  color: var(--color-primary);
}
.navi-item__title .icon-img {
  margin-right: 8px;
}
.de-i-item,
.de-p-item {
  margin-bottom: 4px;
}
.de-i-item .tempUnit,
.de-p-item .tempUnit {
  margin-left: 4px;
}
.de-il {
  min-width: 68px;
  display: inline-block;
}
.de-il,
.de-pl {
  margin-right: 8px;
}
.de-iv,
.de-pv {
  margin-left: 0px;
  color: var(--color-primary);
}
.de-log-item,
.de-alarm-item {
  margin: 16px 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f3f5f7;
}
.de-a-desc,
.de-a-createdAt,
.de-a-operator,
.de-a-clearTime {
  margin-bottom: 6px;
}
.de-a-label {
  margin-right: 8px;
}
.de-a-value {
  color: var(--color-primary);
}
.de-a-keep {
  color: var(--color-error);
}
.device-more {
  height: 50px;
  line-height: 50px;
  margin: 0 10px;
  background-color: #2362ba;
  text-align: center;
  color: #fff;
}