.clearfix:after { content: "\200B"; display: block; height: 0; clear: both }
.clearfix { zoom: 1 }
.wrap { width: 1200px; margin: 0 auto }
.fl { float: left }
.fr { float: right }
.box320 { width: 320px }
.box860 { width: 860px }
.box840 { width: 840px }
.icons { background-image: url(../images/icons.png); background-repeat: no-repeat }
.wechat-code { display: none; position: absolute; top: 70px; left: -40px; padding: 10px; width: 124px; background: #fff; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) }
.wechat-code img { display: block; margin: 0 auto }
.wechat-code p { margin-top: 10px; text-align: center; font-size: 14px }
.nav { height: 54px; font-size: 20px; background: #d15f54 }
.nav ul li { float: left; height: 54px }
.nav ul li a { display: inline-block; height: 54px; line-height: 54px; padding: 0 28px; font-family: "\5FAE\8F6F\96C5\9ED1"; color: #fff; font-weight: 500 }
.nav ul li a:hover, .nav ul li.on a { background: #b44b41; color: #fff }
.slide { position: relative; float: left; width: 670px; height: 360px }
.slide-list { width: 670px; height: 360px }
.slide-list ul li { position: absolute; width: 670px; height: 360px; display: none }
.slide-list ul li:first-child { display: block }
.slide-list ul li a { display: block; width: 670px; height: 360px; overflow: hidden }
.slide-list ul li a img { transition: all .2s ease-out }
.slide:hover .slide-list ul li a img { transform: scale(1.04) }
.slide-bt a { color: #fff }
.slide-control ul li { position: relative; float: left; width: 12px; height: 12px; margin-right: 10px; border-radius: 100%; box-sizing: border-box; background: #ccc; cursor: pointer }
.slide-control ul li.on { border: 2px solid #d15f54; background: none }
.slide .prev, .slide .next { position: absolute; top: 50%; width: 32px; height: 48px; margin-top: -24px; opacity: .6; cursor: pointer }
.slide .prev { left: 10px; background-position: -109px -188px }
.slide .next { right: 10px; background-position: 7px -188px }
.slide:hover .prev, .slide:hover .next { opacity: 1 }
.foc-rec ul li { width: 178px; height: 112px; margin-bottom: 12px }
.foc-rec ul li a { position: relative; display: block; width: 178px; height: 112px; overflow: hidden }
.foc-rec ul li a i { position: absolute; top: 0; left: 0; width: 178px; height: 112px; display: block; background: #000; opacity: .3 }
.foc-rec ul li a p { position: absolute; bottom: 10px; left: 0; display: block; width: 158px; height: 48px; line-height: 24px; padding: 0 10px; color: #fff; overflow: hidden }
.foc-rec ul li a img { transition: all .2s ease-out }
.foc-rec ul li a:hover img { transform: scale(1.04) }
.news-list ul li { padding: 20px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; transition: all .3s ease }
.news-list ul li:hover { box-shadow: 0 0 8px 6px hsla(0,0%,74%,.5) }
.news-list ul li .img { float: left; position: relative; width: 210px; height: 140px; overflow: hidden }
.news-list ul li .img span { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 0 12px; height: 20px; font-size: 12px; color: #fff; opacity: .5; background: #000; border-radius: 100px; line-height: 20px }
.news-list ul li .img img { transition: all .2s ease-out }
.news-list ul li .img:hover img { transform: scale(1.04) }
.news-list ul li .info { position: relative; float: right; width: 580px; height: 140px }
.news-list ul li .info .bt { font-size: 20px; font-weight: 700; color: #333; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 56px; margin-bottom: 10px; line-height: 28px }
.news-list ul li .info p { max-height: 62px; line-height: 20px; font-size: 14px; font-weight: 400; color: #999; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.news-list ul li .ms { position: absolute; bottom: 5px; width: 100%; height: 24px; line-height: 24px; color: #b3b2b2; font-size: 12px }
.rel.news-list ul li:last-child { border-bottom: 0 }
.focus h3 { position: relative; height: 32px; padding-left: 18px; margin-bottom: 10px; overflow: hidden }
.focus h3:before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 32px; background: #d15f54 }
.focus-list li { position: relative; height: 30px; padding-left: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.focus-list li:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: #d15f54; border-radius: 100% }
.headlines span { display: block; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.headlines span a { color: #222 }
.headlines span a:hover { color: #dc0000 }
.headlines-info .pic { float: left; display: inline-block; width: 120px; height: 80px; overflow: hidden }
.headlines-info .text { float: right; width: 186px; line-height: 26px; color: #999; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.title-a { height: 40px }
.title-a .bt { float: left; height: 40px; line-height: 40px; font-size: 16px; color: #222 }
.today-hot-tab { float: right }
.today-hot-tab ul li { float: left; padding: 0 10px; color: #888 }
.today-hot-tab ul li span { position: relative; display: block; cursor: pointer }
.today-hot-tab ul li.on span { color: #d15f54 }
.today-hot-tab ul li.on span:after { content: ''; position: relative; top: -2px; display: block; width: 78%; margin: 4px auto 0 auto; height: 3px; border-radius: 3px; background: #d15f54 }
.today-hot-cont { margin-top: 10px }
.today-hot-list { display: none }
.today-hot-list.disb { display: block }
.today-hot-list ul li { padding: 12px 0; overflow: hidden }
.today-hot-list ul li .img { position: relative; float: left; width: 120px; height: 74px; overflow: hidden }
.today-hot-list ul li .img img { transition: all .2s ease-out }
.today-hot-list ul li .img:hover img { transform: scale(1.04) }
.today-hot-list ul li .info { float: right; width: 186px }
.today-hot-list ul li .info p { margin-bottom: 8px; font-size: 14px; color: #333; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.today-hot-list ul li .info span { font-size: 12px; color: #b3b2b2 }
.today-hot-list ul li .img i { position: absolute; top: 0; left: 0; width: 21px; height: 17px; line-height: 17px; color: #fff; font-size: 12px; text-align: center; opacity: .7; background-color: #000; z-index: 3 }
.today-hot-list ul li:first-child i { background: #f95456; opacity: 1 }
.today-hot-list ul li:nth-child(2) i { background: #f6a625; opacity: 1 }
.today-hot-list ul li:nth-child(3) i { background: #ffeb3b; opacity: 1 }
.side-fix a { position: relative; display: block; width: 48px; height: 48px; margin-bottom: 15px; border-radius: 100%; background-color: #dcdcdc; text-align: center; cursor: pointer }
.side-fix a.code { background-position: -118px -324px; background-color: #d15f54 }
.side-fix a.feedback { background-position: -53px -324px }
.side-fix a.backtop { display: none; background-position: 12px -318px }
.side-code img { width: 124px; height: 124px; margin-top: 20px }
.side-code p { font-size: 14px; height: 24px; line-height: 24px }
.bread { margin-top: 10px; font-size: 12px; color: #999 }
.bread a { color: #666 }
.bread a:hover { color: #d15f54 }
.bread .icons { position: relative; top: 7px; display: inline-block; width: 16px; height: 18px; background-position: 0 -496px; margin-right: 4px }
.pages span, .pages a { display: inline-block; margin-right: 2px; margin-bottom: 10px; color: #666; background: #fff; padding: 8px 16px; border: 1px solid #e6e6e6 }
.pages a:hover, .pages a.on { background: #d15f54; border: 1px solid #d15f54; color: #fff; text-decoration: none }
.classfiy ul { padding: 10px 0 }
.classfiy ul li { float: left; display: inline-block; width: 95px; height: 28px; margin: 5px 5px 0 0; background: #f2f2f2 }
.classfiy ul li a { display: inline-block; width: 95px; height: 28px; line-height: 28px; text-align: center; border-radius: 4px }
.classfiy ul li a:hover, .classfiy .clearfix .thisclass { background: #d15f54; color: #fff }
.article-title { font-size: 32px; color: #000; margin-bottom: 10px }
.article-infos { padding: 10px 0 20px 0; line-height: 28px; border-bottom: 1px solid #f2f2f2; color: #999 }
.article-infos .writer { float: left }
.article-infos .writer span { float: left; height: 28px; line-height: 28px; padding: 0 40px 0 0; color: #1e4aa1 }
.article-body { padding: 20px 0; font-size: 18px; line-height: 28px; color: #757575 }
.article-body p { padding: 10px 0 }
.article-body h2 { margin: 10px 0; font-size: 24px; color: #000; overflow: hidden; padding-top: 10px; text-indent: 14px }
.article-body h2:before { content: ""; float: left; display: block; width: 5px; height: 20px; background-color: #d15f54; margin: 6px 5px 0 0 }
.article-body h3 { margin: 10px 0; font-size: 22px; color: #111 }
.article-body a { color: #ff9136; padding: 0 4px }
.article-body img { display: block; max-width: 90%; margin: 0 auto }
.article-body table { width: 100% !important; border-collapse: collapse }
.article-body table th { background: #fff; padding: 1px 2px; line-height: 2.2em; text-align: center }
.article-body table th { background: #c00; color: #fff; padding: 0 10px; height: 36px; line-height: 20px }
.article-body table td { text-align: center; border: 1px solid #e2e2e2 !important; padding: 5px }
.next-flash .split { font-size: 16px; line-height: 54px; border-bottom: 1px solid #F0F0F0; color: #333; margin-bottom: 20px }
.next-flash .tit { font-size: 18px; line-height: 24px; color: #333; margin-bottom: 12px; display: block }
.next-flash .tit:hover { color: #d15f54 }
.next-flash .content { font-size: 14px; color: #666; line-height: 23px; margin-bottom: 12px }
.next-flash .pre-post-time { font-size: 12px; color: #969696 }
.title-b { height: 34px; background: #d15f54; line-height: 34px; color: #fff; width: 104px; text-align: center; margin-bottom: 20px }
.title-b:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 7px 11px 0 0; border-color: #954840 transparent transparent }
.pages span,.pages a {display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;background:#fff;}
.pages a,.pages span {padding:8px 16px; border:1px solid #e6e6e6; }
.pages a:hover,.pages a.on {background: #d15f54; border:1px solid  #d15f54; color:#fff; text-decoration:none; }
.pages ul li{display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;}
.pages ul li.thisclass{padding:8px 16px;background: #d15f54; border:1px solid #d15f54; color:#fff; text-decoration:none; }