/* 通用 */
*{margin: 0; padding: 0} .so{width: 328px; min-height: 250px; text-align: center; margin-top: 5px; margin-bottom: 5px;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:after, :before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@font-face{font-family: Barlow; src: url('Barlow-Regular.ttf') format("truetype");}
body{font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #555; background: #f1f2f9; line-height: 1.5; word-break: break-all;}
div, h1, h2, h3, h4, h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin: 0px; padding: 0; outline: 0;}
img{border: 0; display: block}
ul, li{list-style: none;}
ol li{margin-left: 20px; list-style: decimal; padding-left: 3px;}
a{color: #555; text-decoration: none; -webkit-transition: background-color .15s linear, color .15s linear; -moz-transition: background-color .15s linear, color .15s linear; -o-transition: background-color .15s linear, color .15s linear; -ms-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear;}
button{transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
a:focus, button:focus{outline: 0;}
a:hover{text-decoration: none; color: #598cb9}
blockquote{background: #fafafa; border-left: 4px solid #598cb9; position: relative; width: 100%; padding: 16px; margin-bottom: 15px; font-size: 14px; padding-left: calc(16px + 16px); transition: all 0.28s ease; -moz-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; -o-transition: all 0.28s ease;}
blockquote:before{position: absolute; color: #598cb9; content: '\e739'; top: calc(50% - 24px * 0.5); left: 4px; width: 24px; height: 24px; text-align: center; font-weight: 600; line-height: 24px; vertical-align: middle; font-family: 'icomoon';}
blockquote p{margin: 2px 0 !important;}
table{border-collapse: collapse}
table, table th, table td{border: 1px solid #eee}
table th, table td{padding: 6px}
table th{background-color: #f6f7f8}
h3 i{margin-right: 6px;}
em, i{font-style: normal;}
::-webkit-scrollbar{width: 9px;}
::-webkit-scrollbar-track{background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;}
::-webkit-scrollbar-thumb{background:#878787; border: thin solid gray;}
@keyframes ran {
  from {backgroud-position: 0 0;}
  to {background-position: 1000px 0;}
}
/*tab-box*/

.aui-nav-content-box{width: 100%; position: relative;margin:0px auto;}
.aui-nav-list-box{overflow: hidden; zoom: 1; border-bottom: none; z-index: 110; background: #fff; width: 100%; display: block; border-top: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6;border-radius: 5px 5px 0 0;max-width: 916px;}
.aui-nav-list-box ul li a{color: #000;}
.aui-nav-list-box ul li{float: left; color: #000; height: 45px; cursor: pointer; line-height: 25px; width: 12.5%; text-align: center; font-size: 14px; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6;}
.aui-nav-list-box ul li:hover {background: #fafafa;transition: all .3s ease 0s;}
.aui-nav-list-box ul .aui-current{color: #598cb9; background: #f7f7f7; border-bottom: solid 1px #598cb9;}
.aui-nav-list-box ul .aui-current a{color: #598cb9;}
.aui-nav-list-item {display: none;}
/*展开全文*/
#artcont{position: relative;}
#art_cont{max-height: 618px;overflow: hidden;}
.news_con h2{font-size: 15px;border-left: 3px solid #598cb9;padding: 5px 0 5px 10px;border-radius: 2px;line-height: 16px;background: #f5f5f5;}
.unfold-field{position: absolute;font-size: 0;bottom: 0;width: 100%;height: 150px;z-index: 3;}
.unfold-field .unflod-field_mask{height: 106px;width: 100%;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0,0%,100%,0)), to(#fff));background-image: linear-gradient(-180deg, hsla(0,0%,100%,0), #fff);}
.unfold-field_text{cursor: pointer;width: 100%;color: #406599;;height: 44px;font-size: 16px;line-height: 44px;text-align: center;background: #fff;}
.unfold-field_text span{display: inline-block;font-size: 16px;height: 46px;line-height: 46px;}
@-webkit-keyframes fadeInDown{0%{-webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0)} to{-webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0)}}
@keyframes fadeInDown{0%{-webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0)} to{-webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0)}}
@-webkit-keyframes loadingRotate{0%{-webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0)} 50%{-webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0)} 100%{-webkit-transform: rotate(360deg) translateZ(0); transform: rotate(360deg) translateZ(0)}}
@keyframes loadingRotate{0%{-webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0)} 50%{-webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0)} 100%{-webkit-transform: rotate(360deg) translateZ(0); transform: rotate(360deg) translateZ(0)}}
.aboxd img{max-width: 100%}
.clear{clear: both;}
.blank{height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both}
.f_l{float: left}
.f_r{float: right}
.r_box li, .pagelist, .l_box .sidebar, .infosbox, .commen_pl, .related-list, .slider, .aboxd{transition: all 0.28s ease; -moz-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; -o-transition: all 0.28s ease;}
.article{width: 1280px; margin: 80px auto 0; overflow: hidden; zoom: 1;}
.aside{width: 350px; float: right; display: block; position: relative; z-index: 1; margin-left: -350px;}
.r_box, .ra_box{float: left; width: 100%;}
.main{margin-right: 365px;}
.container{width: 1280px; margin: auto}
nav{width: 1280px; margin: auto; position: relative; height: 60px; line-height: 60px; text-align: center; z-index: -1;}
.logo{float: left; font-size: 22px}
.logo img{max-height: 28px; margin-top: 16px;}
img.nightlogoimg{display: none;}
.r_box .slider li{-webkit-animation-name: none; animation-name: none;}
.slider{overflow: hidden; margin: 0 auto; max-width: 1280px; height: 350px !important; margin-bottom: 15px; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%); -moz-box-shadow: 0 0 2px 0 rgba(98, 124, 153, .1); box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%); background-color: #000;}
.slider .slideBox li{padding: 0; border: 0;}
.slider .slideBox{position: relative; margin-bottom: 20px; width: 100%; height: 350px}
.slider .slideBox .bd{position: relative; z-index: 0; height: 350px !important;}
.slideBox .bd ul li{width: 100%;}
.slider .slideBox .bd ul{width: 100%;}
.slideBox .bd ul li{margin: 0; background-color: transparent;}
.slider .slideBox .bd img{width: 100%; height: 350px; -o-object-fit: cover; object-fit: cover;}
.slideBox .next, .slideBox .prev{position: absolute; top: 40%; z-index: 10; width: 50px; height: 50px; line-height: 50px; font-size: 25px; margin: 5px; color: #fff; cursor: pointer; text-align: center; background: rgba(0, 0, 0, .3); border-radius: 50%;}
.slideBox .prev{left: -58px;}
.slideBox .next{right: -58px;}
.slider:hover .slideBox .next{right: 0;}
.slider:hover .slideBox .prev{left: 0;}
.slideBox .list-body{position: relative; z-index: 1; left: 0; bottom: 60px; padding: 0 20px; height: 60px; line-height: 60px; display: block; width: 100%; background: rgba(0, 0, 0, 0.2); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.r_box .slideBox li:hover img, .r_box li.atopd:hover img{transform: none}
.slideBox .hd{max-width: 200px; position: absolute; right: 20px; bottom: 26px; font-size: 0; text-align: right; z-index: 11;}
.slideBox .hd li{position: relative; top: 0; display: inline-block; width: 8px; height: 8px; margin: 0 4px; cursor: pointer; border-radius: 50%; background: #fff; opacity: 0.65; -webkit-transition: all 0.3s cubic-bezier(1, .01, .32, 1); -moz-transition: all 0.3s cubic-bezier(1, .01, .32, 1); -o-transition: all 0.3s cubic-bezier(1, .01, .32, 1); -ms-transition: all 0.3s cubic-bezier(1, .01, .32, 1); transition: all 0.3s cubic-bezier(1, .01, .32, 1);}
.slideBox .hd li.on{width: 12px; height: 12px; top: 2px; background: #598cb9; opacity: 1; box-shadow: rgb(0 0 0 / 10%) 1px 1px 0px;}
@media screen and (max-width:980px){.slider{margin-top: 0;} .slideBox .prev{left: 0;} .slideBox .next{right: 0;} .slider, .slider .slideBox .bd img, .slider .slideBox .bd, .slider .slideBox{height: 40vw !important;}}
@media screen and (max-width:480px){.slideBox .next, .slideBox .prev{top: 30%; width: 40px; height: 40px; line-height: 40px; font-size: 20px;} .slideBox .list-body{bottom: 40px; padding: 0 10px; height: 40px; line-height: 40px;} .slideBox .hd{right: 10px; bottom: 15px;} .slider .slideBox{margin-bottom: 5px; border: 0; border-bottom: 1px solid #eee; background: #fff}}
#starlist{float: left; margin-left: 25px;}
#starlist li{float: left; display: block; padding: 0 10px; font-size: 16px; position: relative; -webkit-transition: background-color .15s linear, color .15s linear; -moz-transition: background-color .15s linear, color .15s linear; -o-transition: background-color .15s linear, color .15s linear; -ms-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear;}
#starlist li i, .sidebar li i{margin-right: 4px;}
#starlist li:before{width: 0; height: 2px; position: absolute; bottom: 0px; border-radius: 5px; left: 50%; background-color: #598cb9; content: ''; transition: all .6s; z-index: -1;}
#starlist li:hover:before,#starlist li.on:before{width: 100%; left: 0;}
#starlist li.selected:hover:before,#starlist li.on:before{width: 100%; left: 0; margin: 0;}
#starlist li.selected:before,#starlist li.on:before{width: calc(100% - 20px); left: 0; margin: 0 10px;}
#starlist li:hover a, #starlist li:hover i.jzicon-arrow-down,#starlist li.on a{color: #598cb9}
#starlist ul.sub-nav{opacity: 0; list-style: none; padding: 5px; margin-left: -15px; margin-top: -10px; min-width: 110px; border-radius: 3px; background: #fff; position: absolute; z-index: 888; top: 100%; visibility: hidden; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);}
#starlist ul.sub-nav li:before{background-color: transparent;}
#starlist ul.sub-nav li a{width: 100%; text-align: center; height: 35px; line-height: 35px; font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; position: relative;}
#starlist ul.sub-nav:before{border: 8px solid transparent; border-bottom-color: #fff; content: ""; left: 0; margin-left: 15px; position: absolute; top: -16px; width: 16px; height: 16px;}
#starlist ul.sub-nav li a{border-radius: 4px; padding: 0 5px;}
#starlist ul.sub-nav li{width: 100%; height: 35px; line-height: 35px; display: block; padding: 0; margin: 0;}
#starlist li .jzicon-arrow-down:before{display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#starlist li:hover .jzicon-arrow-down:before{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#starlist.active li .jzicon-arrow-down:before{display: inline;}
/* #starlist li:hover ul.sub-nav{*/
/* display: block; */
/*} */
#starlist li.on ul.sub-nav{display: block; opacity: 1; top: auto; visibility: visible; margin-top: -4px;}
#starlist.active li:hover ul.sub-nav{display: none;}
#starlist.active ul.sub-nav{max-width: 100%; overflow: hidden; opacity: 1; display: none;}
#starlist.active ul.sub-nav li{height: 40px; line-height: 40px;}
#starlist.active ul.sub-nav li a{width: auto; text-align: left; margin-left: 40px; padding: 10px 0; font-size: 14px;}
#starlist.active ul.sub-nav li a:hover{background-color: transparent}
#starlist.active li{position: relative;}
#starlist.active ul.sub-nav{-webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
#starlist.active li em.dot{position: absolute; top: 0; right: 0; width: 50px; height: 40px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0); cursor: pointer; line-height: 50px;}
#starlist.active ul.sub-nav{position: static;}
.jzicon-moon-fill:before{color: #598cb9;}
#starlist li.selected a, #starlist li:hover ul a:hover, #starlist li ul li.selected a{color: #598cb9;}
#starlist li.selected ul a, #starlist li:hover ul a{color: #555;}
.header-navigation{position: fixed; top: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; z-index: 998; background: #fff; -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.header-navigation.slideUp{top: -60px;}
#percentageCounter{position: fixed; left: 0; top: 0; height: 2px; z-index: 2; background-color: #598cb9;}
footer{width: 100%; text-align: left; clear: both; padding: 20px 0px; background: #fff; -webkit-box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%); -moz-box-shadow: 0 0 2px 0 rgba(98, 124, 153, .1); box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%);}
footer p{width: 1280px; margin: auto; position: relative; line-height: 28px;}
footer a{color: #a5a4a4;}
footer span.text{font-weight: 500; font-size: .8rem; font-family: Arial; background: -webkit-linear-gradient(45deg, #598cb9, #8cc63e, #00aedb, #10d39d); -moz-linear-gradient(45deg, #598cb9, #8cc63e, #00aedb, #10d39d): ; -ms-linear-gradient(45deg, #598cb9, #8cc63e, #00aedb, #10d39d): ; color: transparent; -webkit-background-clip: text; animation: ran 20s linear infinite;float: right;margin-top:3px}
footer span.iconimg {float: right;padding-right: 32px;}
#go-to-top{width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 10px; cursor: pointer; opacity: .8; position: fixed; right: 30px; bottom: 30px; background: rgba(10, 10, 10, 0.2); overflow: hidden; display: none; z-index: 999;}
#go-to-top:hover{background: #598cb9; opacity: 1;}
#go-to-top:before{font-family: icomoon; font-size: 20px; color: #fff; content: '\e90b';}
#go-to-top.active{display: block}
.searchbox{position: absolute; right: 0;}
.searchbox span, #mnavh span, .jznight span{width: 20px; height: 60px; position: absolute; font-size: 19px; top: 0; padding: 0; margin: 0; line-height: 60px; cursor: pointer; z-index: 99;}
#mnavh span{display: none; left: 0; text-align: center;}
.searchbox span{display: block; right: 0;color: #598cb9;}
.jznight span{display: block; right: 35px;}
.b-nav-search_wrap{-moz-transition: max-height, .5s; -o-transition: max-height, .5s; -webkit-transition: max-height, .5s; transition: max-height, .5s; position: absolute;top: 7px; right: 35px; width: 290px; max-height: 0; overflow: hidden; background-color: rgba(34, 40, 49, 0.79); z-index: 100; /* padding: 0 20px; */ box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1); border-radius: 4px;}
.b-nav-search_wrap input, .b-nav-search_wrap button{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 45px;}
.b-nav-search_wrap input[type=search]{width: 100%; padding: 0 5px 0 22px; background-color: transparent; border: none; color: #fff; -webkit-appearance: none;}
.b-nav-search_wrap input[type=search]::-webkit-input-placeholder{/* WebKit browsers 适配谷歌 */ color: #BDCADA;}
.b-nav-search_wrap input[type=search]:-moz-placeholder{/* Mozilla Firefox 4 to 18 适配火狐 */ color: #BDCADA;}
.b-nav-search_wrap input[type=search]::-moz-placeholder{/* Mozilla Firefox 19+ 适配火狐 */ color: #BDCADA;}
.b-nav-search_wrap input[type=search]:-ms-input-placeholder{/* Internet Explorer 10+ 适配ie*/ color: #BDCADA;}
.b-nav-search_wrap button{position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #fff; background: #598cb9; border: solid 1px #598cb9; border-radius: 5px; cursor: pointer; font-size: 18px;}
.b-nav-search_wrap.active{max-height: 60px;}
.slideUp .b-nav-search_wrap.active{max-height: 0;}
.gbko{padding: 10px 20px 20px 20px;}
.sitemap{margin-bottom: 10px; font-size: 14px; color: #888; line-height: 14px; padding: 20px; border-bottom: 1px solid #f0f0f0;}
.sitemap a{font-size: 14px; color: #888;}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px)} 100%{opacity: 1; -webkit-transform: none; transform: none}}
@keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px)} 100%{opacity: 1; -webkit-transform: none; transform: none}}
/* 通用end */
.r_box .xbiaoq{padding: 1px 5px; font-size: 14px; vertical-align: 1px; margin-right: 5px; display: inline-block; background: #598cb9; color: #fff; border-radius: 2px; line-height: 1.3; font-weight: normal;}
/* 四格 */
.jzjianshu-gonggao{position: relative; height: 50px; margin-bottom: 20px; padding: 0 65px 0 50px; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
.jzjianshu-gonggao:before{font-family: icomoon; margin-right: 4px; text-align: center; position: absolute; left: 25px; top: 10px; content: '\e901'; font-size: 20px; color: #999;}
.jzjianshu-gonggao .gonggao li{height: 50px; line-height: 50px; padding: 0; margin: 0; border: 0;}
.noticeRigh{position: absolute; right: 25px; top: 13px; z-index: 10; text-align: center}
.noticeRigh a{display: block; float: left; margin-left: 4px; width: 21px; height: 21px; line-height: 21px; color: #ccc; border: 1px solid #eee;}
.noticeRigh a:hover{color: #598cb9; border: 1px solid #598cb9;}
.jzjianshu-sige{padding-top: 15px;}
.jzjianshu-sige ul.sige{padding: 2px 15px 0 15px; overflow: hidden}
.r_box .jzjianshu-sige h2{font-size: 16px; height: 25px; max-height: 25px; font-weight: normal;}
.r_box .jzjianshu-sige li p{margin:0;}
.r_box .jzjianshu-sige ul.sige li{width: 50%; float: left; padding: 10px; overflow: hidden; margin: 0px auto; border-right: 1px solid rgb(89 140 185 / 25%); border-bottom: 1px solid rgb(89 140 185 / 25%);}
.r_box .jzjianshu-sige li i{margin: 0 10px 10px 0; width: 160px; height: 110px; float: left !important;}
.r_box .jzjianshu-sige li i img{height: 110px;}
.r_box .jzjianshu-sige ul.sige li:nth-child(2n),.r_box .jzjianshu-sige ul.sige li:nth-child(4n) {border-right-color: transparent;}
.r_box .jzjianshu-sige ul.sige li:nth-child(3n),.r_box .jzjianshu-sige ul.sige li:nth-child(4n) {border-bottom-color: transparent;margin-bottom: 10px;}
/* 首页 列表页 */
.sidebar{padding: 16px 20px 20px; margin-bottom: 15px;}
#divCalendar, #divMisc{padding-top: 20px;}
.sidebar img{max-width: 100%;}
.sidebar .side-title{height: 42px; font-size: 16px; text-align: left !important; margin-bottom: 13px; padding-left: 10px; position: relative; border-bottom: 1px solid #f0f0f0; color: #262626;}
.sidebar .side-title:before{position: absolute; top: 6px; left: 0; content: ''; width: 4px; height: 20px; background: #598cb9; border-radius: 5px;}
.sidebar .side-title h3{position: relative; display: inline-block; font-size: 16px; font-weight: 400; line-height: 32px;}
.sidebar .side-title:hover{color: #598cb9;}
.l_box .sidebar{background: #fff; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%); -moz-box-shadow: 0 0 2px 0 rgba(98, 124, 153, .1); box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%);}
.about_me img{width: 100%}
.about_me p{line-height: 24px; font-size: 14px}
.about_me i{width: 120px; float: left; clear: left; margin-right: 10px; overflow: hidden}
#divMisc li{width: 50%; overflow: hidden; float: left; padding: 4px}
#divMisc li img{width: 100%; height: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#divMisc li img:hover{transform: scale(1.05)}
#divArchives li, #divNavBar li, #divStatistics li, #divCatalog li{width: 50%; height: 32px; float: left; line-height: 32px; overflow: hidden;}
#divComments li, #divPrevious li{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px; height: 32px; line-height: 32px;}
#divNavBar li::before, #divCatalog li::before, #divComments li::before, #divPrevious li::before{content: "\e736"; font-family: icomoon; margin-right: 4px;}
#divFavorites a, #divLinkage a, #divAuthors a{display: block; float: left; margin: 0 20px 5px 0}
/* 自带模块 */
.widlist h3{font-weight: normal;}
#side-tui-article-item li.topthub + li.topthub{margin-top: 15px;}
#side-tui-article-item li.topthub{max-height: none; border-radius: 0;}
#side-tui-article-item li.topthub a.img{line-height: normal; position: relative; margin-bottom: 5px; display: block; overflow: hidden; max-height: 170px; border-radius: 3px;}
#side-tui-article-item li.topthub a.img img{width: 100%; height: 170px; -o-object-fit: cover; object-fit: cover;}
#side-tui-article-item li.topthub p{margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#side-hot-view-item li.widlist, #side-hot-cmt-item li.widlist, #side-new-article-item li.widlist{overflow: hidden; margin-bottom: 10px;}
#side-hot-view-item li.widlist i, #side-hot-cmt-item li.widlist i, #side-new-article-item li.widlist i{width: 93px; display: block; height: 70px; overflow: hidden; float: left; border-radius: 3px; margin: 2px 13px 0 0;}
#side-hot-view-item li.widlist i img, #side-hot-cmt-item li.widlist i img, #side-new-article-item li.widlist i img{width: 100%; height: 70px; -o-object-fit: cover; object-fit: cover;transition: all 0.5s;}
#side-hot-view-item li.widlist:hover img{transform: scale(1.08)}
#side-hot-view-item li:hover{background: #fafafa;transition: all .3s ease 0s}
#side-hot-view-item li.widlist h3, #side-hot-cmt-item li.widlist h3, #side-new-article-item li.widlist h3{padding-top: 2px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative;}
#side-hot-view-item li.widlist .sidefoot, #side-hot-cmt-item li.widlist .sidefoot, #side-new-article-item li.widlist .sidefoot{padding-top: 8px; color: #999;}
#side-new-comment-item li{line-height: 40px; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#side-new-comment-item li:last-child{border-bottom: none;}
#side-new-comment-item .avatar{float: left; width: 30px; height: 30px; border-radius: 20px; margin: 6px 8px 0 0;}
.sidebar[id^="side-adimg"]{padding: 0;}
.r_box li, .aboxd,.related-box li{overflow: hidden; color: #797b7c; padding: 12px 25px; border-bottom: 1px solid #f0f0f0; position: relative;}
#post_list_box li:hover{background: #fafafa;transition: all .3s ease 0s}
.aboxd{background-color: #fff; margin-bottom: 15px; border-bottom: 0;}
.r_box li h2,.related-box li h2{font-size: 18px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; max-height: 25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative;}
.r_box li h2 a,.related-box li h2 a{color: #222}
.r_box li h2 a:hover,.related-box li h2 a:hover{color: #598cb9}
.r_box li img,.related-box li img{float: right; clear: right; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.r_box li i,.related-box li i{width: 180px; display: block; height: 128px; overflow: hidden; float: left; margin-right: 20px; font-size: 14px; background-color: #000;}
.r_box li i img,.related-box li i img{width: 100%; height: 135px; -o-object-fit: cover; object-fit: cover;transition: all 0.5s;}
.r_box li p,.related-box li p{margin: 5px 0 5px 0; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 66px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative;}
.r_box li p.santup{height: 22px; -webkit-line-clamp: 1;}
.r_box li:hover img,.related-box li:hover img{transform: scale(1.08)}
.r_box li:hover h3 a{color: #19585d;}
.r_box li i img:hover, .r_box li .imgrow li a img:hover{opacity: .85;}
.r_box li .imgrow{margin: 15px -5px 10px -5px; overflow: hidden;}
.r_box li .imgrow li{list-style-type: none; background-color: transparent; float: left; min-height: 1px; padding: 0 5px; width: 25%; position: relative; box-shadow: none; -webkit-box-shadow: none; margin: 0;}
.r_box li .imgrow li a{width: 100%; height: 0; padding-bottom: 70%; text-align: center; overflow: hidden; position: relative; display: block; background-color: #000;}
.r_box li .imgrow3 li{width: 33.33%;}
.r_box li .imgrow3 li a{padding-bottom: 65%;}
.r_box li .imgrow li a img{min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.r_box .postfoot{padding-top: 10px; display: block; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r_box .postfoot a{color: #999;}
.r_box .postfoot .f_r a,.post_list_li .postfoot .f_r a{color: #598cb9;}
.jzicon-tag a {font-size: 13px;padding: 0 0 0 5px;}
.jzicon-tag a.c1:nth-child(3n+1) {color: #ffaf1e;}
.jzicon-tag a.c1:nth-child(3n+2) {color: #c177ef;}
.jzicon-tag a.c1:nth-child(3n+3) {color: #2aa0ea;}
.r_box .postfoot [class^="jzicon-"], .bloginfo [class^="jzicon-"]{font-size: 13px;}
.r_box .postfoot .f_l span{margin-right: 10px;}
.r_box .postfoot span:before{margin-right: 6px;}
.r_box .postfoot div{display: block;}
.r_box .postfoot .text-primary{color: #598cb9;}
.r_box .postfoot .author img{width: 25px; height: 25px; border-radius: 50%; margin-top: -3px; margin-right: 8px; float: left;}
.r_box li:hover .postfoot .author img{transform: none;}
.pagelist, .pageload .view-more-button, .pageload .page-load-status p{text-align: center; color: #666; width: 100%; clear: both; margin: 10px 0; padding: 0 20px; background: #fff; overflow: hidden;}
.pageload{padding: 0; position: relative; height: 35px; margin: 10px 0;}
.pageload .view-more-button, .pageload .page-load-status p{position: absolute; top: 0; left: 0; width: 100%; display: inline-block; margin: 0; padding: 6px 12px; width: 100%; border: 0; color: #797b7c; vertical-align: middle; text-align: center; white-space: nowrap; font-weight: 400; font-size: 16px; line-height: 1.5;}
.pageload .view-more-button{cursor: pointer;}
.pageload .page-load-status p{z-index: 1;}
.pageload .page-load-status p.infinite-scroll-last{background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.pageload .aload_img{display: inline-block; margin-right: 6px; vertical-align: top; margin-top: 2px;}
.pageload .aload_img img{width: 18px; height: 18px; -webkit-animation: loadingRotate .5s linear infinite forwards; animation: loadingRotate .5s linear infinite forwards;}
.pagelist a{color: #666; margin: 0 2px 5px 2px; display: inline-block; padding: 5px 10px; background: rgba(222, 226, 230, .6); border-radius: 4px;}
.pagelist b{padding: 5px 10px; background: #598cb9; color: #fff; font-weight: normal; border-radius: 4px;}
a.curPage{color: #19585d; font-weight: bold;}
.tagcloud a{font-size: 13px;display: block;background: #fafafa;border: 1px solid rgb(0 0 0 / 15%);float: left;padding: 3px 8px;border-radius: 3px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;color: #555 ;width: 23.59%;margin: 0 .7% 1.6%;text-overflow: ellipsis;text-align: center;text-decoration: none;white-space: nowrap;-o-box-shadow: 2px 1px 2px 0 rgba(151,142,136,.34);-ms-box-shadow: 2px 1px 2px 0 rgba(151,142,136,.34);-moz-box-shadow: 2px 1px 2px 0 rgba(151,142,136,.34);-webkit-box-shadow: 2px 1px 2px 0 rgba(151,142,136,.34);box-shadow: 2px 1px 2px 0 rgba(151,142,136,.34);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=20,Direction=335, Color='#000000')";/*鍏煎ie7/8*/filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=1);}
.tagcloud a:nth-child(10n+1):hover{color:#ffffff;background-color:rgba(255,78,106,.8)}
.tagcloud a:nth-child(10n+2):hover{color:#ffffff;background-color:#ffaa73}
.tagcloud a:nth-child(10n+3):hover{color:#ffffff;background-color:#fed466}
.tagcloud a:nth-child(10n+4):hover{color:#ffffff;background-color:#3cdc82}
.tagcloud a:nth-child(10n+5):hover{color:#ffffff;background-color:#64dcf0}
.tagcloud a:nth-child(10n+6):hover{color:#ffffff;background-color:#64b9ff}
.tagcloud a:nth-child(10n+7):hover{color:#ffffff;background-color:#b4b4ff}
.tagcloud a:nth-child(10n+8):hover{color:#ffffff;background-color:#4BC916}
.tagcloud a:nth-child(10n+9):hover{color:#ffffff;background-color:#FF5E52}
.tagcloud a:nth-child(10n+10):hover{color:#ffffff;background-color:#00D5E7}
.tagcloud a:nth-child(10n+1){background-color:rgba(255,78,106,.15);color:rgba(255,78,106,.8)}
.tagcloud a:nth-child(10n+2){background-color:rgba(255,170,115,.15);color:#ffaa73}
.tagcloud a:nth-child(10n+3){background-color:rgba(254,212,102,.15);color:#fed466}
.tagcloud a:nth-child(10n+4){background-color:rgba(60,220,130,.15);color:#3cdc82}
.tagcloud a:nth-child(10n+5){background-color:rgba(100,220,240,.15);color:#64dcf0}
.tagcloud a:nth-child(10n+6){background-color:rgba(100,185,255,.15);color:#64b9ff}
.tagcloud a:nth-child(10n+7){background-color:rgba(180,180,255,.15);color:#b4b4ff}
.tagcloud a:nth-child(10n+8){background-color:rgba(180,180,255,.15);color:#00D5E7}
.tagcloud a:nth-child(10n+9){background-color:rgba(180,180,255,.15);color:#ff0000}
.tagcloud a:nth-child(10n+10){background-color:rgba(180,180,255,.15);color:#ff8988}
#divSearchPanel .side-title{display: none;}
#divSearchPanel{background-color: transparent; padding: 0;}
#divSearchPanel form{background: #598cb9; position: relative; border: 1px solid #598cb9; border-radius: 4px;}
#divSearchPanel input[type="submit"]{border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 8%}
#divSearchPanel input[type="text"]{border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none; border-radius: 8px 0 0 8px;}
#divContorPanel{padding-bottom: 30px;}
#divContorPanel div{text-align: center;}
#divContorPanel .cp-hello{width: 100%; margin-bottom: 10px; padding: 10px 0 10px 0; display: inline-block}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a{text-align: center; line-height: 30px; border: 1px solid #ccc; border-radius: 3px; margin: 4px; padding: 4px 8px;}
#divContorPanel .sidecon div{padding: 20px; text-align: center; line-height: 24px; border: 1px dotted #f0f0f0; background: #fbfbfb}
#divCalendar div{margin-bottom: 0;}
#divCalendar table{width: 100%; border-collapse: collapse}
#divCalendar table, #divCalendar tr, #divCalendar th, #divCalendar td{border: 1px solid #eee}
#divCalendar caption{line-height: 36px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee}
#divCalendar caption a{font-size: 15px; color: #123}
#divCalendar thead{background: #f6f7f8}
#divCalendar th{height: 36px}
#divCalendar td{height: 36px; text-align: center}
#divCalendar td a{font-weight: 700; color: #123}
#divCalendar td a:hover{color: #f63}
.picbox{width: 100%; overflow: hidden;}
.picbox2{display: none}
.picbox ul{overflow: hidden; width: 24%; float: left; margin-right: 10px}
.picbox ul li{display: block; background: #FFF; margin: 0 0 20px 0; border: 1px #d9d9d9 solid;}
.picbox ul li i{margin: 10px; height: auto; overflow: hidden; display: block;}
.picbox ul li img{width: 100%;}
.picbox2 ul{overflow: hidden; width: 48%; float: left; margin-right: 10px}
.picbox2 ul:nth-child(2){float: right}
.picbox2 ul li{display: block; background: #FFF; margin: 0 0 20px 0; border: 1px #d9d9d9 solid;}
.picbox2 ul li i{margin: 10px; height: auto; overflow: hidden; display: block;}
.picbox2 ul li img{width: 100%;}
.picinfo h3{border-bottom: #ccc 1px solid; padding: 10px 0; margin: 0 20px; font-size: 16px}
.picinfo span{padding: 10px 20px; line-height: 26px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.picbox ul li a:hover{color: #19585d}
.tags a{background: rgba(222,226,230,.6); border-radius: 3px; font-size: 14px; padding: 4px 8px; margin: 0 10px 0 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.tags a.c1:hover{background-color: #598cb9; color: #fff; text-decoration: none; border: 0px;}
.tags span.jzicon-tag {padding-right: 16px;}
.tags{margin: 40px 0 25px 0;}
.infosbox img{max-width: 100%; height: auto; padding: 2px; border-radius: 3px; text-align: center; vertical-align: top; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-style: none; display: block; margin: 10px auto; box-shadow: 1px 1px 5px rgb(0 0 0 / 30%); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3); -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);}
.share{padding: 1px; text-align: center;}
/*上一篇下一篇*/
.nextinfo{width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; color: rgba(51, 51, 51, 0.65); padding: 15px 20px 20px; border-top: 1px solid #eee;}
.nextinfo p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nextinfo p span{font-size: 14px;}
.nextinfo p.prev{margin-left: 0; margin-right: 8px; text-align: left;}
.nextinfo p.next{margin-left: 8px; margin-right: 0; text-align: right;}
/*赞赏*/
.diggit{width: 80px; height: 80px; background: #f1404b; color: #fff; border-radius: 50%; font-size: 16px; line-height: normal; text-align: center; border: 0; outline: none; cursor: pointer}
.diggit:focus{outline: none;}
.diggit:hover{opacity: 0.9;}
.diggit i{font-size: 30px; display: block;}
.diggit em{font-size: 14px; display: block; margin-top: 2px;}
/* 首页 列表页end */
/*相关文章*/
.related-box {background: #fff;padding-top: 6px;}
.related-title {padding: 5px 0 0 9px;}
.shugang,.related-box h3{position: relative;}
.shugang:before,.related-box h3::before{position: absolute; top: 10px; left: 0; content: ''; width: 4px; height: 21px; background: #598cb9;border-radius: 5px;}
.related-list{padding: 10px 10px 5px 10px;}
.related-list h3,.related-box h3{line-height: 40px; font-weight: normal; margin: 0 10px 18px 10px; border-radius: 2px; font-size: 18px; overflow: hidden; color: #262626; padding: 0 12px; border-bottom: 1px solid #f0f0f0;}
.related-list li{float: left; width: 25%; padding: 0 10px; overflow: hidden; margin-bottom: 15px;}
.related-list li i{width: 100%; height: 120px; overflow: hidden; display: block; border-radius: 4px;}
.related-list li i img{width: 100%; height: 130px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.related-list li:hover img{transform: scale(1.05);}
.related-list li p{margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 文章 */
.infosbox, .commen_pl, .related-list, .jzjianshu-box, .jzjianshu-sige{overflow: hidden; background: #fff; margin-bottom: 15px; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%); -moz-box-shadow: 0 0 2px 0 rgba(98, 124, 153, .1); box-shadow: 0 0 2px 0 rgb(98 124 153 / 10%);}
.newsview{padding: 0 25px; word-break: break-all;}
.news_con a{color: #598cb9;}
.news_con p{line-height: 2; font-size: 15px; margin-bottom: 5px;}
.intitle{line-height: 40px; height: 40px; font-size: 14px; border-bottom: #000 2px solid;}
.intitle a{font-weight: normal;}
.news_title{font-size: 24px; font-weight: normal; padding: 0 0 15px 0; color: #333; margin: 25px 0; border-bottom: 1px solid #f0f0f0;}
.bloginfo{width: 100%; overflow: hidden; margin-bottom: 1px; padding-bottom: 1px; border-bottom: 1px solid #eee; color: #999;}
.bloginfo li{float: left; margin-right: 20px}
.bloginfo li.author img{width: 25px; height: 25px; border-radius: 50%; margin-right: 8px;}
.news_about{color: #888888; border: 1px solid #F3F3F3; margin: 20px auto; background: none repeat 0 0 #F6F6F6; position: relative; padding: 20px 30px 20px 246px; height: 128px; font-size: 15px; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative;}
.news_about p{overflow: hidden; max-height: 81px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative;}
.news_about img{position: absolute; top: 0; left: 0; width: 206px; min-height: 128px; -webkit-mask: -webkit-gradient(linear, 0% 0, 100% 0, from(#000), to(rgba(0, 0, 0, 0)));}
.news_aboutni{padding: 10px !important; margin: 20px auto 15px auto !important; height: auto !important;}
.news_aboutni strong{color: #38485A; font-weight: 400 !important; font-size: 15px; padding-right: 8px;}
.news_content{line-height: 24px; font-size: 14px;}
.news_content p{overflow: hidden; padding-bottom: 4px; padding-top: 6px; word-wrap: break-word;}
.copyright{padding: 0 25px;}
.copyright blockquote{padding-left: 16px;}
.copyright blockquote:before{content: '';}
.copyright blockquote:hover{background: rgba(255, 96, 0, 0.1); border-left: 4px solid #598cb9;}
.copyright blockquote:hover a{color: #598cb9;}
/* 文章end */
/* 图片点击放大 */
#outerdiv{position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; display: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(120, 129, 147, .5); color: #fff; opacity: 1;}
#bigimg{border: 5px solid rgba(255, 255, 255, 0.9); border-radius: 4px;}
#outerdiv .caption-view{position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; background-color: rgba(0, 0, 0, .2); text-align: center;}
#outerdiv .caption-view p{line-height: 38px; color: #fff; margin: 0; padding: 0; font-size: 14px;}
/* 自适应 */
@media screen and (max-width: 1200.9px){header{width: 96%; margin: auto} .article{width: 96%; width: calc(96% + 16px);} nav, footer p{width: 96%;} .picbox ul{width: 23%;} .picshowlist{display: none}}
@media only screen and (max-width: 768.1px){.r_box li, .aboxd{padding: 20px;} .r_box li p{margin-top: 15px;} .r_box li i{height: 116px; width: 116px;} .r_box li i img{height: 116px;} #mnavh span{display: block;} header, footer{padding: 0 20px} .article{width: 100%; padding: 0 20px 20px;} .logo{width: 100%} .logo a{display: inline-block; float: none; margin: 0 auto;} nav, footer p{width: 100%; position: relative;} #starlist{width: 250px; background: #fff; position: fixed; top: 0; bottom: 0; margin-left: 0px; left: -250px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 999;} #starlist.active{left: 0px;} #starlist.active li:hover{background-color: transparent;} #starlist ul.sub-nav{background: transparent; visibility: visible; margin-top: 0;} #starlist li.on ul.sub-nav{margin-top: 0;} #starlist ul.sub-nav li a{line-height: 1;} #starlist ul.sub-nav:before{border-bottom-color: transparent;} .fademask.active{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;} #starlist{padding-top: 20px;} #starlist li{display: block; width: 100%; padding: 0; margin: 0; text-align: left;} #starlist li a{display: block; margin: 0 25px; letter-spacing: 1px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; height: auto; line-height: 50px;} #starlist li:hover:before, #starlist li.selected:before, #starlist li.selected:hover:before{width: 0;} #mnavh{display: block;} .related-list li{width: 50%;} .l_box{/*display: none;20211116modefy*/ width: 100%; margin: 0 auto; background: #ffffff; margin-top: 5px; margin-bottom: 5px} .r_box, .infosbox, .picsbox, .main{width: 100%} .r_box .jzjianshu-sige ul.sige li{width: 100%; padding: 0; margin-bottom: 10px;} .jzjianshu-gonggao{height: 40px; margin-bottom: 10px; padding-left: 40px;} .jzjianshu-gonggao .gonggao li{height: 40px; line-height: 40px;} .jzjianshu-gonggao:before{left: 15px; top: 5px;} .noticeRigh{right: 10px; top: 7px;} .r_box .jzjianshu-sige li i{width: 110px; height: 110px;} .pagelist a{padding: 2px 6px;} .pagelist b{padding: 2px 6px;} .picbox ul{width: 22%;} .picbox ul li i{margin: 5px} .picinfo{display: none} .picshowlist{display: none} .lmname, .view{display: none} #go-to-top{right: 10px; bottom: 10px; width: 40px; height: 40px; line-height: 40px;}}
@media only screen and (max-width: 479px){nav{padding: 0 18px; border-radius: 0;} .logo img{max-height: 26px; margin-top: 16px;} .sitemap{padding: 0 18px;} .searchbox span{right: 18px;} .jznight span{right: 48px;} #mnavh span{left: 18px;} header, footer{padding: 0} .article{width: 100%; padding: 0; margin-top: 70px;} .logo{width: 100%} nav{width: 100%; position: relative} .l_box{/*display: none;20211116modefy*/ width: 100%; margin: 0 auto; background: #ffffff; margin-top: 5px; margin-bottom: 5px} .r_box, .infosbox, .picsbox, .main{width: 100%} .picbox{display: none} .picbox2{width: 96%; margin: auto; display: block} .picbox2 ul{width: 48%; margin-right: 0} .piclistshow ul li{height: 100px; padding: 0} .piclistshow .picimg{height: 100px} .picbox ul li i{margin: 2px} .picinfo h3{border-bottom: 0; font-weight: normal; font-size: 15px;} .picinfo span{display: none} .picshowlist, .pictxt{display: none} .slider, .infosbox, .related-list, .commen_pl, .aboxd, .jzjianshu-sige{border-radius: 0; margin-bottom: 10px;} .gbko{padding: 10px 15px 15px 15px;} .related-list h3{margin: 0 5px 18px 5px;} .related-list li{width: 50%; padding: 0 5px; margin-bottom: 10px;} .r_box li, .aboxd{padding: 15px;} .r_box li p{margin-top: 5px;} .r_box li .imgrow{margin-top: 10px;} .r_box li i{min-height: 100px; height: 100px; width: 100px;} .r_box li i img{height: 100px;} .r_box li h2{font-size: 16px;} .r_box li .imgrow li a{padding-bottom: 100%;} .r_box .postfoot{padding-top: 0; clear: none;} .r_box .postfoot .author img{width: 20px; height: 20px; margin-top: 0; margin-right: 4px;} .r_box .postfoot .f_l span{margin-right: 4px;} .r_box .postfoot .f_r, .r_box .postfoot .f_l .jzicon-eye, .r_box .postfoot .f_l .jzicon-message{display: none} .r_box .sige .postfoot .f_r{display: inline-block} .pagelist{margin: 10px 0; border-radius: 0; padding: 15px 15px 10px;} .pageload{margin: 10px 0;} .copyright{padding: 0 15px;} .single-share{padding: 20px 15px 0;} .share-icons{margin-right: 60px;} footer p{border-radius: 0; padding: 15px;} .newsview{padding: 0 15px;}}
@media only screen and (max-width: 376px){.r_box li h2{margin-top: 12px;} .r_box li p{margin-top: 5px; height: 22px; -webkit-line-clamp: 1;} .r_box li i{min-height: 80px; height: 80px; margin-left: 15px; width: 80px;} .r_box li i img{height: 80px;}}
@media only screen and (max-width: 321px){.r_box .postfoot .f_l .author{display: none;} #go-to-top{right: 10px; bottom: 10px;} .share-icons{display: none;}}

@media (min-width:992px){.list-header-style2 .iconfont{position: absolute; right: 100%}}
/* hbanner */
.hbanner {position: relative;display: inline-block;margin-bottom: 15px; }
.hbanner img{border-radius: 5px; border: 1px solid #e6e6e6; padding: 1px; width: 915px; background: #fff;}
div#cs-navigation-funbanner { font-size: 20px; font-family: monospace; }
.coin-slider{overflow:hidden;zoom:1;position:relative;width:915px;margin:0px auto 0 auto;border-radius: 5px; border: 1px solid #e6e6e6; padding: 1px;}
.coin-slider a{text-decoration:none;outline:none;border:none;}
.cs-buttons{font-size:0px;padding:10px;float:left;}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px;}
.cs-active{background-color:#fff;color:#eee;}
.cs-title{width:915px;padding:5px;background-color:#888;color:#FFFFFF;}
.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0px 10px;}