@charset "utf-8";
/* CSS Document */
/*全局*/
/* CSS Document */
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;font: 12px/1.5 Microsoft Yahei,PingFang SC,Helvetica,Arial,Hiragino Sans GB,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased;}
a, html { color: #111e36;}
div {display: block;}
a, abbr, acronym, address, applet, archives, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, button, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, textarea, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
body{margin:0; padding:0; color:#31424e;background:#eff1f4/*#f3f5f7#f7f8fc*/; -webkit-text-size-adjust:none; }
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top; -webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:13px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a {color: #31424e;text-decoration: none;}
a:hover {color: #ff6600/*#008ee1*/;text-decoration: none;}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden; content:""}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.line-dotted {border-top: 1px #ccc dotted;height: 0;line-height: 0; font-size: 0;overflow: auto; margin: 5px 0; padding: 0;width: 100%;}
.bg-white{background-color:#fff; position: relative; }
.bg-gray{background-color:#eff1f4/*#f5f6fb*/; position: relative; }
.pull-left {float:left !important;}
.pull-right {float:right !important;} 
.textC{text-align:center}
.block-wrap{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex;display:flex;margin:0 auto;max-width: 1200px;} 
.block-center {display: flex;justify-content: space-between;align-items: center;}
.orbui-radius{border: 0px solid #eee;border-radius: 8px;overflow:hidden;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis-two{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-three{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.sticky-icon{position: absolute;left: -25px;top: 36px;display: block;width: 90px;height: 30px;line-height: 30px;background: #F60;color: #fff;font-size: 16px;font-weight: 500;text-align: center;transform: rotate(318deg);transform-origin:0% 0%;padding: 0;margin-left: 0px;z-index: 1;}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^=homepage-] {width: 1200px; margin: 0 auto; min-height:200px;}
[class^=homepage-]:after {content: ""; display: table; clear: both;}

/*通用 CSS Document */
.wrapper {width: 100%;margin:0 auto; padding-bottom:30px; position: relative; min-height:700px; display: block;}
.section {position: relative; width: 100%; margin: 20px auto;}
.container{width:1280px; margin:0 auto; position: relative;}
.container:after {content: ""; display: table; clear: both;}
.contentWrap{position: relative; width: 100%; min-height:700px; display: block;}
div:after {content: ""; display: table; clear: both;}
.main{width:960px;float:left;}
.sidebar{width: 300px;position: relative;float: right;}
.fixed-wrap{position: relative;width: 300px;}
/*union-advs*/
.union-wrap{width:100%;text-align: center;}
.union-wrap .union-adv960{width:960px;min-height:90px;background-color: #eee;text-align: center;}
.union-wrap .union-adv960 img{width:960px;height:90px;}
.union-wrap .union-adv300{width:300px;min-height:90px;background-color: #eee;}
.union-wrap .union-adv728{width:728px;min-height:90px;background-color: #eee;margin: 20px auto;}

/*recommend-column*/
.recommend-column {display: flex; background-color: #ffffff;padding:25px 25px;border-radius: 6px;background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #ffffff 100%);border: 1px solid #fff;}
.recommend-column .item {width: 20%;}
.recommend-column .item .item-wrap {/* padding-left: 74px; */position: relative;display: block;display: flex;}
.recommend-column .item .item-wrap .item-ico {width: 50px;height: 50px; margin-right: 20px; font-size: 22px;color: #5a5a5a;background-color: #f5f8fa;line-height: 50px;background: #eee; border-radius: 10px;}
.recommend-column .item .item-wrap .item-title {font-weight: bold;text-align: left;margin-bottom: 8px;/* line-height: 1.5; */font-size: 17px;}
.recommend-column .item .item-wrap .item-title .go { display: inline-block; background-color:#008ee1; border-radius: 0.04rem;text-align: left;color: #ffffff;font-size: 12px;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);font-weight: normal;padding: 1px 2px 2px 5px; line-height: 1.2; cursor: pointer;text-transform: uppercase; vertical-align: middle; margin-top: -2px; border-radius: 4px; }
.recommend-column .item .item-wrap .item-title .go .icon-angle-right:before{font-size: 12px;}
.recommend-column .item .item-wrap .item-desc {display: block;font-size: 14px;color: rgba(25,28,61,0.5);font-weight: normal;/* line-height: 1.3; */overflow: hidden;}
.recommend-column .item .item-wrap:hover .item-title .go {background-color: #FF6000;}

/*hot-tags*/
.hot-tags {display: block;float: right;margin-right: -7px;font-size: 15px;line-height: 32px;}
.hot-tags a {display: inline-block;margin: 0 7px;;padding: 0 7px;font-size: 14px;color: #8f8f8f; line-height: 1.8; background: rgb(255 255 255 / 50%); border-radius: 4px;}
.hot-tags a:hover {background: #e3efff; border-color: #dbe8fa;}
/*hot-topics*/
.hot-topics {display: block; position: absolute; right: 0; bottom: 0; color: #999;font-size: 14px;}
.hot-topics a{margin-left:10px; color: #999;}
.hot-topics a:hover {color: #ff6000;}
.hot-topics a i{margin-right:3px;color: #ff6000;}

/*topbar*/
.topbar {min-width: 1280px;height: 33px;line-height: 33px;background: #111e36;font-size: 14px;border-bottom: #111e36 1px solid;}
.topbar .top-welcome{float:left;text-align:center;color: #f2f2f2;overflow:hidden;}
.topbar .top-menu {float:right; color:#777;}
.topbar .top-menu a{ color: #f2f2f2; padding: 0 5px; text-decoration: none;}
.topbar .top-menu a:hover{ color:#63B73D;}
.topbar .top-menu a span{color:#63B73D; padding-right:5px;}

/**headbar**/
.header {height: 80px;width: 100%; background: #fff; box-sizing: border-box;box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.header .container { width:1280px; height: 100%; margin: 0 auto; display: flex;align-items: center;overflow: hidden;}
.header .logo {display: flex;align-items: center;justify-content: center;width: 200px;height: 100%;}
.header .logo img {width: 100%;}
.header .header-menu {width: 100%;height: 100%;display: flex;justify-content: space-between;}
.header .header-menu .nav-menu {width: 100%;height: 100%;display: flex;align-items: center;margin-left: 50px;}
.header .header-menu .nav-menu li {padding: 0 15px;}
.header .header-menu .nav-menu li a {display: inline-block;color: #262626;line-height: 45px;font-size: 18px;position: relative;box-sizing: border-box;}
.header .header-menu .nav-menu li a::after {content: ''; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); width: 0%; height: 3px; background-color: #ff6600; transition: all 0.8s; border-radius: 4px;}
.header .header-menu .nav-menu li:hover a::after {width: 100%;}
.header .search-box {width: 220px;background-color: #fff;overflow: hidden;}
.header .search-box .search-input {height: 40px;width: 100%;position: relative;display: flex;align-items: center;}
.header .search-box .search-input #search-input {height: 100%;width: 100%;box-sizing: border-box;background-color: #f2f2f2;border-radius: 100px;outline: none;border: none;padding-left: 20px;padding-right: 36px;font-size: 14px;}
.header .search-box .search-input .after-box {cursor: pointer;width: 16px;height: 16px;content: '';position: absolute;top: 50%;right: 6px;transform: translate(-50%, -50%);background: url(../images/sousuo.png) no-repeat center;
background-size: contain;}
.header .search-box .search-input .after-box .icon-search{position: absolute;top:-2px;font-size: 18px;}
.header .search-box .search-input .after-box .icon-search:before{font-size: 18px;}

/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 5px;padding: 8px 12px 8px;border:1px solid #eee;background:#fff;text-align: center;display: inline;font-size: 14px;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2;background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;border-radius: 6px;overflow: hidden;}
.pageLink b{margin:0px 3px;padding: 8px 12px 8px;border:1px solid #00a0e2;background:#00a0e2; color:#FFF;text-align: center;display: inline;font-size: 14px;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages{margin: 30px auto 30px;line-height:40px;font-family:"Microsoft Yahei", simsun;text-align:center;font-size: 16px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 3px;padding: 9px 14px 9px;border: 1px solid #eee;background:#fff;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;border-radius: 8px;overflow: hidden;}
.epages a:hover{border:#00a0e2 1px solid;background:#00a0e2;text-decoration:none;color:#FFF}
.epages input{margin-bottom:0px;border:1px solid #0096A5;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 3px;padding: 9px 14px 9px;border: 1px solid #00a0e2; background:#00a0e2;color:#FFF;text-align:center;text-decoration:none;border-radius: 8px;}

/*底部:版权信息*/
.footer {width: auto;margin-top: 0px; padding-top: 0px; background: #2f3234;} 
.footer a{color: #a6a6a6;} 
.footer a:hover {color: #FF6000;}
.footer .footer-meta {padding: 20px 0;}
.footer .footer-menus {text-align: center;font-size: 14px;color: #676b6f;margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px rgb(126 131 142 / 46%) solid;}
.footer .footer-menus a{margin:0 10px;}
.footer .footer-menus a:before {left: -15px; top: 3px; bottom: 2px; width: 2px;cursor: default}
.footer .friendlinks{color:#676b6f;;line-height:1.6;font-size:14px;word-break:keep-all}
.footer .friendlinks h6{font-size:14px;font-weight:normal;display:inline;margin:0 .5em}
.footer .friendlinks ul{display:inline}
.footer .friendlinks li{display:inline;margin:0 .5em}
.footer .friendlinks a{color:#676b6f;}
.footer .friendlinks a:hover{color:#ff6000}
.footer .footer-copy {width: 100%;padding: 10px 0;background: #111111;text-align: center;line-height: 2;}
.footer .footer-copy p{font-size: 13px; text-align:center;color: #676b6f;}

/**section-header**/
.section-header{;position:relative; height: 40px;margin-bottom: 20px;padding-left: 150px; overflow: hidden;}
.section-header .section-name{ display: block;font-size: 28px;position: absolute;left: 0;top: 0;line-height: 40px;background: rgba(0,0,0,0);padding: 0;margin: 0 30px 0 0;}
.section-header .section-subs{display: block;height: 35px;overflow: hidden;padding-top: 5px;font-size: 14px;}
.section-header .section-subs a{display: inline-block;height: 28px;line-height: 28px;margin: 0 8px;padding: 0 8px;border: 1px solid #dbdee0;border-radius: 5px;color: #5a5a5a; -webkit-border-radius: 5px;-webkit-transition: none;-o-transition: none;transition: none;}
.section-header .section-subs a:hover { background: #e3efff; border-color: #dbe8fa;}
.section-header .section-subs a.current{color: #fff; background: #3385ff; border-color: #3385ff;}
.section-header .hot-tags{margin-top: 8px;color: #999; }
.section-header .hot-tags a{line-height: 28px;padding: 0 8px; border: 1px solid #dbdee0;border-radius: 5px;color: #8f8f8f;border-radius: 5px;}
.section-header .hot-tags a:hover { background: #e3efff; border-color: #dbe8fa;}
.section-header .hot-topics{bottom: 10px;}
/**信息列表**/
.info-list{margin: -10px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.info-list .item{width:20%;float: left; overflow: hidden;}
.info-list .item .item-wrap{margin: 10px; overflow: hidden; position: relative; display: block; background: #fff;border-radius: 8px;}
.info-list .item:hover .item-wrap{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);}
.info-list .item .item-wrap .info-thumb{position:relative;width: 100%;height: 170px;overflow: hidden;}
.info-list .item .item-wrap .info-thumb img{width: 100%; min-width: 240px; min-height: 200px;margin-top:-30px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.info-list .item .item-wrap .info-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.info-list .item .item-wrap .info-main{padding: 15px 15px 15px;}
.info-list .item .item-wrap .info-main .info-title{margin-bottom: 18px;height: 44px;line-height: 22px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.info-list .item .item-wrap .info-meta {height: 18px;line-height: 18px;font-size: 13px;color: #999;overflow: hidden;}
.info-list .item .item-wrap .info-meta a{color: #999;}
.info-list .item .item-wrap .info-meta .time{float:right;margin-right:0px;}
.info-list .item .item-wrap .info-meta .view{float:right; font-size: 13px;}  
.info-list .item .item-wrap .info-meta .icon-view:before {margin-right:3px; font-size: 16px;}

/*图片+标题列表*/
.info-picul { display: block;}
.info-picul .item{height: 90px;margin-bottom: 20px; -webkit-transition: all .2s linear;transition: all .2s linear;}
.info-picul .item:last-child {margin-bottom: 0;border-bottom:none;}
.info-picul .item:hover{-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.info-picul .item .info-pic{width:134px;height: 90px;float: left;display: inline-block;margin-right: 20px; position: relative;overflow: hidden;border-radius: 6px;}
.info-picul .item .info-pic img{ width: 100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.info-picul .item:hover .info-pic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);}
.info-picul .item h3{margin-bottom: 20px; height: 50px; line-height: 1.6; font-size: 16px;}
.info-picul .item h3 a{font-weight: normal;overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.info-picul .item .info-meta{font-size: 12px;color: #999;overflow: hidden;}
.info-picul .item .info-meta span{color:#999;display:inline-block; font-size: 13px;}
.info-picul .item .info-meta span.time{float:right;}
.info-picul .item .info-meta span.icon-date:before{margin-right: 3px;}
.info-picul .item .info-meta b{color: #dcdedf;padding: 0px 10px;}
.info-picul .item .info-meta a{color:#666;padding-left: 20px;background:url(../images/wangyou.png) no-repeat;background-position: -209px -245px;}
.info-picul .item .info-meta a:hover{background-position: -209px -265px; transform: translate(0,0);transition: all .4s ease-in 0s;}
.info-picul .item .info-meta a font{color: #21d08c;padding-left: 2px;}
.info-picul .item .info-meta a:hover{ color:#25bf6d;}

/*topics-list*/
.topics-list{display: inline-block; margin: -10px;}
.topics-list .item{width: 20%;float: left;overflow: hidden;}
.topics-list .item .item-wrap{margin: 10px;overflow: hidden;position: relative;display: inline-block;background: #fff;border-radius: 8px;}
.topics-list .item .item-wrap .item-thumb{position:relative; width: 100%;height: 180px;overflow: hidden;}
.topics-list .item .item-wrap .item-thumb:after {position: absolute; content: '';display: block;left: 0;right: 0;bottom: 0;height: 20px;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #fff 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, #fff 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);z-index: 10;}
.topics-list .item .item-wrap .item-thumb img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.topics-list .item .item-wrap .item-term{position: absolute;top: 10px;left: 0;padding: 2px 5px;background: #ff6000;font-size: 14px;color: #fff;border-radius: 0px 5px 5px 0;}
.topics-list .item .item-wrap .item-term.term-i{}
.topics-list .item .item-wrap .item-main{padding: 0px 20px 15px;}
.topics-list .item .item-wrap .item-main .item-title{font-size: 18px;font-weight: bold;text-align: center;color: #323232;}
.topics-list .item .item-wrap .item-main .item-title:hover{color: #ff6000;}
.topics-list .item .item-wrap .item-main .item-desc{height: 40px;margin: 15px 0;line-height: 20px;font-size: 12px;overflow: hidden;color: #999;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.topics-list .item .item-wrap .item-meta{text-align: center;overflow: hidden;}
.topics-list .item .item-wrap .item-meta .btn-orange-border{display: block;font-size: 14px;color: #777; line-height:34px; overflow: hidden; background: #fafafa;border: 1px solid transparent;border-radius: 6px;}
.topics-list .item .item-wrap .item-meta .btn-orange-border:hover{color: #ffffff; background: #ff6000;}
.topics-list .item:hover .item-wrap .item-thumb img{transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.topics-list .item:hover .item-wrap .item-main .item-title{color: #ff6000;}

/**信息列表**/
.archivess-default{display: block; margin: -10px; overflow: hidden;}
.archivess-default .item{width:20%;float: left; overflow: hidden;}
.archivess-default .item .item-wrap{margin: 10px; overflow: hidden; position: relative; display: inline-block; background: #fff;border-radius: 8px;}
.archivess-default .item:hover .item-wrap{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);}
.archivess-default .item .item-wrap .item-thumb{position:relative;width: 100%;height: 180px;overflow: hidden;}
.archivess-default .item .item-wrap .item-thumb img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.archivess-default .item .item-wrap .item-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.archivess-default .item .item-wrap .item-main{padding: 15px 15px 15px;}
.archivess-default .item .item-wrap .item-main .info-title{margin-bottom: 12px;height: 40px;line-height: 20px;font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.archivess-default .item .item-wrap .item-meta {height: 18px;line-height: 18px;font-size: 12px;color: #999;overflow: hidden;}
.archivess-default .item .item-wrap .item-meta a{color: #999;}
.archivess-default .item .item-wrap .item-meta .time{float:right;margin-right:0px;}
.archivess-default .item .item-wrap .item-meta .view{float:right; font-size: 13px;}  
.archivess-default .item .item-wrap .item-meta .icon-view:before {margin-right:3px; font-size: 16px;}

/*首页布局: CSS*/
/**焦点**/
.home-focus{}
.home-focus .home-slide{float:left;width:39.0625%; height: 280px;border-radius: 6px;overflow: hidden;position: relative;list-style: none; padding: 0px; z-index: 1;}
.home-focus .home-recommend{float: right; width: 59.375%;}
.home-focus .home-recommend .info-list .item{width:33.3333%;}
/**ft-carousel**/
.ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.ft-carousel .carousel-item img {width: 100%;min-height: 100%;}
.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}
.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer;}
.ft-carousel .carousel-indicators span.active {background-color: #de3a3a;}
/*.ft-carousel .carousel-btn {position: absolute;top: 50%;width: 50px;height: 45px;margin-top: -25px;cursor: pointer;}
.ft-carousel .carousel-prev-btn {left: 0;background: url(https://demo.lanrenzhijia.com/demo/48/4886/demo/img/prev.png) no-repeat;}
.ft-carousel .carousel-next-btn {right: 0;background: url(https://demo.lanrenzhijia.com/demo/48/4886/demo/img/next.png) no-repeat;}*/
.ft-carousel .carousel-btn{display: block;position:absolute;left:0;top:50%;margin-top:-30px;width:35px;height:60px;cursor: pointer;background:url(http://www.psdee.com/Content/img/slider-arrow.png) 0px 0px no-repeat;}
.ft-carousel .carousel-next-btn{left:auto; right:0; background-position:-49px 0px}
.ft-carousel .carousel-prev-btn:hover{background-position:-99px 0px;}
.ft-carousel .carousel-next-btn:hover{background-position:-143px 0px;}

/**plate-three*
.plate-three{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.plate-three .plate-item {width:31.77083%;margin-right: 30px;border-radius: 8px;overflow: hidden;}
.plate-three .plate-item:nth-of-type(3n){margin-right: 0;}
.plate-three .plate-item .item-wrap {padding: 20px;background: #fff; }
.plate-three .plate-item:hover .item-wrap{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);}*/

/**plate-three**/
.plate-three{display: flex; flex-wrap: wrap; justify-content: flex-start;margin: -15px;}
.plate-three .plate-item {width: 33.333333%;}
.plate-three .plate-item .item-wrap {padding: 20px; background: #ffffff; margin: 15px; border-radius: 8px; overflow: hidden;}
.plate-three .plate-item:hover .item-wrap{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);}

/**plate-title**/
.plate-title{position:relative;margin-bottom:20px}
.plate-title h3{position:relative;font-size:22px;line-height:1;font-weight:500;margin:0;padding-left:15px}
.plate-title h3:before{content:"";position:absolute;top:1px;left:0;height:22px;width:5px;border-radius:2px;background-color:#00a4ff}
.plate-title .more{position:absolute;top:0;right:0;font-size:14px}
.plate-title .more a{margin-left:20px;color:#bbb}
.plate-title .more a:first-child{margin-left:0}
.plate-title .more a:hover{color:#00a4ff}

/**plate-looking**/
.plate-looking{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -10px;}
.plate-looking .item{position:relative; width: 20%;display: inline-block;}
.plate-looking .item:nth-of-type(5n){margin-right: 0;}
.plate-looking .item .item-wrap{position: relative;margin: 10px;padding: 15px;text-align: left;color: #323232;background: #fff;display: block;border-radius: 8px;}
.plate-looking .item:hover .item-wrap{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);}
.plate-looking .item .item-thumb{width: 56px;height: 56px;text-align: center;color: #fff;overflow: hidden;display: block;background-color:#00a4ff;border-radius: 40px;float: left;margin-right: 15px;}
.plate-looking .item .item-thumb img{width:100%;height:100%;}
.plate-looking .item .item-title{font-size: 16px; font-weight: bold;line-height: 30px;}
.plate-looking .item .item-meta{color: #b5b5b5;font-size: 14px;font-weight: normal;line-height: 1.8;}
.plate-looking .item .item-wrap:hover .item-title{color: #ff6000;}

/*列表页: CSS*/
.thumb {background-position: left center;}
.thumb {display: block;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 0;}
.bg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.bg .thumb {width: 100%;padding-top: 0;height: 100%;}
/**crumbs**/
.crumbs {position: relative;margin: 0px 0 20px;padding: 0;background: rgba(0,0,0,0);font-size: 14px;color: #999; line-height: 32px;}
.crumbs .crumbs-bread {float: left;display: inline;}
.crumbs .crumbs-bread a{color: #999;}
/*column-header*/
.column-header {font-size: 14px;color: #ffffff; padding-top: 40px; padding-bottom: 40px;position: relative;overflow: hidden;background-color: transparent;}
.column-header .bg {position: absolute;top: -50px;bottom: -50px;left: -50px;right: -50px;-webkit-filter: blur(30px);filter: blur(30px);background-color: #000000\9;opacity: 0.3\9;}
.column-header .bg .thumb {width: 100%;height: 100%;background-size: 200%;-webkit-transition: all 2s;transition: all 2s;display: none\9;}
.column-header .bg .thumb::after {content: '';position: absolute;display: block;left: 0;right: 0;top: 0;bottom: 0;background-color: #000000;opacity: .3;}
.column-header .column-title { position: relative; margin-bottom: 30px;}
.column-header .column-title .column-name {font-size: 26px; font-weight:bold; color: #fff;}
.column-header .column-title .hot-topics {bottom: 10px; color: #fff;font-size: 14px;}
.column-header .column-title .hot-topics strong {font-weight: normal;}
.column-header .column-title .hot-topics a,.column-header .column-title .hot-topics a i{ color: #fff;}
.column-header .column-title .hot-topics a:hover,.column-header .column-title .hot-topics a:hover i{ color: #ff6000;}
/*column-nav
.column-nav {margin-top: -40px;margin-bottom: 20px;font-size:16px;background-color: transparent;}
.column-nav .column-menu {background-color: #fff;border-radius: 8px;margin-top: 0;padding: 0px;}
.column-nav .column-menu .current a{color: #ff6000;}
.column-nav .column-menu .navmenu{padding: 30px 0;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;border-bottom: 0px #eee solid;}
.column-nav .column-menu .navmenu .item {margin: 0 15px;display: inline-block;white-space: nowrap;}
.column-nav .column-menu .submenu {border-top: 1px solid #f3f5f7;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.column-nav .column-menu .submenu .sub-item{float: none; display: inline-block;white-space: nowrap;line-height: 50px;margin: 0 15px;}
*/
/*column-nav*/
.column-nav {margin-top: -40px;margin-bottom: 20px;font-size:16px;background-color: transparent;}
.column-nav .column-menu {background-color: #fff;border-radius: 8px;margin-top: 0;padding: 0px;}
.column-nav .column-menu .current a{color: #ff6000;}
.column-nav .column-menu .navmenu{position: relative; padding: 20px 20px;display: flex; white-space: nowrap; display: flex; justify-content: center;  align-items: center; border-bottom: 1px #eee solid; flex-wrap: wrap;justify-content: flex-start;text-align: center;}
.column-nav .column-menu .navmenu .item {margin: 10px 0px;display: inline-block;white-space: nowrap;width: 8.3333%;}
.column-nav .column-menu .submenu {/* border-top: 1px solid #f3f5f7; */text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.column-nav .column-menu .submenu .sub-item{/* width: 10%; */display:block;margin: 20px 15px;}

/*内容页: CSS*/
.archives{position: relative;}
.archives-body{position: relative;padding: 20px;background: #fff; border-radius: 8px;}
.archives-body .content{padding: 20px;}
.archives-body .archives-header {position: relative;/* padding: 15px; */border-bottom: 0px solid #eee;margin: 0px 0 15px;}
.archives-body .archives-header .archives-title {font-size: 26px;/* line-height: 1.5em!important; */font-weight:bold;clear: both;margin-bottom: 20px;}
.archives-body .archives-header .archives-meta {border-bottom:0px solid #eee;/* height: 31px; */line-height: 1.5;/* padding-top: 15px; *//* margin-bottom: 20px; */display: block;}
.archives-body .archives-header .archives-meta span {color: #999;font-size:14px;margin-right: 10px;/* line-height: 16px; *//* height: 16px; */}
.archives-body .archives-header .archives-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.archives-body .archives-header .archives-meta span a:hover {color: #f80;}
.archives-body .archives-header .archives-meta .icon-date{margin-right:3px;}
.archives-body .archives-summary {/* margin: 0 15px; */padding: 15px 20px;background-color: #f6f7fb;color: #666;line-height: 1.8em;font-size: 14px;margin-bottom: 20px;}
.archives-body .archives-summary p{/* height: 40px; */line-height: 24px;font-size: 14px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.archives-body .archives-content {font-size: 16px;line-height: 30px;margin: 20px 0;overflow: hidden;display: block;}
.archives-body .archives-content p{display:block; margin-bottom: 15px; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.archives-body .archives-content a{color:#2970A6;border-bottom:1px dotted #2970A6;}
.archives-body .archives-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.archives-body .archives-content img {/*display: block;*/max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.archives-body .archives-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.archives-body .archives-content .keylink:hover{color:#ff0000;} 

/*archives-tags*/
.archives-tags{display: block;vertical-align: middle; margin-top:20px;line-height: 24px; font-size: 14px;}
.archives-tags a{color:#406599;float:left;display:block;padding-right:8px; background-position: -24px -47px;}
.archives-tags a:hover{color:#FF4F53;text-decoration:none;}
.archives-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.archives-tags a:last-child:after {content: "";}
.archives-tags i{float: left;display: block;width: 20px;height: 16px;background: url(../images/icons.png) -72px 0;margin: 5px 12px 0 0px;}
.archives-tags span{margin: 0 6px;color: #e4e2e2;}

/*relate-wrap*/
.archives-relate{margin-top:0px; padding:15px; background:#f6f7fb;}
.archives-relate .pull-left{width: 300px;height: 250px;}
.archives-relate .pull-right{width: 560px;height: 250px;}
.archives-relate .relate-info{display:block;}
.archives-relate .relate-info .item{display:block;height:63px;border-bottom:1px solid #eee;margin-bottom: 14px;padding-bottom: 15px;}
.archives-relate .relate-info .item:last-child{border-bottom:none;margin-bottom:0;}
.archives-relate .relate-info .item .pic{width:90px;height:63px;float:left; transition:all 0.2s ease;overflow: hidden;}
.archives-relate .relate-info .item .pic img{width:100%;min-height:100%;}
.archives-relate .relate-info .item .text{float:left;margin-left:15px;position:relative;width:450px;}
.archives-relate .relate-info .item .text h3{display:block;/* height:22px; *//* line-height:22px; */font-weight:bold;font-family:Microsoft Yahei;font-size:16px;margin-bottom: 5px;}
.archives-relate .relate-info .item .text span{position:absolute;right:0;top:0;color:#f18434;line-height:22px; font-size: 14px;}
.archives-relate .relate-info .item .text p{height: 36px;overflow:hidden;line-height: 1.5;color:#999;text-align:justify;font-size: 12px;}
.archives-relate .relate-info .item:hover .pic{transform:scale(1.1,1.1);}
.archives-relate .relate-info .item:hover .pic img{transform:scale(1.1,1.1);}
.archives-relate .relate-info .item:hover .text h3{color:#f18434;}
.archives-relate .relate-info .item:hover .text p{color:#666;}

/*archives-relevant*/
.archives-relevant {position: relative; width: 100%; margin:20px auto;}
.archives-relevant .info-list .item{width:25%;}
.archives-relevant .info-list .item .item-wrap .info-thumb{position:relative; width: 100%;height: 160px;overflow: hidden;} 

/**sidebar **/ 
.widget-wrap{position: relative;margin-bottom:20px; border-radius: 8px;overflow:hidden;}
.widget-wrap .content{display:block; padding:18px;background: #fff;}
/**plate-title**/
.widget-title{position:relative;margin-bottom:20px}
.widget-title h3{position:relative;font-size:22px;line-height:1;font-weight:500;margin:0;padding-left:15px}
.widget-title h3:before{content:"";position:absolute;top:1px;left:0;height:22px;width:5px;border-radius:2px;background-color:#00a4ff}
.widget-title .more{position:absolute;top:0;right:0;font-size:14px}
.widget-title .more a{margin-left:20px;color:#bbb}
.widget-title .more a:first-child{margin-left:0}
.widget-title .more a:hover{color:#00a4ff}
/*widget-picul*/
.widget-recpic{}
.widget-recpic .item{height: 60px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.widget-recpic .item + .item{margin-top:18px;}
.widget-recpic .item:hover{-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.widget-recpic .item .item-pic{width: 90px; height: 60px; float: left;display: inline-block;margin-right: 15px;position: relative;overflow: hidden;}
.widget-recpic .item .item-pic img{ width: 100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.widget-recpic .item:hover .item-pic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);}
.widget-recpic .item h3{margin-bottom:6px;height: 40px;line-height: 20px; font-size: 14px; }
.widget-recpic .item h3 a{font-weight: normal;overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.widget-recpic .item .item-meta{font-size: 12px;color: #999;margin-bottom:0px;}
.widget-recpic .item .item-meta span{color:#999;display:inline-block;margin-right: 15px;}
/*widget-topics*/
.widget-topics{}
.widget-topics .item{ display: block; width: 300px;height: 120px; border-radius: 8px; overflow: hidden;}
.widget-topics .item + .item{margin-top: 15px; }
.widget-topics .item img{width: 100%;height: 100%;}
/*widget-rank*/
.widget-ranks {margin-bottom: 0px;}
.widget-ranks .item {margin-bottom: 15px;}
.widget-ranks .item .item-wrap {display: block;padding-left: 40px;position: relative;color: #323232;}
.widget-ranks .item .item-wrap .item-num {position: absolute;left: 0;top: 0;width: 50px;font-size: 26px;color: #000; opacity: .15;line-height: 1;font-family: Impact;}
.widget-ranks .item .item-wrap:hover {color: #ff6000;}
.widget-ranks .item .item-wrap:hover .item-num {color: #ff6000;opacity: 1;}
.widget-ranks .item .item-wrap .item-title {font-size: 14px;font-weight: normal;line-height: 20px;height: 40px; overflow: hidden;}
 
.download{}
/*下载：download*/
.download-wrap{position: relative;}
.download-wrap .main{position: relative;width:960px;float:left;}
.download-body{display: block; }
/**download-header**/
.download-header {display: block; margin-bottom:15px;}
.download-header .content{padding: 20px;background-color: #fff; border-radius: 8px;overflow: hidden;}
.download-header .soft-pic{width: 300px; height:210px;float: left;overflow: hidden;border-radius: 8px;}
.download-header .soft-pic img{width:100%; height:100%;}
.download-header .soft-detail{float: right;width: 600px;display: inline-block;}
.download-header .soft-detail .soft-title{float:left;width:100%;font-weight:400;font-size: 22px;margin-bottom: 20px;}
.download-header .soft-detail .soft-parameter {float: left;padding: 10px 20px;background: #f6f7fb;display: inline-block;float: left;margin-bottom: 20px;height: 60px;}
.download-header .soft-detail .soft-parameter .item {width: 33%;float: left;margin: 5px 0;font-size: 14px;}
/**soft-tag**/
.download-header .soft-detail .soft-tag{ display: block;width: 640px; height: 80px; overflow: hidden;}
.download-header .soft-detail .soft-tag .tag-ico{width: 66px;height: 80px; margin-right: 15px; float: left; background:url(https://static.xitongzhijia.net/theme/2020/images/ui_img/ico_sys_tag.png) no-repeat;}
.download-header .soft-detail .soft-tag .tag-link{height: 80px;overflow: hidden;}
.download-header .soft-detail .soft-tag .tag-link li{float: left;line-height: 26px;margin-right: 10px;margin-bottom: 14px;font-size: 14px;overflow: hidden;}
.download-header .soft-detail .soft-tag .tag-link li a{ padding: 0 5px; height: 26px; display: block; text-align: center; color: #999999; border:1px solid #ededed; overflow: hidden;border-radius: 4px;}
.download-header .soft-detail .soft-tag .tag-link li:hover a{ color: #ffffff;  border:1px solid #358ff0; background: #358ff0;}


/**download-body**/
.download-item{margin-top:20px;background: #fff; border-radius: 8px;}
.download-item .content{padding: 25px;overflow: hidden;}
.download-item .item-title {position: relative; margin: 0px 25px;padding: 0;}
.download-item .item-title h3 {color: #fff;display: inline-block;padding: 5px 10px;font-size: 18px;background-color: #00a4ff;border-radius: 0px 0px 6px 6px;}
.download-item .item-title .hot-tags {display: block; float: right;margin-top: 15px; font-size: 14px; color: #999;}
.download-item .item-title .hot-tags a {display: inline-block;margin: 0 7px;background: rgb(255 255 255);-webkit-border-radius: 4px;border-radius: 4px;padding: 0 7px;color: #8f8f8f;}
.download-item .item-title .hot-tags a:hover{color: #ff6000;}
.download-item .item-title .hot-tags a.more{color: #ff6000;}
.download-item .item-content {font-size: 16px;line-height: 30px;padding: 25px 25px;overflow: hidden;display: block;}
.download-item .item-content p{display:block; margin-bottom: 15px; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.download-item .item-content a{color:#2970A6;border-bottom:1px dotted #2970A6;}
.download-item .item-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.download-item .item-content img {/*display: block;*/max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.download-item .item-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.download-item .item-content .keylink:hover{color:#ff0000;} 
/*download-links*/
.download-item .item-address {overflow:hidden;margin-bottom: 20px;}
.download-item .item-address .pull-left{width: 600px;overflow:hidden;}
.download-item .item-address .pull-right{width: 300px;height:250px;background: #eee;overflow:hidden;}
.download-item .item-address .sdown-links{overflow:hidden;}
.download-item .item-address .sdown-links a{float: left;min-width: 80px;line-height: 26px;padding: 0px 6px;border-radius: 4px;margin-bottom: 10px;margin-right: 20px;border: 1px solid #e1e1e1;display: block;color: #666;font-size: 14px;}
.download-item .item-address .sdown-links a .icon-angle-double-down {padding-top: 5px;}
.download-item .item-address .sdown-links a .icon-angle-double-down:before {color: #f60;font-size: 18px;/* margin-top: 5px; */}
.download-item .item-address .sdown-links a:hover{background:#ff6000;color: #ffffff; border: 1px solid #ff6000;}
.download-item .item-address .sdown-links a:hover .icon-angle-double-down:before {color: #ffffff;}
.download-item .item-address .chennuo{line-height: 1.7;font-size: 14px;position:relative;z-index:1500;margin-bottom: 20px;}
.download-item .item-address .chennuo a{color:#0099ff;}
.download-item .item-address .chennuo strong{font-weight:normal;color:#0099ff;}
.download-item .item-address .shares{height:36px;/* line-height: 1.5; */position:relative;font-size: 14px;margin-bottom:10px;}
.download-item .item-address .shares strong{float:left;font-weight:normal;margin-right:12px;display:inline;}
.download-item .item-address .shares .icon_pic{position:absolute;top: -13px;right: 20px;width: 336px;/* height: 100px; */}
/*item-install*/
.download-item .item-install{display: flex; height:40px;line-height:40px;background:#f6f7fb;}
.download-item .item-install .item{width:12.5%;text-align:center;}
.download-item .item-install .item a{display:block;font-size:14px;}
.download-item .item-install .item a:hover{background:#f18434;color:#fff;}
.download-item .item-install .item + .item a {border-left: 1px #eee solid;}

/*专题：topic*/
/*topic-header*/
.topic-header {position: relative; font-size: 14px;color: #ffffff;padding-top: 50px;padding-bottom: 50px;overflow: hidden;background-color: transparent;}
.topic-header .bg {position: absolute;top: -50px;bottom: -50px;left: -50px;right: -50px;-webkit-filter: blur(30px);filter: blur(30px);background-color: #000000\9;opacity: 0.3\9;}
.topic-header .bg .thumb {width: 100%;height: 100%;background-size: 200%;-webkit-transition: all 2s;transition: all 2s;display: none\9;}
.topic-header .bg .thumb::after {content: '';position: absolute;display: block;left: 0;right: 0;top: 0;bottom: 0;background-color: #000000;opacity: .3;}
.topic-header .topic-title {padding-top: 0px;padding-bottom: 50px;text-align: center;white-space: nowrap;}
.topic-header .topic-title h1 {font-size:  30px;color: #fff;margin-bottom: 20px;font-weight: 700;}
.topic-header .topic-title h1 .icon-star:before{font-size: 26px;}
.topic-header .topic-title .topic-desc {font-size:16px;color: #fff;font-weight: normal;}

/*topic-nav*/
.topic-nav {position: relative; margin:20px auto;width: 100%;margin-top: -50px;}
.topic-nav .topic-class{background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, #ffffff 100%); border-radius:8px; padding:25px 25px 20px;border: 1px solid #fff;}
.topic-nav .items{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -10px;}
.topic-nav .items .item{position:relative; width: 20%;display: inline-block;}
.topic-nav .items .item:nth-of-type(5n){margin-right: 0;}
.topic-nav .items .item .item-wrap{position: relative;margin: 10px;/* padding: 15px; */text-align: left;color: #323232;display: block;border-radius: 8px;}
.topic-nav .items .item .item-thumb{width: 56px;height: 56px;text-align: center;color: #fff;overflow: hidden;display: block;background-color:#00a4ff;border-radius: 40px;float: left;margin-right: 15px;}
.topic-nav .items .item .item-thumb img{width:100%;height:100%;}
.topic-nav .items .item .item-title{font-size: 18px; font-weight: bold;line-height: 30px;}
.topic-nav .items .item .item-meta{color: #b5b5b5;font-size: 14px;font-weight: normal;line-height: 1.8;}
.topic-nav .items .item .item-wrap:hover .item-title{color: #ff6000;}
/*topic-single-header*/
.topic-single-header {position: relative; padding: 20px 0 0px;}
.topic-single-header .bg {height: 100%;position: absolute;left: 0;top: 0;right: 0;background-size: 300%;background-repeat: no-repeat;background-position: center;overflow: hidden;display: none\9;}
.topic-single-header .bg::before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: inherit;-webkit-filter: blur(10px);filter: blur(50px);}
.topic-single-header .bg::after {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, #f3f5f7 100%);background-image: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #f3f5f7 100%);}

/*topic-archives-title*/
.topic-single-title{margin-top: 0px;}
.topic-single-title .item-wrap{/* padding: 30px 40px 30px; */background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #ffffff 100%); border-radius:8px;border: 1px solid #fff;position: relative;overflow: hidden;}
.topic-single-title .pull-left{width:960px;height:250px;}
.topic-single-title .pull-right{width:300px;height:250px;}
.topic-single-title .zhuanti-thumb {position: absolute;top: -50px;left: 0;width: 520px;border-radius: 8px;overflow: hidden;}
.topic-single-title .item-thumb {position: absolute;top: 20px;left: 20px;display: block;width: 210px;height: 210px;border-radius: 20px;overflow: hidden;}
.topic-single-title .item-thumb img {display: block;left: 0;top: 10px;width: 100%;height: 100%;pacity: 0;}
.topic-single-title .zhuanti-meta{font-size: 14px;float: right;padding: 20px 20px 20px 260px;}
.topic-single-title .zhuanti-meta h2 {font-size: 30px;color: #333;margin-bottom: 20px;font-weight: bold;}
.topic-single-title .zhuanti-meta h4 {font-size: 14px;margin:0 -15px;margin-bottom: 20px;}
.topic-single-title .zhuanti-meta h4 .item{margin:0 15px;}
.topic-single-title .zhuanti-meta h4 .item strong { font-size: 26px; color: #ff6000; font-family: Impact; font-weight: normal;}
.topic-single-title .zhuanti-meta p {font-size:  14px;color: #888;line-height: 1.8;margin-bottom: 15px;}
.topic-single-title .zhuanti-meta p {font-size:  14px;color: #888;line-height: 1.8;margin-bottom: 11px;/* height: 60px; */overflow: hidden;}
.topic-single-title .zhuanti-meta .btn {display: inline-block;padding: 0  20px;font-size: inherit;line-height: 3;}


.feeds-list {overflow: hidden; }
.feeds-list .feeds-item{padding: 20px;height: auto;overflow: hidden;background: #fff;margin-bottom: 20px;border-radius: 8px;}
.feeds-list li {border-top: 1px #eee solid;}
/*.feeds-list li + li {border-top: 1px #eee solid;}*/
.feeds-list li:hover{ background: #f8f8f8; -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.feeds-list .feeds-item .feeds-pic{width: 210px;height: 156px;float: left;display: inline-block;margin-right: 20px;position: relative;overflow: hidden;border-radius: 8px;}
.feeds-list .feeds-item .feeds-pic img{ width:100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
/*.feeds-list .feeds-item:hover .feeds-pic img{ transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2)}*/
.feeds-list .feeds-item h3{line-height: 30px;margin-bottom: 20px;overflow: hidden;}
.feeds-list .feeds-item h3 a{display: inline-block;width: 100%;font-size: 20px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.feeds-list .feeds-item .feeds-text{font-size: 15px;color: #999;line-height: 1.8;height: 60px;overflow: hidden;margin-bottom: 20px;}
.feeds-list .feeds-item .feeds-info {height:18px;line-height:18px;color:#666;overflow:hidden;font-size: 14px;} 
.feeds-list .feeds-item .feeds-info span{margin-right:10px}
.feeds-list .feeds-item .feeds-info a{color:#666}
.feeds-list .feeds-item .feeds-info i{width:1pc;font-size:14px !important;margin-right:3px}
.feeds-list .feeds-item .feeds-info .time{float: right;}
.feeds-list .feeds-item .feeds-info .tags{float right;max-width: 360px;overflow: hidden;}
.feeds-list .feeds-item .feeds-info .tags a{margin-right:10px}
.feeds-list .feeds-item .feeds-info .tags a:hover{color:#f85959}
/*.feeds-list .feeds-item .feeds-info .tags a:after{content: ""; width: 3px; height: 3px;font-size: 14px;display: inline-block;background: #ccc;margin:5px 0 3px 5px;border-radius: 3px;}
.feeds-list .feeds-item .feeds-info .tags a:last-child::before{content: "";width: 0; height: 0;}*/
.feeds-list .feeds-item .feeds-tags{font-size: 12px;color: #666;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;}
.feeds-list .feeds-item .feeds-tags a{margin-right:10px}