Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

2 Zeilen
11KB

  1. .projectOverview{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:1.85185185vh}.projectOverview ::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:4px}.projectOverview ::-webkit-scrollbar-thumb{background-color:#d8dadf;border-radius:3px;width:4px}.projectOverview .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}.projectOverview .back-div img{width:1.25vw;height:2.03703704vh;margin-right:.20833333vw;margin-left:.41666667vw}.projectOverview .home-title{margin-bottom:.74074074vh}.projectOverview .home-title .img-title{width:12.34375vw;height:8.51851852vh;margin:0 auto}.projectOverview .box{width:100%;background-size:100% 100%;background-repeat:no-repeat;box-sizing:border-box;border:2px solid;border-top:0}.projectOverview .box .content{padding-left:1.14583333vw;padding-right:1.14583333vw;padding-top:1.85185185vh;padding-bottom:1.85185185vh}.projectOverview .box .head{padding-left:.625vw;padding-right:.52083333vw;padding-top:.55555556vh;padding-bottom:.55555556vh;background-image:url(./head-87b64c06.png);background-size:100% 100%}.projectOverview .box .head .tit{font-weight:600;font-size:1.04166667vw;color:#fff;line-height:1.4}.projectOverview .box .border-top{background:linear-gradient(90deg,#B7E7FF 0%,rgba(183,231,255,0) 100%);height:.37037037vh;width:100%}.projectOverview .left{flex:1;display:flex;width:30.72916667vw;margin-right:.52083333vw;flex-direction:column}.projectOverview .left .box1{position:relative}.projectOverview .left .box1 .box1-left{width:100%;height:100%;border-top:0;border-right:0;background:linear-gradient(90deg,#1C51DE 0%,rgba(0,33,122,.32) 100%);-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}.projectOverview .left .box2{z-index:1;width:100%;margin-top:.92592593vh;height:22.22222222vh;border-top:0;background:linear-gradient(90deg,#1C51DE 0%,rgba(0,33,122,.32) 100%);-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}.projectOverview .left .box2 .list{background:rgba(47,151,255,.3);font-weight:600;font-size:.83333333vw;line-height:1.4;padding-top:.37037037vh;padding-bottom:.27777778vh;padding-left:3.75vw;color:#fff;display:flex}.projectOverview .left .box2 .list .data{width:25%}.projectOverview .left .box2 .odd-number{background:rgba(47,151,255,.3)}.projectOverview .left .box2 .even-number{background:rgba(0,0,0,.2)}.projectOverview .left .box3{margin-top:.92592593vh}.projectOverview .left .box3 .box3-left{border-top:0;border-right:0;background:linear-gradient(90deg,#1C51DE 0%,rgba(0,33,122,.32) 100%);-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}.projectOverview .mid{display:flex;flex-direction:column;position:relative}.projectOverview .mid .bg{position:absolute;top:1.11111111vh;width:37.29166667vw;height:60.74074074vh;z-index:1}.projectOverview .mid .box1-right{z-index:2;flex:1;left:30.72916667vw;display:flex;flex-direction:column;align-items:center;width:37.29166667vw;margin-top:5.92592593vh;border:0}.projectOverview .mid .box1-right .img-money{width:8.54166667vw;height:12.59259259vh;margin-top:6.2962963vh}.projectOverview .mid .box1-right .pro-total{font-weight:600;font-size:2.5vw;color:#fff;margin-top:12.96296296vh;text-shadow:0px 10px 11px rgba(0,35,110,.38),0px 4px 6px rgba(0,35,110,.29)}.projectOverview .mid .box1-right .pro-total-num{font-weight:700;font-family:DIN;font-size:4.16666667vw;color:#f9de15;line-height:1.5;text-shadow:0px 10px 11px rgba(0,35,110,.38),0px 4px 6px rgba(0,35,110,.29);font-style:normal}.projectOverview .mid .box3-right{position:relative;z-index:2;height:47.22222222vh;background-image:url(./pro-center-bg-4955f250.png);background-size:100% 100%;background-repeat:no-repeat;border:0}.projectOverview .mid .box3-right .bg-img{z-index:0;position:absolute;height:115%;aspect-ratio:1;top:-10%;left:10%}.projectOverview .mid .box3-right .legend-bg{z-index:0;position:absolute;right:2.60416667vw;bottom:0;top:54%;transform:translateY(-50%);width:7.8125vw;height:16.66666667vh;background:linear-gradient(90deg,#001bd3 0%,rgba(64,168,255,0) 100%);border:1px solid;border-right:0;opacity:.7;-o-border-image:linear-gradient(90deg,rgba(91,190,255,.69),rgba(0,91,152,0)) 2 2;border-image:linear-gradient(90deg,rgba(91,190,255,.69),rgba(0,91,152,0)) 2 2}.projectOverview .right{width:30.72916667vw;margin-left:.52083333vw}.projectOverview .right .box1{flex:1;margin-bottom:.92592593vh;border-top:0;border-left:0;background:linear-gradient(90deg,rgba(0,33,122,.32) 0%,#1C51DE 100%);-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}.projectOverview .right .box1 .my-year-pick{width:5.98958333vw;height:2.22222222vh;background:linear-gradient(0deg,#0733db 0%,#2676ff 100%);border-radius:2px;border:1px solid #5aa7ff}.projectOverview .right .box1 .my-year-pick .el-input__wrapper{background:none;box-shadow:none}.projectOverview .right .box1 .my-year-pick .el-input__prefix,.projectOverview .right .box1 .my-year-pick .el-input__inner{color:#fff}.projectOverview .right .box2{height:27.77777778vh;border-top:0;border-left:0;background:linear-gradient(90deg,rgba(0,33,122,.32) 0%,#1C51DE 100%);-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}.projectOverview .left>.box1 .list-head,.projectOverview .right>.box1 .list-head{background:rgba(47,151,255,.3);font-weight:600;font-size:.72916667vw;height:3.51851852vh;line-height:3.51851852vh;margin-bottom:.46296296vh;color:#fff;display:flex}.projectOverview .left>.box1 .list-head .index,.projectOverview .right>.box1 .list-head .index{width:2.70833333vw;text-align:center}.projectOverview .left>.box1 .list-head .data,.projectOverview .right>.box1 .list-head .data{width:5.98958333vw}.projectOverview .left>.box1 .list,.projectOverview .right>.box1 .list{margin-bottom:1.11111111vh;color:#fff;display:flex}.projectOverview .left>.box1 .list .index,.projectOverview .right>.box1 .list .index,.projectOverview .left>.box1 .list .name,.projectOverview .right>.box1 .list .name,.projectOverview .left>.box1 .list .data,.projectOverview .right>.box1 .list .data{background:rgba(0,0,0,.3)}.projectOverview .left>.box1 .list .index,.projectOverview .right>.box1 .list .index{flex-shrink:0;position:relative;width:2.60416667vw;height:3.51851852vh;display:flex;justify-content:center;align-items:center;margin-right:.10416667vw}.projectOverview .left>.box1 .list .index img,.projectOverview .right>.box1 .list .index img{width:1.25vw;height:1.25vw}.projectOverview .left>.box1 .list .index .index-num,.projectOverview .right>.box1 .list .index .index-num{font-weight:400;font-size:.83333333vw;line-height:1.4}.projectOverview .left>.box1 .list .name,.projectOverview .right>.box1 .list .name{flex:1;font-size:.83333333vw;line-height:3.51851852vh;margin-right:.10416667vw;padding-left:2.60416667vw}.projectOverview .left>.box1 .list .data,.projectOverview .right>.box1 .list .data{text-align:center;line-height:3.51851852vh;width:5.98958333vw;flex-shrink:0;font-size:.83333333vw}.custom-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999}.custom-mask .custom-dialog{background:radial-gradient(76% 13% at 50% 100%,rgba(0,76,255,.31) 0%,rgba(0,76,255,0) 100%),#143898;box-shadow:0 6px 10px rgba(0,13,56,.3);border-radius:10px;border:1px solid;-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;height:39.81481481vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-top:.92592593vh;display:flex;flex-direction:column}.custom-mask .custom-dialog ::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:4px}.custom-mask .custom-dialog ::-webkit-scrollbar-thumb{background-color:#d8dadf;border-radius:3px;width:4px}.custom-mask .custom-dialog .head{background:url(./dialog-head-bg-464e70e6.png);background-size:100% 100%;padding-top:.55555556vh;padding-bottom:.55555556vh;padding-left:1.04166667vw;padding-right:1.04166667vw;position:relative}.custom-mask .custom-dialog .head .tit{font-weight:600;font-size:1.04166667vw;color:#fff;line-height:1.4;text-align:center}.custom-mask .custom-dialog .head .close-icon{font-size:1.25vw;position:absolute;top:50%;transform:translateY(-50%);right:1.85185185vh}.custom-mask .custom-dialog .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}.custom-mask .custom-dialog .head .my-year-pick .el-input__wrapper{background:none;box-shadow:none}.custom-mask .custom-dialog .head .my-year-pick .el-input__prefix,.custom-mask .custom-dialog .head .my-year-pick .el-input__inner{color:#fff}.custom-mask .custom-dialog .content{flex:1;display:flex;padding-top:1.85185185vh;padding-bottom:1.85185185vh;padding-left:1.04166667vw;padding-right:1.04166667vw}.custom-mask .custom-dialog .content .list-head{background:rgba(47,151,255,.3);font-weight:600;font-size:.72916667vw;height:3.51851852vh;line-height:3.51851852vh;margin-bottom:.46296296vh;color:#fff;display:flex}.custom-mask .custom-dialog .content .list-head .index{width:2.70833333vw;text-align:center}.custom-mask .custom-dialog .content .list-head .data{width:5.98958333vw}.custom-mask .custom-dialog .content .list{margin-bottom:1.11111111vh;color:#fff;display:flex;background:rgba(0,0,0,.3)}.custom-mask .custom-dialog .content .list .index{flex-shrink:0;position:relative;width:2.60416667vw;height:3.51851852vh;display:flex;justify-content:center;align-items:center}.custom-mask .custom-dialog .content .list .index .index-num{font-weight:400;font-size:.83333333vw;line-height:3.51851852vh}.custom-mask .custom-dialog .content .list .data{text-align:left;line-height:3.51851852vh;flex-shrink:0;font-size:.83333333vw}.custom-mask .custom-dialog .back{font-weight:600;font-size:.72916667vw;line-height:1.4}.custom-mask .custom-dialog .back-img{width:1.25vw;height:2.03703704vh}.screen-pagination.el-pagination{padding:0;padding-top:1.48148148vh}.screen-pagination.el-pagination .el-pagination__total{color:#fff}.screen-pagination.el-pagination .btn-prev,.screen-pagination.el-pagination .btn-next{background:none;color:#2f97ff}.screen-pagination.el-pagination .el-pager .number{background:none;color:#fff;font-weight:400}.screen-pagination.el-pagination .el-pager .number.is-active{color:#2f97ff;font-weight:700}.screen-pagination.el-pagination .el-pager .number:hover{color:#2f97ff}.screen-pagination.el-pagination .el-pager .more{background:none;color:#fff}.screen-pagination.el-pagination .el-pager .more.btn-quicknext:hover,.screen-pagination.el-pagination .el-pager .more.btn-quickprev:hover{color:#2f97ff}.screen-pagination.el-pagination .el-pager .more.btn-quicknext svg,.screen-pagination.el-pagination .el-pager .more.btn-quickprev svg{display:none}.screen-pagination.el-pagination .el-pager .more.btn-quicknext:after,.screen-pagination.el-pagination .el-pager .more.btn-quickprev:after{content:"..."}