.news { background-color: #f7f7f7; }

.news_content { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.news_item { width: 19%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 20px; background-color: #fff; border-radius: 10px; transition: all .3s ease; transform: translateY(0); }

.news_item:hover { transform: translateY(-5px); }

.news_item:not(:nth-child(5n)) { margin-right: 15px; }

.news_item--pic { border-radius: 10px 10px 0 0; width: 100%; height: 160px; height: inherit; }

.news_item--pic img { border-radius: inherit; width: inherit; height: inherit; display: block; }

.news_item--text { width: 100%; box-sizing: border-box; padding:10px 20px; }

.news_item--text .news_title { font-weight: bold; font-size: 16px; margin-bottom: 10px; }

.news_item--text .desc--text { color: #666; font-size: 14px; }

.news_item--text .data_time { font-size: 14px; color: #999; padding-top: 5px;}

/* === news_detail */
.news_detail { display: flex; justify-content: space-between; }

.news_detail_item { width: 78%; }

.news_detail .item_title { text-align: left; }

.news_detail .item_title h1 { font-size: 38px; }

.news_detail .item_title p { margin: 10px 0 20px; font-size: 14px; color: #999; }

.news_detail .item_container { background-color: #fff; border-radius: 10px; padding: 10px 30px 30px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; }

.news_detail .text_p { margin-top: 10px; }

.news_detail .text_p p { margin-bottom: 15px; }

.news_detail .news_detail_pic { width: 100%; height: 400px; }

.news_detail .news_detail_pic img { display: block; width: 100%; height: 100%; margin: 0 auto; }

.news_detail .menu { width: 228px; display: flex; flex-direction: column; }

.news_detail .menu .news_item { width: 100%; }