@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;line-height: 22px}
ul, li {list-style: none}
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:normal;}
ul, li {list-style-type: none}
.font_blue{color:#32a7ff !important;}
.font_bold{font-weight: bold;}
.color_red{color:#f23535 !important;}
a {color: #333;text-decoration:none;}
a:visited {color: #333;text-decoration: none}
a:hover {color: #0088ff/*#f23535*/;text-decoration: none}
img{border:none; vertical-align:top;-webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
.today {color: #f23535 !important}
.fn-left {float:left !important;}
.fn-right {float:right !important;} 
.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:14px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#wrapper {width: 100%;height:auto;position: relative;background: #f8f8f8;overflow:hidden; }
#mainWrap{position: relative;padding-bottom: 0px;width: 100%; min-height:500px; display: block;overflow:hidden; background: url(../images/bottom_bg.png) no-repeat center bottom; background-size: 100% 201px;}
#mainWrap .mainbar {float: left; width: -webkit-calc(100% - 340px);min-height: 300px;background-color: #f8f8f8;overflow: hidden;}
#mainWrap .sidebar {float: right; width: 340px;margin-left: -15px;padding-left: 15px;min-height: 300px;background: #f8f8f8;overflow: hidden;}
.container{max-width:1280px; margin:0 auto;padding:0px 10px;clear: both;}
.section{position: relative; width: 100%; margin: 15px auto; overflow:hidden;}
.section .section-wrap{background-color: #ffffff;border-radius: 4px;overflow:hidden;}
#archives {position: relative;margin-bottom: 15px;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;}
/*=== union ===*/ 
.union-topad {max-width: 640px; height: 60px; margin: 10px auto;text-align: center; overflow: hidden;}
.union-show { overflow: hidden;}
.union-show .content {padding: 0px 40px!important;}
/*=== shengming ===*/ 
#shengming{text-align: left;font-size:13px;color: #999/*#a69485*/;line-height: 1.8;position: relative;z-index: 99;margin: 30px 40px 0;padding: 10px 15px;border: 1px solid #eee/*#efdcc5*/;background-color: #fff/*#fffbf5*/;border-radius: 3px;/*box-shadow: 0 11px 20px -15px rgb(255 222 177);*/}
#shengming .fromlink{font-size:12px;color:#ccc;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
/*=== 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 .container {display: flex;justify-content: space-between;}
.topbar .item {float: left;font-size: 14px; color #fff;line-height: 35px;}
.topbar .item a {margin-left: 15px;}
.topbar .item a i {margin-right: 3px;}
/*=== header ===*/
.header {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 .container{padding:0 10px;display: flex; flex-direction: row; justify-content: space-between;}
.header .header-logo{float: left;margin: 20px 20px 20px 0px;}
.header .header-logo .logo-wrap {height: 40px;display: inline-block;}
.header .header-logo .logo-wrap img {width: auto;height: 100%;}
/*tools*/
.header .header-tools{margin: 15px 0;height: 50px;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
.header .header-tools .item{margin-left:30px;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 .header-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 .header-tools .item .icon:before {font-size:22px;color: #2095EC;}
.header .header-tools .item:hover .icon{-webkit-animation:throb .3s;animation:throb .3s}
.header .header-tools .item:hover .icon:before {color: #32a7ff;}
/*===navbar===*/
.navbar {position: relative;overflow: hidden; border-bottom: 1px #eee solid;box-shadow: 0px -5px 20px rgb(27 95 160 / 10%);}
.navbar .navMenu {width:100%;background:#2095EC;}
.navbar .navMenu .list-navul {margin:0px auto; height:50px;line-height:50px;display: flex; justify-content: space-between;overflow: hidden;}
.navbar .navMenu .list-navul li {display:table-cell;*display:inline;min-width:1%;float:none;*float:left;text-align:center;vertical-align:middle}
.navbar .navMenu .list-navul li a {display:block; padding:0 10px;font-size:18px;text-align:center;color:#fff;position:relative;}
.navbar .navMenu .list-navul li a i{position:absolute;top:16px;left:0px;display:block;height:17px;width:0;overflow:hidden;border-left:1px solid #027ec6;border-right:1px solid #019cf6;}
.navbar .navMenu .list-navul li.active,.navbar .navMenu .list-navul li:hover{background-color:#007dc6;}
.navbar .navMenu .list-navul li.active i,.navbar .navMenu .list-navul li:hover a i{border-color: #007dc6;}
.navbar .subNav {font-size: 15px;height: 42px;line-height: 42px;color: #666;width: 100%;overflow: hidden;background: #fff;margin: 0px 0px;}
.navbar .subNav .container { display: flex; flex-direction: row; }
.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: 0px solid #dddddd; background: #ffffff; box-shadow: 0px -5px 20px rgb(27 95 160 / 10%); overflow:hidden; }
.footer .wrap-fixed{padding:0 10px;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:15px;line-height: 1.5;font-size: 12px;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;}
/*内容分页导航*/
.pageSelect{ overflow: hidden;}
.pageSelect ul { margin: 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.pageSelect ul li { width: 48%; float: inherit;font-size: 14px; line-height: 31px; height: 31px; overflow: hidden;}
.pageSelect ul li a {display: block;color:#777;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pageSelect ul li a:hover {color: #0088ff;}

/*crumbs*/
#crumbs {position: relative;margin: 10px 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;font-size: 13px;}
#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;}
/*slider*/
#slider .slider_box {width:400px;height:260px; margin:0 auto;position: relative;overflow: hidden;}
#slider .silder_con {position:absolute;overflow:hidden;}
#slider .silder_panel {width:400px;height:260px; float:left;position: relative; overflow:hidden;}
#slider .silder_panel a {display: block;}
#slider .silder_panel .pic {width:400px;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;}

/*titleA*/
.titleA {height: 24px;line-height: 24px;margin: 0 20px;padding:15px 0px 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: 24px;font-size: 16px;}
.titleA .subnav a {display: inline-block;margin: 0 10px;vertical-align: middle;}
/*titleB*/
.titleB {height: 22px;margin-bottom: 10px; 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: 24px;margin-left: 15px;font-size: 14px;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 .more {float: right;line-height: 44px;color: #959595;}
.titleC .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;}
/*infolist-picul*/
.infolist-picul {overflow: hidden; }
.infolist-picul .item {padding: 20px 0px; height: auto;border-bottom: 1px #eee solid;overflow: hidden;}
.infolist-picul .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-picul .item .item-pic{width: 150px;height: 100px; float: left; display: inline-block; margin-right: 15px; position: relative; overflow: hidden;border-radius: 4px;}
.infolist-picul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.infolist-picul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.infolist-picul .item .item-title{line-height: 20px;  overflow: hidden;}
.infolist-picul .item .item-title a{display: inline-block;width: 100%;font-size: 16px; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.infolist-picul .item .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-picul .item .item-meta {height:18px;line-height:18px;font-size:12px;color:#666;overflow:hidden;} 
.infolist-picul .item .item-meta span{margin-right:10px}
.infolist-picul .item .item-meta i{width:1pc;font-size:14px !important;margin-right:3px}
.infolist-picul .item .item-meta .time{float: right;}
.infolist-picul .item .item-meta .tags{float right;max-width: 360px;overflow: hidden;}
.infolist-picul .item .item-meta .tags a{position: relative;margin-right:10px}
.infolist-picul .item:hover .item-title a{color: #0088ff;}
.infolist-picul .item:hover .item-text{color: #333;}
/*.infolist-picul .item .item-meta .tags a:before {content: '';left: 0; top: 5px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }*/
.infolist-picul .item .img-list {margin: 15px 0;overflow: hidden;}
.infolist-picul .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-picul .item .img-list .img-item:last-child{margin-right:0;}
.infolist-picul .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%}
/*list-info-imgul*/
.list-info-imgul {margin:0px; display: flex; flex-wrap: wrap;gap: 15px;}
.list-info-imgul li {width: 50%;}
.list-info-imgul li .item-wrap {display: block; margin:0px 0px;overflow: hidden;}
.list-info-imgul li .item-wrap .item-pic {display: block;width: 100%;height: 110px;overflow: hidden;}
.list-info-imgul li .item-wrap .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-info-imgul li .item-wrap .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-info-imgul li .item-wrap .item-info {margin:0px 0;} 
.list-info-imgul li .item-wrap .item-title {margin-top:0px;height: 42px;line-height: 1.5;font-size: 14px; overflow:hidden;}
.list-info-imgul li .item-wrap .item-title a {}
.list-info-imgul li .item-wrap p {margin-top:10px;line-height: 20px;overflow: hidden;font-size: 14px;color: #999;}
.list-info-imgul li .item-wrap p a {color: #666;}
.list-info-imgul li .item-wrap p a:hover{color:#3291f9;}
.list-info-imgul li .item-wrap .item-desc { overflow: hidden;}
.list-info-imgul li .item-wrap .item-meta {margin-top:10px;line-height: 20px;font-size: 13px;display: flex;justify-content: space-between;}
.list-info-imgul li .item-wrap .item-meta span {color: #999;}
.list-info-imgul li .item-wrap .item-meta .item-date {}
.list-info-imgul li .item-wrap .item-meta .item-see {}
.list-info-imgul.list-item-full li {width: 100%;}
.list-info-imgul.list-item-full li .item-wrap .item-pic {height:150px;}
.list-info-imgul.list-item-full li .item-wrap .item-title {font-size: 16px;}
.list-info-imgul.list-item-lr li {width: 100%;}
.list-info-imgul.list-item-lr li .item-wrap {position: relative;padding-left:126px;}
.list-info-imgul.list-item-lr li .item-wrap .item-title {margin-top:-3px;}
.list-info-imgul.list-item-lr li .item-wrap .item-pic {position: absolute; top: 0; left: 0;width: 121px;height: 75px;}
/*list-info-titul*/
.list-info-titul {overflow: hidden;}
.list-info-titul li {padding: 8px 0;line-height: 20px;font-size: 14px;overflow: hidden;}
.list-info-titul li + li { border-top: 0px #eee dashed;}
.list-info-titul li:hover {/*padding:0 0px; border-radius:3px; background: linear-gradient(to left,#fff,#fbe3b9);border: #ffb400 1px dashed !important;*/}
.list-info-titul li a {position: relative;float left;padding:0 12px 0 13px;display: block; white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden;}
.list-info-titul li a:before {content: '';left: 0; top: 8px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }
.list-info-titul li p {margin-top: 10px;font-size: 13px;color: #999; text-indent: 15px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.list-info-titul li span {float: left; position: relative; padding-right: 7px; margin-right: 7px;color:#999; }
.list-info-titul li span:after {position: absolute; right: 0; top: 11px;width: 1px; height: 14px; background-color: #ccc; content: '';}
.list-info-titul li span a {color: #999; }
.list-info-titul li i {float: right; font-size: 13px; color: #999;}
.list-info-titul li:hover a:before {background-color: #2095EC;}
.list-info-titul.list-half {display: flex; flex-wrap: wrap;justify-content: space-between;}
.list-info-titul.list-half li {float:left;width: -webkit-calc(50% - 15px);}
.list-info-titul.list-half li a.item-title {max-width: -webkit-calc(100% - 60px);display:inline-block;}
.list-info-titul.list-half li:nth-child(2n) { float:right;padding-right:0px;}
.list-info-titul.list-three {display: flex; flex-wrap: wrap;justify-content: space-between;}
.list-info-titul.list-three li {width: -webkit-calc(33.33% - 20px);float:left;}
/*list-rec-picul*/
.list-rec-picul {display: flex;justify-content: space-between;margin-bottom: 15px;}
.list-rec-picul li {position: relative;width: -webkit-calc(50% - 15px);height: 90px;overflow: hidden;}
.list-rec-picul li .item-pic {float: left;display: inline-flex;width: 134px;height: 90px;overflow: hidden;margin-right: 15px;}
.list-rec-picul li .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-rec-picul li .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-rec-picul li .item-cont {width: -webkit-calc(100% - 149px);height: 90px;display: flex;flex-direction: column;justify-content: space-between;}
.list-rec-picul li .item-cont .item-title {display: flex;font-size: 15px;font-weight: 700;overflow: hidden;}
.list-rec-picul li .item-cont .item-meta {line-height: 18px;display: flex;justify-content: space-between;color: #959595;}
.list-rec-picul li .item-cont p{margin-top:5px;line-height: 20px;font-size: 12px;color: #959595;}
/*list-rec-picul*/
.list-rec-titul{position: relative}
.list-rec-titul li{margin: 5px 0;line-height: 20px;width: -webkit-calc(50% - 15px);}
.list-rec-titul li a{display: block;width: 75%;height: 20px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-rec-titul li 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}
.list-rec-titul li em{float: right;display: block;font-size: 13px;color: #aaa;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*list-rank-titul*/
.list-rank-titul {padding: 0px 0;}
.list-rank-titul li {height: auto;}
.list-rank-titul li + li {margin-top: 10px;padding-top: 10px;border-top: 1px #eee dashed;}
.list-rank-titul li a {text-decoration: none;cursor: pointer;height: 20px !important;line-height: 20px !important;display: block;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-rank-titul li a.line1 {padding-top: 12px;}
.list-rank-titul li a i {text-decoration: none;cursor: pointer;line-height: 18px !important;display: table-cell;height: 36px;font-style: normal;}
.list-rank-titul li em {display: inline-block;text-align: center;width: 18px;height: 18px;line-height: 18px;float: left;margin: 1px 10px 0px 0;font-size: 12px;color: #fff;border-radius: 2px;background:#afb2b7;}
.list-rank-titul li:nth-child(1) em {background-color: #0088ff; }
.list-rank-titul li:nth-child(2) em {background-color: #0099ff; }
.list-rank-titul li:nth-child(3) em {background-color: #55bbff; }
/*list-rank-titul*/
.list-rank-titul2 {padding: 0px 0;}
.list-rank-titul2 li {position: relative;margin: 0px 0;line-height: 20px;padding-left: 30px;}
.list-rank-titul2 li + li {margin-top:10px;padding-top:10px;border-top: 1px #eee dashed;}
.list-rank-titul2 li a {width: -webkit-calc(100% - 50px);display: block;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-rank-titul2 li span {position: absolute;right: 0; bottom: 0;line-height: 20px;float: left;font-size: 13px;color: #999;}
.list-rank-titul2 li:before {display: block;position: absolute;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #ddd;border-radius: 3px;left: 0;bottom: 0;font-weight: normal;}
.list-rank-titul2 li:nth-child(1):before {content: "1";background-color: #0088ff;}
.list-rank-titul2 li:nth-child(2):before {content: "2";background-color: #0099ff;}
.list-rank-titul2 li:nth-child(3):before {content: "3";background-color: #55bbff;}
.list-rank-titul2 li:nth-child(4):before {content: "4";}
.list-rank-titul2 li:nth-child(5):before {content: "5";}
.list-rank-titul2 li:nth-child(6):before {content: "6";}
.list-rank-titul2 li:nth-child(7):before {content: "7";}
.list-rank-titul2 li:nth-child(8):before {content: "8";}
.list-rank-titul2 li:nth-child(9):before {content: "9";}
.list-rank-titul2 li:nth-child(10):before {content: "10";}
/*list-hot-tags*/
.list-hot-tags {margin: -8px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.list-hot-tags li {float: left;width: 10%;/* margin-right: 15px; */width: 10%;text-align: center;overflow: hidden;}
.list-hot-tags li a {height: 32px;line-height: 32px;border: 1px #eee solid;display: block;margin: 8px;border-radius: 4px;}
.list-hot-tags li:hover a {border-color: #0088ff;color: #0088ff;}
/*=== index ===*/
/*home-focus*/
.home-focus {overflow:hidden;}
.home-focus .focus-left {float: left;width:400px;background-color: #eee;}
.home-focus .focus-left .focus-slider {border-radius: 4px;overflow:hidden;}
.home-focus .focus-side {float: right;width: -webkit-calc(100% - 415px);}
.home-focus .focus-side .focus-tjian-pic {width:100%;height:auto;overflow:hidden;}
.home-focus .focus-side .focus-tjian-pic .list-info-imgul {margin:-0px;}
.home-focus .focus-side .focus-tjian-pic .list-info-imgul li {width: 25%;flex: 1 1 calc(25% - 20px);}
.home-focus .focus-side .focus-tjian-pic .list-info-imgul li .item-wrap {margin:0px;background-color: #fff;border-radius: 4px;overflow: hidden;border-radius: 4px;}
.home-focus .focus-side .focus-tjian-pic .list-info-imgul li .item-wrap .item-info {padding:10px 10px;}
.home-focus .focus-side .focus-tjian-pic .list-info-imgul li .item-wrap .item-pic {height: 106px;}
.home-focus .focus-side .focus-tjian-txt {width:100%;height 70px;margin-top: 15px;background-color: #fff;overflow: hidden;border-radius: 4px;}
.home-focus .focus-side .focus-tjian-txt .list-rec-titul {margin: 8px 15px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-focus .focus-side .focus-tjian-txt .list-rec-titul li {width: -webkit-calc(50% - 15px);}
.home-focus .focus-side .focus-tjian-txt .list-rec-titul li a{width: -webkit-calc(100% - 45px);}
/*home-channel*/
.home-channel {overflow:hidden;border-radius: 4px;}
.home-channel .content {padding: 20px 20px;}
.home-channel .section-left {float: left;width: -webkit-calc(100% - 345px);min-height:280px;background-color: #fff;border-radius: 4px;overflow:hidden;}
.home-channel .section-left .content {padding: 20px 20px 13px;}
/*toutiao*/
.home-channel .section-left #toutiao {display: flex;margin: 0px 0 12px;font-size: 16px;overflow: hidden;white-space: nowrap;justify-content: space-between;}
.home-channel .section-left #toutiao a {display: inline-block;position: relative;padding: 0;padding-left: 35px;width: -webkit-calc(50% - 45px);line-height: 24px;font-weight: 700;}
.home-channel .section-left #toutiao a:before {display: block;position: absolute;width: 24px;height: 24px;background: #d22222;line-height: 22px;text-align: center;color: #fff;border-radius: 17px;left: 0;top: 0;font-weight: normal;}
.home-channel .section-left #toutiao a:nth-child(1):before {content: "1";}
.home-channel .section-left #toutiao a:nth-child(2):before {content: "2";}
.home-channel .section-left .list-info-titul {border-top: 0px #eee dashed;overflow:hidden;}
.home-channel .section-left .list-info-titul li{font-size: 15px;}
.home-channel .section-side {float: right;width:330px;min-height:280px;background-color: #fff;overflow:hidden;border-radius: 4px;}
.home-channel .channel-tjian .list-info-imgul {margin:-0px;}
.home-channel .channel-tjian .list-info-imgul li {width: 16.6667%;flex: 1 1 calc(16.6667% - 20px);}
.home-channel .channel-tjian .list-info-imgul li .item-wrap .item-info {margin-top:10px;}
.home-channel .channel-latest {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.home-channel .channel-latest .latest-item {margin-top: 20px;width: -webkit-calc(33.33% - 20px);min-height:100px;}
/*home-links*/
.home-links{overflow:hidden;}
.home-links .content {padding: 10px 20px 20px;}
.home-links .link-title {height: 24px;line-height: 24px;margin: 20px 20px 0;padding-bottom:10px;border-bottom: 1px solid #eee;clear: both;}
.home-links .link-title .title-name {position: relative;float: left;margin-right: 40px;margin-bottom: -1px;padding-bottom:8px;border-bottom: 0px solid #0088ff;font-size: 18px;}
.home-links .link-title .more {position: relative;float: right;margin-left: 20px;line-height: 22px;font-size: 15px;color: #666;}
.home-links .link-title .more i {font-size: 14px;color: #666;}
.home-links .link-title .more:hover i {color: #0088ff;}
.home-links .link-titul {display: inline-block;}
.home-links .link-titul li {float: left;margin-right: 20px;line-height: 26px;height: 26px;font-size: 14px;}
/*===column===*/
.content-wrap {width: -webkit-calc(100% - 15px);min-height: 300px;overflow: hidden;border-radius: 4px;}
/*column-shidian*/
.column-shidian {margin-bottom: 15px;}
.column-shidian .list-info-imgul {display: flex;justify-content: space-between;}
.column-shidian .list-info-imgul li.item {width: -webkit-calc(20% - 12px);}
.column-shidian .list-info-imgul li.item .item-wrap {margin:0px;background-color: #FFFFFF;border-radius: 4px;}
.column-shidian .list-info-imgul li.item .item-wrap .item-pic {height: 134px;}
.column-shidian .list-info-imgul li.item .item-wrap .item-info {padding:10px 15px;}
.column-shidian .list-info-imgul li.item .item-wrap .item-meta {margin 0px;}
/*column-body*/
.column-body {position: relative;min-height: 300px;border-radius: 4px;overflow: hidden; }
.column-body .column-wrap {background: #fff;overflow: hidden; }
.column-body .column-content ,.column-body .column-box .content{padding: 0px 25px 0px;overflow: hidden;}
.column-body .column-box {min-height: 300px; margin-bottom: 15px;background: #fff; border-radius: 4px;overflow: hidden; }
.column-body .column-box .column-content {padding: 20px 25px;overflow: hidden;}
.column-body .column-box:last-child {margin-bottom: 0px;}
.column-head {overflow: hidden;}
.column-head .column-desc {margin: 10px 20px ; font-size: 14px;line-height: 22px;color: #666;}
/*column-title*/
.column-title {position:relative; margin: 0 25px; padding: 15px 0px 10px; height: 24px; line-height: 24px; 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: 18px; font-weight: bold;}
.column-title .column-name::before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;height:18px;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;}
/*===article===*/
.article-body {position: relative;margin-bottom: 15px;padding: 0px;background: #fff; border-radius: 4px;overflow: hidden; }
.article-body h5{padding-bottom: 15px;font-size: 16px;color: #333;display: block;font-weight: bold;}
.article-body .content {padding: 20px 40px;overflow: hidden;}
.article-body .article-header {position: relative;margin:35px 40px 0px;border-bottom: 0px solid #eee;text-align: center;}
.article-body .article-header .article-title {margin-bottom: 20px;line-height: 36px;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:13px;margin-right: 10px;}
.article-body .article-header .article-meta span a {color: #999; 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: 0px 40px 15px;padding: 10px 10px;background:#f3f3f3;color: #666;line-height: 1.5em;font-size: 14px;}
.article-body .article-summary .summary-div{padding: 12px 15px;background-color: white; border-radius: 8px;}
.article-body .article-summary p {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:15px 40px;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: 90% !important;height:auto !important; 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 h2,
.article-body .article-content h3,
.article-body .article-content h4,
.article-body .article-content strong {font-weight:bold;}
.article-body .article-content h2,
.article-body .article-content h3,
.article-body .article-content h4{margin: 15px 0px;} 
.article-body .article-content pre,
.article-body .article-content blockquote{margin-top: 15px 0px; 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%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.article-body .article-content table tr:nth-child(2n){ background-color: #fafafa;}
.article-body .article-content table th,
.article-body .article-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.article-body .article-content table thead tr{background-color: #f8f8f8;}
.article-body .article-content table thead th{text-align: center;font-weight:700; background: #eee;}
.article-body .article-content table tbody th{text-align: center;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 0px;-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 0 0 25px;line-height: 200%;}
.article-body .article-content ul li { padding:5px 0px; list-style: disc;}
.article-body .article-content ol li {list-style: decimal;}
.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{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-messbox*/
.article-messbox{padding: 15px 15px; margin: 15px 0;background: #f9f9fa;border-radius: 2px; color: #6b7486;display: flex;flex-direction: column;gap: 10px;}
.article-messbox p{}
.article-messbox p span{margin-right: 15px;}
.article-messbox .art-meta-info{}
.article-messbox .art-lumn-tags{}
.article-messbox .art-lumn-tags em{}
.article-messbox .art-lumn-tags a{margin-right: 12px;padding: 0 7px;display: inline-block;height: 24px;line-height: 24px;font-size:12px;background: #eee;border-radius: 3px;}
/*article-declare*/
.article-body .article-declare{margin:20px 40px;font-size:13px;color:#999}
.article-body .article-declare::before{content:"////////////////////////////////////////////////////////////////////////////////////////////////////////////////////";display:block;width:100%;height:20px;font-size:12px;color:#eaeaea;letter-spacing:3px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.article-body .article-declare p{margin:10px 0;}
/*article-tags*/
.article-body .article-tags {margin-top:0px;line-height: 24px; font-size: 14px;}
.article-body .article-tags .content {margin:0 40px;padding:20px 0px;border-top: 0px solid #eee;}
.article-body .article-tags .tagslist {float: left;margin:0px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.article-body .article-tags .tagslist a {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;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;margin-bottom: 10px;}
.article-body .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-body .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-body .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*article-relation*/
.article-body .article-related {padding:0px 0px;overflow:hidden}
.article-body .article-related h5{padding-bottom: 15px;font-size: 16px;color: #333;display: block;font-weight: bold;}
.article-body .article-related .content {margin:0 40px;padding:20px 0px;border-top: 1px solid #eee;}
.article-body .article-related .list-related-titul {overflow:hidden;padding: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.article-body .article-related .list-related-titul li {float:left;width: -webkit-calc(50% - 15px);padding:7px 0px;height:20px;line-height:20px;font-size:14px;overflow:hidden}
.article-body .article-related .list-related-titul li a {position: relative;display: block;padding-left:13px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} 
/*.article-body .article-related .list-related-titul li:before {float: left;content: ""; background: #ccc; width: 5px; height: 5px; overflow: hidden; display: inline-block; margin: 15px 8px 0 0; border-radius: 5px;}
.article-body .article-related .list-related-titul li a:link {color: #0B68A9;}
.article-body .article-related .list-related-titul li a:hover {color: #0088ff;}
.article-body .article-related .list-related-titul li:hover:before {float: left;content: "";background: #0088ff;}*/
.article-body .article-related .list-related-titul li a:before{content: '';left: 0; top: 8px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }
.article-body .article-related .list-related-titul li:hover a:before{background: #0088ff;}

/*article-prevnext*/
.article-body .article-prevnext {margin: 0px 40px; 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: 14px; 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;*/color:#0088ff;}
/*aarticle-union*/
.article-union {margin-bottom: 15px;max-height: 300px;background: #fff; border-radius: 4px;overflow:hidden}
.article-union .content {padding:20px 30px;}
/*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;}

/*===widget===*/
.widget {position: relative;margin:0px 0px;min-height: 100%;background:#fff; border-radius: 4px;overflow:hidden;}
.widget .widget-wrap {display:block; padding:0px 0px;margin-bottom: 0px;background: #fff;overflow: hidden;}
.widget .widget-fixed {width: 340px;}
.widget .widget-union .content{margin:0 20px;}
.widget .content {display:block; margin:20px 20px;}
/*widget-title*/
.widget-title {position:relative; height: 24px;margin: 0px 20px;padding:15px 0 10px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;overflow: hidden;}
.widget-title h3 {position:relative;line-height: 24px;font-size:16px;font-weight:700;margin:0;padding-left:15px;}
.widget-title h3:before {content:"";position:absolute;top:4px;left:0;height: 17px;width:5px;border-radius:2px;background-color:#0088ff;}
.widget-title span {color:#ff6600}
.widget-title a.more {position absolute;top: 0px;right: 0;font-size: 14px;color: #999;}
.widget-title a.more:hover {color:#ff6600}
.widget-title a.more i {font-size: 14px;}
.widget .widget-wrap .list-info-titul li {font-size: 14px;}
/*widget*/
.widget .list-side-picul {margin-bottom: 10px;padding-bottom: 15px; border-bottom: 1px #eee solid;display: flex;justify-content: space-between;overflow:hidden;}
.widget .list-side-picul li {width: -webkit-calc(50% - 8px);}
.widget .list-side-picul li .item-pic {width:100%;height:90px; margin-bottom: 10px;overflow:hidden;border-radius: 4px;}
.widget .list-side-picul li .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.widget .list-side-picul li .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.widget .list-side-picul li .item-title {line-height: 20px;font-size: 14px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}

/*===about===*/
.about{padding: 60px 0;overflow:hidden;}
.about-bgimg {background: url(http://www.lotpc.com/about/images/about_bg.png) 0 10px repeat-x;}
.about-header {width: 100%; height:79px;margin-bottom 30px;padding: 0px 0;border-bottom: 1px #ddd solid;background: #FFF;overflow:hidden;}
.about-header .container {display: flex;justify-content: space-between;align-items: center;}
.about-header .top-logo {float:left; margin: 20px 30px 20px 0px;height: 40px;}
.about-header .top-logo a{float:left;display: inline-block;width:auto;height: 40px;flex: 1;overflow:hidden;}
.about-header .top-logo a img{width: 100%;height: 100%;}
.about-header .top-nav{float:left;height:35px;font-size:18px;}
.about-header .top-nav ul{margin:0px;}
.about-header .top-nav li{padding:0 15px;float:left;height:35px;line-height:35px;}
.about-header .top-nav li a{font-size:18px;color:#4b4a4a;}
.about-header .top-side {float:right;width:240px;height: 35px;line-height: 35px;font-size:16px;color:#4b4a4a;}
.about-header .top-side ul {;margin-top:0px;}
.about-header .top-side ul li{float:left;padding-left:30px;}
.about-header .top-side ul li a.tougao{display: inline-block;padding:0 25px;height:35px;line-height:35px;background:#3ca5f6;color: #fff;border-radius: 2px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px;cursor: pointer;}
.about-header .top-side ul li a.tougao:hover{background:#2392e7;}
/*about-wrap*/
.about-wrap {padding: 60px 0;display: flex;justify-content: space-between; border-radius: 4px;}
.about-wrap .about-side{width:16%;height:auto;float:left;border-top:#eee 1px solid;}
.about-wrap .about-side .about-menu{display: flex;flex-direction: column;}
.about-wrap .about-side .about-menu li{height:70px;line-height:70px;font-size:14px;border-bottom:#e5e5e5 1px solid;}
.about-wrap .about-side .about-menu li a{display:block;padding-left:32%;color:#4b4a4a;font-size:18px;-webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;border-left:2px solid transparent;}
.about-wrap .about-side .about-menu li a:hover,
.about-wrap .about-side .about-menu li.current a{color:#1fb8ff !important;padding-left:28% !important;border-left:3px solid #1fb8ff !important;font-weight:bold;background:#fff !important;}
/*about-body*/
.about-body{float:left;padding:20px 60px;width: -webkit-calc(84% - 120px);height:auto;border: #eee 1px solid;background: #fff;moz-box-shadow: 0 -4px 30px 2px rgba(0, 0, 0, .10); -webkit-box-shadow: 0 -4px 30px 2px rgba(0, 0, 0, .10); box-shadow: 0 -4px 30px 2px rgba(0, 0, 0, .10);border-radius: 4px;}
.about-body .about-title{ padding-bottom: 10px;height: 45px;line-height: 45px;font-size: 24px;font-weight:bold;border-bottom: 1px #eee solid;}
.about-body .about-content {display: block; margin: 0px 0;padding:20px 0px;font-size: 16px;line-height: 30px;overflow: hidden;}
.about-body .about-content p {display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.about-body .about-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.about-body .about-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.about-body .about-content img {max-width: 680px;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.about-body .about-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.about-body .about-content .keylink:hover{color:#ff0000;} 
.about-body .about-content h2,
.about-body .about-content h3,
.about-body .about-content h4,
.about-body .about-content strong {font-weight:bold;} 
.about-body .about-content h2,
.about-body .about-content h3,
.about-body .about-content h4{margin: 15px 0px;} 
.about-body .about-content pre,
.about-body .about-content blockquote{margin: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.about-body .about-content pre ,.about-body .about-content blockquote p {margin: 0px 0;} 
.about-body .about-content pre {white-space: pre-wrap;}
.about-body .about-content table{width:100%; min-width:60%;margin:20px auto; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.about-body .about-content table tr:nth-child(2n){ background-color: #fafafa;}
.about-body .about-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.about-body .about-content table thead tr{background-color: #f8f8f8;}
.about-body .about-content table thead th{text-align: center;font-weight:700; background: #eee;}
.about-body .about-content table tbody th{text-align: center;font-weight:500;}
.about-body .about-content table tbody p {text-align:center;}
.about-body .about-content ul,
.about-body .about-content ol{margin:15px 20px 15px 20px;-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;}
.about-body .about-content ol{list-style: decimal;}
.about-body .about-content ul li,
.about-body .about-content ol li {margin: 0 15px;line-height: 200%;}
.about-body .about-content ul li { padding:0px 0px; list-style: disc;}
.about-body .about-content ul li + li {border-top: 0px #eee dashed;}
.about-body .about-content ul li p {margin: 0;}
/*sitemap*/
.about-body .about-content .list-sitemap-dl{ width:100%; float:left;}
.about-body .about-content .list-sitemap-dl dt{margin:10px auto;padding: 0 15px;background:#f8f8f8;text-align:left;line-height: 40px;font-weight: bold;font-size: 16px;}
.about-body .about-content .list-sitemap-dl dd{float: left;margin: 10px 15px;line-height: 20px;text-align: center;}
.about-body .about-content .list-sitemap-dl a{color: #1a1a1c;/* border: 0; */border-bottom: 0px dotted #2970A6;}
.about-body .about-content .list-sitemap-dl a:hover{color: #17a2e7}
/*rank*/
.rank {margin: 0px;} 
.rank-body {margin-bottom: 30px;} 
.rank-body .list-info-imgul {display: flex;justify-content: space-between;}
.rank-body .list-info-imgul li.item {width: -webkit-calc(20% - 12px);}
.rank-body .list-info-imgul li.item .item-wrap {margin:0px;background-color: #FFFFFF;}
.rank-body .list-info-imgul li.item .item-wrap .item-pic {height: 134px;}
.rank-body .list-info-imgul li.item .item-wrap .item-info {padding:10px 15px;}
.rank-body .list-info-imgul li.item .item-wrap .item-meta {margin 0px;}
.rank-body .titleA .title-name {font-size: 22px;font-weight: normal;}
.rank-body .content {padding: 20px;background: #ffffff;}
.rank-body #toutiao {display: flex;margin: 0px 0 12px;font-size: 16px;overflow: hidden;white-space: nowrap;justify-content: space-between;}
.rank-body #toutiao a {display: inline-block;position: relative;padding: 0;padding-left: 35px;width: -webkit-calc(50% - 45px);line-height: 24px;font-weight: 700;}
.rank-body #toutiao a:before {display: block;position: absolute;width: 24px;height: 24px;background: #d22222;line-height: 22px;text-align: center;color: #fff;border-radius: 17px;left: 0;top: 0;font-weight: normal;}
.rank-body #toutiao a:nth-child(1):before {content: "1";}
.rank-body #toutiao a:nth-child(2):before {content: "2";}
.rank-body .rank-latest {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.rank-body .rank-latest .rank-park {width: -webkit-calc(33.33% - 10px);min-height:100px;background: #ffffff;border-radius: 6px;overflow: hidden;} 
.rank-body .rank-latest .rank-park h3{margin:20px 20px 15px;line-height: 22px;font-size: 22px;font-weight: normal;}
.rank-body .rank-latest .rank-park .content{padding: 15px; margin: 15px;background: #fafafa; border-radius: 6px;} 
.rank-body #list-rank-titul {display: flex;margin: 0px 0 12px;font-size: 16px;overflow: hidden;white-space: nowrap;justify-content: space-between;}
.rank-body #list-rank-titul a {display: inline-block;position: relative;padding: 0;padding-left: 35px;width: -webkit-calc(50% - 45px);line-height: 24px;font-weight: 700;}
.rank-body #list-rank-titul a:before {display: block;position: absolute;width: 24px;height: 24px;background: #d22222;line-height: 22px;text-align: center;color: #fff;border-radius: 17px;left: 0;top: 0;font-weight: normal;}
.rank-body #list-rank-titul a:nth-child(1):before {content: "1";}
.rank-body #list-rank-titul a:nth-child(2):before {content: "2";}

/*notfound-404*/
.notfound{margin:20px 0;padding:20px;background:#fff;/*box-shadow:0 1px 3px rgba(27,95,160,.1);*/overflow:hidden;border-radius: 4px;}
.notfound .notfound-wrap{padding:100px 0;text-align:center;display: flex; flex-direction: column;}
.notfound .notfound-404{position:relative;margin-bottom: 20px;}
.notfound .notfound-404 h1{font-family:roboto,sans-serif; position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:165px;font-weight:700; margin:0;color:#262626; text-transform:uppercase}
.notfound .notfound-404 h1>span{color:#00b7ff}.notfound h2{font-family:roboto,sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;color:#151515;margin-top:0;margin-bottom:25px}
.notfound ul{max-width:450px;margin:0 auto;color:#888;text-align:left}
.notfound ul li{margin:10px 0;list-style:circle}