.data-screen{background-color:#17212b}.data-screen,.header{width:100%}.header{-webkit-box-sizing:border-box;box-sizing:border-box;height:75px;background:url(https://fubei-saas.oss-cn-hangzhou.aliyuncs.com/cashier/web-admin/finance/header_bg.png);background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;.header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:18px 0 14px 25px;.area{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;.time{width:120px;text-align:center;.date{height:14px;line-height:14px;color:#2bbfb5;font-size:14px;margin-bottom:2px;font-weight:500}.time-range{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;color:#fff;font-size:14px;font-weight:500;height:14px;line-height:14px;.time-icon{margin-right:12px;vertical-align:middle;color:#fff;font-size:12px}}}.area-info{min-width:360px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;.local{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.local-image{width:24px;height:24px;margin-right:8px}.city-style{color:#fff;font-size:14px;color:#0692cf;font-weight:500;height:14px;line-height:14px}}.area-weather{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.temperature{color:#fff;font-size:14px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;.temperature-value{height:20px;line-height:20px;font-size:20px}}}.wind{padding-top:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;.level{height:14px;line-height:14px;color:#0692cf;font-weight:500;margin-bottom:2px}.direction{height:14px;line-height:14px;font-weight:500;color:#fff}}}}}.header-title{padding-top:9px;width:502px;.screen-title{text-align:center;height:24px;line-height:24px;font-size:24px;color:#fff;font-weight:700;margin-bottom:9px}.board-title{height:16px;line-height:16px;text-align:center;font-size:16px;color:#fff;font-weight:500}}.header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:18px;padding-bottom:14px;.weather-list{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;.weather{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.weather-detail{text-align:center;.temperature-range{height:14px;line-height:14px;font-size:14px;color:#0692cf;font-weight:500}.description{color:#fff;font-size:14px;height:14px;line-height:14px;font-weight:500}}}.logo{-webkit-box-flex:1;-ms-flex:1;flex:1}}.logo{max-width:178px;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}}.weather-image{width:40px;height:40px}.right-border{position:absolute;right:0;top:6px;width:1px;height:28px;background-color:#3a5996}}.down{color:#2ec4b6}.up{color:#d73411}.middle{width:100%;height:502px;display:-webkit-box;display:-ms-flexbox;display:flex;.board-info{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;padding:30px 20px 0;.subscript{position:absolute;width:20px;height:20px}.top-left{top:20px;left:20px}.top-right{top:20px;right:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bottom-left{bottom:20px;left:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bottom-right{bottom:20px;right:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.info-title{height:24px;line-height:24px;text-align:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:15px}.amount{height:32px;line-height:32px;font-size:32px;color:#00c6fd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:11px;.amount-value{height:32px;line-height:32px;font-size:32px;color:#00c6fd}.amount-unit{font-size:16px}.amount-icon{margin-left:12px;font-size:20px}}.amount,.yesterday{font-weight:500;text-align:center}.yesterday{color:#fff;font-size:18px;.yesterday-value{color:#00c6fd;margin-right:2px}}.order-detail-info{padding-top:20px;width:100%;height:340px;.order-item{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;font-weight:500;color:#fff;text-align:center;.count{height:18px;line-height:18px;margin-bottom:32px}.count-value{height:24px;line-height:24px;font-size:24px;color:#00c6fd;margin-bottom:60px}.yesterday-count{margin-bottom:32px}.rate,.yesterday-count{height:18px;line-height:18px}}.border{border-left:1px dashed #3a5996;border-right:1px dashed #3a5996}}}.recent{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px 10px;.bar-chart{width:100%;height:440px}}}.bottom{width:100%;height:503px;display:-webkit-box;display:-ms-flexbox;display:flex;.turnover{padding:20px 12px 52px;-webkit-box-flex:1;-ms-flex:1;flex:1;.pie-chart{width:100%;height:440px}}.time-sharing{padding:20px 12px 26px;-webkit-box-flex:1;-ms-flex:1;flex:1;.line-chart{width:100%;height:440px}}}.echarts-title{padding-left:16px;width:100%;height:32px;font-size:16px;color:#fff;font-weight:500;line-height:32px;border-left:4px solid #fffa34;background:-webkit-gradient(linear,right top,left top,from(#001c3d),to(#0559a2));background:linear-gradient(270deg,#001c3d,#0559a2)}.mb-2px{margin-bottom:2px}.mr-24px{margin-right:24px}.mb-40px{margin-bottom:40px}.mb-50px{margin-bottom:50px}