.zhonxia{ margin: 1.65rem 1rem 0; .zhonxia_zhon { display: flex; margin-top: .3rem; border-bottom: .1rem solid rgba(136, 135, 135,.2); .zhon_xin_a{ margin-left: .5rem; // 重点代码,计算宽度 width: calc(100% - 4rem); .zho_xin_b{ display: flex; justify-content: space-between; i{ margin-right: 1rem; } .zho_p{ font-size: .8rem; font-weight: 900; } .zho_p span{ font-size: .12rem; zoom: .9; } } .zho_xin_b p span{ border-radius: .3rem; padding: .2rem; margin-right: .2rem; background-color: yellow; } .zho_k{ margin-top: .7rem; display: flex; align-items: center; } .zho_k img{ width: 4rem; height: .7rem; padding-right: .5rem; } .zho_k span{ font-size: .12rem; color: rgb(136, 135, 135); } .qishong{ margin-right: 1rem; margin-top: .8rem; display: flex; justify-content: space-between; } .qishong span{ font-size: .12rem; color: rgb(136, 135, 135); } .qitakuaican{ display: flex; margin-top: .6rem; font-size: .12rem; margin-bottom: 1rem; zoom: .9; color: rgb(136, 135, 135); } .manjian{ display: flex; justify-content: space-between; .manjian_a{ display: flex; width: 60%; .man{ border-radius: .2rem; text-align: center; width: 1rem; background-color: rgb(238, 123, 123); color: #fff; font-size: .12rem; padding: 0 .1rem; text-align: center; margin-right: .2rem; } .man_2{ // 下面三行代码实现单行文本省略 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .12rem; zoom: .9; color: rgb(136, 135, 135); } } .manjian_b{ display: flex; font-size: .12rem; align-items: center; margin-right: 1rem; color: rgb(136, 135, 135); } .manjian_b i{ font-size: .12rem; } } .tejiashangp{ margin-top: .4rem; display: flex; font-size: .12rem; zoom: .9; color: rgb(136, 135, 135); margin-bottom: .5rem; } .tejiashangp span:first-child{ margin-right: .4rem; border-radius: .2rem; text-align: center; width: 1rem; background-color: orange; color: #fff; } } } .zhonxia_zhon>img{ width: 4.5rem; height: 4.5rem; } }