@charset "UTF-8";
/**
 * 生产线大屏
*/
* { box-sizing: border-box; }

.productLine-container { position: relative; width: 100%; height: 1080px; max-width: 1920px; margin: 0 auto; background: #175594 url("../images/productLine/bg_decorate.svg") repeat; box-sizing: border-box; }

.productLine-container .product-hd { position: relative; height: 80px; background: url("../images/productLine/bg_hd_lg.svg") no-repeat center center; background-size: cover; }

.productLine-container .product-hd .hd-child { position: absolute; height: 62px; }

.productLine-container .product-hd .logo-box { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; left: 0; padding-left: 25px; width: 31.5%; }

.productLine-container .product-hd .logo-box .logo { width: 200px; }

.productLine-container .product-hd .title { margin-left: 31.5%; margin-right: 31.5%; height: 100%; line-height: 80px; text-align: center; font-size: 32px; font-weight: bold; letter-spacing: 4px; color: rgba(255, 255, 255, 0.9); text-shadow: 0px 1.2px 4.8px rgba(0, 0, 0, 0.2); }

.productLine-container .product-hd .time-box { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-right: 25px; top: 0; right: 0; width: 31.5%; }

.productLine-container .product-hd .time-box .time { width: 100%; text-align: right; color: rgba(255, 255, 255, 0.9); font-family: "digital-7 Mono"; font-size: 30px; }

.productLine-container .product-bd { width: 100%; padding: 18px; padding-top: 10px; }

.productLine-container .product-bd .bd-top { width: 100%; height: 82px; }

.productLine-container .product-bd .bd-top .topTips { padding: 12px 20px; }

.productLine-container .product-bd .bd-top .topTips .tips-container { position: relative; width: 100%; }

.productLine-container .product-bd .bd-top .topTips .tips-container .icon { position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; }

.productLine-container .product-bd .bd-top .topTips .tips-container .marquee-box { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 48px; margin-left: 58px; color: #FEDD88; font-size: 16px; line-height: 1.5; font-family: Noto Sans SC; overflow: hidden; }

.productLine-container .product-bd .bd-top .topTips .tips-container .marquee-box .marquee-top { -webkit-transition: all 0.5s; transition: all 0.5s; margin-top: -48px; }

.productLine-container .product-bd .bd-top .topTips .tips-container .marquee-box .marguee-item { height: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; }

.productLine-container .product-bd .bd-md { height: 450px; margin: 8px 0; }

.productLine-container .product-bd .bd-md .md-aside { float: left; width: 442px; }

.productLine-container .product-bd .bd-md .md-aside .basic-info { padding: 24px; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .label { color: rgba(255, 255, 255, 0.9); font-size: 22px; letter-spacing: 2px; font-weight: normal; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .value { font-weight: normal; font-family: Noto Sans SC; line-height: 1.5; font-size: 32px; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd, .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-bd { padding-bottom: 30px; margin-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd .label, .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-bd .label { margin-bottom: 12px; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd .value { color: #fff; font-size: 32px; letter-spacing: 2px; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-bd .value { color: #6AFCE2; }

.productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-ft .counter-bd { color: #FEDD88; }

.productLine-container .product-bd .bd-md .md-main { margin-left: 450px; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd { width: 100%; height: 160px; margin-bottom: 8px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info { padding: 18px 16px; display: -webkit-box; display: flex; justify-content: space-around; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info > div { display: inline-block; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info .count-plan .counter-bd { color: #FEDD88; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info .count-pour .counter-bd { color: #A0FFBB; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info .count-total .counter-bd { color: #FF627E; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info .count-store .counter-bd { color: #8AEAFF; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info .count-send .counter-bd { color: #A0FFBB; }

.productLine-container .product-bd .bd-md .md-main .md-main-hd .counter-container { margin-right: 0; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd { width: 100%; height: 282px; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd > div { height: 100%; width: 49.2%; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .statistics-pie { padding: 12px 24px; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-wrapper { float: left; width: 50%; text-align: center; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-wrapper.all .progress-aside-ft { color: #8AEAFF; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-wrapper.send .progress-aside-ft { color: #6AFCE2; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-wrapper.yz .progress-aside-ft { color: #B7FF8B; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-wrapper.cl .progress-aside-ft { color: #FEDD88; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside { float: left; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-main { float: right; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-hd, .productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-title { margin-bottom: 20px; font-size: 20px; color: rgba(255, 255, 255, 0.9); text-align: center; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-bd { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 135px; height: 135px; margin: 0 auto; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-bd canvas { width: 200px; height: 140px; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-ft { font-size: 32px; margin-top: 20px; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .pie-constractPro .progress-aside-hd { margin-bottom: 0; font-size: 14px; }

.productLine-container .product-bd .bd-md .md-main .md-main-bd .pie-constractPro .progress-aside-ft { margin-top: 6px; margin-bottom: 4px; font-size: 28px; }

.productLine-container .product-bd .bd-ft { height: 420px; box-sizing: border-box; }

.productLine-container .product-bd .bd-ft .ft-aside, .productLine-container .product-bd .bd-ft .ft-main { float: right; width: 49.5%; }

.productLine-container .product-bd .bd-ft .ft-aside { float: left; margin-right: 8px; }

.productLine-container .product-bd .bd-ft .border-wrapper { padding: 12px; }

.productLine-container .product-bd .bd-ft .statistics-hd { width: 100%; height: 18px; line-height: 18px; color: #fff; font-size: 16px; }

.productLine-container .product-bd .bd-ft .statistics-hd img { float: left; }

.productLine-container .product-bd .bd-ft .statistics-hd .title { position: relative; top: -1px; margin-left: 24px; }

.productLine-container .product-bd .bd-ft .statistics-bd { height: calc(100% - 18px); position: relative; }

.productLine-container .product-bd .bd-ft .statistics-bd .chart-label { position: absolute; right: 0; top: 32px; color: #fff; font-size: 14px; }

.productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 { margin-top: 6px; color: #6AFCE2; font-size: 14px; }

.productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 span { color: #FEDD88; }

.productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 .time { float: right; color: #fff; }

.productLine-container .product-bd .bd-ft .statistics-bd-complete { width: 100%; height: 100%; }

.productLine-container .product-bd .bd-ft .statistics-bd-complete .swiper-slide { width: 100%; height: 100%; }

.productLine-container .product-bd .bd-ft .statistics-bd-complete .title { font-size: 14px; margin-top: 8px; color: #fff; }

.productLine-container .product-bd .bd-ft .statistics-bd-complete .statistics-item { height: calc(100% - 36px); }

.productLine-container .product-bd .bd-ft .statistics-bd-trend { width: 100%; height: 100%; }

.productLine-container .product-bd .bd-ft .statistics-bd-trend .title { font-size: 14px; margin-top: 8px; color: #fff; }

.productLine-container .product-bd .bd-ft .statistics-bd-trend .swiper-slide { position: relative; width: 100%; height: 100%; }

.productLine-container .product-bd .bd-ft .statistics-bd-trend .statistics-item { height: calc(100% - 20px); }

.productLine-container .ht { height: 100%; }

.productLine-container .border { min-height: 72px; width: 100%; background-image: url("../images/productLine/line_lt.svg"), url("../images/productLine/line_rt.svg"), url("../images/productLine/line_lb.svg"), url("../images/productLine/line_rb.svg"); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left, top right, bottom left, bottom right; padding: 6px; }

.productLine-container .border .border-wrapper { width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(50, 143, 224, 0.7) 5.21%, rgba(40, 173, 230, 0.7) 100%); background: linear-gradient(180deg, rgba(50, 143, 224, 0.7) 5.21%, rgba(40, 173, 230, 0.7) 100%); }

.productLine-container .counter-container .counter-hd { color: rgba(255, 255, 255, 0.9); font-size: 22px; letter-spacing: 1px; margin-bottom: 12px; font-weight: normal; }

.productLine-container .counter-container .counter-bd { padding: 0 12px; width: 130px; height: 75px; line-height: 63px; border-radius: 4px; font-size: 62px; letter-spacing: 4px; font-family: "digital-7 Mono"; text-align: right; color: #D7DBE0; background: #062137; }

.productLine-container .counter-container.large .counter-bd { width: 160px; }

.productLine-container .loading-box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

@media screen and (max-width: 1000px) { .productLine-container { max-width: 960px; height: 720px; min-height: 720px; background: #175594 url("../images/productLine/bg_decorate.svg") repeat; }
  .productLine-container .product-hd { position: relative; height: 54px; background: url("../images/productLine/bg_hd.svg") no-repeat left center; background-size: contain; }
  .productLine-container .product-hd .hd-child { height: 42px; }
  .productLine-container .product-hd .logo-box { width: 31.5%; }
  .productLine-container .product-hd .logo-box .logo { width: 150px; }
  .productLine-container .product-hd .title { line-height: 54px; font-size: 22px; letter-spacing: 3.6px; }
  .productLine-container .product-hd .time-box .time { font-size: 20px; }
  .productLine-container .product-bd { padding: 12px; }
  .productLine-container .product-bd .bd-top { height: 72px; }
  .productLine-container .product-bd .bd-top .topTips { padding: 12px 16px; }
  .productLine-container .product-bd .bd-top .topTips .tips-container .icon { margin-top: -14px; width: 28px; height: 28px; }
  .productLine-container .product-bd .bd-top .topTips .tips-container .marquee-box { height: 38px; margin-left: 48px; color: #FEDD88; font-size: 14px; line-height: 1.4; }
  .productLine-container .product-bd .bd-top .topTips .tips-container .marquee-box .marquee-top { -webkit-transition: all 0.6s; transition: all 0.6s; margin-top: -38px; }
  .productLine-container .product-bd .bd-md { height: 315px; margin: 8px 0; }
  .productLine-container .product-bd .bd-md .md-aside { float: left; width: 200px; }
  .productLine-container .product-bd .bd-md .md-aside .basic-info { padding: 16px; }
  .productLine-container .product-bd .bd-md .md-aside .basic-info .label { font-size: 16px; letter-spacing: 1px; font-weight: normal; }
  .productLine-container .product-bd .bd-md .md-aside .basic-info .value { line-height: 1.2; font-size: 22px; }
  .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd, .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-bd { padding-bottom: 20px; margin-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd .label, .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-bd .label { margin-bottom: 12px; }
  .productLine-container .product-bd .bd-md .md-aside .basic-info .basic-info-hd .value { color: #fff; font-size: 22px; letter-spacing: 2px; }
  .productLine-container .product-bd .bd-md .md-main { margin-left: 208px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-hd { height: 106px; margin-bottom: 8px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
  .productLine-container .product-bd .bd-md .md-main .md-main-hd .statistics-info { padding: 12px 16px; padding-top: 8px; display: -webkit-box; display: flex; justify-content: space-around; }
  .productLine-container .product-bd .bd-md .md-main .md-main-hd .counter-container { margin-right: 40px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd { width: 100%; height: 200px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd > div { height: 100%; width: 49.2%; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .statistics-pie { padding: 8px 12px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-hd { margin-bottom: 4px; font-size: 16px; color: rgba(255, 255, 255, 0.9); }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-bd { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 120px; height: 120px; margin: 0 auto; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-bd canvas { width: 116px; height: 116px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .progress-aside-ft { font-size: 20px; margin-top: 0; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .pie-constractPro .progress-aside-title { font-size: 15px; margin-bottom: 2px; text-align: center; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .pie-constractPro .progress-aside-hd { margin-bottom: 0; font-size: 14px; }
  .productLine-container .product-bd .bd-md .md-main .md-main-bd .pie-constractPro .progress-aside-ft { margin-bottom: 0; margin-top: -6px; font-size: 17px; }
  .productLine-container .product-bd .bd-ft { height: 236px; overflow: hidden; }
  .productLine-container .product-bd .bd-ft .ft-aside, .productLine-container .product-bd .bd-ft .ft-main { float: right; width: 49.5%; }
  .productLine-container .product-bd .bd-ft .ft-aside { float: left; margin-right: 8px; }
  .productLine-container .product-bd .bd-ft .border-wrapper { padding: 12px; }
  .productLine-container .product-bd .bd-ft .statistics-hd { width: 100%; height: 18px; line-height: 18px; color: #fff; font-size: 14px; }
  .productLine-container .product-bd .bd-ft .statistics-hd .title { position: relative; top: -1px; margin-left: 24px; }
  .productLine-container .product-bd .bd-ft .statistics-bd { height: calc(100% - 18px); position: relative; }
  .productLine-container .product-bd .bd-ft .statistics-bd .chart-label { position: absolute; right: 0; top: -18px; color: #fff; font-size: 12px; }
  .productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 { margin-top: 6px; color: #6AFCE2; font-size: 12px; }
  .productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 span { color: #FEDD88; }
  .productLine-container .product-bd .bd-ft .statistics-bd .chart-label-2 .time { float: right; color: #fff; }
  .productLine-container .product-bd .bd-ft .statistics-bd-complete .statistics-item { height: calc(100% - 30px); }
  .productLine-container .product-bd .bd-ft .statistics-bd-trend .statistics-item { height: calc(100% - 20px); }
  .productLine-container .counter-container .counter-hd { font-size: 15px; letter-spacing: 1px; margin-bottom: 6px; font-weight: normal; }
  .productLine-container .counter-container .counter-bd { padding: 0 12px; width: 88px; height: 49px; line-height: 51px; border-radius: 4px; font-size: 46px; letter-spacing: 2px; color: #D7DBE0; background: #062137; }
  .productLine-container .counter-container.large .counter-bd { width: 108px; } }

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