.m-infob2{ margin-bottom: 22px; } .m-infob2 > .con{ border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: 0 0 4px rgba(0,64,40,.1); margin-bottom: 15px; position: relative; } .m-infob2 .top{ padding: 15px; background: url(../../images/icons/g-i27.png) no-repeat center; background-size: cover; } .m-infob2 .line{ font-size: 15px; color: #666; overflow: hidden; } .m-infob2 .line .t{ float: left; min-width: 42px; } .m-infob2 .line .v{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; } .m-infob2 .box{ padding: 2px 7px 0; } .ul-rkzc .item{ float: left; width: 50%; } .ul-rkzc .conbox{ border-radius: 10px; overflow: hidden; margin: 0 8px 15px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .ul-rkzc .conbox .h3{ height: 58px; line-height: 67px; text-align: center; font-size: 25px; color: #fff; } .ul-rkzc .conbox .unit{ font-size: 15px; } .ul-rkzc .conbox .bot{ background: rgba(0, 108, 66,.2); height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .m-infob3 .title{ font-size: 16px; color: #000; font-weight: bold; margin-bottom: 12px; } .g-boxb1{ border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: 0 0 4px rgba(0,64,40,.1); padding: 15px; margin-bottom: 15px; } .m-titb1{ background: url(../../images/icons/g-i31.png) no-repeat left center; background-size: auto 100%; } .m-titb1 .h3{ font-size: 14px; color: #000; height: 30px; line-height: 30px; padding-left: 20px; background: url(../../images/icons/g-i30.png) no-repeat left center; background-size: 11px; margin-left: 14px; } .chart{ height: 228px; } .g-chart{ position: relative; } .g-chart .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; font-size: 13px; color: #000; text-align: center; } .g-chart .info b{ display: block; font-size: 23px; }