.com-video-item{ display:flex; flex-direction: row; justify-content: flex-start; align-items: center; min-height:110px; background:#FFF; margin-left:10px; margin-right: 10px; margin-top:5px; font-size:12px; border-radius: 7px; .left{ display: flex; width:80px; justify-content: center; align-items: center; height:80px; border-radius: 5px; overflow: hidden; margin: 0px 8px; .img{ width:100%; height:100%; } } .right{ display: flex; width:75%; flex-direction: column; justify-content: flex-start; align-items: flex-start; height:100px; margin-top: -10px; .title{ height:50px; display:flex; width:100%; display:flex; flex-direction:row; justify-content: space-between; align-items: center; .price{ color:#470505; font-size:14px; margin-right:10px; .sign{ font-size:12px; } } } .uni-tag{ margin-right: 10px; } } } .part_area{ margin-top: -5px; width: 150px; height: 40px; overflow: hidden; display: flex; flex-wrap: wrap; } .partic{ border-radius: 50%;width: 20px; height: 30px; overflow: hidden; margin-right:1px; margin-bottom:2px; display: flex; } .partic img { width: 100%; height:100%; } .parttip{ width: 100%; position: relative; font-size: 12px; margin-top: 10px; } .tags{ display: flex; flex-direction: row; margin-top: 5px; .tag{ margin-right: 4px; font-size:12px; border:1px solid #b21c1c; border-radius: 7px; color: #b21c1c; padding: 0px 5px; } } .tip{ margin-top: -5px; }