*{margin:0;padding:0;box-sizing:border-box}body{position:relative}#app{width:100%;height:100%}html{height:100%}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%}p{margin-bottom:0}.index-wrapper{position:relative;height:100%;background-color:#000}.index-wrapper .header{position:fixed;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;width:100%;margin-bottom:30px;z-index:10}.index-wrapper .header .logo{width:460px}.index-wrapper .header .btn-list img{width:96px;margin-right:24px;cursor:pointer}.index-wrapper .page-container{width:100%;height:100%;overflow-x:hidden;display:flex;flex-direction:row;scroll-behavior:smooth}.model-container{position:relative;height:100%;background-color:#000;width:100%;flex-shrink:0}.loading{position:absolute;left:50%;top:40%;transform:translate(-50%);text-align:center}.loading .text{font-size:14px;color:#909399;margin-bottom:16px}.loading .loading-process{width:280px;height:4px;background:rgba(255,255,255,.16);border-radius:20px;overflow:hidden}.loading .loading-bar{transform:scaleX(.3);transform-origin:top left;width:280px;height:4px;background:linear-gradient(90deg,#48ffff 0%,#3656ff 100%);border-radius:20px;overflow:hidden}.all-charts{position:absolute;top:0;left:0;bottom:0;width:480px;padding:88px 20px 0;display:flex;flex-direction:column;background:linear-gradient(to left,rgba(0,6,15,0) 0%,rgba(0,6,15,0) 20%,rgba(0,0,0,.4) 30%,rgba(0,0,0,.6) 40%,#01040b 70%,#04070d 100%)}.all-charts img{width:100%}.right-btns{position:absolute;top:0;right:0;bottom:0;padding:88px 20px 0;display:flex;flex-direction:column;background:linear-gradient(to right,rgba(0,6,15,0) 0%,rgba(0,6,15,0) 20%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.6) 80%)}.right-btns div{margin-bottom:48px;margin-right:24px}.right-btns img{width:96px;cursor:pointer}.section-one{flex-basis:25%}.section-one .icons-container{display:flex;justify-content:space-between}.section-one .icons-container .item{text-align:center;display:flex;flex-direction:column;flex:1;padding:10px 0}.section-one .icons-container .item .icons-item{position:relative;height:80px}.section-one .icons-container .item .icons-item .number{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-family:FontquanXinYiGuanHeiTi,FontquanXinYiGuanHeiTi-Regular;color:#fff}.section-one .icons-container .item .building-icon{background:url(/assets/building-icon-1f4fed60.png) no-repeat 50% 0 / contain}.section-one .icons-container .item .enterprise-icon{background:url(/assets/enterprise-icon-efc86a1a.png) no-repeat 50% 0 / contain}.section-one .icons-container .item .rod-icon{background:url(/assets/rod-icon-4a90d29a.png) no-repeat 50% 0 / contain}.section-one .icons-container .item .car-icon{background:url(/assets/car-icon-332c47f9.png) no-repeat 50% 0 / contain}.section-one .icons-container .item .title,.section-one .icons-container .item .unity{font-size:14px;color:#cdd7e1}.section-one .icons-container .item .title{margin-top:8px}.section-two{flex-basis:35%;display:flex;flex-direction:column}.section-two .bar-chart{width:100%;flex:1}.section-three{flex-basis:40%;display:flex;flex-direction:column}.section-three .pie-chart{position:relative;margin:0 auto;padding-bottom:20px;width:80%;flex:1}.bar-chart-titile{display:flex;margin-top:20px;justify-content:space-between;font-size:14px;color:#c6d1db}.bar-chart-titile .bar-icon{display:inline-block;width:12px;vertical-align:middle}.bar-chart-titile .blue-bar-icon{background:linear-gradient(to right,#74c0f8,rgba(116,192,248,0))}.bar-chart-titile .red-bar-icon{background:linear-gradient(to right,#ff7152,rgba(255,113,82,0))}.building-name{text-align:center;color:#fff;font-size:10px;background-size:100% 100%;background-image:url(/assets/text_select-dcffd33d.png);background-repeat:no-repeat;padding:16px}.building-info{display:flex;width:300px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;text-align:center;color:#ccc;font-size:10px;padding:12px;background-size:100% 100%;background-image:url(/assets/modal-bg-e60c6d18.png);background-repeat:no-repeat;margin-top:60px}.building-info div{width:40%;position:relative;margin:10px 0}.building-info div:nth-child(odd){text-align:right;padding-right:12px}.building-info div:nth-child(odd):after{position:absolute;content:"";width:10px;background-color:#add8e6;border-radius:10px;top:33%;right:0}.building-info div:nth-child(2n){text-align:left}.building-info div:nth-child(2n):before{position:absolute;content:"";width:10px;background-color:#0ff;border-radius:10px;top:33%;left:0}.building-fire{color:#ccc;font-size:10px;padding:12px 28px;background-size:100% 100%;background-image:url(/assets/modal-bg-e60c6d18.png);background-repeat:no-repeat}.building-fire div{position:relative}.building-fire div:before{position:absolute;content:"";width:10px;background-color:red;border-radius:10px;top:33%;left:-20px}