.com-goods-item{ display:flex; flex-direction: row; height:80px; padding:10px; .goods-img{ display:flex; height:100%; width:30%; .img{ width:60px; height:60px; border-radius: 10px; } } .goods-info{ width:70%; display:flex; flex-direction: column; position:relative; .name{ font-size:14px; font-weight:bold; } .tips{ font-size:12px; color:#CCC; } .price{ font-size:14px; color:$teacher-main-color; .sign{ font-size:12px; } } .btn-opt{ position:absolute; right:10px; bottom:5px; display:flex; flex-direction: row; .btn-mus{ border-radius: 50%; display:flex; width:20px; height:20px; background:$teacher-main-color; color:#FFF; justify-content: center; align-content: center; font-size:12px; } .btn-num{ width:20px; text-align:center; font-size:12px; } .btn-plus{ border-radius: 50%; display:flex; width:20px; height:20px; font-size:12px; background:$teacher-main-color; color:#FFF; justify-content: center; align-content: center; } } } }