/*计划产值*/ /*最外层大盒子*/ .outBox { overflow-y: auto; height: 540px; /*border: 1px solid red;*/ /*background-color: green;*/ } /*隐藏滚动条*/ .outBox::-webkit-scrollbar { width: 0 !important } /*整个盒子*/ .allBox { display: flex; justify-content: space-around; align-items: center; height: 90px; } /*时间年份*/ .planTime { color: #FFFFFF; width: 22%; /*border: 1px solid purple;*/ } /*比例*/ .planeScale { width: 18%; height: 40px; line-height: 40px; color: #6cbafc; text-align: center; background: url('/images/plannePIc.png') no-repeat center/90% 100%; } /*进度条*/ .planeProgress { display: flex; flex-direction: column; justify-content: space-between; width: 60%; height: 40px; } /*每一个进度条*/ .inBox { display: flex; align-items: center; height: 8px; padding-left: 10px; } /*进度条盒子*/ .progressBox { width: 65%; border: 1px solid #1e537e; padding: 2px; } /*进度条内容部分*/ .upActive{ width: 0px; height:8px; background-image:linear-gradient(to right, #2400e7,#0079ff); } .downActive{ width: 0px; height: 8px; background-image: linear-gradient(to right,#00927c,#00cccb); } /*数值*/ .planeData { color: #6cbafc; font-style: italic; padding-left: 15px; }