/**
 ©Copyright Power by Cnkey 2022.2.9(2)
**/
/** 图标字体 **/
@font-face {font-family: 'layui-icon';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.svg') format('svg'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype');
}

/* font-class */
.layui-icon-news-good:before{content:"\e683"}
.layui-icon-news-qq:before{content:"\e60f"}
.layui-icon-news-collect:before{content:"\e645"}
.layui-icon-news-wechat:before{content:"\e62c"}
.layui-icon-news-review1:before{content:"\e62f"}
.layui-icon-news-review2:before{content:"\e63a"}
.layui-icon-news-del:before{content:"\e61b"}
.layui-icon-news-weibo:before{content:"\e63d"}
.layui-icon-news-space:before{content:"\e618"}
.layui-icon-news-img:before{content:"\e679"}
.layui-icon-news-label:before{content:"\eed1"}

body{background-color: #FFF;}
body.bgcolor{background-color: #f9f9f9;}
body .layui-btn-news{background-color: #3584AE !important;}

h1 {font-size:22px;line-height:1.8;}
h2 {font-size:20px;line-height:1.8;}
h3 {font-size:18px;line-height:1.8;}

#silde{width: 30px; position: absolute; right: 15px; z-index: 9999;}
#silde a{display: block; width: 30px; height: 30px; background-color: #90e2b2; text-align: center; line-height: 30px; color: #FFF; margin-bottom: 1px; cursor: pointer;}

/* 头部 */
.news-header{background-color: #F9F9F9;}
.news-header .layui-container{height: 50px; z-index: 999; transition: all 400ms ease-out;}
.news-header #logo{width: 60px; line-height: 50px;}
.news-header .header-nav{margin-left: -15px; margin-right: -15px; background-color:#F9F9F9; border-radius: 0;}
.news-header .header-nav .layui-nav-item{line-height: 50px; text-align: center;}
.news-header .header-nav .layui-nav-item.layui-this
,.news-header .header-nav .layui-nav-item:hover{background-color:#CECECE;}
.news-header .layui-nav .layui-nav-item.layui-this:after
,.news-header .layui-nav .layui-nav-bar{height: 0;}
.news-header .header-nav .layui-nav-item a{padding: 0 18px; color:#333;}
.news-header .layui-nav .layui-nav-item .layui-nav-more{display: none;}
.news-header #switch{width:28px; height: 28px; position: absolute; top: 10px; right:10px;background-color:#3584AE; border: 1px solid #EEE; border-radius: 3px; cursor: pointer;}
.news-header #switch a.drop{display: inline-block;background:url(../images/drop.png) no-repeat; background-size:100% 100%;height:20px;width:20px; margin-top:4px; margin-left:4px;position: relative;z-index: 9999;}
.news-header .header-search{display: inline-block; position: absolute; top: 10px; right: 125px; width: 120px;}
.news-header .header-search input{height: 30px; line-height: 30px;}
.news-header .header-login.layui-form{/*display: none;*/}
.news-header .header-login{display: inline-block; width: 120px; height: 30px; background-color: #F9F9F9; position: absolute; top: 10px; right: 0; font-size: 0;}
.news-header .header-login a{display: inline-block; vertical-align: middle; font-size: 14px; padding: 0 6px; color:#3584AE; height: 30px; line-height: 30px;}
.news-header .header-login a i{font-size: 24px;}
.news-header .header-login.layui-nav{display: none;}
.news-header .header-login.layui-nav .layui-nav-item{display: block; line-height: 30px; text-align: center;}
.news-header .header-login.layui-nav .layui-nav-item a img{margin-right: 0;}
.news-header .header-login.layui-nav .layui-nav-item .layui-nav-child{top: 50px;}
.news-header .header-login.layui-nav .layui-nav-item .layui-nav-child a{color: #333;}
.news-header .header-login.layui-nav .layui-nav-child dd.layui-this a
,.news-header .header-login.layui-nav .layui-nav-child dd.layui-this{background-color: #f9f9f9;}

/* 底部 */
.news-footer{width:100%;float:left; margin:0 auto; border-top:1px #E1E1E1 solid;font-size:14px;}
.news-footer .layui-container { padding:10px 0; }
.news-footer .layui-container a {}
.news-footer .layui-container a:hover{color:#3584AE; text-decoration:underline; }
.news-footer .layui-container span{ margin-right:4px;line-height:26px; }
.news-footer p {float:left;width:100%;line-height:26px;}
.news-footer p.copyright{ color:#999; }


/* 首页 */
.news-index .contentTop{font-size: 12px; padding-top: 40px;}
.news-index .contentTop #newsIndex [carousel-item]{height: 400px;}
.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%;}
.news-index .contentTop .banner-img div{position: absolute; 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{padding-top: 40px; padding-bottom: 70px;}
.news-index .contentBot .index-list h2{color: #494e8e; font-size: 20px; font-weight: bold;}
.news-index .contentBot .index-list .newsList{font-size: 0;}
.news-index .contentBot .index-list .newsList li{padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #EBEBEB;}
.news-index .contentBot .index-list .newsList li:first-child{border-top: none;}
.news-index .contentBot .index-list .newsList li a.img{display: inline-block; width: 35%; vertical-align: top;}
.news-index .contentBot .index-list .newsList li a.img img{width: 90%;}
.news-index .contentBot .index-list .newsList li .txt{display: inline-block; width: 65%; font-size: 14px; color: #555;}
.news-index .contentBot .index-list .newsList li .txt a{display: block; color: #000; font-size: 18px; line-height: 24px; font-weight: bold;}
.news-index .contentBot .index-list .newsList li .txt a:hover{color: #61679b;}
.news-index .contentBot .index-list .newsList li .txt p.cont{display: block; line-height: 26px;}
/*标签*/
.news-index .contentBot .index-list .newsList li .label{margin: 15px 0; font-size: 14px; color: #999;}
.news-index .contentBot .index-list .newsList li .label span{display: inline-block; line-height: 18px; padding: 0px 6px; border: 1px solid #3b73ac; color: #3b73ac; margin-right: 10px;}
.news-index .contentBot .index-list .newsList li .label span.violet{color: #977cc1; border-color: #977cc1;}
.news-index .contentBot .index-list .newsList li .label span.orange{color: #ebb992; border-color: #ebb992;}
.news-index .contentBot .index-list .newsList li .label span.red{color: #f16060; border-color: #f16060;}
.news-index .contentBot .index-list .newsList li .label span.green{color: #60c5a5; border-color: #60c5a5;}
.news-index .contentBot .index-list .newsList li .label span.cyan{color: #38b0a4; border-color: #38b0a4;}
.news-index .contentBot .index-list .newsList li .label b{font-weight: normal; margin: 0 20px 0 18px;}
.news-index .contentBot .index-list .newsList li .label i{display: inline-block; vertical-align: middle; margin-right: 2px;}
.news-index .contentBot .index-list .newsList .newsList2 .title{font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 12px;}
.news-index .contentBot .index-list .newsList .newsList2 .title a{width: 100%;}
.news-index .contentBot .index-list .newsList .newsList2 a{display: inline-block; width: 32%; margin-right: 2%;}
.news-index .contentBot .index-list .newsList .newsList2 a.last{margin-right: 0;}
.news-index .contentBot .index-list .newsList .newsList2 a img{width: 100%;}
.news-index .contentBot .index-list .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;}
/*侧边*/
.news-index .contentBot .index-side .newsSide{background-color: #FAFAFA; padding: 0 20px;}
.news-index .contentBot .index-side .newsSide h2 {color: #000; font-size: 18px; font-weight: bold; padding: 20px 0 0;}
.news-index .contentBot .index-side .newsSide ul li{padding: 20px 0; border-top: 1px solid #ebebeb; font-size: 14px; color: #555; line-height: 24px;}
.news-index .contentBot .index-side .newsSide ul li:first-child{border-top: 0;}
.news-index .contentBot .index-side .newsSide ul li span{display: inline-block; vertical-align: middle; width: 17%;}
.news-index .contentBot .index-side .newsSide ul li span img{display: inline-block; width: 60px; height: 60px;}
.news-index .contentBot .index-side .newsSide ul li p.txt{display: inline-block; vertical-align: middle; width: 83%;}
.news-index .contentBot .index-side .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-top:30px; padding-bottom: 20px;}
.news-detail .detail-main{padding-left:90px;}
.news-detail .detail-main #detail-handel{width: 50px; position: absolute; top:20px; left: 20px;}
.news-detail .detail-main #detail-handel li{width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #f9f9f9; border-bottom: 1px solid #EEE;}
.news-detail .detail-main #detail-handel li i{font-size: 30px;}
.news-detail .detail-main #detail-handel li.num a{color: #CECECE;}
.news-detail .detail-main #detail-handel li.num i{font-size: 26px; line-height: 26px;}
.news-detail .detail-main #detail-handel li.num span{display: block; margin-top: -14px; font-size: 12px; line-height: 12px;}
.news-detail .detail-main #detail-handel li.weibo a{color: #ff9126;}
.news-detail .detail-main #detail-handel li.wechat a{color: #4bc139;}
.news-detail .detail-main #detail-handel li.space a{color: #ffce2f;}
.news-detail .detail-main #detail-handel li.space{border-bottom: none;}
.news-detail .detail-main #detail-handel li.review{margin-top: 27px;}
.news-detail .detail-main #detail-handel li.collect{border-bottom: none;}
/*内容*/
.news-detail .detail-main .detail-cont{font-size: 16px; color: #333; line-height: 30px; padding-bottom: 20px;}
.news-detail .detail-main .detail-cont > h1{font-size: 24px; color: #353535; margin-bottom: 25px; line-height: 30px; font-weight: bold;}
.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;border-radius:4px;}
.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;}
.newsClass .topic {display:inline;}

.detail-cont .detail-cont-ask p , .detail-cont .detail-cont-guide p { line-height:1.8; font-size:16px;}
.detail-cont .detail-cont-ask {margin-top:14px; border: 1px dashed #F2F2F2; padding:8px 2px; /*-- background-color: #F4F8F9; --*/}
.detail-cont .detail-cont-guide {margin-bottom:20px;}
.detail-cont .detail-cont-guide h1, .detail-cont .detail-cont-guide h2, .detail-cont .detail-cont-guide h3 { margin:10px 0;}
.detail-cont .detail-cont-guide img { max-width:100%;margin:10px 0;}

.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 10px 0 5px; display: inline-block; vertical-align: middle;}
.news-detail .detail-main .detail-label .tags a{color: #4a5197 !important;}
.news-detail .detail-main .detail-label .tags a:hover{color: #FF6600; text-decoration:underline;}
/*评论*/
.news-detail .detail-main .detail-comment{ 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; }
.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: 20px 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 #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-detail .detail-main .detail-comment #replyCont li .readCom .pl-contact p { line-height:14px; line-height:1.8;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .pl-contact img { max-width:100%; margin:8px 0;}
.readCom .pl-contact h1,.readCom .pl-contact h2,.readCom .pl-contact h3 { margin:8px 0;}
.news-detail .detail-main .detail-comment #replyCont li .readCom .pl-num { font-size:13px; width:100%; color: #1B31AF;}
.detail-comment #replyCont li .readCom .pl-num a {color: #5b779e;  float:right; padding-right:10px;}
.detail-comment #replyCont li .readCom .pl-num a:hover {color:#FF3300;}
/*个人*/

.news-detail .detail-side .list{background-color: #f9f9f9; margin-top: 30px;}
.news-detail .detail-side .list p{font-size: 18px; color: #000; font-weight: bold; padding: 20px 0 20px 23px;}
.news-detail .detail-side .list ul{font-size: 0; text-align: center; padding-bottom: 30px;}
.news-detail .detail-side .list ul li{display: inline-block; width: 41.2%; padding: 0 9px; font-size: 14px; line-height: 22px;}
.news-detail .detail-side .list ul li a{color: #AAA;}
.news-detail .detail-side .list ul li:hover a{color: #8f91b8;}
.news-detail .detail-side .list ul li span{display: block; text-align: left; margin: 5px 0 10px; height: 45px; overflow: hidden;}
.news-detail .detail-side .list ul li img{width: 100%;}
/*详情页*/
.detail-side .list2{width:100%;float:left;background-color:#f9f9f9;}
.detail-side .list2 p{font-size: 18px; color: #000; font-weight: bold; padding: 20px 0 20px 23px;}
.layui-col-space15 {float:left;margin-bottom: 15px;}

.detail-side .list2 ul{ background-color:#f9f9f9;width:100%;}
.detail-side .list2 ul li{font-size:14px;line-height:22px; padding:6px 0; padding-left:10px;}
.detail-side .list2 ul li a{color: #AAA;}
.detail-side .list2 ul li a:hover{color: #8f91b8; text-decoration:underline;}
.detail-side .list2 ul li span{ float:left;display: inline-block;text-align:center;font-size:12px;padding:2px 4px; overflow: hidden;background-color:#3584AE;
 color:#FFF; margin-right:6px;border-radius:4px;}
.detail-side .list2 ul li img{width: 100%;}

.news-detail .detail-side .person{ float:left; margin-top:14px; clear:both; width:100%;background-color: #f9f9f9; text-align: center; padding: 50px 0 45px; }
.news-detail .detail-side .person h2 {font-size:18px;}
.news-detail .detail-side .person a.img{display: inline-block; width: 100px; height: 100px; padding:1; margin:10px 0; border-radius: 50%; overflow: hidden;}
.news-detail .detail-side .person a.img img{width: 100%;}
.news-detail .detail-side .person span.name{display: block; margin: 10px 0 10px; color: #333;}
.news-detail .detail-side .person span.num{display: block; color: #AAA;}
.news-detail .detail-side .person .focusOn{background-color: #3584AE; padding: 0 20px; margin-top: 20px;}


/* 搜索页 */
.news-search{padding-top: 30px; padding-bottom: 78px;}
.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: #F9F9F9;}
.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;}

/* 登录页 */
body,html{height: 100%;}
.news-login{height: 90%; text-align: center; background: url(../../images/loginbg.jpg) no-repeat center center; background-size: cover;}
.news-login a.title{display: inline-block; width: 180px; padding-top: 15%; padding-bottom: 50px;}
.news-login a.title img{width: 100%;}
.news-login .layui-form{margin: 0 auto; width: 300px; height: 355px; padding: 60px 40px 15px; background-color: #FFF; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.news-login .layui-form .layui-input-block{margin-left: 0; margin-top: 20px; line-height: 40px;}
.news-login .layui-form .layui-input-block:first-child{margin-top: 0;}
.news-login .layui-form .layui-input-block input{height: 42px; color: #999;}
.news-login .layui-form .layui-input-block img{position: absolute; right: 1px; top: 1px; width: 100px; height: 40px;}
.news-login .layui-form .layui-input-block button{width: 100px; height: 40px; position: absolute; top: 1px; right: 1px; background-color: #EEE; border-radius: 0; color: #999;}
.news-login .layui-form p.terms{text-align: left; color: #333; padding-left: 8px; line-height: 38px;}
.news-login .layui-form p.terms input{margin-right: 5px; vertical-align: middle;}
.news-login .layui-form p.terms a{color: #61669e;}
.news-login .layui-form button[lay-submit]{width: 100%; height: 42px; margin-top: 23px; background-color: #61669e; font-size: 18px; letter-spacing: 2px;}
.news-login .layui-form .thirdParty{margin-top: 23px;}
.news-login .layui-form .thirdParty a{padding: 0 15px;}
.news-login .layui-form .thirdParty i{font-size: 42px;}
.news-login .layui-form .thirdParty i.layui-icon-login-qq{color: #f1ae29;}
.news-login .layui-form .thirdParty i.layui-icon-login-wechat{color: #7aca51;}

/* 个人中心 */
.news-user.layui-container{padding-top: 40px;}
.news-user .userSelf{height: 305px; padding-top: 25px; background-color: #FFF; text-align: center; margin-bottom: 27px;}
.news-user .userSelf .img{display: inline-block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.news-user .userSelf .img img{width: 100%;}
.news-user .userSelf p.name{font-size: 16px; line-height: 46px; color: #555;}
.news-user .userSelf #pushNews{width: 100px; height: 32px; padding: 0; line-height: 30px; margin-bottom: 35px;}
.news-user .userSelf #pushNews i{font-size: 12px;}
.news-user .userSelf ul li{display: inline-block; width: 100px; position: relative; text-align: center;}
.news-user .userSelf ul .number{display: block; margin-bottom: 10px; font-size: 18px;}
.news-user .userSelf ul .label{display: block; color: #666;}
.news-user .userCont{background-color: #FFF; margin-bottom: 120px;}
.news-user .userCont .layui-tab-title{height: 50px; padding-left: 15px; border-bottom-width: 2px;}
.news-user .userCont .layui-tab-title li{line-height: 50px; padding: 0; margin: 0 15px;}
.news-user .userCont .layui-tab-title .layui-this{color: #000;}
.news-user .userCont .layui-tab-title .layui-this:after{height: 52px; border-color: #60679d;}
/*文章*/
.news-user .userCont .layui-tab-content .article-btn #upDel{font-size: 16px; background-color: transparent; color: #999;}
.news-user .userCont .layui-tab-content .article-btn #upDel i{font-size: 24px; display: inline-block; vertical-align: middle;}
.news-user .userCont .layui-tab-content .article-btn #batchDel
,.news-user .userCont .layui-tab-content .article-btn #cancelDel{display: none; width: 100px; height: 34px; line-height: 34px; padding: 0; font-size: 18px; background-color: #BBB;}
.news-user .userCont .layui-tab-content .article{margin-top: -10px; padding: 0 20px 50px 20px; font-size: 0;}
.news-user .userCont .layui-tab-content .article li{position: relative; padding: 30px 0; border-bottom: 1px solid #f0f0f0;}
.news-user .userCont .layui-tab-content .article li.even{margin-right: 0;}
.news-user .userCont .layui-tab-content .article li .layui-form-checkbox{display: none; position: absolute; top: 40px; left: 5px; z-index: 100;}
.news-user .userCont .layui-tab-content .article li .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #d2d2d2;}
.news-user .userCont .layui-tab-content .article li .layui-form-checked[lay-skin=primary] i{border-color: #d2d2d2; background-color: #FFF; color: #ff4800; font-weight: bold;}

.news-user .userCont .layui-tab-content .article li .img{display: inline-block; width: 40%; vertical-align: top;}
.news-user .userCont .layui-tab-content .article li .img img{width: 90%;}
.news-user .userCont .layui-tab-content .article li .txt{display: inline-block; width: 60%; vertical-align: top;}
.news-user .userCont .layui-tab-content .article li .txt a{display: block; font-size: 18px; line-height: 22px;}
.news-user .userCont .layui-tab-content .article li .txt p{font-size: 12px; line-height: 40px; color: #AAA; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-user .userCont .layui-tab-content .article li .txt p.cont{font-size: 14px; line-height: 16px;}
/*评论*/
.news-user .userCont .layui-tab-content .comment li{padding: 30px 20px 25px 22px; border-top: 1px solid #e6e6e6;}
.news-user .userCont .layui-tab-content .comment li:first-child{border-top: none;}
.news-user .userCont .layui-tab-content .comment li p{font-weight: lighter; color: #666; line-height: 24px; text-align: justify;}
.news-user .userCont .layui-tab-content .comment li p.title{font-weight: normal; line-height: 38px;}
.news-user .userCont .layui-tab-content .comment li p.title a{font-size: 18px; color: #627794;}
.news-user .userCont .layui-tab-content .comment li p.title span.pushTime{color: #AAA; margin-left: 40px;}
.news-user .userCont .layui-tab-content .comment li p.title span.like{color: #627794; margin-left: 30px;}
.news-user .userCont .layui-tab-content .comment li p.title i.like{color: #AAA; font-size: 22px; margin-left: 10px;}
.news-user .userCont #userComPage .layui-laypage
,.news-user .userCont #userArtPage .layui-laypage{display: block; text-align: center; margin-bottom: 50px;}
.news-user .userCont #userComPage .layui-laypage a,.news-user .userCont #userComPage .layui-laypage span
,.news-user .userCont #userArtPage .layui-laypage a,.news-user .userCont #userArtPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*发布新闻*/
#newsPush-iframe{text-align: center;}
#newsPush-iframe .layui-input{height: 75px; line-height: 75px; font-size: 22px; border: none;}
#newsPush-iframe .layui-textarea{height: 220px; font-size: 16px; border: none;}
#newsPush-iframe div.img{padding: 20px 0; height: 110px; line-height: 110px;}
#newsPush-iframe div.img i{font-size: 110px; color: #CCC; cursor: pointer;}
#newsPush-iframe p{color: #999; margin-bottom: 38px;}
#newsPush-iframe button[lay-submit]{width: 160px; height: 50px; background-color: #F9F9F9; font-size: 18px; color: #EEE;}

body .news-pushCont .layui-layer-title{border: none; font-size: 18px; height: 70px; line-height: 70px;}

    .layui-col-sm8{
        background-color: #fff;
    }
    .layui-col-sm4{
        
    }
    
    .readCom p img{
        max-width: 100%;
    }
	
    .layui-card-body{
        color:#333;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;      /* 可以显示的行数，超出部分用...表示*/
        -webkit-box-orient: vertical;
        line-height: 32px;
        padding: 5px 15px;
        border-bottom: 1px solid #f6f6f6;
    }
	.layui-card-body a {color: #666;}
	.layui-card-body a:hover {color:#3584AE; text-decoration:underline;}
    .detail-cont p{
        /*text-indent:1em;*/
        font-size:18px;
    }
    .detail-cont p span{

        font-size:18px;
    }
    .readCom p{
        /*text-indent:1em;*/
        color: #666;
        font-size:16px;
    }
    .readCom p span{
        /*text-indent:1em;*/
        font-size:16px;
    }
    .readCom {
        width: 100%!important;
    }
    .imgw{
        width: 32px;
        height: 32px;
        border: 1px solid #EEE;
        border-radius: 50%;
        margin-right: 10px;
    }

    .readCom p img{
        /*margin-left:-1em;*/
    }
    
    .news-detail .detail-main .detail-comment #replyCont li .readCom{font-size: 16px; line-height: 30px;}
/*-- 回到顶部 --*/
.izl-rmenu{position:fixed;right:30px;bottom:30px;bottom:10%;z-index:99999;}
.izl-rmenu .btn{width:35px;height:35px;cursor:pointer;position:relative;}
.izl-rmenu .btn-top{background:#98A3AC url("../images/go-top.png") no-repeat;border-radius: 6px;height:35px;opacity: 0.85;}
.izl-rmenu .btn-top:hover {background-position: -36px 0px;}
@media (max-width:544px){ 
   .izl-rmenu {right:10px;}
   .izl-rmenu .btn{width:24px;height:24px;}
   .izl-rmenu .btn-top {background-size:200%;}
   .izl-rmenu .btn-top:hover {background-position: -24px 0px;}
} 
/*--- 弹出窗口 技术QQ：998839 ---*/
.popup-wrap .popup-box{ }
.popup-wrap * { box-sizing: border-box; margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none }
.popup-wrap { width: 100%; height: 100%; position: fixed; display: none; top: 0; left: 0; content: ""; z-index: 99; background-color: rgba(51,51,51,.5) }
.popup-wrap .popup-box { width:240px; background: #fff; position: absolute; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%); top: 50%; left: 50%; font-size: 18px; text-align: center; border-radius:5px; }
.popup-wrap .popup-box .content, .popup-wrap .popup-box .popup-close, .popup-wrap .popup-box .title { width: 100%; left: 0; text-align: center; vertical-align: middle }
.popup-wrap .popup-box .title {margin-top:12px; }
.popup-wrap .popup-box .title .notice-title { height:20px; line-height:20px; vertical-align: middle; font-size:16px; font-weight:700;color: #333333; }
.popup-wrap .popup-box .title .warm-icon { background: url(../img/error.png) no-repeat 50%; background-size: contain }
.popup-wrap .popup-box .title .success-icon,
.popup-wrap .popup-box .title .warm-icon { width:40px; height:40px; display: block; margin: 0 auto 10px; vertical-align: middle; box-sizing: content-box }
.popup-wrap .popup-box .title .success-icon { background: url(../img/success.png) no-repeat 50%; background-size: contain }
.popup-wrap .popup-box .content {font-size:12px;line-height:20px; padding:2px;}
.popup-wrap .popup-box .popup-cancle { width: 82px; height:24px;line-height:24px;border-radius:10px; font-size: 12px; border: 1px solid #999; color: #999; margin:10px 16px 10px 0;}
.popup-wrap .popup-box .popup-close { width: 82px; height:24px;line-height:24px; display: inline-block; border-radius:10px;  margin: 0 auto; font-size: 12px; border: 1px solid #FF3300; color: #FFF; background:#FF3300; margin:10px auto; }

@media screen and (max-width: 480px){
  .news-user .userCont #userComPage .layui-laypage a,.news-user .userCont #userComPage .layui-laypage span
  ,.news-user .userCont #userArtPage .layui-laypage a,.news-user .userCont #userArtPage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
  .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;}
  .news-index .contentBot .index-side .newsSide ul li span{width: 23%;}
  .news-index .contentBot .index-side .newsSide ul li p.txt{width: 77%;}
  .news-user .userCont .layui-tab-content .article li .txt a{font-size: 16px; line-height: 18px;}
  .news-user .userCont .layui-tab-content .article li .txt p{line-height: 22px;}
}
@media screen and (max-width: 767px){
  .news-header .layui-container{background-color: #F9F9F9;position: fixed;top:0;left:0;z-index:9999;overflow: hidden; width:100%;}
  .news-header .header-nav .layui-nav-item{width: 25%;}
  .news-header .header-nav .layui-nav-item.more{display: none;}
  .news-header .header-search{right: 150px;}
  .news-header .header-login{display: none; /*--- width: 100px; right:10px;---*/}
  .news-header .header-login a{padding: 0 3px;}
 
  .news-header .dropdown {position:fixed; right:0;top:50px;z-index: 9999;
    background-color:#F9F9F9;
    width:100px;
    box-shadow: 0 5px 15px #999;
    display: none;}
  .news-header .dropdown ul { width:100%; margin:10px 2px 0 2px;}
  .news-header .dropdown ul li { line-height:24px; color:#326B8D; border-bottom:1px #BBBBBB dashed; padding-bottom:2px; font-size:16px; padding-left:4px;}
  .news-footer .layui-breadcrumb a{font-size: 12px;}
  
  .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-login .layui-form{width: 250px; padding-top: 40px;}
  .news-user .userCont .layui-tab-content .comment li{padding-left: 10px; padding-right: 10px;}
  .news-user .userCont .layui-tab-content .comment li p.title a{font-size: 14px;}
  .news-user .userCont .layui-tab-content .comment li p.title span.pushTime{margin-left: 20px;}
  .news-user .userCont .layui-tab-content .comment li p.title span.like{margin-left: 15px;}
  .news-user .userCont .layui-tab-content .comment li p.title i.like{font-size: 16px; margin-left: 2px;}
  .news-detail { margin-top:40px;}
  .news-detail .detail-main{padding-left: 0px;}
  .news-detail .detail-main .detail-cont > h1{font-size:20px;margin-bottom:15px;}
  
  .news-detail .detail-main #detail-handel{position: fixed; top: 70px; left: 15px; z-index: 999;}
  #silde{position: fixed; bottom: 10px;}
  .newsClass .topic { display:none;}
  .news-index .contentTop .banner-img div p{padding: 0 5px; font-size: 12px; line-height: 16px;}
  .news-index .contentBot .index-list .newsList li{padding-top: 20px; padding-bottom: 20px;}
  .news-index .contentBot .index-list .newsList li .label{font-size: 12px;}
  .news-index .contentBot .index-list .newsList li .label b{margin: 0 7px 0 5px;}
  .news-index .contentBot .index-list .newsList li .txt{line-height: 22px;}
  .news-index .contentBot .index-list .newsList li .txt a{font-size: 14px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .news-index .contentBot .index-list .newsList li .txt .label{margin:0 0 5px;}
  .news-index .contentBot .index-list .newsList li .txt p.cont{display: none;}
  .news-index .contentBot .index-list .btn{margin: 20px 0;}
  .news-index .contentBot .index-list .newsList .newsList2 .label{margin: 10px 0 0px;}
  .news-detail .detail-side .list2 p {padding:6px 4px;}
  .news-detail .detail-side .list2 ul { }
  .news-detail .detail-side .list2 ul li{ padding:6px 0px; padding-left:4px;}
  .news-detail .detail-side .list2 ul li span{padding:2px 4px; font-size:10px;}
  .layui-card-body{padding:2px 2px;}
  .layui-col-sm4{width:100%; margin-top:20px;float:left;}
  .person { display:none;}
  .news-footer{font-size:12px;}
  .news-footer p.desc {display:none;}
}
@media screen and (min-width: 768px){
  .layui-col-space40{margin: -15px;}
  .layui-col-space40>*{padding: 15px;}
  .news-header .layui-container{max-height: 50px;}
  .news-header .header-nav{display: inline-block; position: absolute; top: 0; width: 70%; margin: 0;}
  .news-header .header-nav .layui-nav-item a{padding: 0 15px;}
  .news-header .header-nav .layui-nav-item.more dl{left: 50%; margin-left: -65px; padding: 20px 10px; width: 110px;}
  .news-header .header-nav .layui-nav-item.more dd a{color: #333; display: inline-block; padding: 0; width: 50px;}
  .news-header .dropdown, .news-header #switch{display: none;}
  
  .news-footer{ }
  .news-footer .layui-breadcrumb{ }
  
  .news-footer .layui-breadcrumb span[lay-separator]{margin: 0 25px;}

  .news-user .userCont .layui-tab-content .comment{padding: 0 40px 50px 18px;}
  .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;}
  .news-index .contentBot .index-side .newsSide ul li span{width: 12%;}
  .news-index .contentBot .index-side .newsSide ul li p.txt{width: 88%;}
  .news-user .userCont .layui-tab-content .article li{display: inline-block; width: 48%; margin-right: 4%;}
  .news-user .userCont .layui-tab-content .article li .img{width: 45%;}
  .news-user .userCont .layui-tab-content .article li .txt{width: 55%;}
}
@media screen and (min-width: 992px){
  .news-header .header-nav .layui-nav-item a{padding: 0 25px;}
  .news-header .header-search{width: 200px;}
  .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%;}
  .news-index .contentBot .index-side .newsSide ul li span{width: 27%;}
  .news-index .contentBot .index-side .newsSide ul li p.txt{width: 73%; line-height: 20px;}
  .news-user .userCont .layui-tab-content .article li{display: inline-block; width: 46%; margin-right: 8%;}
  .news-user .userCont .layui-tab-content .article li .txt p{line-height: 54px;}
}
@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;}
  .news-index .contentBot .index-side .newsSide ul li span{width: 25%;}
  .news-index .contentBot .index-side .newsSide ul li p.txt{width: 75%; line-height: 24px;}
  .news-user .userCont .layui-tab-content .article li{width: 45%; margin-right: 10%;}
}
@media screen and (min-width: 1300px){
  .layui-container{width: 1200px; padding-left: 0; padding-right: 0;}
  .news-login a.title{padding-top: 5%;}
  #silde{right: -35px;}
}