.scene-wrap { display: flex; }

.scene-wrap .scene { flex: 1; overflow: hidden; }

.item { display: flex; border-bottom: 1px dashed #ddd; padding: 40px 0; }

.item .item-cover { height: 280px; width: 380px; border: 1px solid #ddd; padding: 10px; margin-right: 20px; }

.item .item-content { flex: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: center; color: #616161; }

.item .item-title { font-weight: bold; font-size: 20px; margin-bottom: 20px; }

.item .item-desc { line-height: 1.8; }

.item .item-icon { width: 30px; transition: all 0.5s; margin-top: 50px; }

.item:hover .item-icon { transform: translateX(10px); }

@media (max-width: 768px) { .common-title { margin: 30px 0 10px; }
  .item { display: block; padding: 20px 0; }
  .item .item-cover { width: 100%; height: 150px; margin: 0 0 10px; }
  .item .item-title { font-size: 14px; margin-bottom: 10px; }
  .item .item-desc { font-size: 12px; }
  .item .item-icon { margin-top: 10px; width: 20px; } }