@charset "utf-8";
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,footer,header,section {display: block;}
a:active,a:hover {outline: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h3{padding: 0;margin:0 ;}
body {font-size: 14px;line-height: 1.45;color: #333;background-color: #f7f9fd;margin: 0;padding: 0;}
ul,li,dl,dd,dt,p {list-style: none;margin: 0;padding: 0;}
a {color: #333;text-decoration: none;}
a:hover {color: #339933;}
.container {margin:0 auto;padding:0 10px;}
.row {margin-left: -10px;margin-right: -10px;}
.row:before,.row:after {content: " ";display: table;}
.row:after {clear: both;}
.thbanner{overflow:hidden;}
.th-top,.th-topbanner{margin:20px auto 10px auto;}
.th-img{width:100%;object-fit:cover;}
.wap-nav{display:none}
.th-header{height:66px;line-height:66px;background-color:#2F3A4C;box-shadow:0px 1px 5px rgba(0,0,0,0.05)}
.th-logo{float:left;}
.th-logo img{height:50px;}
.th-logo a{font-size:18px;}
.th-fixed {position: fixed;top: 0;z-index: 100;width: 100%;opacity: 0.85;}
.th-menu{float:right;display:flex;}
.th-menu>li{position:relative;height:66px;line-height:66px}
.th-menu>li>a{display:inline-block;font-size:16px;color:#fff;padding:0 15px;transition:0.4s ease-out}
.th-menu>li>a:hover{color:#339933;}
.wap-click{display:none}
.pc_logo{float:left}
.pc_logo img{height:66px}
.pc_logo a,.pc_logo i{font-size:22px;}
.th-fabu{min-height:660px;}
.fabu_title{height:50px;line-height:50px;border-bottom:1px solid #f4f4f4;position:relative;box-sizing:border-box;font-size:18px}
.fabu_title i{color:#ccc;font-size:18px;margin:0px 8px 0 10px}
.fabu_title_size{font-size:15px}

.dt{width:1000px;margin:40px auto 0 auto;display:flex;}
.dt li{width:25%;text-align:center;color:#fff;}
.dt li i{font-size:42px;color:#339933;}
.dt li .item1{font-size:30px;}
.dt li .item1 span{font-size:14px;}
.dt li .item2{color:#ccc;}

.indbg{background:url(/static/images/indtopbg.jpg);}
.indtop{width:100%;height:450px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(2px);padding-top:70px;}
.indtop .ssblock{width:62%;margin:0 auto;padding:30px 30px 15px 30px;background: rgba(255, 255, 255, .2);border-radius:10px;}
.indtop .ssblock .item1{width:100%;display:flex;}
.indtop .ssblock .item1 .lft{flex:1;}
.indtop .ssblock .item1 .rit{width:120px;}
.indtop .ssblock .item2{color:#fff;padding:15px 0;font-size:16px;}
.indtop .ssblock .item2 a{color:#fff;}

.thlistul{display:flex;flex-wrap:wrap;}
.thlist{margin:1.5%;box-sizing: border-box;overflow:hidden;width:30.3%;background-color:#fff;border-radius:8px;}
.thlist:hover{cursor:pointer}
.thlist:hover .thlist-left span{opacity:0.9}
.thlist-left{box-sizing:border-box;position:relative;border:1px solid #fff;overflow:hidden;background-color:#fff;}
.thlist-left span{position:absolute;top:0;left:0;background:#339933;opacity:0.1;padding:1px 8px;color:#fff;font-size:12px;}
.thlist-left img{height:190px}
.thlist-right{box-sizing:border-box;}
.newstit{line-height:25px;font-size:16px;text-overflow:ellipsis;transition:0.3s ease-out;padding:6px;font-weight:200;}
.thinfo{color:#999;padding:0 6px 6px 6px;}
.thinfo span{color:#f00}
.thinfo i{margin:0 5px}
.thhot{background-color:#fff}
.thhot_title{height:50px;line-height:50px;border-bottom:1px solid #f4f4f4;position:relative;box-sizing:border-box;font-size:18px}
.thhot_title i{color:#ccc;font-size:20px;margin:0px 8px 0 10px}
.xginfo li{width:50%;float:left;}
.th-5{overflow:hidden;background:#fff;}
.th-5 li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12px 0;border-bottom:1px solid #f4f4f4;}
.th-5 li a{transition:0.3s ease-out;padding:0 12px;display:block;}
.th-5 li a:hover{color:#339933}
.th-5 li i{display:inline-block;width:18px;height:18px;line-height:18px;margin-right:5px;text-align:center;font-style:normal;color:#999;font-size:16px}
.th-6{overflow:hidden;padding:0 12px 12px 12px}
.th-6 li{float:left;margin:10px 0 0 5px;overflow:hidden;}
.th-6 li a{display:block;height:30px;line-height:30px;text-align:center;border-radius:2px;border:1px solid #f1f1f1;transition:all 0.2s ease-in;font-size:12px;padding:0 10px;}
.th-6 li a:hover{background-color:#339933;color:#fff;border:1px solid #339933}
.th-detail{padding:20px;font-size:15px;line-height:28px}
.th-detail .content{min-height:500px;}
.th-detail .content a {color: blue;text-decoration: none;}
.th-detail p{margin:10px 0;line-height:1.8;text-indent:2em;font-size:18px}
.th-detail p img{max-width:80%;margin-left:-2em}
.th-detail_title{border-bottom:1px solid #f4f4f4}
.th-detail_title h2{font-weight:bold;line-height:30px;text-align:center;margin:10px 0}
.th-detail_title p{font-size:14px;color:#999;font-weight:200;margin:5px 0;text-align:center}
.th-footer{background-color:#202935;padding:20px 0px 20px 0px;text-align:center}
.foot_menu{height:30px}
.foot_menu{line-height:30px;height:30px;color:#76809e}
.foot_menu a{line-height:30px;height:30px;color:#76809e;margin-right:10px;transition:0.3s ease-out}
.foot_menu a:hover{color:#339933}
.foot_info{line-height:25px;color:#76809e;font-size:14px;text-align:center}
.foot_info a{color:#76809e}
.hot-tags {overflow: hidden;background: #fff;padding: 10px;}
.hot-tags ul li{float: left;line-height:30px;color: #888;line-height:25px ;}
.hot-tags ul li {margin-right:10px;}
.hot-tags ul li a{ transition: 0.3s ease-out;}
.pagination {width:100%;background-color: #fff;text-align: center;display: flex;flex-flow: row wrap;}
.pagination li{background-color: #999;color: #fff;padding: 4px 10px;transition: 0.3s ease-out;margin: 5px 3px;display: inline;text-align:center;}
.pagination li:hover{background-color: #339933;}
.pagination li a{color:#fff;}
.pagination .active{background-color: #339933;}
#divNavBar{position: relative;}
.free-secrch{position: absolute;top:0px;right:0px;}

.search-input{text-align:left;height:45px;width:100%;border:0;border-radius: 3px 0px 0px 3px;font-size:14px;padding:0px 15px;}
.search-sub{height:45px;line-height: 45px;width:100%;border:0;font-size:14px;border-radius: 0px 3px 3px 0px;background-color: #339933;color:#fff;cursor: pointer;}

.thgotop {position: fixed;left: 50%;margin-left: 615px;bottom: 100px;z-index: 99;}
.thgotop ul li {width: 40px;height: 40px;background: #fff;margin-top: 10px;box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);border: 1px solid #fff;border-radius: 4px;box-sizing: border-box;cursor: pointer;}
.ditop {cursor: pointer;text-align: center;vertical-align: middle;transition: 0.3s ease-out;position: relative;}
.ditop i {display: inline-block;margin-top: 5px;font-size: 20px;color: #000;}
.ditop span {display: none;font-size: 12px;width: 30px;line-height:30px;margin: 0 auto;margin-top: 3px;}
.ditop:hover {background-color: #339933;border: 1px solid #339933;color: #fff;}
.ditop:hover i {display: none;}
.ditop:hover span {display: block;}
.ditopcon {position: absolute;width: 160px;bottom: -50px;left: -163px;box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);border: 1px solid #fff;border-radius: 4px;box-sizing: border-box;transition: 0.3s ease-out;display: none;padding: 10px;background-color: #fff;}
.ditop-top {margin-top: 10px;}
.ditop:hover .ditopcon {display: block;color: #999;font-size: 14px;}
.topthewm {width: 100px;height: 100px;border: 1px solid #f0f0f0;margin: 0 auto;margin-top: 10px;box-sizing: border-box;padding: 5px;border-radius: 5px;}
/* 用户 */
.user{overflow: hidden; position: relative;background-color:#fff;text-align: center;height:392px;}
.user .userBg{max-width:100%; height: 136px; object-fit: cover;object-position: center;width: 100%;overflow: hidden;}
.user .userImg{ width: 80px; height: 80px; margin: -40px auto 0 auto; display: block;}
.user .userImg img{width: 80px; height: 80px; border-radius: 40px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)}
.user .userImg mip-i-space{width: 80px!important; height: 80px!important;border-radius: 50px; padding: 0!important}
.user .userUrl{ display: inline-block;width:100%;}
.user .userTit{ font-size: 18px; padding: 12px 15px;}
.user .userText{font-size: 14px; color: #666; line-height: 24px;padding: 0px 10px;}
.user ul{ padding: 12px 0}
.user li{width: 32%; display: inline-block; text-align: center; height: auto; line-height: 22px; position: relative;}
.user li span{ display: block; width: 100%; clear: both; color: #9ca0ad; font-size: 12px;}
.user li span.s1{ font-size: 20px;font-family: Roboto-Light; color: #666; font-weight: 100}
.user li:after{content: "";width:1px;height: 33px;background: #f1f1f1;position: absolute;right: 0;top: 6px;}
.user li.last:after{ display: none;}
.user .lst{width:50px; display: inline-block; text-align: center; padding: 5px 0 15px; position: relative; z-index: 1}
.user .lst span{ width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto;display: block;border-radius: 50px; opacity: .8;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.user .lst span i{ font-size: 18px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.user .lst.item1 span i{color: #1ea6e9;}
.user .lst.item2 span i{color: #f78585;}
.user .lst.item3 span i{color: #6bc30d;}
.user .lst.item4 span i{color: #00C5FF;}
.user .lst.item1 span:hover i{ color: #fff;}
.user .lst.item2 span:hover i{ color: #fff;}
.user .lst.item3 span:hover i{ color: #fff;}
.user .lst.item4 span:hover i{ color: #fff;}
.user .lst.item1 span { border: solid 1px #1ea6e9;cursor: pointer}
.user .lst.item2 span { border: solid 1px #f78585;cursor: pointer}
.user .lst.item3 span { border: solid 1px #6bc30d;cursor: pointer}
.user .lst.item4 span { border: solid 1px #00C5FF;cursor: pointer}
.user .lst.item1 span:hover{ background: #1ea6e9;}
.user .lst.item2 span:hover{ background: #f78585; }
.user .lst.item3 span:hover{ background: #6bc30d;}
.user .lst.item4 span:hover{ background: #00C5FF;}
.tagmain{display:flex;flex-wrap:wrap;padding:5px;}
.tagmain .item{width:25%;}
.tagmain .item a{display:block;margin:8px;padding:8px;border:1px solid #efefef;}
.tagmain .item a i{color:#ccc;}
.tagmain .item a span{color:#ccc;}
@media (min-width:1200px){
.container{width:1200px}
.col-md-3,.col-md-9,.col-md-12{float:left}
.col-md-3,.col-md-9,.col-md-12,.col-xs-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-12{float:left;width:100%}
.col-md-12{width:100%}
.col-md-9{width:75%;}
.col-md-3{width:25%}
}
@media screen and (max-width:1000px) {
.indtop{width:100%;height:240px;background:url(/static/images/indtopbg.jpg);padding-top:45px;}
.indtop .ssblock{width:96%;margin:0 auto;padding:20px 20px 10px 20px;background: rgba(255, 255, 255, .1);border-radius:8px;}
.indtop .ssblock .item1{width:100%;display:flex;}
.indtop .ssblock .item1 .lft{flex:1;}
.indtop .ssblock .item1 .rit{width:80px;}
.indtop .ssblock .item2{color:#fff;padding:10px 0;}
.dt{display:none;}
.wap-top {margin-top: 8px;}
.wap-t_top{margin-top:0;}
.th-top{margin:8px 0 20px 0;}
.th-topbanner{margin-top:0;}
.thlist{width:100%;}
.thlist-left{float:left;width:20%;}
.thlist-left img{height:4.5em;}
.thlist-right{float:right;width:78%;}
.newstit{padding:0;}
.thinfo{padding:0;}
.desc{margin:0;}
.pc_logo,.wap-none{display: none;}
.th-logo img{height:50px;margin-left:10px;}
.wap-nav{display: block;background-color: #2F3A4C;}
.th-search {display: none;}
.thlogocon {margin: 0px;}
.th-header {position: fixed;top: 0;left: -100%;height: 100%;background: rgba(47, 58, 76, .90);z-index: 9999;transition: all .3s linear;width: 120px;}
.wap-padding {padding-left: 0;padding-right: 0;}
.th-menu{margin-left:0;display:block;width: 100%;}
.th-menu>li {height: 40px;line-height: 40px;border-bottom: 1px rgba(0, 0, 0, .09) solid;float:none;text-align:center;}
.th-menu>li>a {display: inline-block;font-size: 15px;padding: 0 15px;color: #FFF;transition: 0.4s ease-out;width: 100%;}
.th-header.thact {left: 0;box-shadow: 20px 0 20px rgba(0, 0, 0, .38);}
.wap-click {position: absolute;display: inline-block;width: 28px;height: 28px;top:14px;right:18px;vertical-align: middle;}
.wap-click i {position: absolute;top: 50%;left: 50%;display: block;width: 100%;height: 2px;margin: -1px 0 0 -50%;background-color: rgba(255, 255, 255, 0.68);transition: background-color 0.3s;}
.wap-click.wapact i {background-color: transparent;}
.wap-click i:before,
.wap-click i:after {position: absolute;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.68);content: '';transition: transform 0.3s;}
.wap-click i:before {transform: translateY(-400%);}
.wap-click i:after {transform: translateY(400%);}
.wap-click.wapact i:before {transform: translateY(0) rotate(45deg);}
.wap-click.wapact i:after {transform: translateY(0) rotate(-45deg);}
.thbanner img{max-width: 100%;}
.free-secrch,.ruser{display: none;}
.tagmain .item{width:100%;}
}
/* 文章页内容样式wyc */
.content p img { margin: auto; display: block;}
.content h3{display: block;font-size:18px;border-left: 4px solid #339933;background: #f5f5f5;line-height: 175%;padding: 5px 15px;margin: 0 0 20px 0;}
.content .comment p{margin-bottom:5px;line-height: 1.5;text-indent: 2em;font-size:16px;}
.comment{border:1px solid #efefef;margin-bottom:10px;}
.comment .title{font-weight:bold;height:35px;line-height:35px;padding-left:10px;border-bottom:1px solid #efefef;}
.answer{list-style:none;margin:0 10px !important;}
.answer li{padding:12px 0;border-bottom:1px solid #efefef;margin:0;}
.answer .top{width:100%;height:35px;}
.answer .top img{float:left;width:35px;height:35px;margin-right:10px;border-radius:50%;padding:0;}
.answer .top .name{float:left;flex:1;line-height:35px;font-weight:bold;margin-right:10px;}
.answer .top .area{float:left;line-height:35px;color:#999;}
.answer .txt{clear:both;line-height:30px;margin:10px 0;}
.answer .bottom{display:flex;width:100%;margin:0 auto;color:#999;}
.answer .bottom .time{flex:1;}
.answer .bottom .oper{width:70px;text-align:right;}
.copyright {background: #e8eef3;padding: 8px 20px;border-radius: 5px;font-size: .8rem;color: #555;}
.zmtWechatk{ width:100%; height:40px; max-width: 740px; position: fixed;z-index:999;}
.zmtWechat { bottom: 0; height: 50px;position: fixed; width: 100%;}
.we1 {  background:#f60; color: #ffffff; float: left; font-size: 18px; height: 50px; line-height: 50px; overflow: hidden; padding-top: 0; position: relative; width: 30%; text-align:center;}
.we2 { background: #956A48; color: #ffffff; float: left; font-size: 18px;  height: 50px; line-height: 50px; padding-top: 0;  width: 100%; text-align:center;}

@font-face {
  font-family: "iconfont"; /* Project id 3834778 */
  src: url('iconfont.woff2') format('woff2'),
       url('iconfont.woff') format('woff'),
       url('iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tag:before {
  content: "\e87c";
}

.icon-zhiding:before {
  content: "\e600";
}

.icon-time:before {
  content: "\e67b";
}

.icon-you:before {
  content: "\e612";
}

.icon-liulan:before {
  content: "\e61a";
}

.icon-kefu:before {
  content: "\e734";
}

.icon-pinglun:before {
  content: "\e6bd";
}

.icon-zuo:before {
  content: "\eb9a";
}

.icon-home:before {
  content: "\e83a";
}

.icon-class:before {
  content: "\e638";
}