/* * @description: 资讯页面 * @author: yxx (2020-3-19) **/
/**list_artall**/
.i-column article .left li:first-child p,.i-column article .left li:nth-child(2) p,.i-column article .left li:nth-child(3) p,.i-column article .right h3,.i-column article .right p{ color:#9d9d9d;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; margin-bottom: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i-column article .left li:nth-child(2) h3,.i-column article .left li:nth-child(3) h3,.i-column article .right h3{ color:#4e4c4c;}
.i-column article .left li:nth-child(2) p,.i-column article .left li:nth-child(3) p,.i-column article .right p{ color:#919191;}
.i-column article .left li,.i-column article .right{ background-color:#fff;}
.sign-btn-box{ font-size:12px;}
.sign-box{background: #fff8fa !important; border-bottom: 1px solid #fff8fa !important;}
.i-location{ font-size:14px; line-height:4em; height:4em;}
.i-column{ background-color:#fff8fa; padding-top:1em;}
.i-column .i-column-name{ line-height:1.5em; height:1.5em; font-size:30px; margin-bottom:.5em;}
.i-column .i-column-name:first-child a{ float:left;color: #4e4c4c;}
.i-column .i-column-name span{ float:right; font-weight:normal;}
.i-column .i-column-name span a{ font-size:14px;}
.i-column article ul{flex-direction:row;flex-wrap: wrap-reverse;}
.i-column article .left{ width:69%;}
.i-column article .left li{ float:left; padding:2%; box-sizing:border-box;}
.i-column article .left li:first-child{ width:98%; margin-bottom:2%;}
.i-column article .left li:first-child h2{ color:#ff6980; font-size:26px; line-height:2em;}
.i-column article .left li:first-child p{ font-size:14px; line-height:1.2em; height:2.4em;}
.i-column article .left li:nth-child(2){ width:49.85%; margin-right:2%;}
.i-column article .left li:nth-child(2) h3,.i-column article .left li:nth-child(3) h3{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; margin-bottom: 0; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:2em; font-size:15px; line-height:2em; letter-spacing:.05em;}
.i-column article .left li:nth-child(2) p,.i-column article .left li:nth-child(3) p,.i-column article .right p{ font-size:11px; line-height:1.5em; height:3em; margin-bottom:.5em;text-align: justify;}
.i-column article .left li:nth-child(3){ width:46.15%;}
.i-column article .left li:nth-child(3) a{ display:block;}
.i-column article .left li:nth-child(3) a:first-child{overflow: hidden; position:relative;height:196px; margin-bottom:1.3em;}
.i-column article .left li:nth-child(3) a:first-child:hover{outline: 2px solid #ff5370;}
.i-column article .left li:nth-child(3) div{ width:349px; height:196px; overflow:hidden; position:absolute; z-index:0;}
.i-column article .left li:nth-child(3) div img{width:349px; display:block;}
.i-column article .left li:nth-child(3) span{ display: block; position: absolute; height: 2.5em; width: 349px; z-index: 1; opacity: .5; background-color: #1b1a1a;bottom: 0;}
.i-column article .left li:nth-child(3) a:first-child h3{ color:#FFF;bottom: 0; text-align:center; position: absolute; height: 2.5em; width: 349px; z-index: 2;}
.i-column article .right{ width:31%; padding:2%; box-sizing:border-box;}
.i-column article .right li{ height:90.3px; margin-bottom:1.25em;position: relative; top: 0;transition: all 0.2s linear;}
.i-column article .right li:hover {top: -4px; box-shadow: 0 15px 30px #e5e5e5; transition: translate3d(0, -2px, 0);}
.i-column article .right li:last-child{ margin-bottom:0;}
.i-column article .right div{ width:128px; height:87px; overflow:hidden; float:left; margin-right:2%;}
.i-column article .right div img{ width:128px; display:block;}
.i-column article .right h3{ line-height:1.2em; font-size:14px; margin-bottom:.5em; height:2.5em; text-align:justify;}
.i-column nav{padding-bottom: 1em;}
/**list_article**/
.news-list{ display: flex; flex-wrap: wrap;}
.news-list li{transition: border 2s;width: 49%; padding: 1%; box-sizing: border-box; padding-bottom:20px;margin-bottom:30px; overflow: hidden; border: 1px dotted #e4e4e6; }
.news-list li:not(:nth-child(2n)){ margin-right: 1%;}
.news-list li:hover{border: 1px dotted #ff5370;}
.news-list li .list-tit a{ font-size: 18px; color: #333;}
.news-list li .list-time{text-align: right; font-size: 12px; line-height: 12px; padding: 17px 0 20px 0; color: #b1b1b1; }
.news-list li .list-cont{height:113px;overflow: hidden;font-size: 15px; color: #666; line-height: 26px; display: flex;}
.news-list li .list-cont img{width: 150px;}
.news-list li .list-cont p{padding-left: 2.5%;color: #666; padding-bottom: 5px; }
.news-list li .more{ text-align: right; }
.news-list li .more a{ font-size: 13px; line-height: 13px; margin-top: 13px; color: #b1b1b1; }
.news-list li .list-tit a:hover, .news-list li .more a:hover{ color: #ff5370; }

.pageNav{ padding-top: 62px; }
.pageNav, .navpage{ text-align: center; font-size: 0; margin-bottom: 60px }
.pageNav a, .pageNav span, .navpage span, .navpage a{ display: inline-block; font-size: 16px; color: #999 }
.pageNav a:hover, .navpage a:hover{ color: #ff5370 }
.pageNum, .navpage .pageNum{ width: 27px; text-align: center; font-size: 16px; color: #999;}
span.pageNum, .navpage span.pageNum{ color: #ff5370; }
.prevPage, .navpage .prevPage{ padding-left: 20px; padding-right: 30px }
.nextPage, .navpage .nextPage{ padding-right: 20px; padding-left: 30px; }
.prevPage, .navpage .prevPage{ background-position: -55px -1165px }
.nextPage, .navpage .nextPage{ background-position: -134px -1165px }
.navpage a, .navpage span{ border: none; background-color: #fff; margin: 0; padding: 0; line-height: inherit; height: inherit }
.navpage a:hover, .navpage span:hover{ background-color: #fff; border: none; }
.navpage .prevPage, .navpage .nextPage{ text-indent: 200px; overflow: hidden; }

/**article_article**/
.content {padding-bottom:50px; padding-top: 20px; display: flex; flex-wrap: wrap;}
.content_l {width: 790px;}
.content_r{width: 280px;margin-left: 30px; padding-bottom: 20px;}
.fl_r{DISPLAY: inline; }
.fl_l {DISPLAY: inline;}
.news-article h1 { padding-top: 35px; font-size: 26px; font-weight: 400;  color: #333; line-height: 32px;  margin: 0 auto; text-align: center}
.news-article .article-attr {  color: #b1b1b1; line-height: 26px;  margin: 0 auto; padding: 10px 0 12px;  text-align: center}
.news-article .article,.article p {font-size: 15px;  line-height: 30px; margin: 20px 0;}
.news-article .article table p { line-height: 20px; margin: 5px 0; text-indent: 0}
.news-article .article img {display: block;max-width: 500px !important;height: auto !important;margin: 10px auto;}
.hot-news { margin-top: 63px}
.hot-news .hot-tit { font-size: 16px; line-height: 16px;  padding: 14px 0;  overflow: hidden; border-bottom: 1px solid #e8e8e8}
.hot-news .hot-tit .right { font-size: 13px; color: #999}
.hot-news .hot-tit .right:hover { color: #333; text-decoration: underline}
.hot-news ul { overflow: hidden; padding-top: 16px}
.hot-news ul li { height: 30px; line-height: 30px;  overflow: hidden; width: 50%;  float: left}
.hot-news ul li i { position: absolute;  left: 0;  top: 50%;  width: 3px; height: 3px;  background: #666; border-radius: 50%}
.hot-news ul li a { position: relative; font-size: 13px; color: #666; padding-left: 10px}
.hot-news ul li a:hover {color: #ff5370}
.hot-news ul li a:hover i {background: #ff5370}
.hot-user {font-size: 16px;line-height: 16px; color: #333; padding: 18px 0; margin-top: 20px;  border-bottom: 1px solid #ebebeb}
.hot-user h3{ font-weight:normal; font-size:16px;}
.hot-user a { float: right; color: #999; font-size: 16px}
.hot-user a:hover {  color: #333; text-decoration: underline}
/**right**/
.zx-hot-list ul{padding-top:1em;}
.zx-hot-list li{line-height: 2.5em;height:2.5em; font-size: 1.07em;display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.zx-hot-list li a i{/* background: #9a9a9a; */padding: .1em .4em;margin-right: .2em;/* color:#fff; *//* display:none; */}
.topic-list { font-size: 0; margin-bottom: 40px; padding-top: 15px}
.topic-list>div { width: 310px}
.topic-list a { display: inline-block; font-size: 13px;  line-height: 13px;  padding: 8px 12px;   color: #666;  border: 1px solid #f2f2f2;  margin: 10px 12px 0 0; border-radius: 3px}
.topic-list a:hover {color: #ff5370;border: 1px solid #ff5370}