.component--news-list-park { font-size: 20px; }
.component--news-list-park .news-item { display: flex; align-items: center; padding: 1.6em 2.3em; text-decoration: none; border-top: 1px solid #EBEBEB; transition: all 0.5s; }
.component--news-list-park .news-item:last-child { border-bottom: 1px solid #EBEBEB; }
.component--news-list-park .img-wrapper { width: 16.5em; overflow: hidden; flex-shrink: 0; transition: all 0.5s; }
.component--news-list-park .img-wrap { padding-bottom: 61.81%; position: relative; }
.component--news-list-park .image { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; transition: all 1s; }
.component--news-list-park .cont-wrapper { padding: 1em 2.6em 1em 5em; flex: 1; overflow: hidden; transition: all 0.5s; }
.component--news-list-park .news-title { display: block; }
.component--news-list-park .news-desc { text-indent: 2em; color: #7f7f7f; margin-top: 0.9em; margin-bottom: 2em; line-height: 1.8; }
.component--news-list-park .news-date { display: flex; align-items: center; color: #7f7f7f; position: relative; }
.component--news-list-park .date-icon { color: #BD1A2D; margin-right: 0.3em; line-height: 1; }
.component--news-list-park .date { color: #7f7f7f; margin-left: 0.4em; }
.component--news-list-park .news-item:hover { background: #FBFBFB; }
.component--news-list-park .news-item:hover .img-wrapper { transform: translateX(1em); }
.component--news-list-park .news-item:hover .cont-wrapper { transform: translateX(-1em); }
.component--news-list-park .news-item:hover .image { transform: scale(1); }


/**
 * PC优先的响应尺寸
 */

/* >1680 */


/* 1680 */
@media screen and (max-width: 1680px) {
  
}

/* 1440 */
@media screen and (max-width: 1440px) {
  
}

/* 1400 */
@media screen and (max-width: 1400px) {
  .component--news-list-park { font-size: 18px; }
  .component--news-list-park .cont-wrapper { padding: 1em 2.2em 1em 4.4em; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--news-list-park { font-size: 16px; }
  .component--news-list-park .cont-wrapper { padding: 1em 1.6em 1em 3.2em; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--news-list-park { font-size: 14px; }
  .component--news-list-park .news-item { flex-direction: column; padding: 1.6em 10px; }
  .component--news-list-park .img-wrapper { width: 100%; }
  .component--news-list-park .cont-wrapper { padding: 2em 0 0; width: 100%; }
  .component--news-list-park .news-item:hover .img-wrapper { transform: translateX(0); }
  .component--news-list-park .news-item:hover .cont-wrapper { transform: translateX(0); }
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  .component--news-list-park .news-desc {
    text-indent: 0;
  }
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
  
}