.client{ .centerBlock{ .content{ .searchMsg{ font-size:.14rem; font-family:PingFang-SC-Medium,PingFang-SC; box-sizing: border-box; width: 100%; padding: 0 .24rem; margin: 0 auto; >.row-item { line-height: 2; } .c-title { color:rgba(48,221,244,1); font-weight:500; padding: .08rem 0; } .c-list { box-sizing: border-box; color: #fff; width: 100%; height: 1.4rem; overflow-y: auto; padding: .12rem .24rem; border-radius: .05rem; border: 1px solid rgba(48,221,244,1); background: #09154e; .list-body{ padding: .04rem 0; cursor: pointer; &:nth-of-type(2n){ background-color: #0d1e5b; } &:hover { background-color: rgba(48,221,244,1); } } } .babel{ font-weight:500; color:rgba(48,221,244,1); } .babelMsg{ // float: right; font-weight:bold; color:rgba(255,255,255,1); } .pr-24 { padding-right: .24rem; } } } } .rightBlock{ .moreTxt { font-size: .14rem; color: #fff; padding: .04rem .08rem; text-decoration: underline; cursor: pointer; } .iconBlock{ padding: 1rem .24rem; height:calc(100% - 1.6rem); margin: 0 auto; } .customer-list { font-size: .14rem; color: #fff; padding: .24rem; padding-top: 0; height:calc(100% - 1.6rem); } .customer-name{ padding: .06rem .12rem; } i{ display: inline-block; position: relative; top: 20%; margin-top: -10%; margin-left: 5%; float: left; } .icon20{width: 20%;padding-bottom: 20%;height: 0;} .icon5{width: 10%;padding-bottom: 20%;height: 0;} } .icon-datangjituan{ background: url("~@/assets/icon/大唐集团.png") no-repeat; background-size: 100%; background-position:0 50%; } .icon-zhongguoshiyou{ background: url("~@/assets/icon/中国石油.png") no-repeat; background-size: 100%; background-position:0 50%; } .icon-changjiangdianli{ background: url("~@/assets/icon/长江电力.png") no-repeat; background-size: 100%; background-position:0 50%; } .icon-guojiadianwang{ background: url("~@/assets/icon/国家电网.png") no-repeat; background-size: 100%; background-position:0 50%; } }