.sale-rank-card{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;width:320px}.sale-rank-card .sale-rank-title{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.75);height:40px;line-height:30px;font-size:16px}.sale-rank-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:4px 0}.sale-rank-item .item-order{background:rgba(0,0,0,.45);width:50px;height:30px;line-height:32px;color:#999;border-radius:4px;font-size:12px;text-align:center;margin-right:8px}.sale-rank-item .item-content{-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center}.sale-rank-item .item-content .name{color:#fff;font-size:12px;line-height:1}.sale-rank-item .item-content .rank{-ms-flex:1;flex:1}.sale-rank-item .item-value{color:#fff;font-size:12px;line-height:1;margin-left:8px;margin-top:12px}.park-anagement-card{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;width:320px;margin-top:16px}.park-anagement-card .park-anagement-title{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.35);height:40px;line-height:30px;font-size:16px}.park-anagement-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:8px 0}.park-anagement-item .item-order{background:rgba(0,0,0,.45);width:50px;height:30px;line-height:32px;color:#999;border-radius:4px;font-size:12px;text-align:center;margin-right:8px}.park-anagement-item .item-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;line-height:30px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.35)}.park-anagement-item .item-content .name{color:#fff;font-size:12px;opacity:.7}.park-anagement-item .item-content .value{color:#fff;font-size:14px;opacity:.9}.park-anagement-item .item-content .value .fix{opacity:.7}.sale-target-card .sale-target-title{color:hsla(0,0%,100%,.75);line-height:30px;font-size:16px}.sale-target-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sale-target-item{text-align:center;color:#fff;-ms-flex:1;flex:1;padding:16px 0;position:relative}.sale-target-item .item-order{font-size:24px;line-height:1.2}.sale-target-item .item-order span{color:#999;font-size:12px}.sale-target-item .item-content{color:#999;font-size:12px;margin-top:5px}.sale-target-item:after{content:"";position:absolute;right:0;top:50%;width:1px;height:50px;background:#999;transform:translateY(-50%)}.sale-target-item:last-child:after{opacity:0}.product-layout-card .product-layout-title,.sale-trend-card .sale-trend-title{color:hsla(0,0%,100%,.75);line-height:30px;font-size:16px}.monthly-analysis[data-v-278b7e7d]{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;padding-bottom:8px;width:360px;margin-top:16px}.monthly-analysis .monthly-analysis-title[data-v-278b7e7d]{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.75);height:40px;line-height:30px;font-size:16px}.monthly-analysis .loading[data-v-278b7e7d]{width:360px;height:240px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.combined-output,.monthly-analysis[data-v-4902549b]{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;width:360px}.monthly-analysis .monthly-analysis-title[data-v-4902549b]{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.75);height:40px;line-height:30px;font-size:16px}.monthly-analysis .loading[data-v-4902549b]{width:360px;height:240px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.oee-analyse[data-v-5422a0c7]{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;width:360px;margin-top:16px}.oee-analyse .oee-analyse-title[data-v-5422a0c7]{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.75);height:40px;line-height:30px;font-size:16px}.oee-analyse .loading[data-v-5422a0c7]{width:360px;height:240px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.other-analyse[data-v-98455342]{background:rgba(0,0,0,.35);border-radius:8px;padding:16px;width:360px;margin-top:16px}.other-analyse .other-analyse-title[data-v-98455342]{color:hsla(0,0%,100%,.75);border-bottom:1px solid hsla(0,0%,100%,.75);height:40px;line-height:30px;font-size:16px}.other-analyse .loading[data-v-98455342]{width:360px;height:240px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#webGLCard{position:relative}.webGL-container-card{position:relative}.webGL-container-card,.webgl-mask{height:1080px;width:1920px;transform-origin:top left}.webgl-mask{z-index:5;background-size:100% 100%;pointer-events:none}.webgl-lodding,.webgl-mask{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;top:0}.webgl-lodding{height:1080px;width:1920px;z-index:1;background:url(../img/webgl-bg.3dd515bf.png);background-size:contain;transform-origin:top left;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.webGL-chart-container{padding:24px 48px;transform:scale(1);transform-origin:top left;pointer-events:none;z-index:9}.webGL-chart-container,.webGL-container{position:absolute;left:0;top:0;height:1080px;width:1920px}.webGL-container{transform-origin:top left;z-index:1}.webGL-container canvas{display:block;width:100%!important;height:100%!important}.factory-header{-ms-flex-pack:justify;justify-content:space-between}.factory-header,.factory-header .header-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.factory-header .title-logo{padding-right:24px;height:50px;border-right:1px solid hsla(0,0%,100%,.7)}.factory-header .title-logo img{height:50px}.factory-header .header-slogan{color:#fff;padding-left:24px}.factory-header .header-slogan .title{font-size:24px;font-weight:700;line-height:1}.factory-header .header-slogan .en{font-size:12px;line-height:1;margin-top:6px;opacity:.7}.factory-header .header-date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#fff}.factory-header .header-date .header-time{font-size:28px}.factory-header .header-date .header-week{text-align:right;font-size:12px;margin-left:24px;line-height:16px}.factory-body{-ms-flex:1;flex:1;margin-top:24px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.factory-body-sidera{width:360px;height:940px;position:relative;pointer-events:auto}.factory-body-siderb{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;pointer-events:auto}.factory-body-siderb-card{background:rgba(0,0,0,.35);border-radius:8px;padding:16px}.factory-introduce-title{margin-top:24px}.factory-introduce-title,.factory-introduce-title .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.factory-introduce-title .icon{height:16px;width:16px;border:1px solid #fff;-ms-flex-pack:center;justify-content:center;border-radius:50%;margin-right:8px}.factory-introduce-title .icon i{width:6px;height:6px;background:#fff;border-radius:50%;display:block}.factory-introduce-title .title{color:#fff;font-size:18px;font-weight:600}.factory-introduce-thumb{margin-top:16px}.factory-introduce-thumb img{width:100%;height:160px;border-radius:16px;border-right:1px solid hsla(0,0%,100%,.7);display:block}.factory-introduce-details{color:#fff;margin-top:24px;opacity:.85}.factory-introduce-details h2{font-size:16px;font-weight:400;color:#fff}.factory-introduce-details p{font-size:14px;text-indent:2em;line-height:1.4}.factory-introduce-nav{position:absolute;left:0;bottom:-12px}.factory-introduce-nav .item{border:1px solid hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.5);height:46px;line-height:46px;text-align:center;color:#fff;margin-top:8px;width:160px;border-radius:6px;font-weight:500;font-size:16px;transition:all .3s linear;cursor:pointer}.factory-introduce-nav .item:hover{background:var(--primary-color)}#tag{background-color:#191970;opacity:.75;font-size:12px;color:#0ff;padding:4px;white-space:nowrap;height:100px;width:200px}.lil-gui{display:none!important}.webGL-roam-nav{position:absolute;left:50%;bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.5);border-radius:5px;padding:8px 0;z-index:8;pointer-events:auto}.webGL-roam-nav .item{font-size:18px;line-height:40px;color:#fff;background:#3a3b40;padding:0 24px;margin:0 8px;cursor:pointer;transition:all .3s linear}.webGL-roam-nav .item:hover{background:var(--primary-color)}.webgl-equipment-detail{position:absolute;left:0;top:0;width:300px;z-index:99999;color:#fff;padding:16px;pointer-events:auto;background:rgba(0,0,0,.75);border-radius:5px}.webgl-equipment-detail .title{text-align:center;font-size:18px;line-height:24px;border-bottom:1px solid #fff;position:relative;padding-bottom:8px}.webgl-equipment-detail .title i{position:absolute;right:0;line-height:24px;padding:0 8px;cursor:pointer;color:#fff}.webgl-equipment-detail .content{font-size:14px;line-height:1.4;margin:16px 0}.webgl-equipment-detail .operate{text-align:right;color:#fff;font-size:14px}.facility-detail-card{position:absolute;z-index:9;right:40px;top:90px;width:360px;background:rgba(0,0,0,.55);padding:16px;border-radius:8px;color:#fff;pointer-events:auto}.facility-detail-card .detail-close{position:absolute;right:14px;top:14px;cursor:pointer}.facility-detail-card .detail-close i{color:#fff;font-size:20px;font-weight:500}.facility-detail-card .detail-close:hover{opacity:.85}.facility-detail-card .detail-header-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.facility-detail-card .detail-header-title i{color:#d0c986;margin-right:8px;font-size:24px}.facility-detail-card .detail-header-title h2{font-weight:400;color:#fff;font-size:16px;margin-bottom:0}.facility-detail-card .detail-header-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px}.facility-detail-card .detail-header-content .thumb{height:80px;margin-right:16px}.facility-detail-card .detail-header-content .thumb img{max-height:100%;border-radius:8px}.facility-detail-card .detail-header-content .content h3{font-weight:400;color:#fff;font-size:15px;margin-bottom:5px}.facility-detail-card .detail-header-content .content .item{font-size:14px;opacity:.8}.facility-detail-card .detail-body{margin-top:16px}.facility-detail-card .detail-body-title{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.facility-detail-card .detail-body-title:before{content:"";display:block;width:3px;height:12px;background:#d0c986;margin-right:8px}.facility-detail-card .detail-body-content{margin-top:16px}.facility-detail-card .detail-body-content .item{font-size:14px;line-height:34px;background:hsla(0,0%,100%,.1);border-radius:3px;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:4px 0}.facility-detail-card .detail-body-content .item:before{content:"";display:block;width:6px;height:6px;opacity:.8;background-color:#fff;margin-right:8px;border-radius:50%}.facility-detail-card .detail-body-content .item .name{opacity:.8;margin-right:16px}.facility-detail-card .detail-body-content .item:nth-child(2n){background:none}