:root{--van-nav-bar-height:46px;--van-nav-bar-background:var(--van-background-2);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}:root{--van-image-placeholder-text-color:var(--van-text-color-2);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background:var(--van-background);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image--block{display:block}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}.commonCharts,.van-image{background:#fff}.commonCharts{box-sizing:border-box;margin:12px 12px 0;border-radius:5px}.commonCharts .title{display:flex;font-size:14px;color:#333;line-height:50px}.commonCharts .title img{width:20px;height:20px;margin:15px 8px 15px 15px}#myCharts{height:250px}.fermentator-header{display:flex;justify-content:space-between;margin-top:12px;padding:0 12px}.fermentator-header .mode,.fermentator-header .status{width:49%;background:#fff;padding:12px;box-sizing:border-box;display:flex}.fermentator-header .mode .label,.fermentator-header .status .label{font-size:14px;color:#666}.fermentator-header .mode .value,.fermentator-header .status .value{font-weight:700;font-size:16px;color:#f80;margin-top:6px}.fermentator-header .mode .img,.fermentator-header .status .img{width:50px;height:50px;margin-right:12px}.fermentator-header .mode .img img,.fermentator-header .status .img img{width:100%;height:100%}.packer .list-warp{padding-right:12px;margin-top:12px}.packer .list-warp .list-box{width:30.3%;background:#fff;padding:12px;box-sizing:border-box;margin-left:3%;margin-bottom:12px;float:left;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.packer .list-warp .list-box .num{font-size:20px;color:#333;font-weight:700}.packer .list-warp .list-box .text{font-size:14px;color:#666;margin-top:6px}.packer .list-warp .list-box .li-stat{position:absolute;height:16px;width:16px;right:8px;top:8px}.packer .list-warp .list-box .li-stat-bg{background:#3fbf31;border-radius:50%;border:3px solid #d8f2d5;box-sizing:border-box}.packer .list-warp .list-box .li-stat-img img{width:100%;height:100%}.packer ul{padding:0 12px;overflow:hidden}.packer ul li{width:49%;float:left;position:relative;display:flex;background:#fff;padding:12px;box-sizing:border-box;margin-top:8px;border-radius:5px}.packer ul li .li-num{color:#333;font-size:20px;line-height:50px;margin-left:12px;font-weight:700}.packer ul li .li-icon{height:50px;width:50px;border-radius:5px;overflow:hidden}.packer ul li .li-icon img{width:100%;height:100%}.packer ul li .li-text{padding-top:5px;margin-left:12px;font-size:16px;color:#333;line-height:20px;font-weight:700}.packer ul li .li-text p{margin:0;margin-top:5px;font-size:14px;color:#666;font-weight:400}.packer ul li .li-stat{position:absolute;height:16px;width:16px;right:8px;top:8px}.packer ul li .li-stat-bg{background:#3fbf31;border-radius:50%;border:3px solid #d8f2d5;box-sizing:border-box}.packer ul li .li-stat-img img{width:100%;height:100%}