body { background: #F6F6F6; font-size: 14px; min-width: 1200px }
* { font-family: "Microsoft Yahei"; box-sizing: border-box; -webkit-text-size-adjust: none }
.container { width: 1200px; margin: 0 auto }
.left { float: left }
.right { float: right }
img { border: none }
::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
border-radius:999px;
border:0 solid transparent
}
::-webkit-scrollbar-track {
box-shadow:1px 1px 5px rgba(100,100,100,.2) inset
}
::-webkit-scrollbar-thumb {
min-height:0;
background-clip:content-box;
box-shadow:0 0 0 5px rgba(100,100,100,.5) inset
}
::-webkit-scrollbar-corner {
background:0 0
}
.fl { float: left; }
.fr { float: right; }
.header { width: 100%; background: #fff }
.header-top { height: 35px; line-height: 35px; background: #fff; box-shadow: 0 1px 3px #cecece;}
.header-top a { color: #888 }
.header-top .tg, .header-top .tj { width: 50%; color: #888 }
.header-top .tg a { color: #888 }
.header-top .tj span { float: left; margin-right: 10px; color: #888 }
.header-top .tg { text-align: right }
.header-top .tg span { float: right; margin-left: 10px }
.header-logo { padding: 30px 0; border-bottom: 1px solid #f1f1f1; background-size: 190px }
.header-logo-ad, .header-logo-search { float: right }
.header-logo-ad { margin-right: 20px }
.header-logo-ad img { width: 700px; height: 75px;/* margin-right: 156px; */ }
.header-logo-ad img:nth-child(2) { margin: 0 }
.header-logo-search { width: 300px; height: 50px; background: #f1f1f1; border-radius: 28px; margin: 0px; line-height: 50px; text-align: left; padding-left: 35px; padding-right: 50px; font-size: 15px; color: #999; position: relative }
.header-logo-search .focus { border: 0; width: 170px; background: #f1f1f1 }
.header-logo-search button { width: 18px; height: 19px; position: absolute; right: 26px; top: 16px; background: url(img/search_icon.png) no-repeat; border: 0 }
.header-nav { min-height: 60px; width: 100%; background: #fff; box-shadow: 0 3px 4px #dedede }
.header-nav .layui-nav { background: #fff }
.header-nav .layui-nav { padding: 0!important; display: block }
.header-nav .layui-nav-item a, .header-nav .layui-this a { color: #333!important }
.header-nav .layui-nav-item a:hover, .header-nav .layui-this a:hover { color: #1b54bc!important }
.header-nav .layui-nav * { font-size: 16px!important }
.header-nav .layui-nav-bar, .header-nav .layui-this:after { background: #1b54bc!important; height: 2px!important }
@font-face { font-family: iconfont; src: url(img/font_808992_b3xw6ahgq6k.eot); src: url(img/font_808992_b3xw6ahgq6k.eot#iefix) format('embedded-opentype'), url('') format('woff'), url(img/font_808992_b3xw6ahgq6k.ttf) format('truetype'), url(img/font_808992_b3xw6ahgq6k.svg) format('svg') }
.iconfont { font-family: iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-xiazai:before { content: "\e63a" }
.icon-zz:before { content: "\e600" }
.icon-time:before { content: "\e602" }
.icon-gengduo:before { content: "\e63f" }
.icon-fl:before { content: "\e780" }
.footer { background: #313131; overflow: hidden; padding: 10px 0 0; margin-top: 10px }
.footer-container { width: 1200px; margin: auto }
.flogo, .flogo img { width: 149px; }
.footer-top { overflow: hidden; margin-bottom: 0px }
.pull-right { margin: 5px 0 }
.footer .about { line-height: 40px; background: #313131; color: #aaa; text-align: center; }
.footer .about a { padding-left: 9px; padding-right: 10px; color: #aaa; position: relative }
.footer .about i { position: absolute; top: 2px; right: 0; display: block; height: 13px; width: 0; overflow: hidden; border-left: 1px solid #aaa }
.footer .us { float: right }
.footer .us a { float: left; width: 40px; height: 40px; margin: 0; margin-left: 20px; background-image: url(img/footer-sprite.png); background-repeat: no-repeat; padding: 0 }
.footer .us a.weibo { background-position: 0 0 }
.footer .us a.email { background-position: -100px 0 }
.flink { padding-bottom: 40px; line-height: 23px; font-size: 12px; overflow: hidden }
.flink span { line-height: 30px; height: 30px; font-size: 15px; margin-bottom: 11px; color: #999; display: block }
.flink ul { padding: 9px 21px; background: #424242 }
.flink ul li { float: left; line-height: 30px; height: 30px; font-size: 14px; margin: 0 10px }
/*.flink ul li:nth-child(1) { margin-left: 0 }*/
.flink a { color: #bebebe }
.footer-copyright { width: 100%; background: #2d2d2d; border-top: 1px solid #3c3c3c; height: 55px; line-height: 56px; color: #6f6f6f; overflow: hidden }
.footer-copyright a { color: #6f6f6f }
.footer-copyright .pull-right { margin: 0 }
.index-container { width: 1200px; margin: 10px auto; background: #fff; overflow: hidden }
#page { text-align: center; padding: 0 15px; padding-bottom: 40px }
#page .layui-laypage a, #page .layui-laypage span { display: inline-block; vertical-align: middle; border-color: #F6F6F6; padding: 0 27px; height: 40px; color: #8e8e8e; line-height: 40px; margin: 0 -1px 5px 0; background-color: #fff; font-size: 14px }
#page .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #5298ff }
#page li { display: -webkit-inline-box }
#page .thisclass a { color: #fff; background: #1b54bc }
#side_func { position: fixed; right: 45%; bottom: 180px; z-index: 1000; margin-right: -580px; width: 58px; height: 232px }
#side_func .app:hover { background: #FFF url(img/goad.png) -35px 0 no-repeat; background-size: 80px }
#side_func .tougao { background: #FFF url(img/tougao.png) 6px 0 no-repeat; background-size: 80px }
#side_func .tougao:hover { background: #FFF url(img/tougao.png) -35px 0 no-repeat; background-size: 80px }
#side_func a.sfa { z-index: 10; display: block; overflow: hidden; width: 50px; height: 50px; border-top: 1px solid #eee; background-color: #FFF; box-shadow: 0 5px 12px #D6D6D6; color: #333; text-align: center; font-size: 14px; line-height: 56px; }
#side_func a.block1 { text-indent: 0 }
.indexx .block2, .listt .block2 { display: none!important }
#side_func a.block2 { background: #fff url(img/gocomm.png) 5px 0 no-repeat; background-size: 80px }
#side_func a.block2:hover { background: #fff url(img/gocomm.png) -35px 0 no-repeat; background-size: 80px }
#side_func a.block3 { background: #fff url(img/gotop.png) 6px 3px no-repeat; background-size: 80px }
#side_func a.block3:hover { background: #FFF url(img/gotop.png) -35px 0 no-repeat; background-size: 80px }
#side_func a.app { border-top: 0; background: #FFF url(img/goad.png) 6px 0 no-repeat; background-size: 80px }
#side_func a.sfa:hover { background-color: #1b54bc; color: #fff; line-height: 56px }
#side_func a:active { background-color: #1b54bc }
#side_func a span { float: left; display: block; overflow: hidden; padding-top: 10px; width: 50px }
.header-nav .menu { display: none }
.article_content { margin: 40px 0 }
.article_content .left { width: 760px; margin: 0 30px }
.article_content .left .article-title { font-size: 32px; color: #333; font-weight: 700; line-height: 50px }
.article_content .left .article-bq { font-size: 16px; color: #9a9a9a; margin-top: 5px }
.article_content .left .article-bq .iconfont { margin-right: 5px }
.article_content .left .article-bq time { float: left; line-height: 50px; margin-right: 20px }
.article_content .left .article-bq span { float: left; line-height: 50px; height: 50px; margin-right: 20px; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.click020116 { margin-right: 3px !important; }
.article_content .left .article-bq span a { color: #9a9a9a }
.article_content .left .article-bq span a img { width: 28px; height: 28px; vertical-align: middle; border-radius: 50%; margin-right: 10px; margin-top: -3px }
.article_content .left .article-bq b { float: left; line-height: 50px; height: 50px; margin-right: 35px; font-weight: 400 }
.article_content .left .article-bq strong { float: left; line-height: 50px; font-weight: 400; margin-right: 35px }
.article_content .left .article-content { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; margin-top: 15px; padding: 22px 0; color: #333; font-size: 15px }
.article_content .left .article-content a { color: #1b54bc }
.article-content * { word-wrap:break-word;word-break:break-all; white-space: normal; }
.article_content .left .article-content img { max-width: 100% !important; height: auto !important }
.article_content .left .article-content img:hover { opacity: .9 }
.article_content .left .article-content p { display: block; line-height: 30px; margin-bottom: 15px }
.article-xg { width: 100%; overflow: hidden }
.article-xg-title { height: 55px; line-height: 55px; font-size: 18px; color: #1b54bc; font-weight: 700; margin: 20px 0 0 }
.article-xg-title-icon { display: block; background: url(img/article-xg-title-icon.png) no-repeat center; background-size: 25px; height: 55px; width: 25px; float: left; margin-right: 10px }
.article-xg ul { width: 100% }
.article-xg ul:nth-child(1) { margin-right: 25px }
.article-xg ul li { float: left; width: 50%; margin-bottom: 5px; padding-right: 15px }
.article-xg ul li:nth-child(2n) { padding-right: 0; padding-left: 15px }
.article-xg ul li a { display: block; line-height: 30px; height: 30px; font-size: 15px; overflow: hidden }
.article-xg ul li a i { display: inline-block; vertical-align: middle; font-style: normal; margin-right: 9px; background: #dcdcdc; width: 4px; text-align: center; color: #696969; height: 4px; margin-top: -3px; margin-left: 5px; border-radius: 25px }
.article-pl { width: 100%; overflow: hidden }
.article-pl-title { height: 55px; line-height: 55px; font-size: 18px; color: #1b54bc; font-weight: 700 }
.article-pl-title-icon { display: block; background: url(img/article-pl-title-icon.png) no-repeat center; background-size: 25px; height: 55px; width: 25px; float: left; margin-right: 10px }
#cyEmoji020116 { margin-top: 26px!important }
#cyEmoji020116 .emoji-tip { font-size: 18px!important; color: #1b54bc; font-weight: 700 }
#feedAv { margin-top: -250px!important; transform: scale(0) }
.module-cmt-box { padding: 10px 0!important }
.block-head-w { height: 50px!important }
.header-login { left: 680px!important; border: 0!important; border-radius: 0!important; height: 30px!important }
.post-wrap-border-l, .post-wrap-border-r, .post-wrap-border-t-l, .post-wrap-border-t-r { display: none }
.post-wrap-main { border: 0!important }
.post-wrap-w { background: #fff; border-radius: 0; border: 1px solid #f0f0f0!important }
.btn-fw { background: #1b54bc url(img/release.svg) center no-repeat!important; width: 60px!important; height: 60px!important; border-radius: 70px; margin-top: -5px!important; margin-right: 40px!important; background-size: 30px!important; box-shadow: 0 2px 6px rgba(0,0,0,.2); -webkit-transition: .3s; transition: .3s }
.btn-fw:hover { box-shadow: 0 6px 10px rgba(0,0,0,.2) }
.block-head-w { margin-top: -50px!important; top: -15px!important }
.section-service-w { height: 0; opacity: 0 }
.head-img-w { margin: 0!important }
.head-img-w img { width: 50px!important; height: 50px!important }
.head-img-w { top: 115px!important; left: 0!important }
.wrap-action-gw { border-bottom: 1px solid #dee4e9!important; padding-top: 30px!important }
.cmt-list-number, .title-name-gw-tag, .type-lists, .wrap-action-gw i, .wrap-action-gw span, .wrap-name-w { line-height: 36px }
.cmt-list-type { margin: 0!important }
.build-floor-gw { background: #fff!important }
.block-cont-gw { padding: 20px 0!important; border: 0!important }
.head-img-w img { width: 22px!important; height: 22px!important }
.head-img-w img:hover { transition: all .3s; transform: scale(3) }
.head-img-w { top: 185px!important; left: 95px!important }
.title-user-w { display: none!important }
.list-comment-empty-w { margin-top: 5%!important }
.block-title-gw, .empty-prompt-w { background: #fff!important; border-bottom: 1px solid #f6f6f6!important; height: 40px!important }
.title-name-gw { font-weight: 700; color: #1b54bc!important }
.article_content .right { width: 310px; margin-right: 30px }
.article-hot { width: 100%; overflow: hidden; margin-bottom: 30px }
.article-hot-title { height: 55px; line-height: 55px; font-size: 18px; color: #1b54bc; font-weight: 700; border-bottom: 1px solid #ececec; padding-bottom: 12px }
.article-hot-title-icon { display: block; background: url(img/other-hot-title-icon.png) no-repeat center; background-size: 25px; height: 55px; width: 25px; float: left; margin-right: 10px }
.article-hot ul { width: 100%; overflow: hidden; margin-top: 15px }
.article-hot ul:nth-child(1) { margin-right: 25px }
.article-hot ul li { float: left; width: 100%; margin-bottom: 15px; padding-right: 15px }
.article-hot ul li:nth-child(2n) { padding-right: 0 }
.article-hot ul li:nth-last-child(1) { margin-bottom: 0 }
.article-hot ulli:nth-last-child(2) { margin-bottom: 0 }
.article-hot ul li:nth-child(1) a i { background: #ff2a2a; color: #fff }
.article-hot ul li:nth-child(2) a i { background: #ffc107; color: #fff }
.article-hot ul li:nth-child(3) a i { background: #03a9f4; color: #fff }
.article-hot ul li:nth-child(4) a i { background: #4caf50; color: #fff }
.article-hot ul li a { display: block; line-height: 30px; height: 30px; font-size: 15px; overflow: hidden }
.article-hot ul li a i { display: inline-block; vertical-align: middle; font-style: normal; margin-right: 9px; background: #f3f3f3; width: 25px; text-align: center; color: #696969; height: 25px; margin-top: -3px; margin-left: 5px; border-radius: 21px; line-height: 25px }
.article-sj { width: 100%; overflow:hidden margin-bottom:30px
}
.article-sj-title { height: 55px; line-height: 55px; font-size: 18px; color: #1b54bc; font-weight: 700; border-bottom: 1px solid #ececec; padding-bottom: 12px }
.article-sj-title-icon { display: block; background: url(img/article-sj-title-icon.png) no-repeat center; background-size: 25px; height: 55px; width: 25px; float: left; margin-right: 10px }
.article-sj ul { width: 100%; overflow: hidden; margin-top: 15px }
.article-sj ul:nth-child(1) { margin-right: 25px }
.article_content img { max-width: 100% !important; }
.article-sj ul li { float: left; width: 100%; margin-bottom: 15px; padding-right: 15px }
.article-sj ul li:nth-child(2n) { padding-right: 0 }
.article-sj ul li:nth-last-child(1) { margin-bottom: 0 }
.article-sj ulli:nth-last-child(2) { margin-bottom: 0 }
.article-sj ul li:nth-child(1) a i { background: #ff2a2a; color: #fff }
.article-sj ul li:nth-child(2) a i { background: #ffc107; color: #fff }
.article-sj ul li:nth-child(3) a i { background: #03a9f4; color: #fff }
.article-sj ul li:nth-child(4) a i { background: #4caf50; color: #fff }
.article-sj ul li a { display: block; line-height: 30px; height: 30px; font-size: 15px; overflow: hidden }
.article-sj ul li a i { display: inline-block; vertical-align: middle; font-style: normal; margin-right: 9px; background: #f3f3f3; width: 25px; text-align: center; color: #696969; height: 25px; margin-top: -3px; margin-left: 5px; border-radius: 21px; line-height: 25px }
.article-down { overflow: hidden; width: 100% }
.article-down h3 { font-size: 17px; margin: 10px 0 15px; background-size: 20px; border-top: 1px dashed #ececec; padding-top: 25px; font-weight: 700 }
.article-down a { background: #5298ff; color: #fff!important; padding: 10px 25px; font-size: 14px; display: -webkit-inline-box; border: 1px solid #5298ff; border-radius: 7px; float: left; margin-right: 20px }
#cyEmoji020116 { background-color: transparent; border: 0; color: #333; display: block; font-size: 14px; font-weight: normal; height: auto; line-height: 1.4; margin: 0 auto; overflow: visible; padding: 0; position: relative; text-align: left; width: 100%; font-size: 14px; }
#cyEmoji020116 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#cyEmoji020116 div, #cyEmoji020116 ul { margin: 0; padding: 0; }
#cyEmoji020116 img { border: 0; margin: 0 auto; padding: 0; }
#cyEmoji020116 p { text-indent: 0; }
#cyEmoji020116 .emoji-tip { border-bottom: 1px solid #e6e6e6; font-family: "Microsoft YaHei"; font-size: 16px; height: 26px; line-height: 26px; padding: 5px 0; box-sizing: content-box; -webkit-box-sizing: content-box; }
#cyEmoji020116 .emoji-tip span { float: right; }
#cyEmoji020116 .emoji-list { text-align: center; list-style: none; margin: 0 0 24px 0; overflow: hidden; padding: 10px 0 0 0; white-space: nowrap; width: 100%; padding-left: 12px; }
#cyEmoji020116 .emoji-item { cursor: pointer; display: inline; /* height: 141px; */ /* margin: 0 6px 10px 6px; */ padding: 10px 0; margin: 3px 0; position: relative; text-align: center; width: 122px; /* display: inline; */ float: left; height: auto; background: none; box-sizing: content-box; -webkit-box-sizing: content-box; }
#cyEmoji020116 .emoji-item:hover { border-radius: 4px; box-shadow: 0 0 10px #CCC; }
#cyEmoji020116 .emoji-item div { font-family: "Microsoft YaHei"; }
#cyEmoji020116 .emoji-hover { }
#cyEmoji020116 .emoji-name { display: block; font-family: "Microsoft YaHei"; font-size: 16px; height: 26px; line-height: 26px; margin: 0; padding: 7px 0 0; }
#cyEmoji020116 .emoji-num { color: #c33; display: block; font-family: "Microsoft YaHei"; font-size: 12px; height: 22px; line-height: 22px; margin: 0; padding: 0; }
#cyEmoji020116 .plus1 { background-color: transparent; color: red; font-family: "Arial"; font-size: 180%; position: absolute; }
#cyEmoji020116 .saymore { box-shadow: 0 0 10px #CCC; width: 320px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; position: absolute; z-index: 99; }
#cyEmoji020116 .saymore-slogan { font-weight: bold; height: 37px; line-height: 37px; padding: 0 0 0 17px; background: url(img/xb01.gif) repeat-x; border-bottom: 1px solid #f0f0f0; height: 37px; }
#cyEmoji020116 .saymore-close { float: right; width: 20px; height: 20px; margin: 8px 7px 0 0; display: inline; background: url(img/icon15.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.changyan.sohu.com/upload/asset/scs/images/icon15.png', sizingMethod='crop' );
_background: none; font-size: 0; }
#cyEmoji020116 .saymore-tip { line-height: 22px; color: #333; padding: 15px 0; font-size: 14px; }
#cyEmoji020116 .saymore-tip img { margin: 4px 10px 0 0; }
#cyEmoji020116 .saymore-post { height: 32px; line-height: 32px; font-size: 14px; }
#cyEmoji020116 .saymore-text { float: left; width: 200px; height: 30px; line-height: 30px\9; border: 1px solid #ccc; border-radius: 3px; padding: 0 0 0 10px; margin: 0 5px 0 0; }
#cyEmoji020116 .saymore-button { background-color: #f5f9fa; border: 1px solid #ccd3d9; border-radius: 3px; color: #5688a9; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 14px; height: 32px; width: 50px; color: #5688a9; }
#cyEmoji020116 .saymore-error { }
.shane-comment a, .shane-comment div, .shane-comment h1, .shane-comment h2, .shane-comment h3, .shane-comment h4, .shane-comment h5, .shane-comment img, .shane-comment li, .shane-comment p, .shane-comment span, .shane-comment table, .shane-comment td, .shane-comment tr, .shane-comment ul { margin: 0; padding: 0 }
.zhanwei { display: block; width: 19px!important; height: 28px; float: left; margin: 7px 15px 4px 19px!important; }
.shane-comment ul li { list-style-type: none!important }
.shane-comment { margin-top: 10px; padding-bottom: 0!important; position: relative; z-index: 1; color: #333; font-size: 14px; line-height: 1.5; overflow: hidden; border: 0; margin: 0; padding: 0; font-size: 100%; text-align: left; vertical-align: baseline; background-image: none; background-position: 0 0; width: auto; float: none; overflow: visible; text-indent: 0 }
.shane-comment ul { padding: 0; margin: 0 }
.shane-comment li { list-style: none }
.shane-comment a { text-decoration: none }
.shane-comment img { outline: 0; border: 0; display: inline-block }
.shane-comment .comment-load img { outline: 0; border: 0; width: 100px; margin: 0 auto }
.shane-comment { font-family: "Microsoft Yahei" }
.shane-comment .shane-comment-box { margin: 10px 0; position: relative; z-index: 1; height: 130px; width: 100% }
.shane-comment .shane-comment-box .b-head-img { width: 25px; height: 25px; position: absolute; left: 15px; top: 104px; border-radius: 50%; z-index: 99 }
.shane-comment .b-box-textarea { clear: both; margin: 5px 0; width: 100%; border-radius: 4px; position: relative; z-index: 1 }
.shane-comment .zhiChi .b-box-textarea { padding-top: 10px }
.shane-comment .b-box-textarea .b-box-textarea-body { background: #f0f0f0 }
.shane-comment .b-box-textarea .b-box-content { width: 98%; height: 75px; border: 0; color: #999; overflow-y: auto; outline: 0; box-sizing: content-box; background: #f0f0f0; padding: 1%; }
.shane-comment .b-emote-submit { width: 100%; height: 40px; position: relative; background: #f0f0f0; margin-top: 10px }
.shane-comment .b-emote-submit .b-emote { width: 100%; height: 40px; position: absolute; left: 0; top: 0 }
.shane-comment .b-emote-submit .b-emote i { padding: 5px; width: 40px; height: 40px; font-size: 30px; color: #c0c8ce; cursor: pointer; float: left }
.shane-comment .b-emote-submit .b-emote i:hover { color: #337ab7 }
.b-email020116 { width: 150px; float: left; display: block; padding: 4px 10px; font-size: 14px; line-height: 1.5; color: #555; background-color: #fff; background-image: none; border: none; border-radius: 23px; text-indent: 5px; margin-left: 10px; }
.shane-comment .b-emote-submit .b-emote .b-tuzki { width: 80%; border-top: 0; background: #fefcf4; border: 1px solid #d8d8d8; display: none; position: absolute; left: -2px; top: 43px }
.shane-comment .b-emote-submit .b-emote .b-tuzki img { width: 24px; height: 24px; border: 2px solid #fefcf4; cursor: pointer; display: inline-block!important }
.shane-comment .b-emote-submit .b-emote .b-tuzki img:hover { border: 2px solid #008cba }
.shane-comment .b-emote-submit .b-submit-button { width: 90px; height: 40px; position: absolute; right: 2px; top: 0 }
.shane-comment .b-emote-submit .b-submit-button input { cursor: pointer; width: 60px; height: 60px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border: 0; position: absolute; right: 24px; bottom: -22px; background: #6584ff url(img/release.svg) center no-repeat!important; border-radius: 37px; background-size: 30px!important; transition: .3s; }
.shane-comment .b-emote-submit .b-submit-button input:hover { box-shadow: 0 6px 10px rgba(0,0,0,.2) }
.shane-comment .shane-comment-title { margin-top: 40px; width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #39a7e4; color: #333; font-size: 14px }
.shane-comment .shane-comment-title .b-new { height: 40px; float: left }
.shane-comment .shane-comment-title .b-total { height: 40px; text-align: right }
.shane-comment .shane-comment-title .b-total span { color: #ee542a }
.shane-comment .b-user-comment .b-user { padding-top: 10px; height: 100%; clear: both }
.shane-comment .b-user-comment .b-user .b-pic-col .b-user-pic { width: 45px; height: 45px }
.shane-comment .b-user-comment .b-user .b-content-col .b-content { overflow: hidden }
.shane-comment .b-user-comment .b-user .b-content-col .b-content .b-reply-name, .shane-comment .b-user-comment .b-user .b-content-col .b-content .user-name { color: #ee542a }
.shane-comment .b-user-comment .b-user .b-content-col .b-content .b-reply { font-weight: 600 }
.shane-comment .b-user-comment .b-user .b-content-col .b-date { height: 30px; line-height: 30px }
.shane-comment .b-user-comment .b-child { border: 0 }
.shane-comment .b-user-comment .b-child .b-box-textarea .b-box-content { overflow-y: auto }
.shane-comment .b-user-comment .b-child .b-box-textarea .b-emote-submit .b-emote { padding-right: 0 }
.shane-comment .ds-toolbar-buttons { position: absolute; top: 5px; left: 6px }
.shane-comment .ds-add-emote:hover { background: transparent url(img/mood-hover.png) no-repeat center }
.shane-comment .ds-img-button:hover { background: transparent url(img/img-hover.png) no-repeat }
.shane-comment .ds-toolbar-button:hover { opacity: 1 }
.shane-comment .ds-toolbar-button { display: block; width: 19px!important; height: 28px; float: left; margin: 7px 15px 4px 19px; background: transparent url(img/mood.png) center no-repeat; vertical-align: middle; opacity: .6; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; transition: opacity .15s linear; margin-left: 14px; }
.shane-comment .ds-img-button { display: block; width: 19px!important; height: 19px; float: left; margin: 12px 5px 4px 10px; background: transparent url(img/img.png) center no-repeat; vertical-align: middle; opacity: .6; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; transition: opacity .15s linear; margin-left: 60px; }
.shane-comment a { cursor: pointer; text-decoration: none; color: #777; background-color: transparent; -webkit-transition: color .15s linear; -moz-transition: color .15s linear; transition: color .15s linear }
.shane-comment .b-user-comment .b-user { padding-top: 10px; height: 100% }
.shane-comment .b-user-comment .b-user .b-pic-col .b-user-pic { width: 45px; height: 45px }
.shane-comment .b-user-comment .b-user .b-content-col .b-content { overflow: hidden }
.shane-comment .b-user-comment .b-user .b-content-col .b-date { height: 30px; line-height: 30px }
.shane-comment .b-user-comment .b-child { border: 0 }
.row { padding: 0 15px 0 }
.col-lg-11 { width: 91.66666667% }
#b-content .shane-comment .b-user-comment .b-user .b-content-col .b-content .user-name, .shane-comment .b-user-comment .b-user .b-content-col .b-content .b-reply-name { color: #ee542a }
.shane-comment .b-user-comment .b-user .b-content-col .b-content .b-reply { font-weight: 600 }
.shane-comment .b-parent { overflow: hidden }
.b-clear-float { clear: both }
.marginB210 { margin-bottom: 155px!important }
.comment-load { text-align: center!important; margin-top: 20px!important }
.shane-comment .error-tip { text-align: center; color: #a94442; background-color: #f2dede; padding: 5px; border: 1px solid transparent; font-weight: 700; display: none; font-size: 14px }
.shane-comment .section-page-w { text-align: center; font-size: 0; padding-bottom: 10px; margin-top: 30px }
.shane-comment .section-page-w .cmt-more-wrap-gw { text-align: center; font-size: 12px; height: 30px; line-height: 30px; color: #999; background: #f0f0f0; cursor: pointer }
.shane-comment .section-page-w .cmt-more-wrap-gw .more-arrow-ico { display: inline-block; width: 12px; height: 12px; vertical-align: -2px; background: url(img/arrow.png); margin-left: 6px }
.shane-comment .section-page-w .cmt-more-wrap-gw:hover { background: #d9eafb; color: #4398ed }
.shane-comment .section-page-w .cmt-more-wrap-gw:hover .more-arrow-ico { background: url(img/arrow-hover.png) }
.error-tip a { color: #f60 }
.shane-comment .b-content img { vertical-align: top; padding-bottom: 20px }
.shane-comment .b-content { font-size: 14px; color: #000 }
.shane-comment .b-date { font-size: 14px; color: #000; line-height: 30px }
.shane-comment .b-box-content { font-size: 14px }


.shane-comment .comm_list ul.list li.entry { width: 100%; padding-bottom: 15px; font-family: 'Microsoft Yahei'; font-weight: 400; border-top: 20px #fff solid; border-bottom: 1px #ddd dotted; overflow: hidden }
.shane-comment .comm_list ul.list li.entry .adiv { float: left }
.shane-comment .list .entry .headerimage { display: inline-block; background: #f8f8f8; width: 50px; height: 50px; border-radius: 50%; float: left; overflow: hidden; opacity: 1; margin: 5px 10px 0 0 }
.comm_list ul.list li.entry .re_info, .shane-comment .comm_list ul.list li.entry .info { padding: 10px 0 0 0; font-size: 12px; color: #888; border: none }
.shane-comment .comm_list ul li strong.p_floor { color: #888; float: right }
.shane-comment .nick { color: #333; padding-right: 6px }
.shane-comment .comm_list ul.list li.entry p { padding: 15px 0 0 0; line-height: 24px; word-wrap: break-word; font-size: 14px }
p.trp3, p.trp2 { padding: 10px 0 0 0 !important; line-height: 16px !important; word-wrap: break-word !important; font-size: 12px !important; }
.shane-comment .comm_list ul.list li.entry .zhiChi { position: relative; float: right; padding-bottom: 10px; width: 100% }
.shane-comment .comm_list ul.list li.entry span.comm_reply { float: right; padding-top: 5px; font-size: 12px; color: #aaa }
.shane-comment .comm_reply a { margin-left: 30px; color: #777 }
.shane-comment .comm_reply .s { color: #28bd98 }
.shane-comment .comm_reply .a { color: #ff6f6f }
.shane-comment .comm_list ul.list li.entry ul.reply { clear: both; margin: 5px 0 5px 35px; padding: 0 8px; border: 1px #fcbb90 solid; background: #fefcf4; zoom: 1 }
.shane-comment .comm_list ul.list li.entry ul.reply li.gh:last-child { border: 0 }
.shane-comment .comm_list ul.list li.entry ul.reply li.gh { border-bottom: 1px dotted #fcbb90 }
.shane-comment .comm_list ul.list li.entry ul.reply .zhiChi { padding-bottom: 5px }
.shane-comment .re_comm { overflow: hidden }
.shane-comment .b-emote .form-control { font-size: 14px; height: 30px }
.shane-comment .empty-prompt-w { margin-top: 20px; height: 30px; background: #f0f0f0; text-align: center; opacity: .5 }
.shane-comment .empty-prompt-w .prompt-null-w { line-height: 30px; font-size: 12px; color: #999; text-align: center }
.shane-comment #ulcommentlist .comm { margin-left: 60px }
.shane-comment ul.b-emote-submit { margin: 0 }
.shane-comment .b-user-comment ul li { text-indent: 0 }
.shane-comment .comm_reply .s span { color: #28bd98 }
.shane-comment .comm_reply .a span { color: #ff6f6f }
.shane-comment .shane-comment-title ul li { text-indent: 0; margin-bottom: 0; line-height: inherit }
.shane-comment .info.rmp { line-height: inherit; margin: 0 }
.shane-comment #ulcommentlist .entry .comm p, .shane-comment #ulcommentlist .reply .re_comm p { text-indent: 0; margin: 0; padding: 15px 0 0 0 }
.shane-comment #ulcommentlist li { margin: 0 }
.shane-comment .b-emote-submit li.b-emote { margin: 0 }
.shane-comment .shane-comment-title li { margin: 0 }
.progress { height: 5px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) }
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease }
.progress-bar-success { background-color: #5cb85c }
.progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px }
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) }
.progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite }
.shane-img-list img { width: 50px; height: 50px }
.shane-comment .shane-comment-box { height: auto }
button.attach-image-cancel-btn { position: relative; cursor: pointer; margin-right: 10px }
.attach-image-cancel { position: absolute; top: -13px; right: -13px; opacity: .3; background-image: url(img/cha.png); width: 20px; height: 20px }
.shane-comment ul#shane-upload-imglists { margin: 10px 0; list-style-type: none; height: 40px }
.shane-comment ul#shane-upload-imglists li { float: left; border: 2px solid #f2f2f2; padding: 2px; margin-right: 8px; position: relative; transition: border-color .2s ease-out }
.shane-comment ul#shane-upload-imglists li img { display: block; width: 40px; height: 40px; cursor: url(img/zoom_out.png), url(img/zoom_out.cur), auto }
.shane-photo-viewer { position: relative; margin-top: 10px!important; border: 0; background: #fff; padding: 2px; float: left; overflow: hidden }
.shane-photo-viewer img { position: absolute; vertical-align: middle; transition: width .5s; border: 0 }
.shane-photo-viewer, .shane-photo-viewer img, .shane-photos-thumb .shane-current img { cursor: url(img/zoom_in.png), url(img/zoom_in.cur), auto }
.shane-photo-viewer-navleft, .shane-photo-viewer-navright { bottom: 0; background: url(img/s.gif); position: absolute }
.shane-photo-viewer-navleft { top: 0; left: 0; width: 10px; cursor: pointer }
.shane-photo-viewer-navleft .shane-photo-viewer-navicon { position: absolute; top: 50%; left: 8px }
.shane-photo-viewer-navright .shane-photo-viewer-navicon { position: absolute; top: 50%; right: 8px }
.shane-comment ul#shane-upload-imglists li.shane-current { border: 2px solid #f23d6a; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; cursor: auto }
.shane-photos-arrow { width: 0; height: 0; line-height: 0; font-size: 0; border: 6px dashed transparent; border-top: 6px solid #f23d6a; position: absolute; left: 15px; opacity: 0; bottom: -8px; background: 0 }
.shane-current .shane-photos-arrow { opacity: 1; bottom: -12px }
.shane-comment ul#shane-upload-imglists li.shane-current img { cursor: url(img/zoom_in.png), url(img/zoom_in.cur), auto }
.shane-comment .b-emote-submit li.b-emote .code { width: 250px; float: left; }
.input-val020116 { width: 90px; padding: 4px 10px; font-size: 14px; line-height: 1.5; color: #555; background-color: #fff; text-indent: 5px; margin-left: 10px; border-radius: 23px; border: 1px }
.shane-comment .b-emote-submit li.b-emote .code { width: 230px; float: left; margin-top: 5px; }
.shane-comment .b-emote-submit li.b-emote img { background: #fff; cursor: pointer; border-radius: 30px; height: 30px; margin-left: 10px; }
.shane-comment .b-emote-submit li.b-emote .code img { float: right; display: inline-block; background: #fff; cursor: pointer; border-radius: 30px; height: 29px; }
.icon2 input { -webkit-appearance: radio; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1;}
.hydltext { height: 50px; margin: 20px auto; text-align: center; line-height: 50px; border-bottom: 2px solid #1b54bc; width: 100%; font-size: 20px; color: #1b54bc; }
.form-horizontal { padding: 10px 0 20px 0; }
.form-group { width: 500px; margin: auto; }
.form-control { width: 300px; padding: 10px 5px; border: 1px solid #ccc; background: none; margin-bottom: 20px; border-radius: 10px; }
label.col-sm-2 { color: #ccc; }
.trlisttitle1 { display: none; }
.trdivbtn { width: 100%; text-align: center; margin: 20px 0; }
.trbtn1 { background: #1b54bc; border: none; border-radius: 5px; width: 200px; padding: 10px 0; text-align: center; margin: auto; color: #fff; cursor: pointer; }
.trbtn1:hover { background: #477ee2; }
.truserid { height: 30px; line-height: 30px; text-align: center; font-size: 14px; }
.form-control-static { height: 20px; line-height: 20px; margin-bottom: 20px; }
.publicnr { padding: 20px; }
.trusernav { width: 98%; margin: 20px auto 10px auto; }
.trusernav li { width: 200px; text-align: center; overflow: hidden; float: left; margin: 10px; }
.trusernav li span { float: left; color: #fff; margin-right: 5px; width: 16px; height: 16px; margin-top: 6px; line-height: 16px; text-align: center; }
.trusernav li a { padding: 10px; color: #333; display: block; text-decoration: none; background: #eee; font-size: 14px; margin-bottom: 10px; border-radius: 5px; }
.trusernav li a:hover { background: #f3f3f3; }
.trmidword { width: 700px; height: 30px; line-height: 30px; text-align: center; }
.trunotice { width: 99%; height: 100px; padding: 10px; border: 1px solid #FFD76B; background: #FFFEED; margin: 5px auto 15px auto; overflow-y: scroll; }
.trfontu { font-size: 14px; line-height: 100px; text-align: center; color: #F00; font-weight: 600; overflow: hidden; }
.trsignbt { width: 300px; height: 70px; display: block; margin: 10px auto; font-size: 20px; line-height: 70px; background: #FFE138; text-align: center; border-radius: 5px; }
.trsignnow i { margin-left: 20px; font-size: 22px; }
.trsigned { background: #ffe5e5; }
.trsigned i { margin-left: 20px; font-size: 22px; }
.trsignbt { transition: All 0.1s ease-in-out; -webkit-transition: All 0.1s ease-in-out; -moz-transition: All 0.1s ease-in-out; -o-transition: All 0.1s ease-in-out; }
.trsignbt:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.trsignbox { width: 500px; text-align: center; margin: 10px auto; height: 100px; }
.truserblock { border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; height: 50px; line-height: 50px; overflow: hidden; width: 24%; float: left; padding: 3px 5px; }
.truserblock:hover { background: #f9f9f9; }
.truserblocki { margin-right: 5px; color: #aaa; }
.truserinfo { display: inline-block; float: right; }
.trseparateline { height: 40px; width: 100%; background: #f5f5f5; line-height: 40px; padding-left: 2%; margin: 0 0 20px 0; }
.truseri1 { margin: 0 0 20px 0; }
.trnotice1 { height: 100px; max-height: 100px; overflow-y: scroll; overflow-x: hidden; }
.trnotice2 { height: 60px; max-height: 100px; overflow-y: scroll; overflow-x: hidden; font-size: 14px; line-height: 20px; color: #999; word-wrap: break-word; word-break: break-all; }
.trnotice3 { height: 100px; max-height: 100px; overflow-y: scroll; overflow-x: hidden; border: 1px solid #f5f5f5; padding: 0; background: #f5f5f5; }
.form020116 .form-group { width: 100%; margin: auto; }
.form020116 .form-control { width: 90%; padding: 10px 5px; border: 1px solid #ccc; background: none; margin-bottom: 20px; border-radius: 10px; }
.form020116 .form-control-static { height: auto; line-height: 20px; margin-bottom: 20px; }
.form020116b .form-group { width: 100%; margin: 0px auto 20px auto; }
.form020116b .form-control { width: 100%; padding: 10px 5px; border: 1px solid #ccc; background: none; margin-bottom: 5px; border-radius: 10px; }
.form020116b .form-control-static { height: auto; line-height: 20px; margin-bottom: 20px; }
.lybox020116 { padding: 20px; }
.trtable2, .trtable2a { width: 100%; padding: 10px 0; font-size: 12px; margin: auto; }
.trtable2 td, .trtable2a td { border-top: 1px dashed #ccc; padding: 5px 0; }
.trfont4 { font-weight: 600; background: #f5f5f5; height: 30px; line-height: 30px; font-size: 14px; }
.trbt2 { width: 50px; height: 20px; background: #dc143c; border: 0px solid #ccc; color: #fff; cursor: pointer; }
.trad3 { display: none; }
.trad3 img{width:100% !important;}

.now020116 { color: #F00 !important; }
#unamequit { float: none; }
.title { position: relative; height: 45px; line-height: 35px; text-indent: 15px; font-size: 16px; border-bottom: 1px solid #f6f6f6 }
.title:after { content: " "; position: absolute; height: 15px; width: 5px; background: #1b54bc; left: 0; top: 11px; border-radius: 5px }
.title .iconfont { float: right; height: 45px; line-height: 38px; font-size: 20px; color: #d2d2d2 }
.down-list { margin-top: 13px; background: #fff; padding: 10px 20px 15px; width: 75pc; overflow: hidden; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.down-list .tpl-tr { transition: .5s all; width: 6000px }
.down-list .tpl-tr-wai { height: 435px; overflow: hidden }
.down-list .list-top { margin-top: 20px; float: left; width: 1160px; height: 410px }
.down-list .list-top { margin-right: 0 }
.down-list .list-top ul { width: 100%; overflow: hidden }
.down-list .list-top ul:nth-child(3n) { margin-right: 0 }
.down-list .list-top li { display: block; width: 251px; border: 1px solid #f6f6f6; padding: 20px 15px; margin: 0 9px 9px 0; box-sizing: initial; float: left }
.down-list .list-top li:nth-child(4n) { margin-right: 0 }
.down-list .list-top li .fl { width: 85px; height: 85px; border-radius: 20px; overflow: hidden; margin-top: 2px; float: left; }
.down-list .list-top li .fl img { width: 85px; height: 85px }
.down-list .list-top li .fr { width: 155px; float: right; }
.down-list .list-top li .fr .tit h3 { width: 155px; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; line-height: 18px }
.down-list .list-top li .fr .tit span { color: #888; font-size: 12px }
.down-list .list-top li .fr .tit i { font-style: initial; color: #ffb80f; font-size: 14px; margin-right: 5px }
.down-list .list-top li .fr .down { width: 90px }
.down-list .list-top li .fr .down b { font-weight: 100; display: block; text-align: right; font-size: 13px; color: #888; line-height: 25px }
.down-list .list-top li .fr .down span a { display: block; border: 1px solid #f1f1f1; padding: 3px 0; text-align: center; color: #888; margin-top: 5px }
.down-list .list-top li .fr .down span a:hover { color: #5298ff; border-color: #5298ff; transition: all .3s }
.down-list .type { float: right }
.down-list .type a { color: #ababab; display: inline-block; cursor: pointer; text-indent: 0; margin-left: 13px; font-size: 15px; padding: 0 10px; height: 30px; line-height: 30px }
.down-list .type .hover { color: #1b54bc; border-bottom: 1px solid #1b54bc; height: 42px }
.article-list { margin-top: 13px; width: 75pc; margin-left: auto; margin-right: auto; margin-bottom: 10px; background: rgb(255, 255, 255); padding: 10px 20px 15px; overflow: hidden; }
.article-list .tpl-tr { transition: .5s all; width: 6000px }
.article-list .tpl-tr-wai { height: 410px; overflow: hidden }
.article-list .list-top { margin-top: 20px; float: left; width: 1160px }
.article-list .list-img { width: 100%; overflow: hidden }
.article-list .list-img li { width: 220px; margin-bottom: 20px; overflow: hidden; float: left; margin-right: 15px; border-radius: 5px }
.article-list .list-img li:nth-child(5) { margin-right: 0 }
.article-list .list-img li .img { display: flex; height: 150px; overflow: hidden }
.article-list .list-img li img { width: 100%; min-height: 100%; transition: all .5s }
.article-list .list-img li:hover img { transition: all .5s; transform: scale(1.2) }
.article-list .list-img li a { height: auto; position: relative; display: block }
.article-list .list-img li a span { position: absolute; width: 100%; color: #fff; bottom: 0; left: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 5%; line-height: 260px; height: 150px; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5))); background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.5)); background: -ms-linear-gradient(top, transparent, #000); background-color: transparent }
.article-list .list-tit { margin-top: 5px; border-top: 1px solid #f6f6f6; overflow: hidden; padding-top: 15px }
.article-list .list-tit li { width: 30%; float: left; height: 31px; overflow: hidden; line-height: 31px; margin-bottom: 10px; margin-right: 5% }
.article-list .list-tit li:nth-child(3n) { float: right; margin-right: 0; margin-left: 0 }
.article-list .list-tit li a { float: left; text-align: left; padding-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 15px; text-indent: 20px; width: 80% }
.article-list .list-tit li a:before { position: absolute; content: " "; width: 4px; height: 4px; background: #dcdcdc; left: 0; top: 12.5px; border-radius: 50% }
.article-list .list-tit li:nth-child(1) a:before { background: #ff2a2a }
.article-list .list-tit li:nth-child(2) a:before { background: #ff7171 }
.article-list .list-tit li:nth-child(3) a:before { background: #f90 }
.article-list .list-tit li:nth-child(4) a:before { background: #fc0 }
.article-list .list-tit li:nth-child(5) a:before { background: #5298ff }
.article-list .list-tit li:nth-child(6) a:before { background: #5fb878 }
.article-list .list-tit .new span { color: red }
.article-list .list-tit li span { float: right; font-size: 14px; color: #888; margin-right: 5px }
.article-list .type { float: right }
.article-list .type a { color: #ababab; display: inline-block; cursor: pointer; text-indent: 0; margin-left: 13px; font-size: 15px; padding: 0 10px; height: 30px; line-height: 30px }
.article-list .type .hover { color: #1b54bc; border-bottom: 1px solid #1b54bc; height: 42px }
.list-container .current_nav { margin: 20px 20px; border-bottom: 1px solid #f6f6f6; padding-bottom: 20px; font-size: 15px; color: #888; text-indent: 5px }
.list-container .current_nav a { color: #888 }
.list-container .list-ul { padding: 0 30px 45px }
.list-container .list-ul li { margin-bottom: 20px; padding-bottom: 20px }
.list-container .list-ul li:nth-last-child(1) { margin-bottom: 0 }
.list-container .list-ul li .list-img { float: left; width: 202px; height: 159px; overflow: hidden; text-align: center; border-radius: 3px }
.list-container .list-ul li .list-img img { min-width: 100%; vertical-align: middle; min-height: 100% }
.list-container .list-ul li .list-info { width: 100% }
.list-container .list-ul li .list-info .info-img { width: 180px; height: 130px; display: flex; border-radius: 5px; overflow: hidden }
.list-container .list-ul li .list-info .info-img a { display: block; width: 100%; height: 100%; }
.list-container .list-ul li .list-info .info-img img { width: 100%; min-height: 100%; display: block; }
.list-container .list-ul li .list-info .info-tit { width: 590px; height: 130px }
.list-container .list-ul li .list-info .soft-title { font-size: 20px; color: #333; line-height: 30px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 700 }
.list-container .list-ul li .list-info .soft-title i { display: inline-block; font-size: 14px; font-style: normal; margin-right: 12px; padding: 0 11px; border-radius: 5px; height: 25px; line-height: 25px; position: relative; top: -2.5px; color: #888; background: #f0f0f0; font-weight: 100 }
.list-container .list-ul li .list-ca { height: 25px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 15px; color: #a7a7a7; margin: 10px 0; float: left }
.list-container .list-ul li .list-ca .jd { display: inline-block; margin-right: 22px }
.list-container .list-ul li .list-intro { line-height: 25px; font-size: 14px; display: -webkit-box; color: #545454; margin: 5px 0 0; text-align: justify; min-height: 50px }
.list-container .list-ul li .list-intro * { display: inline!important }
.list-container .list-ul li .list-btn { margin-top: -50px; height: 30px; line-height: 38px; float: right }
.list-container .list-ul li .list-btn a { float: right; width: 130px; text-align: center; border: 1px solid #f0f0f0; color: #9a9a9a; font-size: 15px; border-radius: 5px; height: 40px }
.list-container .list-ul li .list-btn a:hover { background: #1b54bc; color: #fff }
.rightbox { width: 300px; overflow: hidden; margin-right: 30px; }
.rightbox .nav { margin-top: 17px }
.rightbox .nav ol { float: left; margin-right: 5px; margin-bottom: 15px }
.rightbox .nav ol a { padding: 5px 15px; border-radius: 16px; border: 1px solid #f0f0f0; display: block }
.list-right ul { width: 100%; overflow: hidden; margin-top: 15px }
.list-right ul:nth-child(1) { margin-right: 25px }
.list-right ul li { float: left; width: 100%; margin-bottom: 15px; padding-right: 15px }
.list-right ul li:nth-child(2n) { padding-right: 0 }
.list-right ul li:nth-child(1) a i { background: #ff2a2a; color: #fff }
.list-right ul li:nth-child(2) a i { background: #ffc107; color: #fff }
.list-right ul li:nth-child(3) a i { background: #03a9f4; color: #fff }
.list-right ul li:nth-child(4) a i { background: #4caf50; color: #fff }
.list-right ul li a { display: block; line-height: 30px; height: 30px; font-size: 15px; overflow: hidden }
.list-right ul li a i { display: inline-block; vertical-align: middle; font-style: normal; margin-right: 9px; background: #f3f3f3; width: 35px; text-align: center; color: #696969; height: 25px; margin-top: -3px; border-radius: 21px; line-height: 25px }
.list-soft { overflow: hidden; padding: 0 30px 45px }
.list-soft li { float: left; width: 23%; clear: inherit; border: 1px solid #f0f0f0; height: 220px; margin-right: 20px; margin-bottom: 18px; position: relative; overflow: hidden; border-radius: 5px }
.list-soft li:nth-child(4n) { margin-right: 0 }
.list-soft .list-img { display: block; width: 85px; margin: 20px auto; border-radius: 20px; height: 85px; overflow: hidden }
.list-soft .list-img img { width: 100%; height: 100% }
.list-soft .soft-title { text-align: center; width: 85%; margin: auto; text-overflow: ellipsis; white-space: inherit; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box }
.list-soft .list-ca { text-align: center; font-size: 13px; color: #888; margin-top: 10px }
.list-soft .list-btn { position: absolute; height: 0; width: 100%; bottom: 0; background: #fff; text-align: center; transition: all .5s }
.list-soft .list-btn span { display: block }
.list-soft .list-btn .pf { color: #ffa400 }
.list-soft .list-btn .dx { font-size: 13px; color: #888 }
.list-soft .list-btn a { border-radius: 5px; border: 1px solid #f1f1f1; padding: 5px 15px; margin-top: 10px; display: inline-block; color: #999 }
.list-soft .list-btn a:hover { color: #1b54bc; border: 1px solid #1b54bc }
.list-soft li:hover .list-btn { height: 95px; transition: all .5s }
 @media screen and (max-width:901px) {
.shane-comment .b-head-img { display: none }
.shane-comment .shane-comment-box { padding-left: 0 }
.shane-comment .b-emote .ds-toolbar-button {/* display:none */ overflow: hidden; }
.shane-comment .comm_list ul.list li.entry ul.reply { margin-left: 5px!important }
.shane-comment .comm_reply a { margin-left: 20px!important }
.shane-comment .reply .adiv .headerimage { display: none!important }
.shane-comment .list .entry .headerimage { width: 30px!important; height: 30px!important }
.shane-comment #ulcommentlist .comm { margin-left: 39px!important }
.shane-comment .b-emote-submit { height: 80px }
.shane-comment .b-emote-submit .b-submit-button { top: 0; right: 1px; width: 81px; }
.zhanwei { display: none }
.shane-comment .ds-img-button { margin-left: 15px; overflow: hidden; }
.shane-comment .b-emote-submit .b-submit-button input { width: 60px; right: 10px; }
.shane-comment .b-emote-submit li.b-emote .code { float: none!important; margin-top: 40px!important; width: 215px!important; }
.bdshare-slide-button-box { display: none !important; }
.index-top-ad { width: auto; }
}

@media screen and (max-width:800px) {
.list-container .current_nav { width: 100%; margin: 10px 0 1rem }
.index-container .right { display: none }
.list-container { padding: 2% 3%; width: 100% }
.list-container .list-ul, .list-soft { padding: 0 }
.list-container .list-ul li .list-info .info-img { width: 6rem; height: 6rem }
.list-container .list-ul li .list-info .info-img img { width: 100%; vertical-align: middle; height: 100%; object-fit: cover }
.list-container .list-ul li .list-info .info-tit { width: calc(100% - 7rem); height: 6rem }
.list-container .list-ul li .list-btn, .list-container .list-ul li .list-info .soft-title i { display: none }
.list-container .list-ul li .list-info .soft-title { font-weight: 400; font-size: 1.1rem; }
.list-container .list-ul li .list-intro { width: 99%; overflow: hidden; -webkit-line-clamp: 2; margin: 0; line-height: 1.3rem; height: 2.5rem; font-size:.8rem;
min-height: 2.5rem }
.list-container .list-ul li { margin-bottom: 1rem; padding-bottom: 1rem }
.list-container .list-ul li .list-ca { margin: 0 }
.list-soft li { width: 100%; border: 0; height: auto; margin: 0 0 1rem; border-bottom: 1px solid #f6f6f6; padding-bottom: 1rem }
.list-soft .list-img { width: 4rem; float: left; margin: auto; overflow: hidden; height: 4rem; border-radius: 10px; }
.list-soft .list-info { float: right; width: 100%; max-width: calc(100% - 5rem); position: relative }
.list-soft .soft-title { text-align: left; font-size:.9rem;
width: 75%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; margin: 0 }
.list-soft .list-ca { text-align: left; font-size:.8rem;
margin: 4px 0 }
.list-soft .list-btn span { float: left; font-size:.8rem!important
}
.list-soft .list-btn { position: unset; height: auto }
.list-soft .list-btn .pf { margin-right:.5rem
}
.list-soft .list-btn a { border-radius: 9px; position: absolute; top: -7px; right: 1%; width: 2rem; padding:.5rem;
display: block; box-sizing: unset }
.list-soft li:hover .list-btn { height: auto; transition: all .5s }
.shane-comment .b-emote-submit .b-emote { width: 80%; }
.b-email020116, .input-val020116, .shane-comment .b-emote-submit li.b-emote img { margin-bottom: 5px; }
.article_content .left, .article_content .right { width: 94%; margin: 0 3% }
.article_content .left .article-title { font-size: 1.2rem; line-height: 2rem }
.article_content { margin: 4% 0 }
#cyEmoji020116, .article_content .left .ad { display: none!important }
.article_content .left .article-bq {
font-size:.7rem; margin: 2% 0 }
.article_content .left .article-bq b, .article_content .left .article-bq span, .article_content .left .article-bq time { line-height: 1.4rem; height: 1.4rem }
.article-down a { margin: 1%; font-size:.8rem;
padding: 2% 0; width: 23%; text-align: center; display: block }
.article-hot-title, .article-pl-title, .article-sj-title, .article-xg-title { font-size: 1rem }
.article-hot-title-icon, .article-pl-title-icon, .article-sj-title-icon, .article-xg-title-icon { background-size: 1.5rem; margin-left:.1rem
}
.article-hot ul li a, .article-sj ul li a { font-size:.9rem
}
.article-hot ul li, .article-sj ul li { margin-bottom: 2% }
.article-hot ul li a i, .article-sj ul li a i { height: 1.5rem; width: 1.5rem; line-height: 1.5rem }
.header-login { left: 85%!important }
.down-list, .list-top, .down-list .tpl-tr ,.article-list .tpl-tr { width: 100% !important; }
.tpl-tr-wai { height: auto; }
.down-list .list-top{height:170px !important; overflow:hidden; margin-bottom:0px; margin-top:10px;}
.down-list {padding-left:10px; padding-right:10px;}
.down-list .tpl-tr-wai ,.article-list .tpl-tr-wai{height:auto;}
.down-list .type a{padding:0 .5rem;width:2rem;overflow:hidden;font-size:0}
.down-list .list-top ul li{display:none;width:29.5%;margin:0 5% 10px 0 ;border:none;padding:0}
.down-list .list-top ul li:nth-child(1),.down-list .list-top ul li:nth-child(2),.down-list .list-top ul li:nth-child(3){display:block}
.down-list .list-top ul li:nth-child(3){margin-right:0;float:right}
.down-list .list-top li .fl { margin: 0 auto; float: none; }
.down-list .list-top li .fr { width: 100%; }
.down-list .list-top li .fr .tit h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.3rem; white-space: inherit; font-size:.8rem;width: 100%; text-align: center; margin:.5rem 0}
.down-list .list-top li .fr .down { width: 90%; margin: auto }
.down-list .list-top li .fr .down span a { border-radius: 5px }
.down-list .tpl-tr { margin-bottom:.5rem}
.article-list { width:100%; padding: 2% 3% }
.article-list .tpl-tr-wai{height:auto;}

.article-list .list-img li { width: 49%; display: none; float: left; margin: 0; }
.article-list .list-img li:nth-child(1), .article-list .list-img li:nth-child(2) { display: block }
.article-list .list-img li:nth-child(2) { float: right }
.article-list .list-img li .img { height: 7rem; }
.article-list .list-tit li { width: 100%; display: none }
.article-list .list-tit li:nth-child(1), .article-list .list-tit li:nth-child(2), .article-list .list-tit li:nth-child(3), .article-list .list-tit li:nth-child(4) { display: block }
.article-list .list-tit { border: 0; }
.scoend .right { padding: 2% 3%; }

body { min-width: 100%; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size:.85rem;
line-height: 1.5; color: #3d4145; background: #eee }
.container, .footer, .footer-container, .index-container, .pull-left, .pull-right { width: 100% }
#side_func a.app, #side_func a.tougao, .footer-copyright, .header-logo-ad, .header-top, .pull-right, .index-news-tool-container { display: none }
.header-nav { box-shadow: none; border-bottom: 1px solid #f1f1f1; z-index: 99; height: auto; }
.header-nav .layui-nav layui-nav-item { white-space: nowrap }
.header-logo-search { width: 35%; height: 30px; margin: 0; line-height: 31px; font-size:.8rem;
}
.header-logo img { width: 30% }
.header-logo-search .focus { width: 94% }
.header-logo { padding: 2% }
.header-logo-search button { top:.6rem;background-size:.8rem}
.header-nav .layui-nav .layui-nav-item { line-height: 2.5rem; width: 100%; border-bottom: 1px solid #f1f1f1; text-align: center; height: 2.5rem; }
.header-nav-main { width: auto; position: absolute; z-index: 98; }
.footer-container { margin: 0 3%; width: 94% }
.footer .pull-left .flogo { margin: 0 auto 3% }
.footer .footer-top { border-bottom: 1px solid #424242; padding-bottom: 4%; margin-bottom: 3% }
.flink ul { padding: 1% }
.flink ul li { width: 25%; margin: 0; text-align: center; overflow: hidden; }
.flink { padding-bottom: 5% }
#page .layui-laypage a, #page .layui-laypage span {
font-size:.8rem; padding: 0 1rem }
#page { padding-bottom: 1% }
#page .home a { width: 2rem }
#page .down a {; width: 3rem; }
#page table { width: 100% }
#page td { display: -webkit-inline-box }
#side_func { right: 2%; margin-right: 0; bottom:200px; width:60px; height:60px;  }
#side_func a.block2 { display: none; }
#side_func a.block3 { border-radius: 26px; text-indent: 1000px }
#side_func a.sfa:hover { background-color: #fff; color: #fff }
#side_func a.block3:hover { background: #fff url(img/gotop.png) 6px 3px no-repeat; background-size: 80px }
.header { position: relative; height: 8.5rem; }
.header-logo-ad { display: block; position: absolute; bottom: 0; width: 100%; left: 0; }
.index-news-article { margin: 0; padding-top: 2%; }
.header-nav .menu { display: block; text-align: center; font-size: 1.2rem; line-height: 2.9rem; background: #fff url(img/icon-ego-menu.svg) no-repeat 40%; background-size: 6%; font-weight: 800; border-bottom: 1px solid #f1f1f1; height: 3rem; }
.header-nav .layui-nav-bar, .header-nav .layui-this:after { background: 0!important; }
.header-nav .layui-nav { display: none }
.header-nav .menu:hover>.layui-nav { display: block; }
.layui-nav .layui-nav-item a { padding: 0!important; width: 30%; margin: 0 auto; }
}
