* { box-sizing: border-box; }

body { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; height: 100vh; }

.smartFactory-index { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; height: 100vh; background: #10293B; background-size: contain; }

.smartFactory-index .aside, .smartFactory-index .main { -webkit-box-flex: 1; flex: 1; height: 880px; }

.smartFactory-index .main { margin-left: 15px; }

.smartFactory-index .statistics-container { background: transparent; max-width: inherit; }

.statistics-container { width: 100%; max-width: 940px; height: 880px; box-sizing: border-box; background-color: rgba(5, 44, 68, 0.6); margin: 0 auto; /** statisticsRight */ }

.statistics-container .left-hd { float: left; position: relative; width: 520px; height: 100%; }

.statistics-container .left-bd { position: relative; margin-left: 536px; height: 100%; }

.statistics-container .rtv { position: relative; }

.statistics-container .mb { margin-bottom: 16px; }

.statistics-container .ml { margin-left: 16px; }

.statistics-container .dot { display: inline-block; width: 6px; height: 6px; background: #CCF3FF; margin-right: 10px; vertical-align: middle; }

.statistics-container .statistics-complete { position: relative; width: 100%; height: 300px; margin-bottom: 10px; }

.statistics-container .statistics-store { position: relative; width: 100%; -webkit-box-flex: 1; flex: 1; }

.statistics-container .heightFit { width: 100%; height: 100%; }

.statistics-container .border-wrapper { position: relative; width: 100%; height: 100%; display: -webkit-box; display: flex; }

.statistics-container .border-wrapper .border-left { width: 142px; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAVCAYAAACQXNaIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEYSURBVHgB7dihb8JAGIbx75ZNbGJmYmpiBjOB2QRmAjOz/xuxJZsBgQCBIkEhQEBS3o+eqOsdrTqeX/KGNiGYPiFtg/WoqqqBPgaG0uy0ibbXHrXRjfWEaIr2a3U0D9qH9t9LOERTtKm2tTqakbYIIaw7h0M0RZtrS+1Oe9dWisbPrVM4RFM0/2eZx+OhtmmcXx4O0RRtq0hmusZ+/KYFP29+4aJwiKZo/gT1E6Pxa/yk/RnQxqPRXrWxdm9AmxjNc1s0t5ZIP3J+8WP1HTbKdtAmuq/ZWxeK5kX7ivEA7WI0Y6JBMm6QkM0fuYkGWYgG2YgG2WI0n0SDZI1okt/t4MopliHRIEfwaOLxVG8KjwakUDjfBmQ6ARo3r0fptnLUAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAPCAYAAAAyEfd1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEZSURBVHgB7ZmrEsIwEEW3HQwGg8EgQGDBILAYDP+NBYGpAIPA1IIsd2nCZPoiQUG4Z+YO2/ISOd1Np1IUxQYZCCEhqDRGnrEQEgKk6SNrZCKEhODIMxNCQqA8JBgrC+UhPqROPVNZkiS5o94hI8pD2kgrx03yzIWQCoktIMjWOZ9pIJAYcXirHh85csAa3+QD2sRRXvKQuMBa64tuQ7Qh7LHGuQTS63jPbpZr8pg/jo5/uUjMJNHGoMLMUV9wLgv6DVs0dBxLrfOYTTM3zr/PCTkjC3PsPbpSj888JXG7jLEzyFDylUyRJXKQsvussM5Dny/6iKNQnnjRB9wr5IrspRxdb6eJz6hyyaqzkGMrKo5SCqSjq7PzPACkmpnG0m3nFwAAAABJRU5ErkJggg==); background-position: top left,  bottom left; background-size: 142px 20px,142px 15px; background-repeat: no-repeat; }

.statistics-container .border-wrapper .border-left:after { content: ''; position: absolute; left: 0; top: 20px; bottom: 15px; width: 0; border-left: 1px solid rgba(255, 255, 255, 0.3); }

.statistics-container .border-wrapper .border-center { -webkit-box-flex: 1; flex: 1; height: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; }

.statistics-container .border-wrapper .border-right { width: 80px; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAOCAYAAABuMEFPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgB7VaxSgNBEJ0pBLUKpNXCRosUXhm7BVs/wk/zU64z5VkoGAsbC5tAqmAhnG+8UYa4u3fnBjbh8uAxMMu8OWZnbpbrur4hogX4wMwrWIKvgHHgiMKowBIxS99hqkbu+C5gTXQOcwo+Q+hNfSNNXkTil5q88h2mauSObwObREcwV+A7hJ6Mf6ofcBjRmekHfPgOUzVyx4fAa0kOYCbgGLw3Yyw3eEvxEZAbvIuMcZJG7ngf2OdEohNqijiH0KvxO2puMAa5vTJ0mKqRO96CQwdmjGWZvOy78C+YWmCWSQWhhfE7GngXthZPk8g/8BKUTTz/DmTudYNiJcajvbNd2Kl4mkTG+IJ0mYArLaBsMAdOI+GywUpqNhqtF7GPBmJnnm/LEt+5eCbRGYyM8iM1nfjThQV1fJRSuAt36mHdu3iaxC4TKeKnGWNHA3lYUwqQaAJeg8cgDQ3/6jwLfRPKGP8uk1T4RnobsZGv1DGWNh/TgPAF1a1N/wREbT8AAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAwCAYAAABQQCeSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgB7dc9DkIhEABhMNp6DE5gY2vt0T2NF1gheYU/MQ922vkSshCopqMWLYuIcx/XojUjXF+3LaBmGS7JcEmGSzJckuGSDJc0E67ftVr0YQt26etRa33+edP6aIeib+PnsBtu7I336zQTbjDemvZ+MB5gPMB4gPEA4wHGA4wHGA8wHmA8wHiA8QDjAcYDjAcYDzAeYDzAeIDxAOMBxgOMBxgPMB5gPMB4gPEA4wHGA4wHGA8wHmA84BgR96KUF6haZp4e65jwAAAAAElFTkSuQmCC); background-position: top right,  bottom right; background-repeat: no-repeat; background-size: 80px 14px,80px 48px; }

.statistics-container .border-wrapper .border-right:after { content: ''; position: absolute; right: 0; top: 14px; bottom: 48px; width: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); }

.statistics-container .content-contaner { position: absolute; top: 20px; right: 25px; bottom: 20px; left: 25px; box-sizing: border-box; }

.statistics-container .content-contaner .title { margin-bottom: 10px; height: 24px; font-size: 16px; line-height: 24px; color: #D7F5FF; letter-spacing: 1px; }

.statistics-container .intro-box { width: 100%; height: 180px; }

.statistics-container .intro .content { color: #fff; font-size: 14px; line-height: 2; font-weight: normal; text-align: justify; }

.statistics-container .member-box { width: 100%; height: 159px; }

.statistics-container .member-box .list { display: -webkit-box; display: flex; justify-content: space-around; overflow: hidden; }

.statistics-container .member-box .item { width: 88px; height: 68px; padding: 6px; background: -webkit-linear-gradient(bottom, rgba(84, 224, 255, 0.24) 0%, rgba(147, 235, 255, 0.04) 100%); background: linear-gradient(0deg, rgba(84, 224, 255, 0.24) 0%, rgba(147, 235, 255, 0.04) 100%); border-radius: 4px; }

.statistics-container .member-box .item .item-hd { color: #D7F5FF; font-size: 14px; margin-bottom: 5px; }

.statistics-container .member-box .item .item-bd { color: #FFC940; font-size: 24px; text-align: center; }

.statistics-container .member-box .item .item-bd .sub-title { position: relative; top: -2px; font-size: 14px; padding-left: 3px; }

.statistics-container .store-wrapper { height: calc(100% - 370px); }

.statistics-container .store-wrapper .title { margin-bottom: 0; }

.statistics-container .charts-store { width: 100%; max-width: 450px; height: calc(100% - 24px); margin: 0 auto; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; overflow: hidden; }

.statistics-container .charts-store .wave-item { text-align: center; }

.statistics-container .charts-store .wave-item .name { font-size: 15px; font-weight: bold; color: #fff; line-height: 24px; }

.statistics-container .charts-store .wave-item .label { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); font-weight: normal; text-align: center; }

.statistics-container .charts-store .wave-item .label .blue { font-weight: bold; color: #4c93fd; }

.statistics-container .charts-store .wave-item .label .red { font-weight: bold; color: #FF3021; }

.statistics-container .charts-store .wave-item .wave-label { margin-top: -36px; }

.statistics-container .charts-store .wave-item .chart_progressWave { margin-top: -22px; -webkit-transform: scale(0.55); transform: scale(0.55); }

.statistics-container .charts-store .wave-item:last-child .wave-label { position: absolute; right: 22px; bottom: 0; }

.statistics-container .contractproTitle { padding: 4px 8px; color: #D7F5FF; font-size: 14px; background: rgba(84, 224, 255, 0.1); border-radius: 4px; }

.statistics-container .contractproTitle.pos { position: absolute; top: 0; right: 0; }

.statistics-container .complete-wrapper { height: 250px; }

.statistics-container .complete-wrapper .title { margin-bottom: 18px; }

.statistics-container .complete-wrapper .charts { height: calc(100% - 40px); margin-left: -10px; margin-right: -10px; }

.statistics-container .complete-wrapper .swiper-container { height: 100%; }

.statistics-container .complete-wrapper .swiper-slide { display: -webkit-box; display: flex; }

.statistics-container .complete-wrapper .charts-item { -webkit-box-flex: 1; flex: 1; height: 100px; }

.statistics-container .complete-wrapper .pie-box, .statistics-container .complete-wrapper .chart-pie { width: 100%; height: 100%; }

.statistics-container .complete-wrapper .pie-title { color: #fff; font-weight: normal; text-align: center; font-size: 16px; }

.statistics-container .complete-wrapper .chart-ft { position: relative; top: -5px; color: #50D5FF; font-size: 15px; text-align: center; line-height: 1.5; }

.statistics-container .complete-wrapper .chart-ft > h4 { font-weight: normal; }

.statistics-container .complete-wrapper .legend-box { position: absolute; top: 0; right: 0; }

.statistics-container .complete-wrapper .legend-box .legend-item { display: inline-block; margin-right: 15px; }

.statistics-container .complete-wrapper .legend-box .square { display: inline-block; width: 10px; height: 10px; background: #265E80; margin-right: 4px; }

.statistics-container .complete-wrapper .legend-box .square.square-total { background: #52FFF5; }

.statistics-container .complete-wrapper .legend-box .label { font-size: 13px; color: #BDE3FF; }

.statistics-container .product-report-box { height: 235px; }

.statistics-container .product-report-box .title { margin-bottom: 18px; }

.statistics-container .product-report-box .tab-hd, .statistics-container .product-report-box .tab-content-item { display: -webkit-box; display: flex; }

.statistics-container .product-report-box .tab-hd .th, .statistics-container .product-report-box .tab-content-item .th { display: inline-block; -webkit-box-flex: 1; flex: 1; color: #6AC1FF; text-align: left; font-size: 14px; margin-bottom: 8px; text-align: center; }

.statistics-container .product-report-box .tab-content-item .th { color: #BDE3FF; }

.statistics-container .bridge-box { width: 100%; height: 354px; }

.statistics-container .bridge-box .bridge-content { height: calc(100% - 34px); overflow: hidden; }

.statistics-container .bridge-box .bridge-content .contract-box { height: auto; }

.statistics-container .bridge-box .bridge-content .contractproTitle { margin-bottom: 15px; }

.statistics-container .bridge-box .bridge-content.contract-box { margin-bottom: 30px; }

.statistics-container .bridge-box .bridge-content .hd { color: #fff; font-size: 16px; font-weight: normal; }

.statistics-container .bridge-box .bridge-content .chart-bar { height: calc(100% - 20px); }

.statistics-container.statistics-right { display: -webkit-box; display: flex; justify-content: space-around; }

.statistics-container.statistics-right > article { -webkit-box-flex: 1; flex: 1; height: 100%; }

.statistics-container .statistics-trend { position: relative; width: 100%; height: 100%; }

.statistics-container .statistics-trend .charts { height: calc(100% - 40px); }

.statistics-container .statistics-trend .charts .swiper-container { height: 100%; }

.statistics-container .statistics-trend .chart-line { width: 100%; height: calc(100% - 26px); }

.statistics-container .statistics-trend .title { margin-bottom: 10px; }

.statistics-container .statistics-trend .legend-box { position: absolute; top: 6px; right: 0; }

.statistics-container .statistics-trend .legend-box .legend-item { display: inline-block; margin-right: 15px; }

.statistics-container .statistics-trend .legend-box .square { display: inline-block; width: 10px; height: 10px; background: #FEDD88; margin-right: 4px; }

.statistics-container .statistics-trend .legend-box .square.square-total { background: #8AEAFF; }

.statistics-container .statistics-trend .legend-box .label { font-size: 13px; color: #BDE3FF; }

.statistics-container .statistics-trend .charts-item { margin-bottom: 3px; height: 20%; box-sizing: border-box; }

.statistics-container .statistics-trend .charts-item:last-child { margin: 0; }

.statistics-container .statistics-trend .charts-item .header { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 1%; }

.statistics-container .statistics-trend .charts-item .header .name { padding: 2px 8px; font-size: 14px; line-height: 22px; color: #fff; background: -webkit-linear-gradient(left, rgba(3, 24, 36, 0.4) 0%, rgba(3, 24, 36, 0) 100%); background: linear-gradient(90deg, rgba(3, 24, 36, 0.4) 0%, rgba(3, 24, 36, 0) 100%); border-radius: 2px; }

.statistics-container .statistics-trend .charts-item .header .area { font-size: 14px; line-height: 22px; color: #fff; }

.statistics-container .statistics-trend .charts-item .line-box { height: calc(100% - 26px); }

.statistics-container .process-report-box .report-charts { height: calc(100% - 44px); overflow: hidden; }

.statistics-container .process-report-box .hd { width: 80px; padding: 2px 8px; height: 26px; margin-bottom: 10px; color: #fff; font-size: 14px; background: -webkit-linear-gradient(left, rgba(19, 209, 164, 0.24) 0%, rgba(255, 252, 247, 0) 100%); background: linear-gradient(90deg, rgba(19, 209, 164, 0.24) 0%, rgba(255, 252, 247, 0) 100%); border-radius: 2px; }

.statistics-container .process-report-box .report-centent-box { margin-bottom: 20px; }

.statistics-container .process-report-box .report-centent-box .tab-hd { width: 100%; display: -webkit-box; display: flex; margin-bottom: 10px; padding-left: 13px; }

.statistics-container .process-report-box .report-centent-box .tab-hd .th { display: block; font-size: 12px; color: #fff; }

.statistics-container .process-report-box .report-centent-box .tab-bd { height: 120px; overflow: hidden; }

.statistics-container .process-report-box .report-centent-box .tab-bd-item { display: -webkit-box; display: flex; width: 100%; height: 24px; margin-bottom: 6px; padding-left: 13px; -webkit-box-align: center; align-items: center; color: #BAFFF3; background: rgba(255, 255, 255, 0.1); border-left: 2px solid rgba(234, 255, 251, 0.5); }

.statistics-container .process-report-box .report-centent-box .tab-bd-item.check { color: #FFA96A; }

.statistics-container .process-report-box .report-centent-box .col-queue { width: 40px; }

.statistics-container .process-report-box .report-centent-box .col-count { width: 72px; text-align: center; }

.statistics-container .process-report-box .report-centent-box .col-process { -webkit-box-flex: 1; flex: 1; }

.statistics-container .loader-box { position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; color: #fff !important; }

.statistics-container .str_wrap { background: transparent; }

/*# sourceMappingURL=maps/statistics.css.map */