/* 首页 */
.news-index .contentTop{font-size: 12px;}
.news-index .contentTop #newsIndex [carousel-item]{height: 400px;border-radius:2px;}
.news-index .contentTop #newsIndex img{min-width: 100%; height: 400px;}
.news-index .contentTop #newsIndex .txt{position: absolute; bottom: 0; width: 100%; height: 80px; line-height: 80px; color: #FFF; letter-spacing: 2px; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));}
.news-index .contentTop #newsIndex .txt span{display: inline-block; font-size: 14px; line-height: 20px; width: 70%; padding-left: 5px;}
.news-index .contentTop #newsIndex .layui-carousel-ind{text-align: right; top: -50px;}
.news-index .contentTop #newsIndex .layui-carousel-ind ul{background-color: rgba(0,0,0,0); margin-right: 20px;}
.news-index .contentTop #newsIndex .layui-carousel-ind li{margin: 0 6px; background-color: #FFF;}
.news-index .contentTop #newsIndex .layui-carousel-ind li.layui-this{background-color: #60669a;}

.news-index .contentTop .banner-img{height: 190px; position: relative;}
.news-index .contentTop .banner-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius:2px;}
.news-index .contentTop .banner-img div{position: absolute; border-radius:2px; bottom: 0; left: 0; width: 100%; height: 50%; color: #FFF; font-size: 16px; line-height: 25px;background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));}
.news-index .contentTop .banner-img div p{padding: 0 20px; position: absolute; bottom: 10px; left: 0px;}
.news-index .contentTop .banner-img div p span{display: inline-block; height: 20px; line-height: 20px; font-size: 12px; padding: 0px 8px; margin-right: 3px; background-color: #4d4f8a; border-radius: 2px;}
.news-index .contentBot{}
.news-index .contentBot .index-list h2{font-weight: bold;}
.newsList{font-size: 0;}
.newsList li{padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #EBEBEB;}
.newsList li:first-child{border-top: none;}
.newsList li a.img{display: inline-block; width: 25%; vertical-align: top;}
.newsList li a.img img{width: 90%;}
.newsList li .txt{display: inline-block; width: 75%; font-size: 14px; color: #555;}
.newsList li .txt a{display: block; color: #000; font-size: 18px; line-height: 24px; font-weight: bold;}
.newsList li .txt a:hover{color: #61679b;}
.newsList li .txt p.cont{display: block; line-height: 26px;}
/*标签*/
.newsList li .label{margin: 10px 0; font-size: 14px; color: #999;}
.newsList li .label span{display: inline-block; line-height: 18px; padding: 0px 6px; border: 1px solid #3b73ac; color: #3b73ac; margin-right: 10px;}
.newsList li .label span.violet{color: #977cc1; border-color: #977cc1;}
.newsList li .label span.orange{color: #ebb992; border-color: #ebb992;}
.newsList li .label span.red{color: #f16060; border-color: #f16060;}
.newsList li .label span.green{color: #60c5a5; border-color: #60c5a5;}
.newsList li .label span.cyan{color: #38b0a4; border-color: #38b0a4;}
.newsList li .label b{font-weight: normal; margin: 0 20px 0 0;}
.newsList li .label i{display: inline-block; vertical-align: middle; margin-right: 2px;}
.newsList li .label a{font-size:14px;color:#3b73ac}
.newsList .newsList2 .title{font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 12px;}
.newsList .newsList2 .title a{width: 100%;}
.newsList .newsList2 a{display: inline-block; width: 32%; margin-right: 2%;}
.newsList .newsList2 a.last{margin-right: 0;}
.newsList .newsList2 a img{width: 100%;}
.newsList .newsList2 .label{margin-bottom: 0;}
.news-index .contentBot .index-list .btn{text-align: center; margin: 30px 0 70px;}
.news-index .contentBot .index-list .btn .layui-btn{width: 296px; color: #d7d7d7; font-size: 18px; height: 48px; line-height: 48px; border-color: #d7d7d7; letter-spacing: 1px;}
/*侧边*/

.newsSide h2 { font-weight: bold;}
.newsSide ul li{padding: 20px 0; border-top: 1px solid #ebebeb; font-size: 14px; color: #555; line-height: 24px;}
.newsSide ul li:first-child{border-top: 0;}
.newsSide ul li span{display: inline-block; vertical-align: middle; width: 17%;}
.newsSide ul li span img{display: inline-block; width: 60px; height: 60px;}
.newsSide ul li p.txt{display: inline-block; vertical-align: middle; width: 83%;}
.newsSide ul li p:hover{color: #555;}

/* 列表页 */
.news-list{padding-top: 40px; padding-bottom: 40px;}
.news-list.news-index .contentBot{padding-top: 0; padding-bottom: 0;}
.news-list .index-list .layui-tab{margin: 0;}
.news-list .index-list .layui-tab-brief>.layui-tab-title li{padding: 0; min-width: 20px; margin-right: 60px;}
.news-list .index-list .layui-tab-brief>.layui-tab-title .layui-this{color: #000;}
.news-list .index-list .layui-tab-brief>.layui-tab-title .layui-this:after {border-color: #63669d;}
.news-list .index-list .layui-tab-brief .layui-tab-content{padding: 0;}

/* 详情页 */
.news-detail{padding-bottom: 20px;}
.news-detail .detail-main{}
/*内容*/
.news-detail .detail-main .detail-cont{font-size: 16px; color: #333; line-height: 30px; padding-bottom: 50px;}
.news-detail .detail-main .detail-cont > h1{ margin-bottom: 25px; line-height: 30px; }
.news-detail .detail-main .detail-cont .newsClass{font-size: 14px; color: #666;}
.news-detail .detail-main .detail-cont .newsClass span{display: inline-block; line-height: 18px; padding: 0px 6px; border: 1px solid #3b73ac; color: #3b73ac; margin-right: 10px;}
.news-detail .detail-main .detail-cont .newsClass span.violet{color: #977cc1; border-color: #977cc1;}
.news-detail .detail-main .detail-cont .newsClass span.orange{color: #ebb992; border-color: #ebb992;}
.news-detail .detail-main .detail-cont .newsClass span.red{color: #f16060; border-color: #f16060;}
.news-detail .detail-main .detail-cont .newsClass b{font-weight: normal; letter-spacing: 1px; margin: 0 20px 0 35px; color: #AAA;}
.news-detail .detail-main .detail-cont .newsClass i{font-style: normal; margin-right: 15px; color: #AAA;}
.news-detail .detail-main .detail-cont p.title{margin: 10px 0 20px; color: #AAA;}
.news-detail .detail-main .detail-cont img{display: block; width: 100%; margin: 20px 0 30px;}
.news-detail .detail-main .detail-label{border-top: 1px solid #EAEAEA; padding: 15px 0; line-height: 20px; font-size: 14px; color: #CCC;}
.news-detail .detail-main .detail-label i{font-size: 20px; margin: 0 15px 0 5px; display: inline-block; vertical-align: middle;}
.news-detail .detail-main .detail-label .layui-breadcrumb a{color: #4a5197 !important;}
/*评论*/
.news-detail .detail-main .detail-comment{margin-top: 30px; font-size: 14px; color: #555;}
.news-detail .detail-main .detail-comment > p{color: #000; font-size: 15px; margin-bottom: 20px;}
.news-detail .detail-main .detail-comment > p span{color: #e62118; margin-left: 20px;}
.news-detail .detail-main .detail-comment .addComment{font-size: 0;}
.news-detail .detail-main .detail-comment .addComment div.img{display: inline-block; width: 10%; vertical-align: top;}
.news-detail .detail-main .detail-comment .addComment div.img span{display: inline-block; width: 32px; height: 32px; border: 1px solid #EEE; border-radius: 50%; overflow: hidden;}
.news-detail .detail-main .detail-comment .addComment div.img span img{width: 100%;}
.news-detail .detail-main .detail-comment .addComment .content{display: inline-block; width: 90%; font-size: 14px;}
.news-detail .detail-main .detail-comment .content textarea{min-height: 75px; padding: 8px 10px; resize: none;}
.news-detail .detail-main .detail-comment .content .btn{text-align: right; margin-top: 12px; margin-bottom: 30px;}
.news-detail .detail-main .detail-comment .content .btn .layui-btn{width: 90px; height: 32px; padding: 0; color: #555; line-height: 32px; background-color: #EDEDED;}
/*回复*/
.news-detail .detail-main .detail-comment #replyCont li{padding: 30px 0; border-top: 1px solid #EBEBEB; font-size: 0;}
.news-detail .detail-main .detail-comment #replyCont li div.img{display: inline-block; width: 10%; vertical-align: top;}
.news-detail .detail-main .detail-comment #replyCont li div.img a{display: inline-block; width: 32px; height: 32px; border: 1px solid #EEE; border-radius: 50%; overflow: hidden;}
.news-detail .detail-main .detail-comment #replyCont li div.img a img{width: 100%;}
.news-detail .detail-main .detail-comment #replyCont li .readCom{display: inline-block; width: 90%; font-size: 14px;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name{position: relative;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name a{color: #5b779e; margin-right: 15px;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name span{color: #AAA;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name span.goods{position: absolute; right: 0; color: #5b779e;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name span.goods i{font-size: 22px; margin-left: 10px; cursor: pointer; color: #d0d0d0;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .name span.goods i:hover{color: #fbac81;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .txt{color: #808080; padding: 15px 0;}
.news-detail .detail-main .detail-comment #replyCont li .readCom a.reply{color: #5b779e;}
.news-detail .detail-main #detailPage .layui-laypage{display: block; text-align: center; margin-top: 50px; margin-bottom: 50px;} 
.news-detail .detail-main #detailPage .layui-laypage a,.news-detail .detail-main #detailPage .layui-laypage span{font-size: 14px; padding: 0 12px; line-height: 30px; height: 30px; margin-right: 5px; border-radius: 3px; color: #e3e3e3;}

/* 搜索页 */
.news-search{}
.news-search span.red{color: #f23150 !important;}
.news-search .searchList .search-list{background-color: #FFF; padding: 5px 45px 64px 30px;}
.news-search .searchList .search-list ul li{padding-top: 15px; padding-bottom: 12px; border-bottom: 1px solid #EEE;}
.news-search .searchList .search-list ul p.title{color: #333; font-size: 18px; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-search .searchList .search-list ul p.content{line-height: 24px;}
.news-search .searchList .search-list ul p{color: #AAA; line-height: 44px;}
.news-search .searchList .search-list ul p .pushTime{margin-left: 22px;}
.news-search .searchList .search-list button.loading{display: block; width: 300px; height: 50px; margin: 0 auto; margin-top: 64px; line-height: 50px; font-size: 20px; color: #CCC; border-color: #EEE; letter-spacing: 2px;}
.news-search .searchList .search-list button.loading:hover{border-color: #61669d;}
.news-search .userList dl.search-user{background-color: #FFF; padding: 0 20px 30px 15px;}
.news-search .userList dl.search-user dt{font-size: 18px; line-height: 28px; padding-top: 25px;}
.news-search .userList dl.search-user dd{padding: 30px 0 25px; border-top: 1px solid #f0f0f0; position: relative;}
.news-search .userList dl.search-user dd.first-child{border-top: none;}
.news-search .userList dl.search-user dd a.img{display: inline-block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden;}
.news-search .userList dl.search-user dd a.img img{width: 100%;}
.news-search .userList dl.search-user dd p{font-size: 12px; color: #999; line-height: 12px; position: absolute; top: 65px; left: 60px;}
.news-search .userList dl.search-user dd p.title{color: #333; font-size: 12px; line-height: 16px; top: 35px;}
.news-search .userList dl.search-user dd a.focusOn{width: 50px; height: 25px; line-height: 25px; padding: 0; position: absolute; right: 0; top: 40px;}




@media screen and (max-width: 480px){
  .news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width: 12%;}
  .news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width: 88%;}
  .news-index .contentTop .banner-img{height: 140px;}
  .newsSide ul li span{width: 23%;}
  .newsSide ul li p.txt{width: 77%;}
}
@media screen and (max-width: 767px){
  .news-search .searchList{padding-top: 300px;}
  .news-search .searchList .search-list{padding-right: 30px;}
  .news-search .userList{position: absolute; top: 0; width: 100%;}
  .news-search .userList dl.search-user dd{display: inline-block; width: 100px; height: 130px; border-top: none; text-align: center;}
  .news-search .userList dl.search-user dd p{top: 110px; left: 0; right: 0;}
  .news-search .userList dl.search-user dd p.title{top: 90px;}
  .news-search .userList dl.search-user dd a.focusOn{top: 130px; left: 0; right: 0; margin: 0 auto;}
  .news-detail .detail-main{padding-left: 0px;}
  #silde{position: fixed; bottom: 10px;}
  .news-index .contentTop .banner-img div p{padding: 0 5px; font-size: 12px; line-height: 16px;}
  .newsList li{padding-top: 20px; padding-bottom: 20px;}
  .newsList li .label{font-size: 12px;}
  .newsList li .label b{margin: 0 7px 0 5px;}
  .newsList li .txt{line-height: 22px;}
  .newsList li .txt a{font-size: 14px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .newsList li .txt .label{margin:0 0 5px;}
  .newsList li .txt p.cont{display: none;}
  .news-index .contentBot .index-list .btn{margin: 20px 0;}
  .newsList .newsList2 .label{margin: 10px 0 0px;}
}
@media screen and (min-width: 768px){
  .layui-col-space40{margin: -15px;}
  .layui-col-space40>*{padding: 15px;}
  .news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width: 12%;}
  .news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width: 88%;}
  .news-detail .detail-main #detailPage .layui-laypage a,.news-detail .detail-main #detailPage .layui-laypage span{margin-right: 10px;}
  .news-index .contentTop #newsIndex #txt span{font-size: 16px;}
  .newsSide ul li span{width: 12%;}
  .newsSide ul li p.txt{width: 88%;}
}
@media screen and (min-width: 992px){
  .news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width: 10%;}
  .news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width: 90%;}
  .news-search .userList dl.search-user dd p{font-size: 14px; left: 70px;}
  .news-search .userList dl.search-user dd p.title{font-size: 16px;}
  .news-search .userList dl.search-user dd a.focusOn{width: 70px;}
  .news-index .contentTop #newsIndex #txt span{width: 80%;}
  .newsSide ul li span{width: 27%;}
  .newsSide ul li p.txt{width: 73%; line-height: 20px;}
}
@media screen and (min-width: 1200px){
  .layui-col-space40{margin: -20px;}
  .layui-col-space40>*{padding: 20px;}
  .news-header .header-nav{left: 90px;}
  .news-header .header-search{width: 260px;}
  .news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width: 8%;}
  .news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width: 92%;}
  .news-index .contentTop #newsIndex #txt span{font-size: 18px; width: 90%; padding-left: 22px;}
  .newsSide ul li span{width: 25%;}
  .newsSide ul li p.txt{width: 75%; line-height: 24px;}
}
@media screen and (min-width: 1300px){
  .layui-container{ padding-left: 0; padding-right: 0;}
  #silde{right: -35px;}
}