/** 图标字体 **/
@font-face {font-family: 'layui-icon';
  src: url('../font/iconfont.eot?v=230');
  src: url('../font/iconfont.eot?v=230#iefix') format('embedded-opentype'),
  url('../font/iconfont.svg?v=230#iconfont') format('svg'),
  url('../font/iconfont.woff?v=230') format('woff'),
  url('../font/iconfont.ttf?v=230') 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: #f6f6f6;}
body.bgcolor{background-color: #f9f9f9;}
body .layui-btn-news{background-color: #055bac !important;}
body .layui-btn{background-color: #1E9FFF !important;}
#silde{width: 30px; position: absolute; right: 15px; z-index: 999;}
#silde a{display: block; width: 30px; height: 30px; background-color: #90e2b2; text-align: center; line-height: 30px; color: #FFF; margin-bottom: 1px; cursor: pointer;}
.xuxian {border-bottom: 1px #CCCCCC dashed;margin: 5px 0;}
/* 头部 */
.news-header{background-color: #fff;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.news-header .layui-container{height: 56px; z-index: 999; transition: all 400ms ease-out;}
.news-header #logo{width: 150px; line-height: 56px;float: left;}
.news-header #logo2{font-size: 30px;color: #0084ff;line-height: 56px}
.news-header .header-nav{margin-left: -15px; margin-right: -15px; background-color: #0084ff; 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: #055bac;}
.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: #EEE;}
.news-header .layui-nav .layui-nav-item .layui-nav-more{display: none;}
.news-header #switch{width: 30px; height: 28px; position: absolute; top: 10px; right: 15px; background-color: #0084ff; border: 1px solid #EEE; border-radius: 3px; cursor: pointer;}
.news-header #switch:hover{background-color: #055bac;}
.news-header #switch span{position: absolute; top: 25%; left: 4px; width: 20px; height: 1px; background-color: #EEE;}
.news-header #switch span.second{position: absolute; top: 50%;}
.news-header #switch span.third{position: absolute; top: 75%;}
.news-header .header-search{display: inline-block; position: absolute; top: 10px; left: 180px; width: 260px;}
.news-header .header-search input{height: 36px; line-height: 36px;background-color: #f6f6f6}
.news-header .header-search .layui-btn{height: 36px;line-height: 36px;}
.news-header .header-login.layui-form{/*display: none;*/}
.news-header .header-login{display: inline-block; height: 36px;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: #8590a6; height: 36px; line-height: 36px;}
.news-header .header-login a i{font-size: 24px;}
.news-header .header-login.layui-nav{background-color: #f5f5f5;}
.news-header .header-login.layui-nav a:hover{color: #444}
.news-header .header-login.layui-nav .layui-nav-item{display: block; line-height: 36px; 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{padding: 15px 0; background-color: #e6e6e6;}
.news-footer a{color: #999;line-height: 2;margin-right: 10px}
.news-footer a:hover{color: #0084ff!important;}
.news-footer p.copyright{color: #999;line-height: 2}
/* 首页 */
.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: #0084ff;}

.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: #0084ff; border-radius: 2px;}
.news-index .contentBot{padding-top: 25px; padding-bottom: 25px;}
.news-index .contentBot .index-list{background-color: #fff;padding: 15px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.news-index .contentBot .index-list h2{color: #0084ff; 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: #0084ff;}
.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 #0084ff; color: #0084ff; 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-list .navList{color: #333}
.news-index .contentBot .index-list .navList h3{font-size: 18px;line-height: 2.5}
.news-index .contentBot .index-list .navList h3 a{font-size: 18px;line-height: 2.5}
.news-index .contentBot .index-list .navList a{font-size: 14px;line-height: 2;margin-right: 10px}

/*侧边*/
.news-index .contentBot .index-side .newsSide{background-color: #fff; padding: 0 20px;margin-left: 15px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.news-index .contentBot .index-side .newsSide h2 {color: #000; font-size: 18px; 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-index .userList dl.search-user{background-color: #FFF; padding: 0 20px 30px 20px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.news-index .userList dl.search-user dt{font-size: 18px; line-height: 28px; padding-top: 25px;}
.news-index .userList dl.search-user dd{padding: 30px 0 25px; border-top: 1px solid #f0f0f0; position: relative;}
.news-index .userList dl.search-user dd.first-child{border-top: none;}
.news-index .userList dl.search-user dd a.img{display: inline-block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden;}
.news-index .userList dl.search-user dd a.img img{width: 100%;}
.news-index .userList dl.search-user dd p{font-size: 12px; color: #999; line-height: 12px; position: absolute; top: 65px; left: 60px;}
.news-index .userList dl.search-user dd p.title{color: #333; font-size: 14px; line-height: 16px; top: 35px;}
.news-index .userList dl.search-user dd a.focusOn{width: 70px; height: 25px; line-height: 25px; padding: 0; position: absolute; right: 0; top: 40px;}

.news-index .detail-side .list{background-color: #fff; margin-top: 30px;margin-left: 15px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.news-index .detail-side .list p{font-size: 18px; color: #000; padding: 20px 0 20px 23px;}
.news-index .detail-side .list ul{font-size: 0; text-align: center; padding-bottom: 30px;}
.news-index .detail-side .list ul li{display: inline-block; width: 41.2%; padding: 0 9px; font-size: 14px; line-height: 22px;}
.news-index .detail-side .list ul li a{color: #AAA;}
.news-index .detail-side .list ul li:hover a{color: #8f91b8;}
.news-index .detail-side .list ul li span{display: block; text-align: left; margin: 5px 0 10px; height: 45px; overflow: hidden;}
.news-index .detail-side .list ul li img{width: 100%;}


/* 列表页 */
.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:50px; padding-bottom: 20px;}
.news-detail .detail-main #detail-handel{width: 50px; position: absolute; top: 0; 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: 50px;}
.news-detail .detail-main .detail-cont > h1{font-size: 24px; color: #000; 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 #0084ff; color: #0084ff; 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-detail .detail-side .person{background-color: #f9f9f9; text-align: center; padding: 50px 0 45px;}
.news-detail .detail-side .person a.img{display: inline-block; width: 100px; height: 100px; padding: 0; margin-top: 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: #055bac; padding: 0 20px; margin-top: 20px;}
.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%;}

/* 搜索页 */
.news-search{padding-top: 30px; padding-bottom: 78px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.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: #0084ff;}
.news-search .userList dl.search-user{background-color: #FFF; padding: 0 20px 30px 15px;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.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: 100%; text-align: center; background: url(../img/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: #0084ff;}
.news-login .layui-form button[lay-submit]{width: 100%; height: 42px; margin-top: 23px; background-color: #0084ff;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: 280px; 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 .ubox{padding: 35px; background-color: #FFF;margin-bottom: 27px;}

/*文章*/
.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: #0084ff; font-size: 18px; color: #EEE;}

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


@media screen and (max-width: 480px){
	.register .layui-form{width: 95%}
  .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){
	.register .layui-form{width: 600px}
  .news-header .layui-container{overflow: hidden;}
  .news-header .header-nav .layui-nav-item{width: 25%;}
  .news-header .header-nav .layui-nav-item.more{display: none;}
  .news-header #logo{display: none;}
  .news-header .header-search{left: 50px;}
  .news-header .header-login{right: 10px;}
  .news-header .header-login a{padding: 0 3px;}
  /*.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 .detail-main{padding-left: 0px;}
  .news-detail .detail-main #detail-handel{position: fixed; top: 70px; left: 15px; z-index: 999;}
  #silde{position: fixed; bottom: 10px;}
  .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-index .contentBot .index-side .newsSide{margin-left: 0;margin-top: 25px}
}
@media screen and (min-width: 768px){
	.register .layui-form{width: 600px}
  .layui-col-space40{margin: -15px;}
  .layui-col-space40>*{padding: 15px;}
  .news-header .layui-container{max-height: 56px;}
  .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 #switch{display: none;}
  .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){
	.register .layui-form{width: 800px}
	.news-header #logo2{display: none;}
  .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){
	.news-header #logo2{display: none;}
	.register .layui-form{width: 800px}
  .layui-col-space40{margin: -20px;}
  .layui-col-space40>*{padding: 20px;}
  .news-header .header-nav{left: 90px;}
  .news-header .header-search{width: 460px;margin-left: 180px}
  .news-header .header-search .layui-input{width: 390px;}
  .news-login .layui-btn{float: left;}
  .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){
	.news-header #logo2{display: none;}
	.register .layui-form{width: 800px}
  .layui-container{width: 1200px; padding-left: 0; padding-right: 0;}
  .news-login a.title{padding-top: 10%;}
  #silde{right: -35px;}
}


.layui-input-inline .fileupload {display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #1E9FFF;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;}
.layui-input-inline .fileupload input{position: absolute;width:200px;height:35px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);-ms-filter: 'alpha(opacity=0)';cursor:pointer}
.layui-input-inline .fileupload:hover {opacity:.8;filter:alpha(opacity=80);color:#fff}


.fl {float: left;}
.fr {float: right;}
.clearfix::after {clear: both;content: "";display: block;height: 0;}

.recharge-box{ padding: 20px;}
.recharge-list{width: 96%;margin-bottom: 10px;margin-top: 20px; height:300px;border: #ccc 1px solid;background-color: #fff; position: relative;}
.recharge-sum{ text-align: center; color: #0084ff; line-height: 38px; margin: 15px 0}
.recharge-sum span{ color: #0084ff; font-size: 30px ; font-weight: bolder; vertical-align: -6px; padding: 0 5px}
.recharge-list .use-time{ text-align: center; color: #999;width:168px; margin: 0 auto; border-bottom: #f1f2f3 1px solid; line-height:15px; font-size: 12px;padding-bottom:15px}
.recharge-list .sel-icon{ display:inline-block; width: 50px; height: 43px ;  background: url(../img/sel-icon.png) 0 0  ; position: absolute; bottom: -2px; right: -2px; z-index: 2;display: none}
.recharge-list .recharge-money{ color: #999; text-align: center; line-height: 14px; margin-top: 15px;}
.recharge-list .recharge-much{ color: #666; text-align: center; line-height: 14px; height:48px; line-height:48px;background-color:#F2F2F2}
.recharge-list .orangeColor{ color: #ffb141}
/*.icon-recommend{ display: inline-block; width:53px; height:48px; background: url(../img/Newuser.png) -68px -80px ; position:  absolute; top: -2px; right:  -2px;}*/
.give-sale{ height: 55px; background-color: #f5f5f5; width: 194px;margin-top: 20px; position: relative;margin: 20px 0 0 0;}
.recharge-list.on{ background-color: #0084ff; border-color: #0084ff; box-shadow: 0 4px 6px rgba(10,173,141,0.3)}
.recharge-list.on .recharge-much{ background-color:#0373dc}
.recharge-list.on .recharge-sum,
.recharge-list.on .recharge-much,
.recharge-list.on .recharge-sum span,
.recharge-list.on .use-time,
.recharge-list.on .recharge-money{ color: #fff;}
.recharge-list.on .sel-icon{ display: block;}
.recharge-list:hover { border:#0084ff 1px solid ; }
.recharge-list ul li{ color: #999; font-size: 12px;  line-height: 16px; margin-bottom: 18px; margin-left:38px;}
.recharge-list ul li i{ display: inline-block; width:14px; height: 14px; background:url(../img/icon-sel.png) 0 -16px; vertical-align: -1px;  margin-right:4px;}
.recharge-list ul li.colorOrange{ color:#FFB141}
.recharge-list.on ul li{  color: #fff;}
.recharge-list.on ul li i{ background-position: 0 0}
/*.recharge-list  .icon-recommend{ position:  absolute; top:-2px; right: -2px; background: url(../img/icon-recommend.png); width: 49px; height: 50px;}*/
.recharge-list .icon-sale{ position:  absolute; top:-2px; right: -2px; background: url(../img/icon-sale.png); width: 46px; height: 46px;}
/*.recharge-list .icon-surplus{width: 53px; height: 50px; text-align:  center;background: url(../img/Newuser.png) 0 -180px; position:  absolute; top: 0;  right: 0}*/
.recharge-list .icon-surplus span{  color: #fff; font-size: 12px ;transform: rotate(45deg); display: block; text-align:  center;  width:15px; margin:14px 0 0 29px}

.sel-way{position:relative;text-align:center; margin: 36px}
.sel-way span{ color: #666; cursor: pointer;padding: 0 10px;}
.sel-way span:hover,.sel-way span.on{ color:#0084ff}
.sel-way i{ color: #ddd}
.sel-way:before,.sel-way::after{  content: '';  height: 1px;  width:40%;  background: #DFDFDF;  position: absolute;  top:50%;  }
.sel-way:before{left: 0;}
.sel-way::after{right: 0;}
.pay-card{margin-top:50px;}

.change-box{margin: 0 auto;}
.pay-saoma dl{width: 180px; margin-bottom: 100px}
.pay-saoma dl.li-pay{margin-right: 20px;margin-left: 20px}
.pay-saoma dl dt canvas{ margin: 20px;}
.pay-saoma dl dd{ text-align:center; color: #666; line-height:50px; font-size: 16px;}
.pay-saoma dl dd .icon-zfb{ display: inline-block; width: 22px; height: 22px; background: url(../img/sel-icon.png) 0 -47px; margin-right: 5px; vertical-align: -5px}
.pay-saoma dl dd .icon-wx{ display: inline-block; width: 23px; height: 23px; background: url(../img/sel-icon.png) -25px -47px; margin-right: 5px; vertical-align: -5px}
.pay-saoma dt{ width:178px;height: 178px;overflow: hidden; border: #d9d9d9 1px solid; border-bottom:#0084ff 2px solid;}
.pay-saoma dl dd a{ color: #0ec5a1}
.pay-saoma dl dd.f14,.pay-saoma dl dd.f14 a{ font-size: 14px}
.pay-saoma dl dd .icon-link-zfb{ display: inline-block; width:19px; height:19px; background: url(../img/sel-icon.png) 0 -74px;vertical-align: -3px }
.pay-saoma dl dd .icon-link-wx{ display: inline-block; width:14px; height:16px; background: url(../img/sel-icon.png) -22px -74px; margin-right: 5px;vertical-align: -2px }

.layadmin-contact-box {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e7eaec;
    overflow: hidden;
}
.layadmin-homepage-panel .text-center, .layadmin-maillist-fluid .layadmin-text-center {
    text-align: center;
}
.layadmin-text-center img {
    max-width: 80%;
    border-radius: 50%;
    margin-top: 5px;
}
.layadmin-padding-left20 {
    padding-left: 20px;
}
.layadmin-title {
    margin: 5px 0 10px;
}
.cmdlist-container {
    background: #fff;
    border: 1px solid transparent;
}
.cmdlist-container img {
    width: 100%;
}
.cmdlist-text {
    padding: 20px;
}
.cmdlist-text .info {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    color: #666;
    margin-bottom: 10px;
}

#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}