.flow-monitoring-page{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.flow-monitoring-page .van-tab__pane,.flow-monitoring-page .van-tabs{height:100%}.flow-monitoring-page .van-tabs__content{height:calc(100% - 12.8vw)}.flow-monitoring-page .history-content,.flow-monitoring-page .real-time-content{width:100%;height:100%}.flow-monitoring-page .real-time-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.flow-monitoring-page .real-time-content .search-header{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-left:4vw}.flow-monitoring-page .real-time-content .search-header .van-dropdown-menu__item{width:21.33333vw}.flow-monitoring-page .real-time-content .search-header .van-dropdown-menu__title{color:#000}.flow-monitoring-page .real-time-content .search-header .van-hairline-unset--top-bottom:after,.flow-monitoring-page .real-time-content .search-header__menu.van-hairline--top-bottom:after{border-width:0;border:none}.flow-monitoring-page .real-time-content .search-header__input.van-cell:not(:last-child):after{border:none}.flow-monitoring-page .real-time-content .search-header__input.van-cell{padding:0;width:auto;box-shadow:none;border:none}.flow-monitoring-page .real-time-content .search-header__input.van-cell .van-field__body{box-shadow:none;border:none}.flow-monitoring-page .real-time-content .search-header__input.van-cell .van-field__control{width:35.2vw;height:5.6vw;line-height:1;padding:.8vw 1.33333vw;font-size:3.73333vw;background:#fff;border-radius:2.66667vw;box-shadow:none}.flow-monitoring-page .real-time-content .search-header__input.hairlines .van-field__control{border:1px solid #bfbfbf}.flow-monitoring-page .real-time-content .search-header__btn{color:#999;border:none}.flow-monitoring-page .real-time-content .real-time-tips{background-color:#fff;padding:4vw 8vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#000;margin-bottom:2.66667vw}.flow-monitoring-page .real-time-content .real-time-tips .iconfont{font-size:6.4vw}.flow-monitoring-page .real-time-content .real-time-tips .icon--danger{color:#e84a39}.flow-monitoring-page .real-time-content .real-time-tips .icon--warning{color:#e5a325}.flow-monitoring-page .real-time-content .real-time-tips .icon--normal{color:#1fc1de}.flow-monitoring-page .real-time-content .real-time-tips .icon--primary{color:#37731c}.flow-monitoring-page .real-time-content .real-time-tips .center{text-align:center}.flow-monitoring-page .real-time-content .real-time-tips .tips-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flow-monitoring-page .real-time-content .real-time-tips .tips-item__num{font-size:3.73333vw;font-weight:500;margin-bottom:1.06667vw}.flow-monitoring-page .real-time-content .real-time-tips .tips-item__text{color:#999;font-size:2.93333vw}.flow-monitoring-page .real-time-content .real-time-tips .tips-item+.tips-item{margin-left:8vw}.flow-monitoring-page .real-time-content .real-time-list{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:scroll;background-color:#fff;padding-bottom:5.33333vw;overflow-x:hidden}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item{padding:4vw 4vw 4vw 4vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-avatar{width:23.73333vw;height:14.66667vw;border-radius:1.06667vw;overflow:hidden;margin-right:1.86667vw;text-align:center}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-detail{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-top:1.33333vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#000;margin-bottom:4vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__name{font-size:3.73333vw;margin-right:1.33333vw;width:30.66667vw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__address{font-size:0}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__address .iconfont{color:#999;margin-right:.53333vw;font-size:3.73333vw;vertical-align:middle;display:inline-block}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__address-name{font-size:2.93333vw;vertical-align:middle;display:inline-block;white-space:nowrap}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__divider.hairlines{background-color:#f1f1f1;width:1px;height:3.2vw;margin-right:.53333vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-info__level{font-size:3.2vw;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-data{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-data__saturation{color:#999;font-size:2.93333vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .scenic-data__flow{color:#666;font-size:2.93333vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .saturation-grade{width:15.73333vw;height:2.66667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAUCAYAAABYm8lAAAAC/0lEQVRoQ+2YO2gUURSG/3NDNtokICIWPgkWimBpofjCByqIRE3AFDHF7JlNEQuxsFJbCYqNO2dcsIzGJoWIqGhlkYCFItr6iKAirrFQE3fmyGwwMZt93N2Fre4tl//ud/j+Ze7eIVRYuVxufaFQ2GeM2QrgPRE99TzvZaV8I587hr21el1Rua8OwzCrqocBPFHVVwDWEdFeVU0K7mPmn/YjlU86hr3BRlwtKVZEbgP4xsxDpWgRGQFwlJk324+1NOkY9vYadbWo2DAMd6vqZWbeUwktIjcAvGXmK/bjLSQdw95aM65Kix2P43jU9/07lfDZbHaDMeY5gNXM/Md+zLlkGIaOYSmtGVeLihWRT8aYbZ7nfa7GFpGpOI63ZzKZj5Yzzsccw95YM65Ki31tjDnhed6bGsXmU6nUxsHBwe/2Y84lRcQxLKU146q02EsAOpj5QpUzllW13/f9XZbzLYqJiGNYimvGVWmxXQDeATjDzOOl/CAINhHRXVUd8H3/heV8pcU6hqU4EWnYVbnrzkEADwCcLxQKY1EUfWlvb+8iop1ElAFwn5mvWc5WNiYijmEpsFFXZV9QiEg3gIsAkmvPKgDTqjppjLmeTqcfW85UNeYY9hYbcVW22P+RuVxuRWdn53Rvb29kP0p9Scew92XrqvSM7VZVn4h2AFgJ4DcR/VLVDgApIppS1UdRFOWGhoby9uMsJJNfn2PYmWvG1XyxYRj2J2+diCiI4/gZgK9EtCyO4+VENNPW1jYbRdEaIjoAICm/p97HsmPYFZqkmnVVLFZEjgMYiON4JJPJJKVWXUEQ9CR/pIgoOXPv1co7Rutd0djYWCqfz/8AcIyZH9qUlGSCIDhCRKMzMzNrh4eHk/0Vl2O03hUFQXDSGNOXTqdP2Zb6LyciVwF8qHX9cYziU7GlrkhEbgKYYOZcA8Um99FzzHyo2l7HKBbbUldJsZOqmq231CRPRCkAZ5l5S41iHaPFrigMw/2qerqRYgHMArjFzBPV9jtG0U5LXf0Fl/q/UZJh880AAAAASUVORK5CYII=) no-repeat 0;background-size:15.73333vw 2.66667vw}.flow-monitoring-page .real-time-content .real-time-list .scenic-list__item .saturation-grade-on{width:15.73333vw;height:2.66667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAUCAYAAABYm8lAAAACiElEQVRoQ+2XP2gTYRjGn/eMrYsUpVg1lz+tk8HBxUlQEdFJFBEKujp0bS+lYzOKJKniIKjg4iB00KGDqKDgZKGDDupQaHp8F5zUNviH1NwrMUVz3iX35g5u+m7MPd/9Xn5Pvjs+Qo/LOjCeoxSfhstHmNgm7HhZVmvveuWj/K4ZcmuDuqKgR1uZ7B0wTQXcW9rtbk2W6vXv8pGCk5ohNxjFla9YK519BKLJPtiPFbV+WD6WP6kZcntRXXmKnTbzJw3wq3Asz1WUfSM8509ohtxaHFeeYmfM7BMCXRCgPzfGRvffXVnZEmQ9Ec2QG4vjylOslc59AmFMgnbRMheUciTZ7oxmyI3FceUptpjOvWeC6PvZStGem7XaV/mYnaRmyI3FceUt1syXGDwfhmbQ66qqnQjLBd0vaoZYWxxXnmLnJiZGfjVbobuQ2ThaddbeiifsCmqG3FocV77jzmxm/KzL7lMAgWdcMM1UnNqCfDx/UjPk9qK6CixvNpM55LIxD/ApgPYB2ACwTC7fKtftF/Kxeic1Q24xiqvgXdnFnDbNvUqpjUWgJR9lsKRmyH1JXXmKbf8zmI0pBo4DNArgJ+D+AGiYGEMMUkT8PGXw/eu2/UU+zr+kZsitxXH1t1jLzF0F8FCIbZDLlwZ9LWuG0C6AuK7+FGtl8hfB/FiO7SSZ+XzVsZck6zQjWVdUKhSGGpvfNgEMSwr6P9PctXPk9upqe33PSzM6apJ0RVY6exlEi1FK7Wzb8OOPZmzbTdAVWWbuHoBrUYtl8LOqss/1W68Z25+uBF2RZeaXAT4WtVhifCg764X+xWpG20+Srqh4MHuGia5EKZYMboKNB2VVe9NvvWYASbv6DbjFV0J2/wAWAAAAAElFTkSuQmCC) no-repeat 0;background-size:15.73333vw 2.66667vw}.flow-monitoring-page .van-loading{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.flow-monitoring-page .history-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.flow-monitoring-page .history-content .search-header{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:3.73333vw;color:#000;margin-bottom:2.66667vw;padding-left:4vw}.flow-monitoring-page .history-content .search-header .iconfont{color:#999}.flow-monitoring-page .history-content .search-header .van-dropdown-menu__item{width:21.33333vw}.flow-monitoring-page .history-content .search-header .van-dropdown-menu__title{color:#000}.flow-monitoring-page .history-content .search-header__menu{justify-self:flex-start}.flow-monitoring-page .history-content .search-header .van-hairline-unset--top-bottom:after,.flow-monitoring-page .history-content .search-header__menu.van-hairline--top-bottom:after{border-width:0;border:none}.flow-monitoring-page .history-content .search-header__date{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.flow-monitoring-page .history-content .search-header__date .iconfont{margin-left:1.06667vw}.flow-monitoring-page .history-content .search-header__btn{width:13.33333vw;height:5.33333vw;line-height:5.33333vw;border:1px solid #731c1f;border-radius:2.66667vw;padding:0;color:#731c1f;font-size:3.73333vw;margin-left:5.33333vw}.flow-monitoring-page .history-content .history-list{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:scroll;background-color:#fff;padding-bottom:5.33333vw}.flow-monitoring-page .history-content .history-list .scenic-list__item{padding:4vw 5.33333vw}.flow-monitoring-page .history-content .history-list .scenic-list__item a{display:block}.flow-monitoring-page .history-content .history-list .item-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.flow-monitoring-page .history-content .history-list .item-row .scenic-name{font-size:3.73333vw;font-weight:700}.flow-monitoring-page .history-content .history-list .item-row .scenic-flow{color:#999;font-size:2.93333vw}.flow-monitoring-page .history-content .history-list .item-row .scenic-flow span{color:#000}.flow-monitoring-page .history-content .history-list .item-row .link-per,.flow-monitoring-page .history-content .history-list .item-row .same-per{color:#999;font-size:3.2vw;width:26.66667vw;text-align:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flow-monitoring-page .history-content .history-list .item-row .link-per span,.flow-monitoring-page .history-content .history-list .item-row .same-per span{color:#000}.flow-monitoring-page .history-content .history-list .item-row .link-per .van-icon,.flow-monitoring-page .history-content .history-list .item-row .same-per .van-icon{margin-left:.8vw}.flow-monitoring-page .history-content .history-list .item-row .link-per .van-icon.per-icon-up,.flow-monitoring-page .history-content .history-list .item-row .same-per .van-icon.per-icon-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-monitoring-page .history-content .history-list .item-row+.item-row{margin-top:2.66667vw}