@charset "UTF-8";
/**
 * loading 动画
*/
.loader-box { display: inline-block; width: 200px; height: 200px; border-radius: 3px; font-size: 30px; color: rgba(200, 200, 200, 0.5); padding: 1em; margin-bottom: .25em; vertical-align: top; -webkit-transition: .3s color, .3s border; transition: .3s color, .3s border; }

.loader-box:hover { color: #d60b52; font-size: 0; padding: 0; border-width: 3px; line-height: 200px; }

[class*="loader-"] { display: inline-block; width: 1em; height: 1em; color: inherit; vertical-align: middle; pointer-events: none; }

.loader-content:before, .loader-content:after, .loader-content { border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loader-content 1.8s infinite ease-in-out; animation: loader-content 1.8s infinite ease-in-out; }

.loader-content { color: currentcolor; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; top: -1em; }

.loader-content:before { right: 100%; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.loader-content:after { left: 100%; }

.loader-content:before, .loader-content:after { content: ''; display: block; position: absolute; top: 0; width: inherit; height: inherit; }

@-webkit-keyframes loader-content { 0%, 80%, 100% { box-shadow: 0 1em 0 -1em; }
  40% { box-shadow: 0 1em 0 -.2em; } }

@keyframes loader-content { 0%, 80%, 100% { box-shadow: 0 1em 0 -1em; }
  40% { box-shadow: 0 1em 0 -.2em; } }

.chart_progressWave { display: inline-block; position: relative; width: 160px; height: 160px; -webkit-transform: scale(0.7); transform: scale(0.7); }

.chart_progressWave.warnning .content { background: -webkit-linear-gradient(right, #ff3021 0%, #ff7043 100%); background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }

.chart_progressWave.warnning .wave-wrapper { background: -webkit-linear-gradient(right, #ff3021 0%, #ff7043 100%); background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }

.chart_progressWave.warnning .wave { background: -webkit-linear-gradient(right, #ff3021 0%, #ff7043 100%); background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }

.chart_progressWave .content { position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 2px; border-radius: 50%; background: -webkit-linear-gradient(bottom, #4132f3 0%, #2c80ff 100%); background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%); }

.chart_progressWave .box { width: 100%; height: 100%; border-radius: 50%; background: #20252D; }

.chart_progressWave .wave-wrapper { position: absolute; margin: 5px; width: 150px; height: 150px; overflow: hidden; border-radius: 100%; }

.chart_progressWave .progress-title { position: absolute; top: 30%; color: #fff; font-size: 38px; text-align: center; width: 100%; z-index: 99; }

.chart_progressWave .wave { position: relative; width: 150px; height: 150px; background: -webkit-linear-gradient(bottom, #4132f3 0%, #2c80ff 100%); background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%); border-radius: 50%; }

.chart_progressWave .wave::before, .chart_progressWave .wave::after { content: ""; position: absolute; width: 300px; height: 300px; top: var(--top); left: 50%; background: rgba(32, 37, 45, 0.6); border-radius: 42%; -webkit-transform: translate(-50%, -70%) rotate(0); transform: translate(-50%, -70%) rotate(0); -webkit-animation: rotate 5s linear infinite; animation: rotate 5s linear infinite; z-index: 10; }

.chart_progressWave .wave::after { border-radius: 44%; background: rgba(32, 37, 45, 0.9); -webkit-transform: translate(-50%, -70%) rotate(0); transform: translate(-50%, -70%) rotate(0); -webkit-animation: rotate 8s linear -4s infinite; animation: rotate 8s linear -4s infinite; z-index: 20; }

@-webkit-keyframes rotate { 50% { -webkit-transform: translate(-50%, -73%) rotate(180deg);
    transform: translate(-50%, -73%) rotate(180deg); }
  100% { -webkit-transform: translate(-50%, -70%) rotate(360deg);
    transform: translate(-50%, -70%) rotate(360deg); } }

@keyframes rotate { 50% { -webkit-transform: translate(-50%, -73%) rotate(180deg);
    transform: translate(-50%, -73%) rotate(180deg); }
  100% { -webkit-transform: translate(-50%, -70%) rotate(360deg);
    transform: translate(-50%, -70%) rotate(360deg); } }

/*Plugin CSS*/
.str_wrap { overflow: hidden; width: 100%; font-size: 12px; line-height: 16px; position: relative; -webkit-user-select: none; user-select: none; background: #f6f6f6; white-space: nowrap; }

.str_wrap.str_active { background: #f1f1f1; }

.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }

.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; }

.str_vertical .str_move_clone { left: 0; top: 100%; }

.str_down .str_move_clone { left: 0; bottom: 100%; }

.str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; }

.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; }

.str_wrap img { max-width: none !important; }

.mydetail_box { padding: 6px 0; background: -webkit-linear-gradient(top, rgba(20, 50, 82, 0.9) 0%, rgba(8, 31, 56, 0.9) 100%); background: linear-gradient(180deg, rgba(20, 50, 82, 0.9) 0%, rgba(8, 31, 56, 0.9) 100%); background-repeat: no-repeat; overflow-x: hidden; }

.mydetail { position: relative; margin: 0 auto; padding: 25px 18px; width: 330px; height: 100%; font-size: 14px; color: #84B5FF; box-sizing: border-box; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAAAAYCAYAAABgDZ+HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMNSURBVHgB7du/SxthHAbw53t3LSkuDqV1dHTM6BjawUD8VejQbPaP6GKNHo126T/g1m5xs6QV4yDN6Ojo6CiCRSiCtLl7+32Vk6hJFC8Qc+/zAU3uPd53yPE+eX9F0EfVH6agLwVQphiD0zjCt/CNnIZbZiwAFkyMHOhR0ud1qM/ru31e9rq6Y15JjDIMXvaosxsFqIVTctzpfto2Bl3/PgR9wiDMrsjDeliSo3DTjAZPsOCdo7H4Vg5Aj5LtiyLI61/zY0n2bVm4Y174LZS17HXXigbHUYzayozsdrqdto1B179LX8KQQZhdYtBYmpW9JAgRY89egx41+7w8Hwvi46BSkkZSXt02sxoYZe34I93qxgb1ZzrC+jAlZ53up21j0PW7SR2GDMJMa1ZmpBl+NbnguU6NoR1Lr0FDIfxlcv4fFMXDeOvf5TLHRbmOsIIYa72mnHaE1Qqw2G3KmbaNQdfvJFUYMggzTEeAlbnLEcWnn+adRDhNrmm4rG2avPFR1LfN9lH96raxa3DlnpUNakslqXW7nbaNQddv9+AwZBBml26OHC3Pybp9X90yRV2YHl2elg3Q0LqaNgOHUYQmR4m3PSgMGYTZ1b5zbJ+zBuNE/Fuv38s5aOglmys6bba7zYdJOUeJfdxNpmxZqZtJH5hMghGUGTpKHNdR4ryG4n77GrDro0SGId3yuW4mWkCRQZhddtrs+yjc3Fz5smNG/rZQNoLZbnV1I+1M15RrlWmpd7qfto1B1b93GPKwrTvE4LzlawcpyREo01Z1BqAvBfHRSM4kWi4e1L5XGOq3SD7Q3Sh2EKLsuba5coJGsj7s2kHtO8PQBqF+UIXYxwaDkCi77MkBnRVMtE+bXdIzDLmITuQWeyYxsmuJNzZXXNA1DC+OVRjkGYREbrHT5idPMR/HGIdDOoYhg5CIXKKZF3odChmEROSca2HIICQiV12F4dVPr06wziAkItcE9l+1buY1CMf4G1QicpV3EYQecgxCInJZoPvJ+eVpCUFE5DAPRETEMCQishiGRETqP17HzHGDofWpAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAAAAyCAYAAADGOrnXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJHSURBVHgB7d29btNQGIDhz0mKisTA2JGRsWPHMCNQ2Tp25CYqRZSBS+iYEbEQtSAxduQSGDsyslG1SQ4+Jg2hv17j8zxLbK9RXvuzHTsOT9IoAAqWO9gLAEIMgaKNvqatKsW5GALFyiEcpNib9mMshkCRliGs4uPoZfVTDIHiXA9h3iaGQFFuC2EmhkAx7gphJoZAEe4LYSaGQOc9FMJMDIFOaxPCw5M0FEOgs9qGsP4QQ6C7BhH7bUKYl8UQ6Kw0j802IczEECjVcHVFDAFCDAEaYggQYgjQEEOAEEOAhhgChBgCNMQQIMQQoCGGACGGAA0xBAgxBGiIIUCIIUBDDAFCDAEaYggQYgjQ6FUpzkef0lYAFKw37cd4sBn7o89pOwAK1cvvFJ3O4qjXj+H747QTAAVqzhmO3lS/5rMYzyN2Fi9WBijK8gLKVRBTim1BBEqzjGEOoCACpVq9tWb4XxAjngsiUIrr9xn+C+KTRRCP024AdNzglm05iHHwojqtl49yDOv1UdAp9amQs3oCmOQdXwC3xjD7G8RX1enB62pSr0+CTskTwGCjub80B/EsoHD3/R1v6Jxhd+Ud3fQyJr1+7Pqe4e4jwyvLI8TVjYsfzzBYb734PruI8caj2H13nPaNzZSszYMabhwhLuJ4Gqy3eewMBrF3eRGTqoqzxdj8LKBAbZ9aI4gdlSK2cgRnv+OHsZmSPTQmr7oxMuflvC2MzGutvrL8tP843lYpvk1nMe736+/6S/pQl/I8YI3VE0/r0z5/AA2+BGWofEAFAAAAAElFTkSuQmCC); background-position: top, bottom; background-repeat: no-repeat; }

.mydetail.widthauto { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAYCAYAAAAswsVWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGSSURBVHgB7dkxa8JAGMbx55IUHLsUHDs6Ojo6CqXWQgdH+zVKpQGhX6OObhWL4Ojo2LFjR6FQHB3svb07mkKtxhgznc9vMTHBxT93uYtCgXovUjcfdZBXRLDQX+jH12oRj6UcAZ0IBWE0/tIhBnHTRPMsp5GgHSwxDFAARuMvJZjEF2ruojlBBxqzuxv1dnA4jMZr0/ummsVPUooitM2U9WrP7YWDwmE0HjMjS/dSTe1hcIaWaLwn5+475MRo/GUimXev1MQe98bSsJ/JeSJXOIzGX24FpTGwx/Z/lhXO9QeG6/cpEG3wMJJaCNSSZfj69UJWVeSXx5FU0qKxMu/jJBs/Zv4rgbymBUuzd9O3ezfb7sk0VZk1fDUK0VjZHzNretDR2xmOjSYIUXe7h4yGfqROVfYBKUjmupRhi47P1hHHLcUE1bQHJDpeG8NhNLTLv3AYDWXxJxxGQ1n9huOi0ajoTxPNrVqCKIULpzeSlhlpyoyGslIumgAl+yKL0VBmZoqKQbQnvuSkXBgO5cJwKJdvGOjCeOBbEwwAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAYCAYAAABUfcv3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB7ZY9TwJBEIbf4dBobKy0pbS0tCRaSIISLen0R9ioxItI5Z+wo8RgDFAQKS0pLalJTEwMiVHuxlmSJYh3fOwVV9w+CeEyczObvDtzM3Rb5zPfw6N7Sh8Qyi3eJx9FMLYRAjPaXhpV95D6Qf6oOeKOXwQqP3GWCLvy61zlqauMbou3nCGKYjsIjWT0PR/Vm2NqB7mj5og7fh40OqTGmykHZ+TgrZSnpnaWG1yQ5EV5aSMsgc+or8vNXRzSIMgfNUfc8WGQfnBfeM35RI5SyAx/8KBbV91c2kdlVtmrmxumcRlW9lFzxB0fBE0bKjXeZQc5eexcF+hV2+8arL4ZxZnZGNXrPFXD3FFzxB0/CQUZx60L9DwPHVt9/yHMQA8OaV01dXvabqtvjnAKqb6MVN+JCNgtHVNnbE949c0VbnSAtK7jIDs9OO5bvPEtI58JhfBzMYCM/NIR1YP8UXPEFb+QcJq7Ou/JX1bWlqbe+RRJXJqXEk7xZ3C8o+me09fInrCleWnhNOVnzhFjZ7J1k4SxcAq183nq2zc1OJJAJOEUqnVXVnHi+8jAYpmF7LduChYjrHCGWOEMscIZYoUzxApniBXOECucIVY4Q34B2YUDH3qelMYAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAyCAYAAACK9eMGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG2SURBVHgB7dyxTgJBGEXhOwsaCwtLS0tLSkteQIOdpQ+iCYkvYm2j0caSktLSkkewkwDLOEsAEQLu3o7N+QoCCYRiT+afYRP08Ba7AirKBBgIBxbCgYVwYCEcWAgHFsKBhXBgIRxYCAcWwoGFcGAhHFgIBxbCgYVwYCEcWAgHFsKBhXBgIRxYCAcWwoGFcGAhHFgIBxbCgYVwYCEcWAgHFsKBhXBgIRxYCAeWLEQNu0/xVEAF2aShx+aRbrvPsSWgpFA8pGhOsoZu09zq312FvoB/hMWTRTwh6OP+MvQE7BBWXxAPylqeqh7eYrt7Hb6muR5jVKt4LWCL1eN4+0880jnxYJv133F+4zmex/MaOwLWLPc4a3/N31vscWbhBHFUr5m0HRmkyfJSLBIybAun0GODXF/FZEmHoNZkPItnoIp23XJos8epr2JRKKJJp+iOc513rTgLGyvP/Ivawn7L1M9H6h8cqpPnUpXRVeYm58bKMw+pJ+y3qS6aTd2MR3pJY2vQPJjdejor89Gyd8eJp6bSyfm0CCb/1meV0VVmVK1ibNVYiHqf5PpsNNL1zHSRqhpue+8PkVubmRM3MjEAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAyCAYAAADySu2nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADpSURBVHgB7dsrjkJBEEDR6skTs4RZzvOzASRLeQmbwRP2hEQiCA2F6hA+xdX3mP6k1XUlOkJf2+z68hNCDPelZd//Wo9TC5VltKnH6txia7iiMdry3w6GK3iMlneG++BZtGS4N15FS4Z74V20ZLgnPkVLhntQiXabHGbDDarRbsvs5DCYItaVaLk33KBf4rcSLRmubh4PhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHTflpNXTXWhyrb68w6lqSHzJ4WwAAAABJRU5ErkJggg==); background-position: left top, right top, left bottom, right bottom; background-repeat: no-repeat; }

.mydetail.widthauto::before { right: 0; left: 0; }

.mydetail.widthauto::after { content: " "; position: absolute; top: 0; bottom: 0; right: 78px; left: 142px; border-top: 1px solid rgba(132, 181, 255, 0.5); border-bottom: 1px solid rgba(132, 181, 255, 0.5); }

.mydetail::before { content: " "; position: absolute; top: 24px; bottom: 50px; right: 4px; left: 3px; border-left: 1px solid rgba(132, 181, 255, 0.5); border-right: 1px solid rgba(132, 181, 255, 0.5); }

.mydetail .hd { margin-bottom: 20px; line-height: 24px; font-size: 16px; }

.mydetail .hd > img { position: relative; top: 2px; padding-right: 12px; width: 16px; }

.mydetail.detail_user .bd { position: relative; padding-left: 120px; min-height: 120px; }

.mydetail.detail_user .bd > img { position: absolute; top: 0; left: 0; width: 100px; height: 120px; }

.mydetail.detail_user .bd .infos h2 { font-size: 18px; line-height: 2.4; }

.mydetail.detail_user .bd .infos p { color: rgba(132, 181, 255, 0.8); font-size: 13px; line-height: 1.8; }

.mydetail.detail_env { width: 800px; }

.mydetail.detail_env .dashboard_box { display: inline-block; position: relative; margin: 12px 15px; width: 120px; height: 120px; text-align: center; }

.mydetail.detail_env .dashboard_box > img { position: absolute; top: 0; left: 0; }

.mydetail.detail_env .dashboard_box .infos { position: relative; top: 4px; padding-top: 15px; color: #FFFFFF; font-size: 14px; }

.mydetail.detail_env .dashboard_box .infos > label { display: inline-block; margin: 6px 0; }

.mydetail.detail_env .dashboard_box .infos > label > img { position: relative; top: 5px; }

.mydetail.detail_env .dashboard_box .infos > label:last-child { position: relative; top: 6px; }

.mydetail.detail_env .dashboard_box .infos > p { font-size: 22px; font-weight: bold; }

.detail_device .lmd { width: 1200px; }

.detail_device .lmd .bd { float: left; width: 260px; }

.detail_device .bd { display: inline-block; width: 100%; }

.detail_device .bd > .title { margin-bottom: 16px; text-align: center; }

.detail_device .bd > .title img { width: 64px; }

.detail_device .bd > .title p { padding: 16px 0; line-height: 24px; font-size: 18px; font-weight: 500; letter-spacing: 2px; }

.detail_device .bd .charts { position: relative; padding: 16px 0 0; }

.detail_device .bd .charts > h2 { padding: 5px 0; font-size: 16px; }

.detail_device .bd .charts .default { color: rgba(132, 181, 255, 0.8); font-size: 13px; }

.detail_device .bd .charts .value { position: absolute; top: 25px; right: 5px; font-size: 18px; font-weight: bold; }

.detail_device .bd .charts .value .arrow { display: inline-block; position: relative; top: -10px; right: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #FFA726 transparent; }

.detail_device .bd .charts .value .arrow.down { top: -3px; border-color: #FFA726 transparent transparent transparent; }

.detail_device .chart_box { margin-top: 10px; height: 100px; }

.detail_device .list { padding: 15px 0; border-top: 1px dashed rgba(132, 181, 255, 0.2); border-bottom: 1px dashed rgba(132, 181, 255, 0.2); }

.detail_device .list .item { padding: 5px 0; overflow: hidden; }

.detail_device .list .item .key { color: rgba(132, 181, 255, 0.8); }

.detail_device .list .item .key > span { padding-right: 4px; color: #fff; font-size: 18px; }

.detail_device .list .item .value { float: right; }

.detail_device .list .item .value > span { padding-right: 4px; color: #fff; font-size: 18px; }

.detail_device .lmd_details { display: inline-block; margin-left: 40px; padding-left: 15px; width: 840px; border-left: 1px dashed rgba(132, 181, 255, 0.2); }

.detail_device .lmd_details .subHd { padding: 0px 12px; width: 225px; height: 34px; color: #FFFFFF; font-size: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAAAiCAYAAACpz75gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACZSURBVHgB7dvBDYQgFEVR+JmO7L+EqYkZjQt0r8+YcxIjFHADi08bYywNiKn/twgRcmr/CxFCaloLEQLqtBch3KwaECVCCBMhhIkQwkQIYSKEMBFCmAghTIQQJkIIEyGErRF+GxBTvfc1QiFCyHYdFSI8hPeEAAAAAAAAAAAAAK/W53nRfZAbuNihO0PbkPWZN05CuMd8+P0ArlEjTrb0JFEAAAAASUVORK5CYII=) left no-repeat; background-size: contain; }

.detail_device .lmd_details > div { float: left; margin: 0 15px; }

.detail_device .lmd_details > div ul { margin-bottom: 20px; list-style: none; border: none; }

.detail_device .lmd_details > img { float: left; position: relative; top: 120px; margin: 0 15px; width: 240px; }

* { margin: 0; padding: 0; }

ul, li { list-style: none; }

@font-face { font-family: 'Digital-7 Mono'; src: url("../fonts/Digital-7Mono.woff2") format("woff2"), url("../fonts/Digital-7Mono.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/* 文字溢出省略号显示*/
.textEllipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

::-webkit-scrollbar-track-piece { background-color: transparent; }

::-webkit-scrollbar { width: 7px; height: 7px; background-color: transparent; }

::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(144, 146, 152, 0.3); }

::-webkit-scrollbar-corner { background: transparent; border: none; }

/*# sourceMappingURL=maps/common.css.map */
