|
- .safeOverview{width:100%;height:100vh;background:url(./bg-image-093641a9.png);background-size:100% 100%;background-repeat:no-repeat;padding-left:1.04166667vw;padding-right:1.04166667vw;padding-bottom:.92592593vh}.safeOverview ::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:4px}.safeOverview ::-webkit-scrollbar-thumb{background-color:#d8dadf;border-radius:3px;width:4px}.safeOverview .back-div{position:absolute;width:5.20833333vw;height:2.96296296vh;top:1.75925926vh;left:2.03125vw;color:#fff;font-size:.72916667vw;display:flex;align-items:center;cursor:pointer;background:url(./back-bg-62081e23.png);background-size:100% 100%;background-repeat:no-repeat}.safeOverview .back-div img{width:1.25vw;height:2.03703704vh;margin-right:.20833333vw;margin-left:.41666667vw}.safeOverview .home-title{margin-bottom:.74074074vh}.safeOverview .home-title .img-title{width:12.39583333vw;height:8.51851852vh;margin:0 auto}.safeOverview .top{margin-bottom:1.85185185vh}.safeOverview .top .box{background:url(./top-box-bg-0501c85e.png);background-size:100% 100%;background-repeat:no-repeat;width:23.54166667vw;padding-left:1.40625vw;height:14.90740741vh;color:#fff;font-weight:700;font-size:.72916667vw;line-height:1.375}.safeOverview .top .box .chart-div{width:7.29166667vw;height:7.29166667vw;background:url(./water-chart-bg-bd4058b9.png);background-size:100% 100%;background-repeat:no-repeat;margin-right:2.23958333vw}.safeOverview .top .box .data-div{padding-top:1.85185185vh;padding-bottom:1.85185185vh;display:flex;flex-direction:column;justify-content:space-between}.safeOverview .top .box .num-data{font-size:1.35416667vw;font-family:DIN;line-height:1.25}.safeOverview .tit-box{position:relative;background:linear-gradient(90deg,rgba(0,33,122,.32) 0%,#1C51DE 100%);border:2px solid;border-top:0;border-left:0;-o-border-image:linear-gradient(90deg,rgba(79,119,243,0),#4f77f3) 1 1;border-image:linear-gradient(90deg,rgba(79,119,243,0),#4f77f3) 1 1}.safeOverview .tit-box .head{padding-left:.625vw;padding-top:.55555556vh;padding-bottom:.55555556vh;background-image:url(./head-87b64c06.png);background-size:100% 100%}.safeOverview .tit-box .head .tit{font-weight:600;font-size:1.04166667vw;color:#fff;line-height:1.4}.safeOverview .tit-box .border-top{background:linear-gradient(90deg,#B7E7FF 0%,rgba(183,231,255,0) 100%);height:.37037037vh;width:100%}.safeOverview .tit-box.left-tit-box{background:linear-gradient(90deg,#1C51DE 0%,rgba(0,33,122,.32) 100%);border-top:0;border:2px solid;border-right:0;-o-border-image:linear-gradient(90deg,#4f77f3,rgba(79,119,243,0)) 1 1;border-image:linear-gradient(90deg,#4f77f3,rgba(79,119,243,0)) 1 1}.safeOverview .tit-box.center-box{background-image:url(./safe-center-bg-a6c06d79.png);background-size:100% 100%;background-repeat:no-repeat;border:0}.safeOverview .center{height:44.44444444vh;margin-bottom:.92592593vh}.safeOverview .center .list-div{padding-left:.52083333vw;padding-right:.52083333vw;padding-top:.92592593vh;padding-bottom:.92592593vh}.safeOverview .center .list-div .list-head{background:rgba(47,151,255,.3);font-weight:600;font-size:.83333333vw;line-height:1.4;padding-top:.92592593vh;padding-bottom:.92592593vh;margin-bottom:.46296296vh;color:#fff;display:flex}.safeOverview .center .list-div .list-head .index{width:2.60416667vw}.safeOverview .center .list-div .list-head .data{width:5.98958333vw}.safeOverview .center .list-div .list{margin-bottom:.92592593vh;display:flex}.safeOverview .center .list-div .list p{background:rgba(0,0,0,.3);color:#fff}.safeOverview .center .list-div .list .index{flex-shrink:0;position:relative;width:2.60416667vw;height:3.51851852vh;text-align:center;display:flex;justify-content:center;align-items:center;margin-right:.10416667vw}.safeOverview .center .list-div .list .index img{width:1.25vw;height:1.25vw}.safeOverview .center .list-div .list .index .index-num{font-size:.83333333vw;line-height:1.4;position:absolute;top:50%;left:50%;font-weight:600;transform:translate(-50%,-50%)}.safeOverview .center .list-div .list .name{flex:1;font-size:.83333333vw;line-height:3.51851852vh;margin-right:.10416667vw;padding-left:2.60416667vw}.safeOverview .center .list-div .list .data{font-size:.83333333vw;width:5.98958333vw;line-height:3.51851852vh;padding-left:.78125vw}.safeOverview .center .mid{padding-left:1.5625vw;padding-right:1.5625vw;padding-top:2.77777778vh;padding-bottom:.92592593vh}.safeOverview .center .mid .cir-chart{position:relative;width:18.75vw;height:100%}.safeOverview .center .mid .cir-chart img{width:18.75vw;height:18.75vw;position:absolute;top:0;left:0}
|
