/* --- news --- */
.news_box{}
.news_box .wrap{display: flex; justify-content: space-between;}
.news_left{width: 17%;}
.news_center{width: 56%;}
.news_right{width: 24%;}
.news_inLeft{width:73% ;}


/* --- nav --- */
.news_nav {position: sticky; left: 0; top: 0;}
.news_nav li{height: 45px; line-height: 45px; font-size: 16px; text-align: center; margin:8px 0;}
.news_nav li a{display: block; border-radius: 8px;}
.news_nav li a:hover{background: #398FD7; color: #fff;}
.news_nav li a.active{background: #FF6A6A; color: #fff;}
.news_nav li:first-child{margin: 0;}



/* --- nav --- */
.news_banner {margin-bottom: 12px; border-bottom: 3px solid #efefef; padding-bottom: 16px;}
.news_banner .mySwiper{padding-bottom:40px;}
.news_banner .item{display: block; position: relative; overflow: hidden; border-radius: 8px;}
.news_banner .pic{height: 300px; overflow: hidden;}
.news_banner .pic img{width: 100%; height: 100%;}
.news_banner .title{font-size: 16px; text-align: center; background-color:rgba(0,0,0,0.5); padding: 8px 0; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff;}


/* --- column --- */
.news_column{ padding: 20px 0; padding-bottom: 0;}
.news_column h3{font-size: 18px; font-weight: bolder; position: relative; padding-left: 16px; }
.news_column h3:before{content: ""; left: 0; top: 0; height: 100%; background: #398FD7; width: 3px; border-radius: 100px; position: absolute;}


/* --- list --- */
.news_list{}
.news_list .list{}
.news_list .item{display: flex; align-items: center;  padding: 25px 0; border-bottom: 1px solid #efefef;}
.news_list .item .pic{width: 65px; height: 65px; overflow: hidden; margin-right: 25px;}
.news_list .item .pic img{width: 100%; height: 100%; border-radius: 8px;}
.news_list .item .title{font-size: 16px; margin-bottom: 5px; font-weight: bolder;}
.news_list .item .dep{color: #999;}


/* --- search --- */
.news_search{margin-bottom: 12px; background: #f9f9f9;}
.news_search .input{width: 80%; height: 40px; border:1px solid #dfdfdf; padding-left: 8px; border-right: none;}
.news_search .button{width: 20%; height: 40px; background: #398FD7; color: #fff; border:none}


/* --- ranking --- */
.news_ranking{margin-bottom: 12px;  border-bottom: 1px solid #efefef;}
.news_ranking .list{padding-bottom: 20px; margin-top: 16px;}
.news_ranking .list li{line-height: 250%; position: relative; padding-left: 16px;}
.news_ranking .list li::before{content: ""; width: 6px; height: 6px; background: #ccc; border-radius: 100px; position: absolute; top: 45%; left: 0;}


/* --- type --- */
.news_type{ border-bottom: 1px solid #efefef; padding-bottom: 12px; margin-bottom: 12px;} 
.news_type .list{justify-content: space-between; margin-top: 16px;}
.news_type .list a{border: 1px solid #efefef; height: 40px; text-align: center; border-radius: 4px; width: 48.3%; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.news_type .list a:hover{border: 1px solid #398FD7; background: #398FD7; color: #fff;}



/* --- article --- */
.news_article{ border-top: 1px solid #efefef;}
.news_article h1{padding: 0 5%; text-align: center; font-size: 32px; font-weight: bolder; text-align: center; padding-top: 32px; margin-bottom: 20px; line-height: 160%;}

/* attr */
.news_article .attr{text-align: center; color: #212121; justify-content: center; margin-bottom: 32px; border-bottom: 1px solid #efefef; padding-bottom: 32px;}
.news_article .attr p{margin: 0 8px;}
.news_article .attr em{color: #999;}

/* content */
.news_article .content { padding: 0 5%; border-bottom: 1px solid #efefef; padding-bottom: 32px;}
.news_article .content p{line-height: 180%; font-size: 16px; color: #666; margin-bottom: 16px;}



/* --- chat --- */
.news_chat {text-align: center; padding: 32px;  border-bottom: 1px solid #efefef; padding-bottom: 32px; margin-bottom: 20px;}