@charset "utf-8";
/* 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, article, 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; -webkit-text-size-adjust:none;font-size: 14px;font-family:Microsoft YaHei,PingFang SC,HanHei SC,SimHei,Arial,sans-serif,SimSuncss;BACKGROUND: #f3f3f3;line-height: 22px}
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:#2D313E;text-decoration: none;}
a:hover {color: #0088ff/* #31424e #ff6600*/;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:#f5f5f5; position: relative; }
.fn-left {float:left !important;}
.fn-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: 5px;overflow:hidden;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.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:15px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^="ccfoo-home-"] {width: 1200px;margin: 15px auto;}
#wrapper {width: 100%;min-height:800px;position: relative;background-color: #f3f3f3; overflow:hidden; }
#mainWrap {width: 100%;min-height:800px;position: relative;background-color: #f3f3f3; overflow:hidden; }
.contentWrap {position: relative; width: 100%; min-height:800px; display: block;overflow:hidden;}
.container {width:1280px; margin:0 auto;clear: both;}
.section {position: relative; width: 100%; margin: 20px auto; overflow:hidden;}
.section .section-wrap {border-radius: 4px;overflow:hidden;}
.wrap {background: #ffffff;overflow:hidden;}
.content-wrap{position: relative;padding-bottom: 0px;width: 100%; min-height:800px; display: block;overflow:hidden; background: url(../images/bottom_bg.png) no-repeat center bottom; background-size: 100% 201px;background: #ffffff;}

.mgt10{ margin-top:10px!important;} .mgb10{margin-bottom:10px!important;} .pdb10{padding-bottom:10px;}
.mgt15{ margin-top:15px!important;} .mgb15{margin-bottom:15px!important;} .pdb15{padding-bottom:15px;}
.mgt20{ margin-top:20px!important;} .mgb20{margin-bottom:20px!important;} .pdb20{padding-bottom:20px;}
.mgt30{ margin-top:30px!important;} .mgb30{margin-bottom:30px!important;}
.mgtb10{margin: 10px 0!important;} .mgtb15{margin: 15px auto!important;} .mgtb20{margin: 20px 0!important;}
.mgl10{margin-left:10px} .mgr10{margin-right:10px}
.pdt30{padding-top:30px !important;} .pdb30{padding-bottom:30px !important;}
.pdt20{padding-top:20px !important;} .pdb20{padding-bottom:20px !important;}
.pd20{padding:20px !important;} .pd15{padding:15px !important;} .pd10{padding:10px !important;}
.pd15{padding:15px !important;} .pd18{padding:18px !important;}
.ft12{font-size: 12px !important;}
.ft14{font-size: 14px !important;}
.ft18{font-size: 18px !important;}
.ft20{font-size: 20px !important;}
.ft22{font-size: 22px !important;}
.img-hover  { -webkit-transition: 1s; transition: 1s; }
.img-hover:hover  { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/*union-advs*/
.union-wrap{width:100%;text-align: center;overflow:hidden;}
.union-adv960{margin:0 auto;width:960px;min-height:90px;border-radius: 5px;background: #ffffff;overflow:hidden;}
.union-adv300{width:300px;min-height:90px;border-radius: 5px;overflow:hidden;}
.union-adv728{margin:0 auto;width:728px;height:90px;border-radius: 5px;obackground: #ffffff;overflow:hidden;}

/*===topbar===*/
.topbar {position: relative;width: 100%;height: 35px;border-bottom: 1px #eee solid; background: #fafafa; background-repeat: repeat-x;background-position: center center;overflow: hidden;} 
.topbar .wrap-fixed {display: flex;justify-content: space-between;}
.topbar .topbar-item {float: left;font-size: 14px; color #fff;line-height: 35px;}
.topbar .topbar-item a {margin-left: 15px;}
.topbar .topbar-item a i {margin-right: 3px;}
/*===header===*/
.headbar {width: 100%; background:#ffffff;overflow: hidden; box-sizing: border-box; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);z-index: 9999; box-shadow: 0 3px 60px rgb(98 107 181 / 25%);}
.header .wrap-fixed { display: flex; flex-direction: row; justify-content: space-between;}
.header .header-logo {float: left;margin: 20px 0;}
.header .header-logo .logo-wrap {height: 40px;display: inline-block;}
.header .header-logo .logo-wrap img {width: auto;height: 100%;}
/*search*/
.header-search {float: right;height:40px;margin: 20px 0;display: flex;border-radius: 50px;overflow: hidden;}
.header-search .search-btn {float: right;margin-left: 15px;}
.header-search .search-btn button {width: 120px;height: 40px;background: #0088ff;color: #fff;font-size: 12px;cursor: pointer;}
.header-search .search-form {float: right;position: relative;}
.header-search .search-form .search-input {width: 390px;position: relative;overflow: hidden;border-radius: 4px;}
.header-search .search-form .search-input input {height: 40px;background: #f5f5f5;width: 100%; color: #aaa;font-size: 14px;text-indent: 12px;}
.header-search .search-form .search-input button {position: absolute;width: 60px;height: 40px;background: #0088ff;top: 0;right: 0;cursor: pointer;}
.header-search .search-form .search-input button:before {content: '';position: absolute;width: 18px;height: 18px;background: url("../images/search.png");margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
/*tools*/
.header-tools {margin: 15px 0;height: 50px;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
.header-tools .tools-item{margin-left:35px;font-size:14px;display:-webkit-box; display:-webkit-flex;display:-ms-flexbox; display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.header-tools .tools-item .icon{display:block;margin-bottom:0px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header-tools .tools-item .icon:before {font-size:22px;color: #0088ff;}
.header-tools .tools-item:hover .icon{-webkit-animation:throb .3s;animation:throb .3s}
.header-tools .tools-item:hover .icon:before {color: #ff6600;}
/*===navbar===*/
.navbar {position: relative;overflow: hidden;}
.navbar .navMenu {width:100%; height:50px;line-height:50px;background:#0088ff;}
.navbar .navMenu .navul {width:1280px; display:table;*display:block;margin:0px auto;}
.navbar .navMenu .navul li {display:table-cell;*display:inline;min-width:1%;float:none;*float:left;text-align:center;vertical-align:middle}
.navbar .navMenu .navul li a {display:block; padding:0 15px;*padding:0 16px;font-size:18px;text-align:center;color:#fff;position:relative;}
.navbar .navMenu .navul li a i{position:absolute;top:16px;right:0px;display:block;height:17px;width:0;overflow:hidden;border-left:1px solid #027ec6;border-right:1px solid #019cf6;}
.navbar .navMenu .navul li.active,.navbar .navMenu .navul li:hover{background-color:#007dc6;}
.navbar .navMenu .navul li.active i,.navbar .navMenu .navul li:hover a i{border-color: #007dc6;}
.navbar .subnav {font-size: 15px;height: 45px;line-height: 45px;color: #666;width: 100%;overflow: hidden;background: #fff;margin: 0px 0px;}
.navbar .subnav .wrap-fixed { display: flex; flex-direction: row; justify-content: space-between;}
.navbar .subnav i {font-size: 14px;margin-right: 2px;}
.navbar .subnav a {margin:0 10px;}
.navbar .subnav b {color:#ff5858;font-weight: bold;}
/*===footer===*/
.footer {position: relative;padding: 20px 0; min-height:100px;border-top: 1px solid #dddddd; background: #FFF; box-shadow: 0px -5px 20px rgb(27 95 160 / 10%); overflow:hidden; }
.footer .footer-fixed { display: flex; flex-direction: column; justify-content: space-between;}
.footer .footer-links{display: block;margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px #eee solid;font-size:14px;overflow:hidden;}
.footer .footer-links .friend-links {padding:15px 0;display:inline;color:#676b6f; line-height:2;}
.footer .footer-links .friend-links li {float: left;display:inline;margin-right: 10px;}
.footer .footer-links .friend-links li b {font-weight:bold;} 
.footer .footer-nav{border-top:0px solid #EAEDF0;text-align:center;line-height:22px;font-size:14px;}
.footer .footer-nav {display:flex;align-items:center;justify-content:center;color:#AFB2BE;margin-bottom:12px;}
.footer .footer-nav a{margin:0 8px;}
.footer .footer-copy {margin-bottom:20px;line-height: 22px;font-size: 13px;color:#999999;text-align: center;}
.footer .footer-logo {display:flex;justify-content:center;}
.footer .footer-logo a{margin:0 5px;}

/*分页*/
.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: 7px 11px 7px;border:1px solid #ddd;background:#fff;text-align: center;display: inline;font-size: 14px;border-radius: 4px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #0092ff;background: #fff; color:#0092ff;text-align: center;font-weight: normal;text-decoration: none;border-radius: 4px;overflow: hidden;}
.pageLink b{margin:0px 3px;padding: 7px 11px 7px;border:1px solid #0092ff;background:#0092ff; color:#fff;text-align: center;display: inline;font-size: 14px;border-radius: 4px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages{margin: 20px auto 20px;line-height:36px;font-family:"Microsoft Yahei", simsun;text-align:center;font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 5px;padding: 7px 11px 7px;border: 1px solid #ddd;background:#fff;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;border-radius: 4px;overflow: hidden;}
.epages a:hover{border:#0092ff 1px solid;background:#fff;text-decoration:none;color:#0092ff;}
.epages input{margin-bottom:0px;border:1px solid #0092ff;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 5px;padding: 7px 11px 7px;border: 1px solid #0092ff; background:#fff;color:#0092ff;text-align:center;text-decoration:none;border-radius: 4px;}
/*crumbs*/
#crumbs {position: relative;margin: 15px 0;padding: 0px 0;font-size: 14px;color: #999;overflow: hidden;}
#crumbs .container {display: flex;justify-content: space-between;}
#crumbs .crumbs-bread {float: left;display: inline;}
#crumbs .crumbs-bread a {color: #999;}
/*hot-topics*/
.hot-topics {display: block;right: 0;bottom: 0;color: #999;font-size: 14px;float: right;}
.hot-topics a {margin-left: 10px;color: #999;}
.hot-topics a:hover {color: #ff0018;}
.hot-topics a i {margin-right: 3px;}
/*hot-tags*/
.hot-tags{ float: right;color: #666;font-size: 14px;}
.hot-tags a{ display: inline-block;margin: 0 5px; padding: 0 5px;line-height: 24px;border: 0px solid #dbdee0;border-radius: 5px;color: #666;border-radius: 5px;}
.hot-tags a:hover { background: #e3efff; border-color: #dbe8fa;}
/*infolist*/
.infolist {overflow: hidden; }
.infolist .item {padding: 20px 0; height: auto;border-bottom: 1px #eee solid;overflow: hidden;}
.infolist .item:hover{ background: #f8f8f8; -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.infolist .item .pic{width: 150px;height: 100px; float: left; display: inline-block; margin-right: 15px; position: relative; overflow: hidden;border-radius: 4px;}
.infolist .item .pic img{ width:100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
/*.infolist .item:hover .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)}*/
.infolist .item h3 {line-height: 20px;  overflow: hidden;}
.infolist .item h3 a{display: inline-block;width: 100%;font-size: 16px; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.infolist .item .text{font-size: 13px;color: #999;line-height: 22px;max-height: 44pxoverflow: hidden;margin: 10px 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.infolist .item .info {height:18px;line-height:18px;color:#666;overflow:hidden;font-size:13px;} 
.infolist .item .info span{margin-right:10px}
.infolist .item .info i{width:1pc;font-size:14px !important;margin-right:3px}
.infolist .item .info .time{float: right;}
.infolist .item .info .tags{float right;max-width: 360px;overflow: hidden;}
.infolist .item .info .tags a{margin-right:10px}
/*涓夊浘*/
.infolist .item .img-list {margin: 15px 0;overflow: hidden;}
.infolist .item .img-list .img-item { float: left; width: 185px;height: 100px; margin-right: 20px; position: relative; overflow: hidden; transform-style: preserve-3d; display: list-item;}
.infolist .item .img-list .img-item:last-child{margin-right:0;}
.infolist .item .img-list .img-item img {display: block;width: 100%; height: 100%; transition: transform .5s ease .1s;-webkit-transition: -webkit-transform .5s ease .1s;}
.infolist-more {text-align: center; height: 58px;line-height: 58px; border-top: 0px solid #eee;font-size:16px;}
.infolist-more>a:after{content:"";display:inline-block;width:6px;height:11px;margin-left:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}

/*infolist-titul*/
.infolist-titul {overflow: hidden;}
.infolist-titul li {line-height: 30px;font-size: 15px;overflow: hidden;}
.infolist-titul li + li { border-top: 0px #eee dashed;}
.infolist-titul li:hover {padding:0 0px; border-radius:3px; /*background: linear-gradient(to left,#fff,#fbe3b9);border: #ffb400 1px dashed !important;*/}
.infolist-titul li span {float: left; position: relative; padding-right: 7px; margin-right: 7px;color:#999; }
.infolist-titul li span:after {position: absolute; right: 0; top: 11px;width: 1px; height: 14px; background-color: #ccc; content: '';}
.infolist-titul li span a {color: #999; }
.infolist-titul li i {float: right; font-size: 13px; color: #ccc;}
.infolist-titul li a {display: block; white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden;}
.infolist-titul li p {margin-top: 10px;font-size: 13px;color: #999; text-indent: 15px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.infolist-titul.list-dot li {padding: 8px 0;line-height: 20px;overflow: hidden;}
.infolist-titul.list-dot li a {position: relative; padding:0 12px 0 12px;}
.infolist-titul.list-dot li a:before {content: '';left: 0; top: 8px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }
.infolist-titul.list-dot li:hover a:before {background-color: #2095EC;}
.infolist-titul.list-half {display: flex; flex-wrap: wrap;justify-content: space-between;}
.infolist-titul.list-half li {float:left;width: -webkit-calc(50% - 15px);}
.infolist-titul.list-half li a.item-title {max-width: -webkit-calc(100% - 60px);display:inline-block;}
.infolist-titul.list-half li:nth-child(2n) { float:right;padding-right:0px;}
.infolist-titul.list-three {display: flex; flex-wrap: wrap;justify-content: space-between;}
.infolist-titul.list-three li {width: -webkit-calc(33.33% - 15px);float:left;}

/*infolist-imgul*/
.infolist-imgul {margin:0px; display: flex; flex-wrap: wrap;}
.infolist-imgul li {width: 50%;border-radius: 4px;overflow: hidden;}
.infolist-imgul li .item-wrap {display: block; margin:10px;overflow: hidden;}
.infolist-imgul li .item-wrap .item-pic {display: block;width: 100%;height: 90px;overflow: hidden;}
.infolist-imgul li .item-wrap .item-pic img {width: 100%;min-height:100%;}
.infolist-imgul li .item-wrap .item-info {margin:0px 0;} 
.infolist-imgul li .item-wrap .item-info .item-title {margin-top:0px;height: 44px;line-height: 22px;font-size: 15px; overflow:hidden;}
.infolist-imgul li .item-wrap .item-info .item-title a {}
.infolist-imgul li .item-wrap .item-info p {margin-top:10px;line-height: 20px;overflow: hidden;font-size: 14px;color: #999;}
.infolist-imgul li .item-wrap .item-info p a {color: #666;}
.infolist-imgul li .item-wrap .item-info p a:hover{color:#3291f9;}
.infolist-imgul li .item-wrap .item-info .item-desc { overflow: hidden;}
.infolist-imgul li .item-wrap .item-info .item-meta {margin-top:10px;line-height: 20px;font-size: 13px;display: flex;justify-content: space-between;}
.infolist-imgul li .item-wrap .item-info .item-meta span {color: #999;}
.infolist-imgul li .item-wrap .item-info .item-meta .item-date {}
.infolist-imgul li .item-wrap .item-info .item-meta .item-see {}
.infolist-imgul.list-item-all li {width: 100%;}
.infolist-imgul.list-item-all li .item-wrap .item-pic {height:150px;}
.infolist-imgul.list-item-all li .item-wrap .item-title {font-size: 16px;}
.infolist-imgul.list-item-lr li {width: 100%;}
.infolist-imgul.list-item-lr li .item-wrap {position: relative;padding-left:126px;}
.infolist-imgul.list-item-lr li .item-wrap .item-title {margin-top:-3px;}
.infolist-imgul.list-item-lr li .item-wrap .item-pic {position: absolute; top: 0; left: 0;width: 121px;height: 75px;}
/* infolist-titul */
.infolist-recul { overflow: hidden; display: flex;justify-content: space-between;}
.infolist-recul li {width: -webkit-calc(50% - 15px);margin-bottom: 15px;padding-bottom 15px;line-height: 20px;font-size: 16px; border-bottom: 0px #eee dashed;overflow: hidden;}
.infolist-recul li + li {}
.infolist-recul li i {float: right;font-size: 14px;color: #ccc;}
.infolist-recul li a {position: relative;padding-left: 25px;line-height: 20px;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;flex: 1;overflow: hidden;}
.infolist-recul li a:before {content: '荐';left: 0;top: 0px;width: 20px; height: 20px; position: absolute;font-size: 13px; border-radius: 3px; background-color: #f60; text-align: center;color: #fff; font-weight: normal;}
.infolist-recul li p { margin-top: 10px;font-size: 14px;color: #999;text-indent: 1px;white-space: nowrap; text-overflow: ellipsis;flex: 1; overflow: hidden;}
.infolist-recul li:hover a:before {background-color: #0088ff; }
    
    
.reclist-titul{position: relative}
.reclist-titul li{margin: 5px 0;line-height: 20px}
.reclist-titul li a{display: block;height: 20px;overflow: hidden}
.reclist-titul li a i{float: left;margin-top: 1px;margin-right: 10px;width: 30px;height: 16px;line-height: 16px;font-size: 12px;text-align: center;color: #008ee1;border: 1px solid #008ee1;border-radius: 3px}
.reclist-titul li a span{display: block;width: 72%;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.reclist-titul li a em{color: #aaa;float: right;display: block;width: 16%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.rankul{position: relative}
.rankul li{margin: 10px 0;line-height: 20px}
.rankul li a{display: block;height: 20px;overflow: hidden}
.rankul li a i{float: left;margin-right: 10px;color: #f90;width: 18px;height: 18px;line-height: 18px;text-align: center;border: 1px solid #f90;border-radius: 3px}
.rankul li a span{display: block;width: 76%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rankul li a em{color: #aaa;float: right;display: block;width: 16%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*list-picul*/
.list-picul {display: flex;justify-content: space-between;margin-bottom: 15px;}
.list-picul .item {position: relative;width: -webkit-calc(50% - 15px);height: 90px;overflow: hidden;}
.list-picul .item .item-pic {float: left;display: inline-flex;width: 134px;height: 90px;overflow: hidden;margin-right: 15px;}
.list-picul .item .item-pic img {width: 100%;min-height: 100%;}
.list-picul .item .item-cont {width: -webkit-calc(100% - 149px);height: 90px;display: flex;flex-direction: column;justify-content: space-between;}
.list-picul .item .item-cont p{margin-top:5px;line-height: 20px;font-size: 13px;color: #959595;}
.list-picul .item .item-cont .item-title {display: flex;font-size: 15px;font-weight: 700;overflow: hidden;}
.list-picul .item .item-cont .item-meta {line-height: 18px;display: flex;justify-content: space-between;color: #959595;}

/*titleA*/
.titleA {height: 22px;line-height: 22px;margin: 20px 20px 0;padding-bottom:10px;border-bottom: 1px solid #eee;clear: both;}
.titleA .title-name {position: relative;float: left;margin-right: 40px;margin-bottom: -1px;padding-bottom:8px;border-bottom: 3px solid #0088ff;font-size: 20px;font-weight: bold;}
.titleA .more {position: relative;float: right;margin-left: 20px;line-height: 22px;font-size: 15px;color: #666;}
.titleA .more i {font-size: 14px;color: #666;}
.titleA .more:hover, .box-title .box-title-more:hover i {color: #0088ff;}
.titleA .subnav {float:  left;line-height: 22px;font-size: 16px;}
.titleA .subnav a {display: inline-block;margin: 0 10px;vertical-align: middle;}
/*titleB*/
.titleB {height: 22px;margin-bottom: 15px; border-bottom: 2px #f2f4fb solid;padding-bottom: 10px;}
.titleB .title-name {float: left;line-height: 22px;margin-bottom: 0px;padding-bottom: 10px;border-bottom: 2px solid #0088ff;display: inline;font-size: 16px;font-weight: 700;}
.titleB .title-name em {margin:0 3px;color: #999;}
.titleB .more {float: right;line-height: 20px;margin-left: 15px;font-size: 15px;display: inline;color: #999;overflow: hidden;}
.titleB .subnav {float: right;color: #e6e6e6;height: 20px;line-height: 20px;font-size: 16px;margin-left: -19px;overflow: hidden;}
.titleB .subnav .tab-toc {color: #999;padding: 0 10px;cursor: pointer;}
.titleB .more:hover, .titleB .more:hover i {color: #0088ff;}
/*titleC*/
.titleC {position: relative;padding: 20px 0 10px;height: 24px; line-height: 24px;border-bottom: 1px solid #eee;clear: both;}
.titleC h3 {position: relative;float: left;margin-left:0px;padding-bottom:8px;border-bottom: 2px solid #222;margin-bottom: -1px;font-size: 16px;line-height: 24px;/* color: #008ee1; */font-weight: bold;}
.titleC h3 a {/* font-size: 24px; color: #008ee1;*/}
.titleC a.more {float: right;line-height: 44px;color: #959595;}
.titleC a.more i{ font-family: serif; font-size: 16px; color: #959595;}
.titleC .links {float: right;color: #959595;margin-top: 15px;/* margin-right:50px; line-height: 44px;  position: absolute; right: 70px;bottom: 15px; */}
.titleC .links .title a{font-size: 12px;color: #406599!important;font-family:'Microsoft Yahei'!important;}
/*list-picul*/
.list-picul {display: flex;justify-content: space-between;margin-bottom: 15px;}
.list-picul .item {position: relative;width: -webkit-calc(50% - 15px);height: 90px;overflow: hidden;}
.list-picul .item .item-pic {float: left;display: inline-flex;width: 134px;height: 90px;overflow: hidden;margin-right: 15px;}
.list-picul .item .item-pic img {width: 100%;min-height: 100%;}
.list-picul .item .item-cont {width: -webkit-calc(100% - 149px);height: 90px;display: flex;flex-direction: column;justify-content: space-between;}
.list-picul .item .item-cont p{margin-top:5px;line-height: 20px;font-size: 13px;color: #959595;}
.list-picul .item .item-cont .item-title {display: flex;font-size: 15px;font-weight: 700;overflow: hidden;}
.list-picul .item .item-cont .item-meta {line-height: 18px;display: flex;justify-content: space-between;color: #959595;}

.content-wrap .mainbar {float: left; width: -webkit-calc(100% - 340px);min-height: 300px;background-color: #f3f3f3;overflow: hidden;}
.content-wrap .sidebar {float: right; width: 340px;margin-left: -20px;padding-left: 20px;min-height: 300px;background: #f3f3f3;overflow: hidden;}
.content-wrap #archives {width: -webkit-calc(100% - 20px);min-height: 300px;background #fff;overflow: hidden;border-radius: 4px;}
/*widget*/
.content-wrap .widget {position: relative;margin:0px 0px;min-height: 100%;background:#fff; border-radius: 4px;overflow:hidden;}
/*===slider===*/
#slider .slider_box {width:360px;height:260px; margin:0 auto;position: relative;overflow: hidden;}
#slider .silder_con {position:absolute;overflow:hidden;}
#slider .silder_panel {width:360px;height:260px; float:left;position: relative; overflow:hidden;}
#slider .silder_panel a {display: block;}
#slider .silder_panel .pic {width:360px;height:260px;}
#slider .silder_panel .pic img{width:100%;min-height:100%;}
#slider .silder_panel .title {position:absolute;width: -webkit-calc(100% - 20px);padding:0px 10px; line-height:50px; left:0%; bottom:0px;font-size:16px;color:#fff;background: rgba(0,0,0,0.5);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#slider .silder_panel .title b {text-align:center;font-weight:700;}
#slider .silder_panel .title p {font-size: 14px;color: #eee;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#slider .silder_nav {position:absolute;height:12px;bottom:60px;overflow: hidden; right:10px;}
#slider .silder_nav li{float:left; width:10px; height:10px; border-radius:10px; background:rgba(0,0,0,0.5); margin-right:10px;border:1px #eee solid;}
#slider .silder_nav li.current{width:10px;border-radius:10px; background:#FF4F53;}
#slider .slider_box:hover a.prev,#slider .slider_box:hover a.next{ display:block;color: #222;}
#slider .slider_box a.prev, #slider .slider_box a.next{position: absolute;top: 50%;transform: translateY(-50%);font-size: 30px;font-weight: 500;user-select: none;background-color: rgba(0,0,0,0.8);color: #fff;border-radius: 5px;cursor: pointer;transition: all 0.1s linear; width:30px; height:50px;line-height:50px;}
#slider .slider_box a.prev {left: -50px;border-radius: 0px 50px 50px 0;}
#slider .slider_box a.next {right: -50px;border-radius: 50px 0px 0 50px;}
#slider .slider_box a i {}
#slider .slider_box a i:after{content:'';display: block;width: 15px;height: 15px;position: absolute;top: 50%;margin:-8px 0 0 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#slider .slider_box a.prev i.arrow-prev:after{right: 20%;border-bottom: 1px solid white;border-left: 1px solid white;}
#slider .slider_box a.next i.arrow-next:after{left: 20%; border-top: 1px solid white; border-right: 1px solid white;}
#slider .slider_box:hover a.prev {left: 0px;}
#slider .slider_box:hover a.next {right: 0px;}
/*=== index ===*/
/* homepage-focus */
.homepage-focus {overflow:hidden;}
.homepage-focus .focus-slider {float: left;width:360px;background-color: #eee;}
.homepage-focus .focus-recinfo {float: right;width: -webkit-calc(100% - 375px);}
.homepage-focus .focus-recinfo .focus-recinfo-pic {width:100%;height:auto;overflow:hidden;}
.homepage-focus .focus-recinfo .focus-recinfo-pic .infolist-imgul {margin:-10px;}
.homepage-focus .focus-recinfo .focus-recinfo-pic .infolist-imgul li {width: 25%;}
.homepage-focus .focus-recinfo .focus-recinfo-pic .infolist-imgul li .item-wrap {margin:8px;background-color: #fff;border-radius: 4px;overflow: hidden;}
.homepage-focus .focus-recinfo .focus-recinfo-pic .infolist-imgul li .item-wrap .item-info {padding:10px 10px 15px;}
.homepage-focus .focus-recinfo .focus-recinfo-pic .infolist-imgul li .item-wrap .item-pic {height: 105px;}
.homepage-focus .focus-recinfo .focus-recinfo-txt {width:100%;height 70px;margin-top: 15px;background-color: #fff;overflow: hidden;}
.homepage-focus .focus-recinfo .focus-recinfo-txt .infolist-titul {margin: 8px 20px;}
.homepage-focus .focus-recinfo .focus-recinfo-txt .reclist-titul {margin: 8px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.homepage-focus .focus-recinfo .focus-recinfo-txt .reclist-titul li {width: -webkit-calc(50% - 15px);}
/* homepage-update */
.homepage-update {overflow:hidden;}
.homepage-update .content {padding: 20px 20px;}
.homepage-update .update-info {float: left;width: -webkit-calc(100% - 345px);min-height:280px;background-color: #fff;border-radius: 4px;overflow:hidden;}
.homepage-update .update-info .infolist-titul {/*margin-top:5px;padding-top: 5px;*/border-top: 0px #eee dashed;overflow:hidden;}
.homepage-update .update-rank {float: right;width:330px;min-height:280px;background-color: #fff;border-radius: 4px;overflow:hidden;}
.homepage-channel {overflow:hidden;border-radius: 4px;}
.homepage-channel .box-fixed {background: #fff;display: flex;flex-direction: column;overflow:hidden;}
.homepage-channel .content {padding: 15px 20px 15px;}
.homepage-channel .channel-recinfo .infolist-imgul {margin:-10px;}
.homepage-channel .channel-recinfo .infolist-imgul li {width: 16.6667%;}
.homepage-channel .channel-recinfo .infolist-imgul li .item-wrap .item-info {margin-top:10px;}
.homepage-channel .channel-latest {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.homepage-channel .channel-latest .channel-latest-item {margin-top: 20px;width: -webkit-calc(33.33% - 20px);min-height:100px;}

/*===channel===*/
.channel-body {position: relative;margin-bottom: 0px;padding: 0px;border-radius: 4px;overflow: hidden; }
.channel-body .channel-column {min-height: 300px; margin-bottom: 20px;background: #fff; border-radius: 4px;overflow: hidden; }
.channel-body .channel-column .column-content {padding: 20px 30px 20px;overflow: hidden;}
.channel-body .channel-column:last-child {margin-bottom: 0px;}
/*===column-body===*/
.column-body {position: relative;margin-bottom: 0px;padding: 0px;background: #fff; border-radius: 4px;overflow: hidden; }
/*column*/
.column-body {position: relative;padding: 0px 0px;background: #ffffff;border-radius: 4px;overflow: hidden;}
.column-body .column-content {padding: 0px 30px 0px;overflow: hidden;}
.column-head {overflow: hidden;}
.column-head .column-desc {margin: 10px 20px ; font-size: 14px;line-height: 22px;color: #666;}
.column-title {position:relative; margin: 0 30px; padding: 15px 0px 10px; height: 30px; line-height: 30px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.column-title .column-name {position:relative; padding-left: 15px;display: block; font-size: 17px; font-weight: bold;}
.column-title .column-name::before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;height:16px;width:5px;border-radius:2px;background-color:#00a4ff;}
.column-title .column-name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.column-title .column-name .icon-star:before {}
.column-title .more {position absolute;top: 0px;right: 0;font-size: 15px;color: #666;}
.column-title .more:hover {color:#ff6600}
.column-title .more i {font-size: 16px;}

/*column-recinfo*/
.column-recinfo {margin-bottom: 20px;}
.column-recinfo .infolist-imgul {display: flex;justify-content: space-between;}
.column-recinfo .infolist-imgul li.item {width: -webkit-calc(20% - 15px);}
.column-recinfo .infolist-imgul li.item .item-wrap {margin:0px;background-color: #FFFFFF;}
.column-recinfo .infolist-imgul li.item .item-wrap .item-pic {height: 134px;}
.column-recinfo .infolist-imgul li.item .item-wrap .item-info {padding:15px;}
.column-recinfo .infolist-imgul li.item .item-wrap .item-meta {margin 0px;}





/*===article-body===*/
.article-body {position: relative;margin-bottom: 20px;padding: 0px;background: #fff; border-radius: 4px;overflow: hidden; }
.article-body .content {padding: 20px;}
.article-body .article-header {position: relative;padding:35px 30px 0px;border-bottom: 0px solid #eee;margin: 0px 0px;text-align: center;}
.article-body .article-header .article-title {margin-bottom: 20px;font-size: 24px;font-weight:500;clear: both;}
.article-body .article-header .article-meta {padding-bottom:10px;border-bottom:1px solid #eee;display: block;}
.article-body .article-header .article-meta span {color: #999;font-size:14px;margin-right: 10px;}
.article-body .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.article-body .article-header .article-meta span a:hover {color: #f80;}
.article-body .article-header .article-meta .icon-date{margin-right:3px;}
.article-body .article-header .article-meta .icon-article{color: #f80;}
.article-body .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.article-body .article-summary {margin: 15px 0;padding: 15px 20px;background-color: #f6f7fb;color: #999;line-height: 1.8em;font-size: 14px;}
.article-body .article-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;}
.article-body .article-content {display: block; margin: 0px 0;padding: 10px 30px;font-size: 16px;line-height: 30px;overflow: hidden;}
.article-body .article-content p {display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.article-body .article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.article-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.article-body .article-content img {max-width: 800px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.article-body .article-content .keylink:hover{color:#ff0000;} 
.article-body .article-content strong {font-weight:bold;} 
.article-body .article-content pre ,.article-body .article-content blockquote{padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.article-body .article-content pre ,.article-body .article-content blockquote p {margin: 0px 0;} 
.article-body .article-content pre {white-space: pre-wrap;}
.article-body .article-content table{ max-width:90%; margin:10px auto 20px; border:1px solid #ddd;border-collapse:collapse;font-size: 15px;}
.article-body .article-content table tr:nth-child(2n+1){ background-color: #f8f8f8;}
.article-body .article-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.article-body .article-content table thead th{font-weight:700;}
.article-body .article-content table tbody th{font-weight:500;}
.article-body .article-content table tbody p {text-align:center;}
.article-body .article-content ul,
.article-body .article-content ol{margin:15px 20px 15px 30px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.article-body .article-content ul li,
.article-body .article-content ol li {margin: 0 15px;line-height: 200%;}
.article-body .article-content ul li { padding:5px 0px; list-style: disc;}
.article-body .article-content ul li + li {border-top: 1px #eee dashed;}
.article-body .article-content ul li p {margin: 0;}

.article-body .article-content pre{margin:16px 0 14px;padding:14px 15px 12px;border-radius:3px;border:none}
.article-body .article-content code{margin:0 3px;padding:3px 4px;border-radius:3px;background-color:#f6f6f6;font-size:14px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.article-body .article-content pre code{padding:0;margin:0;overflow:visible}
.article-body .article-content pre,.article-body .article-content pre code{display:block;font-size:14px;line-height:1.6;background:#f6f6f6;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.article-body .article-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.article-body .article-content pre::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(153,153,153,.75)}

/*article-tags*/
.article-body .article-tags {margin:0px 0px;line-height: 24px; font-size: 14px;}
.article-body .article-tags .fn-left{ display: inline-block;vertical-align: middle;}
.article-body .article-tags .fn-left a{color:#406599;float:left;display:block;padding-right:8px; background-position: -24px -47px;}
.article-body .article-tags .fn-left a:hover{color:#FF4F53;text-decoration:none;}
.article-body .article-tags .fn-left a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.article-body .article-tags .fn-left a:last-child:after {content: "";}
.article-body .article-tags .fn-left i {float: left;display: block;width: 20px;height: 16px;background: url(../images/icons.png) -72px 0;margin: 5px 12px 0 0px;}
.article-body .article-tags .fn-left span{margin: 0 6px;color: #e4e2e2;}
.article-body .article-tags .fn-right{font-size: 12px;color: #999999;cursor: pointer;padding-right:10px;}
.article-body .article-tags .fn-right span{float: right;cursor: pointer;}
.article-body .article-tags .fn-right i{background-image: url(../images/icons.png);display: block;float: left;}
.article-body .article-tags .star i{background-position: -92px 0;width: 21px;height: 19px;margin: 2px 6px 0 0}
.article-body .article-tags .star.active i{background-position: 1px -73px;}
.article-body .article-tags .ts i{width: 14px;height: 14px;background-position: -115px 0;margin: 6px 8px 0 20px;}
.article-body .article-tags .like{float: right;margin-right: 10px;cursor: pointer;}
.article-body .article-tags .like-active{color: #619BAE;}
.article-body .article-tags .like-active .icon-like{color: #619BAE;}
.article-body .article-tags .view{float: right;margin-right: 10px;display: none;}
.article-body .article-tags .view span{font-size: 13px;}
.article-body .article-tags .like span{font-size: 13px;}
.article-body .article-tags .like .icon-like{float: left;font-size: 23px;margin-right: 5px;color: #cacaca;}
.article-body .article-tags .view .icon-icon-Group{float: left;font-size: 23px;margin-right: 5px;color: #cacaca;}

.article-tags .tagslist {float: left;margin:20px 30px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.article-tags .tagslist a {max-width: 190px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 10px 0 5px;line-height: 30px;height: 30px;margin-right: 6px;font-size: 14px;color: #555;text-decoration: none !important;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;margin-bottom: 10px;}
.article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}

/*sideTitle
.titleA {position: relative;padding: 20px 0 10px;height: 24px; line-height: 24px;border-bottom: 1px solid #eee;clear: both;}
.titleA h3 {position: relative;float: left;margin-left:0px;padding-bottom:8px;border-bottom: 2px solid #222;margin-bottom: -1px;font-size: 16px;line-height: 24px;/* color: #008ee1; font-weight: bold;}
.titleA h3 a {/* font-size: 24px; color: #008ee1;}
.titleA a.more {float: right;line-height: 44px;color: #959595;}
.titleA a.more i{ font-family: serif; font-size: 16px; color: #959595;}
.titleA .links {float: right;color: #959595;margin-top: 15px;/* margin-right:50px; line-height: 44px;  position: absolute; right: 70px;bottom: 15px; }
.titleA .links .title a{font-size: 12px;color: #406599!important;font-family:'Microsoft Yahei'!important;}
*/
/*article-relation*/
.article-related {padding:0px 0px;overflow:hidden}
.article-related .content {padding:20px 30px;}
.article-related .article-related-titul {overflow:hidden;padding: 15px 0 10px;background: #fbfbfb; display: flex;flex-wrap: wrap;justify-content: space-between;}
.article-related .article-related-titul li {float:left;width: -webkit-calc(50% - 30px);margin:0 15px;height:35px;line-height:35px;font-size:14px;overflow:hidden}
.article-related .article-related-titul li a {display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} 
.article-related .article-related-titul li:before {float: left;content: ""; background: #ccc; width: 5px; height: 5px; overflow: hidden; display: inline-block; margin: 16px 8px 0 0; border-radius: 5px;}
 
/*article-prevnext*/
.article-body .article-prevnext {margin: 0px 30px; clear: both; border-top: 1px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.article-body .article-prevnext .content {padding: 20px 0px; background: #ffffff;overflow: hidden;}
.article-body .article-prevnext .twofifth { display: block; position: relative; width: -webkit-calc(50% - 40px); font-size: 15px; color: #999; margin:0px;text-overflow: ellipsis;white-space: nowrap; }
.article-body .article-prevnext .article-next { float: right; text-align: right; padding-right: 40px; }
.article-body .article-prevnext .article-prev { float: left; padding-left: 40px; }
.article-body .article-prevnext .twofifth{width: -webkit-calc(50% - 60px);height: 40px;overflow: hidden;}
.article-body .article-prevnext .twofifth:after { position: absolute; color: #CCC; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; }
.article-body .article-prevnext .twofifth a { text-overflow: ellipsis;white-space: nowrap; }
.article-body .article-prevnext .article-prev:after { content: '«'; left: 0px; }
.article-body .article-prevnext .article-next:after { content: '»'; right: 0px; }
.article-body .article-prevnext .article-prev:hover:after,.article-body .article-prevnext .article-next:hover:after{color:#ff6600; }
/*article-prevnext*/
.article-body .article-prevnext2 {margin: 0px 30px; clear: both; border-top: 1px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.article-body .article-prevnext2 .content {padding: 15px 0px; background: #ffffff;overflow: hidden;}
.article-body .article-prevnext2 .twofifth { display: block; position: relative; width: -webkit-calc(50% - 40px); font-size: 15px; color: #999; margin:0px;text-overflow: ellipsis;white-space: nowrap; display: flex;flex-direction: column;}
.article-body .article-prevnext2 .article-next { float: right; text-align: right; padding-right 40px; }
.article-body .article-prevnext2 .article-prev { float: left; padding-left 40px; }
.article-body .article-prevnext2 .twofifth a {height: 40px;overflow: hidden;}
.article-body .article-prevnext2 .twofifth span:after { position: absolute; color: #CCC; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; }
.article-body .article-prevnext2 .article-prev span:after { content: '«'; left: 0px; }
.article-body .article-prevnext2 .article-next span:after { content: '»'; right: 0px; }
.article-body .article-prevnext2 .article-prev:hover a:after,.article-body .article-prevnext .article-next:hover a:after{color:#ff6600; }

.article-body .article-prevnext2 .article-next span{ padding-right: 40px; }
.article-body .article-prevnext2 .article-prev span{ padding-left: 40px; }

/*article-relation*/
.article-relation {padding:0px 0px; background: #fff; border-radius: 4px;overflow: hidden; }
.article-relation .titleC {margin: 0 30px; }
.article-relation .content {padding:0px 30px;}

/*module-title*/
.module-title {position:relative; margin: 0 30px; padding: 15px 0px 10px; height: 30px; line-height: 30px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.module-title .module-name {position:relative; padding-left: 15px;display: block; font-size: 18px; font-weight: bold;}
.module-title .module-name::before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;height:18px;width:5px;border-radius:2px;background-color:#00a4ff;}
.module-title .module-name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.module-title .module-name .icon-star:before {}

/*widget*/
.widget {position: relative;margin:0px 0px 18px; border-radius: 4px;overflow:hidden;}
.widget .widget-wrap {display:block; padding:0px 0px;}
.widget .content {display:block; margin:20px 20px;}
/*widget-title*/
.widget-title {position:relative; height: 18px;margin: 0px 20px;padding:20px 0 14px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;overflow: hidden;}
.widget-title h3 {position:relative;line-height: 18px;font-size:16px;font-weight:600;margin:0;padding-left:15px;}
.widget-title h3:before {content:"";position:absolute;top:1px;left:0;height: 16px;width:5px;border-radius:2px;background-color:#0088ff;}
.widget-title span {color:#ff6600}
.widget-title a.more {position absolute;top: 0px;right: 0;line-height: 18px;font-size: 15px;color: #999;}
.widget-title a.more:hover {color:#ff6600}
.widget-title a.more i {font-size: 16px;}
/*widget-ranks*/
.widget-ranks {font-size: 15px;}
.widget-ranks .item {padding: 8px 0;}
.widget-ranks .item + .item{margin-top 15px;}
.widget-ranks .item .item-wrap {display: block;padding-left: 20px;position: relative;}
.widget-ranks .item .item-wrap .item-num {position: absolute;left: 0;top: 0;width: 20px;font-size: 18px;color: #000; opacity: .25;line-height: 20px;font-family: Impact;} 
.widget-ranks .item .item-wrap:hover .item-num {color: #ff6600;opacity: 1;}
.widget-ranks .item .item-wrap .item-title {font-size: 14px;font-weight: normal;line-height: 20px;height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*widget-rankul*/
.widget-rankul {padding: 0px 0;}
.widget-rankul li {height: auto;}
.widget-rankul li + li {margin-top: 10px;padding-top: 10px;border-top: 1px #eee dashed;}
.widget-rankul li a {text-decoration: none;cursor: pointer;height: 20px !important;line-height: 20px !important;display: block;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.widget-rankul li a.line1 {padding-top: 12px;}
.widget-rankul li a i {text-decoration: none;cursor: pointer;line-height: 18px !important;display: table-cell;height: 36px;font-style: normal;}
.widget-rankul li em {display: inline-block;text-align: center;width: 18px;height: 18px;line-height: 18px;float: left;margin: 1px 10px 0px 0;font-size: 13px;color: #fff;border-radius: 2px;background:#afb2b7;}
.widget-rankul li:nth-child(1) em {background-color: #0088ff; }
.widget-rankul li:nth-child(2) em {background-color: #0099ff; }
.widget-rankul li:nth-child(3) em {background-color: #55bbff; }

.infolist-picul {margin-bottom: 10px;padding-bottom: 15px; border-bottom: 1px #eee solid;display: flex;justify-content: space-between;overflow:hidden;}
.infolist-picul li.item {width: -webkit-calc(50% - 10px);}
.infolist-picul li.item .item-pic {width:100%;height:90px; margin-bottom: 10px;}
.infolist-picul li.item .item-pic img {width:100%;height:100%;}
.infolist-picul li.item .item-title {line-height: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}

