.by-display-panel[data-v-35c651bf]{height:calc(100% - 16px);width:calc(100% - 16px);padding:8px}.by-display-panel .dp-title[data-v-35c651bf]{height:24px;line-height:24px;width:100%;font-size:16px;color:#e2f1ff}.by-display-panel .dp-title .dp-icon[data-v-35c651bf]{color:#99c3eb;font-size:14px;margin:auto 4px}.by-display-panel .dp-division[data-v-35c651bf]{height:2px;width:100%}.by-display-panel .dp-division .dp-division-line1[data-v-35c651bf]{width:86px;border-top:2px solid #3f75c7;float:left}.by-display-panel .dp-division .dp-division-line2[data-v-35c651bf]{height:2px;width:86px;background-image:linear-gradient(90deg,#3f75c7 0,#3f75c7 50%,transparent 0);background-size:10px 2px;background-repeat:repeat-x;float:left}.by-display-panel .dp-content[data-v-35c651bf]{height:calc(100% - 26px);width:100%}.home-circle{background:rgba(0,0,0,.7);border-color:#000}.home-circle .el-popover__title{color:#3f75c7}.home-circle div{color:#99c3eb}.home-circle[x-placement^=top] .popper__arrow,.home-circle[x-placement^=top] .popper__arrow:after{border-top-color:#000!important}.home-circle[x-placement^=bottom] .popper__arrow,.home-circle[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#000!important}.home-circle[x-placement^=left] .popper__arrow,.home-circle[x-placement^=left] .popper__arrow:after{border-left-color:#000!important}.home-circle[x-placement^=right] .popper__arrow,.home-circle[x-placement^=right] .popper__arrow:after{border-right-color:#000!important}.station-circle[data-v-22d3a1c6]{position:absolute;background-color:green;z-index:100;cursor:pointer;animation:twinkle-22d3a1c6 .8s ease-in-out infinite;color:#fff;display:flex;justify-content:center;align-items:center}@keyframes twinkle-22d3a1c6{form{background-color:green;color:#fff}to{background-color:#fff;color:#000}}.by-image[data-v-08498e82]{position:relative;height:-moz-min-content;height:min-content;width:-moz-min-content;width:min-content}.by-introduce[data-v-27dfe29b]{height:44px;width:calc(100% - 16px);padding:8px}.by-introduce .introduce-left[data-v-27dfe29b]{height:44px;line-height:52px;width:44px;text-align:center;float:left;border-radius:22px;border:1px solid #82cceb}.by-introduce .introduce-left .introduce-icon[data-v-27dfe29b]{color:#82cceb;font-size:24px}.by-introduce .introduce-right[data-v-27dfe29b]{height:44px;width:calc(100% - 56px);margin-left:56px}.by-introduce .introduce-right .right-value[data-v-27dfe29b]{height:22px;line-height:22px;color:#99c3eb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.by-introduce .introduce-right .right-title[data-v-27dfe29b]{height:22px;line-height:22px;color:#3f75c7}.by-introduce-transverse[data-v-14f80922]{height:32px;width:calc(100% - 18px);padding:8px;border:1px solid #82cceb;border-radius:6px}.by-introduce-transverse .introduce-left[data-v-14f80922]{height:32px;line-height:36px;width:32px;margin-left:4px;text-align:center;float:left;border-radius:16px;border:1px solid #82cceb}.by-introduce-transverse .introduce-left .introduce-icon[data-v-14f80922]{color:#82cceb;font-size:18px}.by-introduce-transverse .introduce-right[data-v-14f80922]{height:32px;width:calc(100% - 50px);margin-left:50px}.by-introduce-transverse .introduce-right .right-value[data-v-14f80922]{height:32px;line-height:32px;width:100%;color:#99c3eb;float:left}.by-device-station[data-v-2baf8868]{height:auto;width:calc(100% - 18px);margin:6px 0;padding:8px;border:1px solid #82cceb;border-radius:6px}.by-device-station .device-title[data-v-2baf8868]{height:26px;line-height:26px;width:100%;font-size:16px;color:#3f75c7}.by-device-station .device-items[data-v-2baf8868]{height:65px;line-height:18px;width:100%;color:#99c3eb;margin-top:6px}.by-device-station .device-items .device-time-left[data-v-2baf8868]{margin-left:2px}.by-device-station .device-items .device-time-right[data-v-2baf8868]{float:right}.by-device-station .device-items .device-values[data-v-2baf8868]{height:40px;width:100%;margin-top:6px}.by-device-station .device-items .device-values .device-value-items[data-v-2baf8868]{height:20px;width:50%;float:left;text-indent:12px}.by-device-station .device-items .device-values .device-value-items .value[data-v-2baf8868]{height:20px;line-height:20px}.by-device-station .device-items .device-values .device-value-items.line[data-v-2baf8868]{border-bottom:1px solid #777}.by-station-select{height:70%;min-height:600px}.by-station-select .el-dialog__header .el-dialog__title{color:#f60;text-align:center;width:100%;display:inline-block}.by-station-select .el-dialog__body{height:calc(100% - 176px)}.by-station-select .el-dialog__body .st-left{height:100%;width:220px;float:left}.by-station-select .el-dialog__body .st-left .by-menu-div{height:100%;width:100%}.by-station-select .el-dialog__body .st-left .by-menu-div .el-scrollbar__wrap{overflow-x:hidden}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu{height:100%;border-right:0}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu .el-submenu{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu .el-submenu:last-child{border-bottom:1px solid #e6e6e6}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu .el-submenu.is-active>div{background-color:#ecf5ff;font-weight:bolder}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu .el-submenu.is-active>div>span{color:#409eff}.by-station-select .el-dialog__body .st-left .by-menu-div .el-menu .el-submenu.is-active .el-menu-item.is-active{background-color:#ecf5ff;font-weight:bolder}.by-station-select .el-dialog__body .st-right{height:100%;width:calc(100% - 230px);margin-left:10px;float:left}.by-station-select .el-dialog__body .st-right .filterStation{height:80px;width:calc(100% - 2px);margin-top:8px;position:relative}.by-station-select .el-dialog__body .st-right .filterStation .title{position:absolute;top:-10px;left:20px;font-weight:bolder;padding:0 6px;background:#fff;display:block}.by-station-select .el-dialog__body .st-right .filterStation .filter-card{height:100%;width:100%}.by-station-select .el-dialog__body .st-right .by-card{height:calc(100% - 270px);width:calc(100% - 2px);margin-top:16px;position:relative}.by-station-select .el-dialog__body .st-right .by-card .title{position:absolute;top:-10px;left:20px;font-weight:bolder;padding:0 6px;background:#fff;display:block}.by-station-select .el-dialog__body .st-right .by-card .station-card{height:100%;width:100%}.by-station-select .el-dialog__body .st-right .by-card .station-card .el-card__body{height:calc(100% - 40px);width:calc(100% - 20px);padding-right:0}.by-station-select .el-dialog__body .st-right .by-card .station-card .el-card__body .by-station-div{height:100%;width:100%}.by-station-select .el-dialog__body .st-right .by-card .station-card .el-card__body .by-station-div .el-scrollbar__wrap{overflow-x:hidden}.by-station-select .el-dialog__body .st-right .by-card .station-card .el-card__body .by-station-div .el-scrollbar__wrap .items{min-width:calc(25% - 10px);margin:6px 10px 6px 0;display:inline-block}.by-station-select .el-dialog__body .st-right .by-card.full{height:calc(100% - 107px)}.by-station-select .el-dialog__body .st-right .parameter{height:148px;width:calc(100% - 2px);margin-top:16px;position:relative}.by-station-select .el-dialog__body .st-right .parameter .title{position:absolute;top:-10px;left:20px;font-weight:bolder;padding:0 6px;background:#fff;display:block}.by-station-select .el-dialog__body .st-right .parameter .parameter-card{height:100%;width:100%}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body{height:calc(100% - 40px);line-height:34px;width:calc(100% - 40px)}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body .items{margin-right:10px}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body .items.data-length{margin-left:40px}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body .items.filter-num{margin-top:2px;display:inline-block}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body .value-select{width:160px}.by-station-select .el-dialog__body .st-right .parameter .parameter-card .el-card__body .time-select{width:240px}.realtime[data-v-dbb69d94]{height:100%;width:100%}.realtime .chart[data-v-dbb69d94]{height:calc(100% - 2px);width:calc(100% - 2px);border:1px solid #eaeaea}.realtime .chart .head[data-v-dbb69d94]{height:36px;width:100%}.realtime .chart .head .title[data-v-dbb69d94]{width:320px;height:100%;text-indent:30px;line-height:36px;float:left;font-weight:bolder}.realtime .chart .head .choice[data-v-dbb69d94]{width:calc(100% - 440px);height:100%;text-align:center;margin-top:2px;float:left}.realtime .chart .head .condition[data-v-dbb69d94]{width:120px;height:100%;float:right;text-align:right}.realtime .chart .head .condition .items[data-v-dbb69d94]{margin-right:10px}.realtime .chart .calculus[data-v-dbb69d94]{position:absolute;left:340px;width:calc(100% - 482px);text-align:center;z-index:1}.realtime .chart .curve[data-v-dbb69d94]{height:calc(100% - 36px);width:100%}.history[data-v-16bb308e]{height:100%;width:100%}.history .chart[data-v-16bb308e]{height:calc(100% - 2px);width:calc(100% - 2px);border:1px solid #eaeaea}.history .chart .head[data-v-16bb308e]{height:36px;width:100%}.history .chart .head .title[data-v-16bb308e]{width:calc(100% - 670px);height:100%;text-indent:30px;line-height:36px;float:left;font-weight:bolder}.history .chart .head .condition[data-v-16bb308e]{width:670px;height:100%;float:right;text-align:right}.history .chart .head .condition .items[data-v-16bb308e]{margin-right:10px}.history .chart .head .condition .datetime-input[data-v-16bb308e]{width:186px;display:inline-block;margin-top:2px}.history .chart .head .condition .datetime-input .el-date-editor[data-v-16bb308e]{width:100%}.history .chart .head .condition .datetime-input2[data-v-16bb308e]{width:230px;display:inline-block;margin-top:2px}.history .chart .head .condition .datetime-input2 .el-date-editor[data-v-16bb308e]{width:100%}.history .chart .head .condition .datetime-input3[data-v-16bb308e]{width:360px;display:inline-block;margin-top:2px}.history .chart .head .condition .datetime-input3 .el-date-editor[data-v-16bb308e]{width:100%}.history .chart .head .condition .select-input[data-v-16bb308e]{width:90px;display:inline-block}.history .chart .head .condition .confirm-button[data-v-16bb308e]{position:relative;top:-1px}.history .chart .calculus[data-v-16bb308e]{position:absolute;left:21px;width:calc(100% - 42px);text-align:center;z-index:1}.history .chart .curve[data-v-16bb308e]{height:calc(100% - 36px);width:100%}.home .home-left .home-left-station .station-list .station-list-scrollbar{height:100%;width:100%}.home .home-left .home-left-station .station-list .station-list-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.home .home-left .home-left-station .station-list .station-list-scrollbar .el-scrollbar__wrap .el-progress__text{color:#99c3eb}.home .home-right .home-right-statistics .statistics-list-scrollbar{height:100%;width:100%}.home .home-right .home-right-statistics .statistics-list-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.home .home-right .home-right-alarm .alarm-list .alarm-list-scrollbar{height:100%;width:100%}.home .home-right .home-right-alarm .alarm-list .alarm-list-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.home .back-ground .el-carousel__indicators--outside button{background-color:#181a34}.home .show-charts{height:70%}.home .show-charts .el-dialog__body{height:calc(100% - 68px);padding:0 20px}.home[data-v-9a179642]{position:relative}.home .back-ground[data-v-9a179642]{height:100%;width:100%;position:relative;background:url(../../static/img/login_bg.b99eddfc.jpg) no-repeat 50%/100% 100%;z-index:0}.home .home-top[data-v-9a179642]{height:56px;width:100%;top:10px;position:absolute;pointer-events:none}.home .home-top .home-top-time[data-v-9a179642]{height:56px;line-height:56px;width:25%;text-align:center;font-size:22px;float:left}.home .home-top .home-top-time .date-str-date[data-v-9a179642]{color:#89b0d9;margin-right:10px}.home .home-top .home-top-time .date-str-time[data-v-9a179642]{color:#21d3c1}.home .home-top .home-top-title[data-v-9a179642]{height:56px;line-height:56px;width:50%;text-align:center;font-size:32px;float:left;color:#99c3eb}.home .home-top .home-top-weather[data-v-9a179642]{height:56px;line-height:56px;width:25%;text-align:center;font-size:16px;float:left}.home .home-top .home-top-weather .weather-name[data-v-9a179642]{color:#89b0d9;margin:0 10px}.home .home-top .home-top-weather .weather-value[data-v-9a179642]{color:#21d3c1}.home .home-left[data-v-9a179642]{height:calc(100% - 76px);width:360px;top:66px;position:absolute;background:rgba(60,60,120,.4);border-top-right-radius:20px;border-bottom-right-radius:20px}.home .home-left .home-left-project[data-v-9a179642]{height:266px;width:100%}.home .home-left .home-left-project .introduce[data-v-9a179642]{float:left}.home .home-left .home-left-project .introduce2[data-v-9a179642]{width:calc(50% - 16px);float:left}.home .home-left .home-left-station[data-v-9a179642]{height:calc(100% - 266px);width:100%}.home .home-left .home-left-station .station-title[data-v-9a179642]{height:82px;width:100%}.home .home-left .home-left-station .station-title .introduce2[data-v-9a179642]{width:calc(50% - 30px);float:left;margin:16px 6px}.home .home-left .home-left-station .station-list[data-v-9a179642]{height:calc(100% - 82px);width:100%}.home .home-left .home-left-station .station-list .station-item[data-v-9a179642]{height:36px;line-height:36px;width:calc(100% - 12px);margin:0 6px}.home .home-left .home-left-station .station-list .station-item .station-item-name[data-v-9a179642]{height:100%;width:106px;float:left;margin-left:6px;color:#99c3eb;white-space:nowrap}.home .home-left .home-left-station .station-list .station-item .station-item-value[data-v-9a179642]{height:100%;width:calc(100% - 112px);float:left}.home .home-left .home-left-station .station-list .station-item .station-item-value .el-progress[data-v-9a179642]{margin-top:10px;white-space:nowrap}.home .home-left .hide-left[data-v-9a179642]{position:absolute;top:calc(50% - 24px);left:360px;padding:4px;font-size:24px;color:#3f75c7;background:rgba(60,60,120,.4)}.home .home-right[data-v-9a179642]{height:calc(100% - 76px);width:360px;top:66px;right:10px;position:absolute;background:rgba(60,60,120,.4);border-top-left-radius:20px;border-bottom-left-radius:20px}.home .home-right .error-table[data-v-9a179642]{display:table;height:100%;width:100%}.home .home-right .error-message[data-v-9a179642]{color:#99c3eb;text-align:center;vertical-align:middle;display:table-cell}.home .home-right .home-right-chart[data-v-9a179642]{height:34%;width:100%}.home .home-right .home-right-chart .home-change-station[data-v-9a179642]{position:absolute;top:38px;right:38px;color:#99c3eb}.home .home-right .home-right-alarm[data-v-9a179642],.home .home-right .home-right-statistics[data-v-9a179642]{height:33%;width:100%}.home .home-right .home-right-alarm .alarm-title[data-v-9a179642]{height:32px;width:100%}.home .home-right .home-right-alarm .alarm-list[data-v-9a179642]{height:calc(100% - 32px);width:100%}.home .home-right .home-right-alarm .alarm-item[data-v-9a179642]{height:32px;line-height:32px;width:100%;text-align:center;color:#99c3eb}.home .home-right .home-right-alarm .alarm-item .alarm-item-name[data-v-9a179642]{height:32px;width:34%;float:left}.home .home-right .home-right-alarm .alarm-item .alarm-item-time[data-v-9a179642],.home .home-right .home-right-alarm .alarm-item .alarm-item-value[data-v-9a179642]{height:32px;width:33%;float:left}.home .home-right .hide-right[data-v-9a179642]{position:absolute;top:calc(50% - 24px);right:360px;padding:4px;font-size:24px;color:#3f75c7;background:rgba(60,60,120,.4)}.home .hide-home-left[data-v-9a179642]{animation:left-move-hide-9a179642 3s 1 forwards;-webkit-animation:left-move-hide-9a179642 3s 1 forwards;-o-animation:left-move-hide-9a179642 3s 1 forwards;-moz-animation:left-move-hide-9a179642 3s 1 forwards;-ms-animation:left-move-hide-9a179642 3s 1 forwards}.home .show-home-left[data-v-9a179642]{animation:left-move-show-9a179642 3s 1 forwards;-webkit-animation:left-move-show-9a179642 3s 1 forwards;-o-animation:left-move-show-9a179642 3s 1 forwards;-moz-animation:left-move-show-9a179642 3s 1 forwards;-ms-animation:left-move-show-9a179642 3s 1 forwards}.home .hide-home-right[data-v-9a179642]{animation:right-move-hide-9a179642 3s 1 forwards;-webkit-animation:right-move-hide-9a179642 3s 1 forwards;-o-animation:right-move-hide-9a179642 3s 1 forwards;-moz-animation:right-move-hide-9a179642 3s 1 forwards;-ms-animation:right-move-hide-9a179642 3s 1 forwards}.home .show-home-right[data-v-9a179642]{animation:right-move-show-9a179642 3s 1 forwards;-webkit-animation:right-move-show-9a179642 3s 1 forwards;-o-animation:right-move-show-9a179642 3s 1 forwards;-moz-animation:right-move-show-9a179642 3s 1 forwards;-ms-animation:right-move-show-9a179642 3s 1 forwards}.home .dpContent[data-v-9a179642]{height:100%;width:100%}@keyframes left-move-hide-9a179642{0%{left:10px}to{left:-350px}}@keyframes left-move-show-9a179642{0%{left:-350px}to{left:10px}}@keyframes right-move-hide-9a179642{0%{right:10px}to{right:-350px}}@keyframes right-move-show-9a179642{0%{right:-350px}to{right:10px}}