@charset "utf-8";
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
input,select,textarea,button{vertical-align:middle;border:none;outline:none;}
input:focus,select:focus,textarea:focus,button:focus{border:none;outline:none;background-image: none;}
button{border:0 none;background-color:transparent;cursor:pointer}

button,input,select,textarea{margin:0;font-family:inherit;font-size:100%;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}


body,th,td,input,select,textarea,button{font-size:12px;font-family:"微软雅黑", "黑体","宋体";color:#444}

table{border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;}
img{vertical-align:middle;}
iframe{border: none;width: 100%;height: 100%;box-sizing: border-box;}
.clear:before,.clear:after,.container:before,.container:after,.single-mode:before,.single-mode:after,.sort-list:before,.sort-list:after{display: table;content: " ";}
.clear:after,.container:after,.single-mode:after,.sort-list:after{content: '.';height: 0;visibility: hidden;display: block;clear: both;}


.fl{float: left;}
.fr{float: right}
.Icon {vertical-align: text-bottom;fill: currentColor;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
a{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
::-webkit-scrollbar{width: 5px; height: 5px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); border-radius: 10px; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
input::-webkit-input-placeholder{font-size: 12px !important; color: #bbbbbb;}
input:-moz-placeholder{font-size: 12px !important; color: #bbbbbb;}
input::-moz-placeholder{font-size: 12px !important; color: #bbbbbb;}
input:-ms-input-placeholder{font-size: 12px !important; color: #bbbbbb;}
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; line-height: 1.42857143; color: #333;}
a{text-decoration: none; color: #444;}
a:link{color: #444;}
a:hover{color: #0084ff;}
a:active{color: #0084ff;}
h1{font-size: 50px;}
h2{font-size: 40px;}
h3{font-size: 30px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 9px;}
.hide{display: none !important;}
.btn{display: inline-block;padding: 0 16px;font-size: 14px;line-height: 32px;color: #8590a6;text-align: center;cursor: pointer;background: none;border: 1px solid;border-radius: 3px;}
.btn:focus {outline: none;}
.btn-blue{color: #0084ff;border-color: #0084ff;}
.btn-blue:hover:not(:disabled) {background-color: rgba(0,132,255,.06);}
.btn-block{width:100%;}
.btn-transparent{border-color:transparent;padding: 8px;}

body {min-width: 1116px;line-height: 24px;font-size: 16px;background: #f5f6f7;}
.container {width: 1228px;padding-left: 22px;padding-right: 22px;padding-top: 10px;margin-left:auto;margin-right:auto;}

.top_toolbar{font-family: 'PingFang SC','Microsoft YaHei',SimHei,Arial,SimSun;font-size: .75em;color: #333;line-height: 1.5em;background: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);min-width: 1200px;width: 100%;height: 50px;padding: 0 24px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.search_bar{float:left;margin-left: 27px;}
.search_bar .search-input{float:left;width: 180px;height: 34px;padding: 4px 10px;font-size: 14px;border: 1px solid #ebebeb;border-radius: 3px;background: #f6f6f6;transition: width .2s ease,background .3s ease;}
.search_bar .search-input:focus{width: 326px;border-color:#0084ff;}
.search_bar .search-submit{margin-left:10px;font-size:14px;height:34px;line-height:34px;padding: 0 14px;border-radius: 3px;color:#fff;background-color: #0084ff;}
.search_bar .search-submit:hover{background-color: #0077e6;}

.top_toolbar .userinfo{float:right;}
.top_toolbar .userinfo a{display:inline-block;padding-left:4px;padding-right:4px;color:#999;font-size:14px;}

nav{float:left;width:96px;border-radius: 6px;background-color:#fff;margin-right:14px;text-align:center;line-height:42px;position:relative;padding:6px 0;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.04);box-shadow:0 1px 2px 0 rgba(0,0,0,0.04);}
nav .nav_sidebar ul li.active,nav .nav_sidebar ul li:hover{background-color:#0084ff;}
nav .nav_sidebar ul li.active a,nav .nav_sidebar ul li.active a:link,nav .nav_sidebar ul li.active a:visited,nav .nav_sidebar ul li:hover a{color:#fff;}

main{float:left;width:760px;min-height:500px;/*margin-right:8px;background:#fff;*/overflow:hidden;border-radius:2px;/*box-shadow:0 1px 3px rgba(26,26,26,.1);*/box-sizing:border-box;}
aside{float:right;width:300px;display:block;overflow:hidden;}
footer{padding: 10px 0 10px 5px;font-size: 13px;line-height: 2;color: #8590a6;}


.link:hover {color: #406599;}
.single-mode {position: relative;height:143px;padding:20px;border-bottom:1px solid #f4f4f4;}
.single-mode-lbox {float:left;width: 158px;height: 102px;margin-right: 16px;}
.img-wrap{position:relative;cursor:pointer;width:100%;text-align:center;border:1px solid #e8e8e8;background:#e8e8e8;overflow:hidden;transform-style:preserve-3d;}
.img-wrap,.img-wrap:before{display:inline-block;height:100%;}
.img-wrap>img{display:block;width:100%;height:100%;object-fit: cover;vertical-align:middle;transition:all .5s ease-out .1s;}
.img-wrap:hover img{transform:matrix(1.04,0,0,1.04,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.single-mode-rbox{height:100%;overflow:hidden;}
.single-mode-rbox-inner{display:inline-block;width:100%;vertical-align:middle;}
.title-box{display:block;font-size:20px;line-height:1.3;margin-bottom:4px;font-weight:700;max-height:52px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.footer-bar{font-size:14px;color:#999;margin-top:10px;}
.footer-bar .tag{position: relative;display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 0.2em 0.5em;color: #fff;font-size: 12px;line-height: normal;border-radius: 0.2em;background-color: #fff;color: #ff976a;}
.footer-bar .tag::after{position: absolute;box-sizing: border-box;content: ' ';pointer-events: none;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 0 solid #ebedf0;-webkit-transform: scale(0.5);transform: scale(0.5);border-width: 1px;border-color: currentColor;border-radius: 0.4em;}


.card{margin-bottom:10px;background:#fff;overflow:hidden;border-radius:6px;box-shadow:0 1px 3px rgba(26,26,26,.1);box-sizing:border-box;}
.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;padding:0 20px;border-bottom:1px solid #f6f6f6;box-sizing:border-box;}
.card-headerText{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.card-section {padding: 16px 20px;position: relative;}

.sort-list{width: 102%;}
.sort-list a {display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 0.2em 0.5em;color: #fff;font-size: 10px;line-height: normal;border-radius: 0.2em;background-color: #1989fa;    margin:4px;    -webkit-transition:background-color 0.2s;transition: background-color 0.2s;}
.sort-list a:hover {color:#0084ff;background-color: rgba(0,132,255,.06);}

.txt-list li {margin-bottom: 14px;padding-bottom: 14px;display:block;border-bottom: 1px solid #f0f0f0;}

.hot-search-word {display: inline-block;line-height: 34px; padding: 0 17px; -webkit-border-radius: 17px; border-radius: 17px; border: 1px solid #dddddd; margin-right: 10px; font-size: 16px; margin-bottom: 15px; }
.hot-search-word:hover { color: #fff; background: #45c25c; }

.hd{width:100%;margin:16px 0;}
.hd h3{font-size:16px;color:#333;border-left:4px solid #ea535c;padding-left:10px;font-weight:700}

.art-cont{padding:0 20px;}
.art-cont h1.title {font: bold 24px/1 "Microsoft Yahei";color: #404040;}
.post_time_source {margin-top: 20px;font: 12px/1 Arial, "Sim sun";color: #888;}
.art-text{margin: 20px 0; min-height:300px;}
.art-text p{font: 18px/32px "Microsoft Yahei";color: #404040;margin: 10px 0 0;}
.art-text p h2{display:inline-block}
.art-text h2{font-size:16px;}
.art-text p.pic_center{text-align:center;}
.art-text p.pic_center img,.art-text img{display:block;border-radius:5px;margin:0 auto;}
.art-text a{color:#f63131;}
.article-nav{width:100%}
.article-nav div{text-align:left; margin-left:20px;}
.tags-link a{margin:5px;}

.page{display: -webkit-box;display: -webkit-flex;display: flex;font-size: 14px;line-height: 40px;text-align: center;}
.page a,.page span{margin:1px;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;box-sizing: border-box;min-width: 36px;height: 40px;color: #1989fa;background-color: #fff;-webkit-user-select: none;user-select: none;}
.page .page_nowindex{background: #0084ff;color: #fff;}
.page a:hover{background:#0084ff;color:#fff;}
.page .index_page,.page .prev_page,.page .next_page,.page .last_page{width:70px;}

.report {background: url(/images/bg_header.jpg) no-repeat -320px -140px;color: #fff;font-size: 16px;padding: 10px 15px;box-shadow: 0 0 20px 0 rgba(0,0,0,.05);border-radius: 5px;margin-bottom: 20px;}
.report a {color: #fff;}
.mask_1{display:none;}
.mask{position: relative;height: 100px;overflow:hidden;}
.mask .mask_1{display:block;position: absolute;top:0;right:0;bottom:0;left:0;font-size: 30px;width:100%;height:100%;display: grid;place-items: center;background-color: rgba(255,255,255,.5);backdrop-filter: blur(15px);}