.com-course-address{ background:#1a1a1a; display:flex; flex-direction: row; margin-left:10px; margin-right: 10px; border-radius: 10px; padding:10px; .address{ display: flex; flex-direction: column; width:80%; .time{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; height:30px; .icon{ display: flex; align-items: center; justify-content: center; width:10%; .img{ height:16px; width:16px; } } .tips{ color:#FFF; font-size:12px; margin-left:5px; } } } .service{ display: flex; width:20%; flex-direction: column; justify-content: center; align-items: center; .icon{ display: flex; .img{ height:16px; width:16px; } } .tips{ font-size:12px; color:#fFF; margin-top:5px; } } }