@charset "UTF-8";
.special_00297 { padding: 100px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.special_00297 .tab-cont { margin-top: 40px; }

.special_00297 .list { margin: -20px -12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00297 .list .item { width: calc(100% / 4 - 24px); margin: 20px 12px 0; }

.special_00297 .list .item .pic { position: relative; overflow: hidden; }

.special_00297 .list .item .pic::before { content: ''; display: block; padding-top: 56.231%; }

.special_00297 .list .item .pic .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00297 .list .item .pic .i { width: 100%; height: auto; max-height: none; }

.special_00297 .list .item .pic::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(../../image/special_00297/play.png); background-size: cover; background-repeat: no-repeat; background-position: center; }

.special_00297 .list .item .text { line-height: 1.5; padding: 13px 0; }

.special_00297 .list .item .text .t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; }

.special_00297 .list .item .text .d { margin-top: 12px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00297 .list .item:hover { color: #be0201; }
  .special_00297 .list .item:hover .pic::after { background-image: url(../../image/special_00297/play1.png); } }

/*	1280~1440	*/
@media (max-width: 1000px) { .special_00297 .list .item { width: calc(50% - 24px); } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00297 { padding: 40px 0; }
  .special_00297 .tab-cont { margin-top: 25px; }
  .special_00297 .list { display: block; margin: 0; }
  .special_00297 .list .item { width: 100%; margin: 0; }
  .special_00297 .list .item .text .d { margin-top: 5px; } }