.train_li { float: left; width: 50%; margin-bottom: 30px; }

.train_li .train_li_video { width: 244px; height: 144px; float: left; margin-right: 10px; overflow: hidden; position: relative; }

.train_li .train_li_video .video_img { height: 144px; }

.train_li .train_li_video .video_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.train_li .train_li_video .play { padding: 10px; position: absolute; top: 50%; left: 50%; width: 20%; z-index: 2; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); }

.train_li .train_li_video .play img { width: 100%; }

.train_li .train_li_right { position: relative; width: 57%; height: 144px; float: right; padding: 10px 0; }

.train_li .train_li_right .train_li_title { color: #c3e167; font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.train_li .train_li_right .video_time { color: #999; }

.train_li .train_li_right .train_li_down { position: absolute; width: 100%; bottom: 0; }

.train_li .train_li_right .train_li_down img { margin-right: 10px; }

.train_li .train_li_right .train_li_down .train_li_time { float: left; margin-right: 20px; }

.train_li .train_li_right .train_li_down .train_li_lan img { width: 18px; }

.video-wrap { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: 10; display: none; }

.video-wrap video { position: absolute; top: 50%; left: 50%; background-color: #000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 760px) { .train_li { width: 100%; }
  .train_li .train_li_video { width: 50%; height: 100px; }
  .train_li .train_li_video .video_img { height: 100px; }
  .train_li .train_li_right { width: 46%; height: 100px; padding: 0; }
  .train_li .train_li_right .train_li_title { font-size: 18px; }
  .train_li .train_li_right .train_li_down .train_li_time { margin-right: 10px; }
  .train_li .train_li_right .train_li_down img { margin-right: 5px; } }