.iot-drawer .iot-popover p{font-size:12px;font-weight:400;text-overflow:normal;overflow:initial;white-space:normal;height:auto}.iot-drawer .ivu-drawer-body{position:static}.iot-drawer .iot-drawer-option-footer button{margin:0 10px}.mt30{margin-top:30px}.stream-string .string-item-outline .string-content{white-space:pre-wrap;word-break:break-all}pre{word-wrap:break-word;padding:6px 10px;line-height:19px;margin-bottom:0;margin-top:0}code{border:1px solid #eaeaea;margin:0 2px;padding:0 5px;font-size:12px}pre code{border:0;padding:0;margin:0;border-radius:0}code,pre{font-family:Consolas,Liberation Mono,Courier,monospace;color:#333;background:#f8f8f8}pre,pre code{font-size:13px}pre .comment{color:#998}pre .support{color:#0086b3}pre .tag,pre .tag-name{color:navy}pre .class,pre .css-property,pre .css-value,pre .entity.function,pre .id,pre .keyword,pre .sass,pre .storage.function,pre .vendor-prefix{font-weight:700}pre .css-property,pre .css-value,pre .support.namespace,pre .vendor-prefix{color:#333}pre .constant.numeric,pre .hex-color,pre .keyword.unit{font-weight:400;color:#099}pre .entity.class{color:#458}pre .entity.function,pre .entity.id{color:#900}pre .attribute,pre .variable{color:teal}pre .string,pre .support.value{font-weight:400;color:#d14}pre .regexp{color:#009926}.stream-string .string-item-outline{padding-bottom:30px;position:relative;border-left:1px dotted #eee;left:6px;line-height:22px}.stream-string .string-item-outline:before{content:" ";display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid #57a2ff;position:absolute;left:-6px;background:#fff}.stream-string .string-item-outline .string-item{position:relative;top:-5px;margin-left:11px}.stream-string .string-item-outline .string-time{font-size:12px;color:#333;margin-right:19px}.stream-string .string-item-outline .string-content{font-size:12px;color:#999}.stream-string .string-item-outline .string-content pre{white-space:pre-wrap;word-break:break-all}.stream-string .islast{border:none}.stream-hex .string-item-outline{padding-bottom:30px;position:relative;border-left:1px dotted #eee;left:6px;line-height:22px}.stream-hex .string-item-outline:before{content:" ";display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid #57a2ff;position:absolute;left:-6px;background:#fff}.stream-hex .string-item-outline .string-item{position:relative;top:-5px;margin-left:11px}.stream-hex .string-item-outline .string-time{font-size:12px;color:#333;margin-right:19px}.stream-hex .string-item-outline .string-content{font-size:12px;color:#999;white-space:pre-wrap;word-break:break-all}.stream-hex .islast{border:none}.stream-image .stream-image-content{width:1400px;margin:0 auto;overflow:hidden}.stream-image .image-item{width:257px;height:142px;background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:#f4f5f6;margin:10px;float:left}@media screen and (max-width:1688px){.stream-image .stream-image-content{width:930px}.stream-image .image-item{width:165px;height:91px}}.stream-image .ismiddle{clear:left}.imagemodal .ivu-modal-content{background:#303444}.imagemodal .stream-image-big{width:1262px;height:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.imagemodal .stream-image-big img{width:507px}.imagemodal .stream-image-big .image-close,.imagemodal .stream-image-big .image-next,.imagemodal .stream-image-big .image-pref{width:50px;height:50px;background:#444856;border-radius:50%;cursor:pointer;text-align:center;font-size:26px;line-height:50px;color:#57a2ff}.imagemodal .stream-image-big .image-close{width:40px;height:40px;position:absolute;right:0;top:108px;color:#999;font-size:26px;text-align:center;line-height:40px}.imagemodal .stream-image-big .end{color:#999}.stream-number{width:100%}.stream-number .stream-num-echarts{width:100%;height:300px}.stream-map .bm-view{height:100%}.stream-map .map-container{width:100%;height:700px}.stream-map #zoomer,.stream-map .anchorBL{display:none}.subtable .subtable-button{height:36px;width:100px;font-size:12px}.subtable .subtable-query{margin-left:5px}.subtable .subtable-query-new{margin-left:20px}.subtable .subtable-content{margin-top:30px;background:#fff;position:relative}.subtable .subtable-content .nodata{height:189px;width:100%;background:#fff;color:#999;font-size:12px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:65px}.subtable .subtable-hr{height:6px;width:calc(100% + 1px);background:#f5f5f5;position:absolute;left:-1px;bottom:0;border-bottom:1px solid #eee;border-top:1px solid #eee;z-index:10}.subtable .subtable-switch{float:right;color:#666;font-size:12px;margin-top:7px}.subtable .subtable-switch .switch{width:56px;margin-left:7px}.subtable .footer{position:relative}.subtable .limit{float:left;margin-top:18px}.subtable .next,.subtable .pref{width:80px;height:30px;display:inline-block;margin:15px 5px;text-align:center;line-height:30px;color:#999;border:1px solid #d9d9d9;font-size:12px;cursor:pointer;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.subtable .active{color:#57a2ff;border-color:#57a2ff}body[i18n=en_US] .subtable .subtable-button{width:auto}.panel-item{width:24.5%;height:142px;border:1px solid #d9d9d9;background-color:#fff;position:relative}.panel-item:after{display:inline-block;content:" ";height:4px;width:20px;border:1px solid #d9d9d9;position:absolute;left:-1px;top:-1px}.panel-item:hover{outline:1px solid #57a2ff;cursor:pointer}.panel-item:hover:after{background:#57a2ff;border:1px solid #57a2ff}.panel-item .panel-item-image{width:100%;height:100%;background-size:cover}.panel-item .panel-item-image img{width:100%;height:100%}.panel-item .panel-item-content{padding:25px;display:-webkit-box;display:-ms-flexbox;display:flex}.panel-item .panel-item-content .panel-content-left{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:0}.panel-item .panel-item-content .poptip{width:20px;margin-left:20px;height:22px;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}.panel-item .panel-item-content .poptip .op{font-size:22px;line-height:22px;position:relative;top:-10px}.panel-item .panel-item-content .poptip .panel-api .op-item{cursor:pointer;color:#57a2ff;font-size:12px;line-height:24px}.panel-item .panel-item-content .poptip .panel-api .op-item:hover{background-color:#ecf6ff}.panel-item .panel-item-content .panel-item-title{font-size:14px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.panel-item .panel-item-content .panel-item-time{font-size:12px;height:20px;color:#999}.panel-item .panel-item-content .panel-item-data{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.panel-item .panel-item-content .panel-item-data .data{font-size:22px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.panel-item .panel-item-content .panel-item-data .op{cursor:pointer;height:10px;line-height:0}.panel-item .panel-item-mask{-webkit-transition:all .5s;transition:all .5s;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:0}.panel-item:hover>.panel-item-mask{z-index:2;opacity:1;background-color:rgba(0,0,0,.4)}.panel-item:hover>.panel-item-mask .op,.panel-item:hover>.panel-item-mask .panel-item-data>.data,.panel-item:hover>.panel-item-mask .panel-item-time,.panel-item:hover>.panel-item-mask .panel-item-title{color:#fff}.panel-item .bm-view{height:100%}.panel-item .map-container{width:100%;height:100%}.panel-item #zoomer,.panel-item .anchorBL{display:none}.ivu-poptip-popper{min-width:115px}.panel .panel-top{margin-bottom:10px;border-bottom:1px solid #eee}.panel .panel-top .panel-top-title{background:#fff;border-right:1px solid #eee;border-left:1px solid #eee;font-size:14px;height:30px;line-height:30px;padding-left:30px;position:relative}.panel .panel-top .panel-top-title:after{border-width:0 6px 6px 6px;border-color:#fafafa transparent;left:50px}.panel .panel-top .panel-top-title:after,.panel .panel-top .panel-top-title:before{display:inline-block;content:" ";height:0;width:0;border-style:solid;position:absolute;bottom:-1px}.panel .panel-top .panel-top-title:before{border-width:0 7px 7px 7px;border-color:#eee transparent;left:49px}.panel .panel-top-toggle{border-left:1px solid #eee;border-right:1px solid #eee;background:#fafafa;text-align:center;font-size:12px;height:30px;line-height:30px;cursor:pointer}.panel .panel-content,.panel .panel-top-content{border:1px solid #eee;background-color:#fff;padding:25px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.panel .panel-content .panel-item,.panel .panel-top-content .panel-item{display:inline-block;-ms-flex-negative:0;flex-shrink:0;margin:.24%}.panel .panel-top-content{border-bottom:none;background:#fafafa;padding-top:20px;padding-bottom:0}.panel .icon{vertical-align:sub}.panel .hide{height:0;padding-top:0;overflow:hidden}.mock-bm-view{height:100%}.data-mock .ivu-input-number{width:150px;height:30px;border-radius:initial}.data-mock .flex .ivu-form-item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.data-mock .mock-big-map{position:absolute;border-radius:initial;right:0;top:0;z-index:0}.data-mock .mock-map{height:170px;margin-top:10px;position:relative}.data-mock .mock-map:hover .mock-big-map{z-index:1}.data-mock .map-data{display:-webkit-box;display:-ms-flexbox;display:flex}.data-mock .map-data span{width:183px}.data-mock #zoomer,.data-mock .anchorBL{display:none}.data-mock .mock-show-info{height:350px;overflow:auto;background:#f4f5f6;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;line-height:14px}.data-mock .mock-button{float:right}.big-map{height:100%}.stream-op{width:130px}.stream-op span{color:#57a2ff;cursor:pointer;margin-left:10px}.stream-table{position:relative}.stream-table .stream-table-switch{position:absolute;z-index:1;right:35px;top:12px;color:#666;font-size:12px;margin-top:7px}.stream-table .stream-table-switch .switch{width:56px;margin-left:7px}.stream-table .ivu-table{overflow:initial}.stream-table .ivu-table-expanded-cell{background:#fff;padding:20px 20px;position:relative}.stream-table .template{padding:0 6px;height:22px;display:inline-block;background:#e4f1ff;color:#57a2ff;line-height:22px;text-align:center}.stream-table .pointer{cursor:pointer}.edit-drawer .option-footer{float:right;margin:26px 8px 20px 0}.edit-drawer .option-footer .button{width:100px;height:40px;padding:0;line-height:40px}.edit-drawer .protocol-modbus{margin-top:50px}.edit-drawer .num-input{width:100%;height:36px;border-radius:2px}.edit-drawer .modbus-cmd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.edit-drawer .modbus-cmd .cmd-input{width:70px;position:relative}.edit-drawer .modbus-cmd .cmd-input>span{position:absolute;top:-30px}.stream-table .ivu-table-wrapper,.stream-table .ivu-tabs{overflow:initial}.stream-table .ivu-tabs .ivu-tabs-bar{margin-bottom:0;background:#fff;border-right:1px solid #eee;border-left:1px solid #eee}.popint-modal .stream-image-content{width:930px}.popint-modal .image-item{width:165px;height:91px}.dhheader{height:90px;width:100%;border:1px solid #eee;overflow:hidden}.dhheader>div{display:inline-block;max-width:270px;border-left:1px solid #f4f5f6;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 10px;height:100%}.dhheader>div>p{color:#666;font-size:14px;height:14px;line-height:14px;margin:0}.dhheader>div .dhheader-data-value{color:#333;font-weight:700;font-size:24px;height:24px;line-height:24px;margin:7px 0 0 0}.dhheader .dhheader-last{border:none}.dhheader .dhheader-modal-manage{height:40px;margin:24px 20px 24px 0;padding:0;float:right}body[i18n=en_US] .dhheader>div{min-width:218px;width:auto}body[i18n=en_US] .dhheader .dhheader-modal-manage{width:auto}.dheader{margin:20px 0;background:#fff}.dhtable-page{background:#fff;height:62px;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;position:relative;border:1px solid #eee;border-top:none}.dhtable-page>span{position:absolute;left:20px;color:#9c9c9c}.stream-tipsText>div{margin-bottom:10px}.stream-tipsText>div>p{line-height:24px}