Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index-66356701.css 11KB

pirms 4 mēnešiem
1
  1. @keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-center-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.indicatorBoard{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}.indicatorBoard ::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:4px}.indicatorBoard ::-webkit-scrollbar-thumb{background-color:#d8dadf;border-radius:3px;width:4px}.indicatorBoard .home-title{margin-bottom:.74074074vh}.indicatorBoard .home-title .img-title{width:29.21875vw;height:8.51851852vh;margin:0 auto}.indicatorBoard .box{background:linear-gradient(90deg,#1c51de 0%,rgba(0,33,122,.32) 100%);border:2px solid;border-right:0;-o-border-image:linear-gradient(90deg,#4f77f3,rgba(79,119,243,0)) 2 2;border-image:linear-gradient(90deg,#4f77f3,rgba(79,119,243,0)) 2 2;position:relative}.indicatorBoard .box .border-top{background:linear-gradient(90deg,#b7e7ff 0%,rgba(183,231,255,0) 100%);height:.37037037vh;width:100%}.indicatorBoard .box .head{height:3.7037037vh;padding-left:.625vw;padding-right:.52083333vw;display:flex;align-items:center;justify-content:space-between;background-image:url(./head-87b64c06.png);background-size:100% 100%}.indicatorBoard .box .tit{font-weight:600;font-size:1.04166667vw;color:#fff;line-height:1.4}.indicatorBoard .left{height:100%;width:27.60416667vw;margin-right:.52083333vw}.indicatorBoard .left .box1{height:26.85185185vh;margin-bottom:.46296296vh;position:relative;border:0}.indicatorBoard .left .box1 .chart-bg{width:21.75925926vh;height:21.75925926vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.indicatorBoard .left .box1 .chart1{width:11.51041667vw;height:11.51041667vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.indicatorBoard .left .box1 .center-data{font-size:.9375vw;color:#fff;position:absolute;left:50%;top:36%;transform:translate(-50%);text-align:center}.indicatorBoard .left .box1 .center-data .name{font-weight:600;line-height:1.2}.indicatorBoard .left .box1 .center-data .num{font-family:DIN;font-size:2.08333333vw;font-weight:700;color:#34dbff;line-height:1}.indicatorBoard .left .box1 .text-div{display:flex;flex-direction:column;justify-content:space-between;height:100%}.indicatorBoard .left .box1 .text-div .data{background-image:url(./home-left-box1-data-bg-a32bb8f1.png);background-size:100% 100%;background-repeat:no-repeat;padding-top:.37037037vh;padding-bottom:.37037037vh;padding-left:1.19791667vw;padding-right:1.19791667vw;color:#fff;font-size:.72916667vw;line-height:1.4}.indicatorBoard .left .box1 .text-div .data .label{font-weight:600}.indicatorBoard .left .box1 .text-div .data .num{font-family:DIN;font-size:1.35416667vw;line-height:1;color:#34dbff}.indicatorBoard .left .box1 .text-div .data .unit-w{font-size:.72916667vw;padding-left:.3125vw}.indicatorBoard .left .box1 .text-div .data .unit-y{font-size:.9375vw;padding-left:.3125vw;font-weight:600;color:#b5f915}.indicatorBoard .left .box1 .text-l-div{position:absolute;left:1.04166667vw;padding-top:.37037037vh;padding-bottom:.37037037vh}.indicatorBoard .left .box1 .text-r-div{position:absolute;right:1.04166667vw;padding-top:.37037037vh;padding-bottom:.37037037vh}.indicatorBoard .left .box2{border:0;height:26.85185185vh;margin-bottom:.46296296vh}.indicatorBoard .left .box3{border:0;overflow:hidden}.indicatorBoard .left .box3 .head{margin-bottom:.55555556vh}.indicatorBoard .left .box3 .head .my-year-pick{width:5.98958333vw;height:2.22222222vh;background:linear-gradient(0deg,#0733db 0%,#2676ff 100%);border-radius:2px;border:1px solid #5aa7ff}.indicatorBoard .left .box3 .head .my-year-pick .el-input__wrapper{background:none;box-shadow:none}.indicatorBoard .left .box3 .head .my-year-pick .el-input__prefix,.indicatorBoard .left .box3 .head .my-year-pick .el-input__inner{color:#fff}.indicatorBoard .left .box3 .list{margin-bottom:.37037037vh}.indicatorBoard .left .box3 .index-p{background:rgba(0,0,0,.3);width:2.5vw;height:1.97916667vw;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.20833333vw;position:relative}.indicatorBoard .left .box3 .index-p img{width:1.25vw;height:1.25vw}.indicatorBoard .left .box3 .index-p .index-num{color:#fff;font-size:.83333333vw}.indicatorBoard .left .box3 .name-div{flex:1;background:rgba(0,0,0,.3);padding-left:.41666667vw;padding-right:.41666667vw;height:1.97916667vw;margin-right:.20833333vw;font-size:.83333333vw;color:#fff;font-width:600;line-height:2}.indicatorBoard .left .box3 .name-div .name{width:10.41666667vw;margin-right:1.04166667vw}.indicatorBoard .left .box3 .name-div .gress{background:linear-gradient(90deg,#4F92FF 0%,#31CBFA 100%);height:.74074074vh}.indicatorBoard .left .box3 .score-div{flex-shrink:0;width:4.58333333vw;height:1.97916667vw;line-height:1.97916667vw;background:rgba(0,0,0,.3);text-align:center;font-width:600;color:#fff;font-size:.83333333vw}.indicatorBoard .middle{display:flex;flex-direction:column}.indicatorBoard .middle .top{flex:1;position:relative}.indicatorBoard .middle .top .centerBg1{width:35.9375vw;height:37.31481481vh;position:absolute;bottom:-2.77777778vh;left:50%;transform:translate(-50%)}.indicatorBoard .middle .top .centerBg2{width:27.60416667vw;height:27.60416667vw;position:absolute;margin-left:-13.80208333vw;animation:rotate-center 30s linear infinite both;left:50%;top:3.88888889vh}.indicatorBoard .middle .top .centerBg3{width:15.83333333vw;height:15.83333333vw;margin:0 auto;position:absolute;left:50%;margin-left:-7.91666667vw;transform:translate(-50%);top:14.35185185vh;animation:rotate-center-reverse 50s linear infinite both}.indicatorBoard .middle .top .top-box{width:13.33333333vw;height:17.59259259vh;position:absolute;background-size:100% 100%;background-repeat:no-repeat;padding-left:1.14583333vw;padding-top:1.11111111vh;padding-bottom:1.2037037vh}.indicatorBoard .middle .top .top-box .tit{height:100%;font-weight:600;font-size:1.25vw;color:#fff;line-height:1.375;margin-right:2.03125vw}.indicatorBoard .middle .top .top-box .label{font-weight:600;font-size:.88541667vw;color:#fff;line-height:1.375}.indicatorBoard .middle .top .top-box .value{font-family:DIN;font-weight:700;font-size:1.875vw;color:#f4c559;line-height:1.27}.indicatorBoard .middle .top .top-box .value.mb{margin-bottom:.74074074vh}.indicatorBoard .middle .top .top-box.top-box1{background-image:url(./mid-top1-2998ca17.png);top:5.27777778vh;left:2.29166667vw}.indicatorBoard .middle .top .top-box.top-box2{background-image:url(./mid-top1-2998ca17.png);top:2.96296296vh;right:2.8125vw}.indicatorBoard .middle .top .top-box.top-box3{background-image:url(./mid-top1-2998ca17.png);bottom:10.55555556vh;left:.52083333vw}.indicatorBoard .middle .top .top-box.top-box4{background-image:url(./mid-top1-2998ca17.png);bottom:5.92592593vh;right:1.77083333vw}.indicatorBoard .middle .bottom{height:31.48148148vh;background-image:url(./home-mid-bot-bg-6cbdcc5d.png)}.indicatorBoard .middle .bottom .head{margin:10px auto 0;background-image:url(./mid-bot-top-ecbb7585.png);height:3.7037037vh;width:17.70833333vw;background-size:100% 100%;background-repeat:no-repeat;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:1.04166667vw}.indicatorBoard .middle .bottom .tab{margin-left:1.04166667vw}.indicatorBoard .right{height:100%;width:27.60416667vw;margin-left:.52083333vw}.indicatorBoard .right .box{background:linear-gradient(90deg,rgba(0,33,122,.32) 0%,#1c51de 100%);border:2px solid;border-left:0;-o-border-image:linear-gradient(90deg,rgba(79,119,243,0),#4f77f3) 2 2;border-image:linear-gradient(90deg,rgba(79,119,243,0),#4f77f3) 2 2;position:relative}.indicatorBoard .right .box1,.indicatorBoard .right .box2{height:26.85185185vh;margin-bottom:.46296296vh}.indicatorBoard .right .box1 .tab .left-btn,.indicatorBoard .right .box2 .tab .left-btn{margin-right:.41666667vw}.indicatorBoard .right .box1 .head,.indicatorBoard .right .box2 .head{margin-bottom:.55555556vh}.indicatorBoard .right .box1 .list-head,.indicatorBoard .right .box2 .list-head{background:rgba(47,151,255,.3);font-weight:600;font-size:.83333333vw;line-height:1.4;padding-top:.46296296vh;padding-bottom:.46296296vh;margin-bottom:.46296296vh;color:#fff;display:flex}.indicatorBoard .right .box1 .list-head .index,.indicatorBoard .right .box2 .list-head .index{width:2.70833333vw;text-align:center}.indicatorBoard .right .box1 .list-head .data,.indicatorBoard .right .box2 .list-head .data{width:5.98958333vw}.indicatorBoard .right .box1 .list,.indicatorBoard .right .box2 .list{margin-bottom:1.11111111vh;color:#fff;display:flex}.indicatorBoard .right .box1 .list .index,.indicatorBoard .right .box2 .list .index,.indicatorBoard .right .box1 .list .name,.indicatorBoard .right .box2 .list .name,.indicatorBoard .right .box1 .list .data,.indicatorBoard .right .box2 .list .data{background:rgba(0,0,0,.3)}.indicatorBoard .right .box1 .list .index,.indicatorBoard .right .box2 .list .index{flex-shrink:0;position:relative;width:2.60416667vw;height:2.59259259vh;display:flex;justify-content:center;align-items:center;margin-right:.10416667vw}.indicatorBoard .right .box1 .list .index img,.indicatorBoard .right .box2 .list .index img{width:1.25vw;height:1.25vw}.indicatorBoard .right .box1 .list .index .index-num,.indicatorBoard .right .box2 .list .index .index-num{font-weight:400;font-size:.83333333vw;line-height:1}.indicatorBoard .right .box1 .list .name,.indicatorBoard .right .box2 .list .name{flex:1;font-size:.83333333vw;text-align:left;padding-left:.57291667vw;line-height:2.59259259vh;margin-right:.10416667vw}.indicatorBoard .right .box1 .list .data,.indicatorBoard .right .box2 .list .data{padding-left:.57291667vw;line-height:2.59259259vh;width:5.98958333vw;flex-shrink:0;font-size:.83333333vw}.indicatorBoard .right .box2{height:26.85185185vh;margin-bottom:.46296296vh}.indicatorBoard .right .box2 .tab .left-btn{margin-right:.41666667vw}.indicatorBoard .right .box3 .head{margin-bottom:1.2962963vh}.indicatorBoard .right .box3 .top-total{padding-left:1.09375vw;padding-right:1.09375vw}.indicatorBoard .right .box3 .top-total .total-box{background:url(./app-total-bg-e573d753.png);background-size:100% 100%;background-repeat:no-repeat;padding-left:.57291667vw;padding-right:1.45833333vw;padding-top:1.85185185vh;padding-bottom:1.2037037vh;line-height:1.3}.indicatorBoard .right .box3 .top-total .total-box .img-left{margin-right:1.19791667vw;font-size:.72916667vw;color:#fff}.indicatorBoard .right .box3 .top-total .total-box .img-left img{width:2.39583333vw;height:2.39583333vw}.indicatorBoard .right .box3 .top-total .total-box .img-left .name{margin-top:-.46296296vh}.indicatorBoard .right .box3 .top-total .total-box .label{font-size:.72916667vw;line-height:1.41;font-width:600}.indicatorBoard .right .box3 .top-total .total-box .value{font-size:1.35416667vw;font-family:DIN;line-height:1.3}.indicatorBoard .right .box3 .top-total .total-box .data-left{margin-right:.83333333vw}.indicatorBoard .screen-radio-btn .el-radio-button .el-radio-button__inner{border-color:#5aa7ff;background:linear-gradient(270deg,#003459 0%,rgba(0,40,111,.85) 100%);color:#d8f0ff;font-size:.72916667vw;padding-left:.41666667vw;padding-right:.41666667vw;padding-top:.46296296vh;padding-bottom:.37037037vh}.indicatorBoard .screen-radio-btn .el-radio-button.is-active .el-radio-button__inner{background:linear-gradient(0deg,#0733db 0%,#2676ff 100%)}