/* CSS Document  */
body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td, 
form, input, button, select, textarea {margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
ol, ul {list-style: none;}
img {border: 0;}
a:link,a:visited {color:#000000;text-decoration:none;}
a:hover {color:#c00;text-decoration:underline;}
body {font-size:12px;color:#1A1A1A;font-family:arial, sans-serif;background:#fff}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;  font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;}
.cr {clear:both;height:0px;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt8 {margin-top:8px;}
.ins {display:none}
.hidden,.ins {display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
a:hover {-webkit-transition:all linear .218s;-moz-transition:all linear .218s;transition:all linear .218s}
.top p,.head,.menu ul,#footer .foot,#main {width:1135px;margin:0 auto;}
#main {height:100%;overflow:hidden;}
#main .l {float:left;width:815px;}
.bold {font-weight:bold;}


/* top*/
.toolbar {width: 100%;height: 36px;background: url(header.jpg) repeat-x;display: block;overflow: hidden;color: #666}
.toolbar .toolbar-box {margin: 0 auto;width: 1200px;overflow: hidden}
.toolbar .toolbar-left {float: left;width: auto;line-height: 30px;font-size: 14px}
.toolbar .toolbar-right {float: right;display: block;height: 30px;line-height: 30px;font-size: 14px;color: #0aa770}
.toolbar .toolbar-right a {color: #666;padding-right: 5px}
.toolbar .toolbar-right a .iconfont {position: relative;top: 1px;padding-right: 1px;line-height: 30px}
.toolbar .toolbar-right a:hover {color: #0aa770}
.header {width: 100%;background: #fff;overflow: hidden}
.header .header-box {margin: 5px auto;width: 1200px;overflow: hidden}
.header .logo {float: left;display: block;overflow: hidden;padding: 18px 0}
.header .logo .logo-img {width: auto;height: 50px;vertical-align: middle}
.header .logo .logo-title {margin-left: 20px;width: auto;height: 36px;vertical-align: middle}
.search {width: 460px;float:right;margin: 12px 0 0 0px;}
.search ul {height: 26px;line-height: 26px;}
.search ul li {float: left;width: 72px;text-align: center; cursor: pointer;border-radius: 3px 3px 0 0;}
.search ul li:hover {background: #F2F2F2;}
.search ul li.on {background: #237ded;color: #fff;}
.search div {border: 1px solid #237ded;height: 35px;overflow: hidden;}
.search div input {float: left;border: 0;}
.search div .search_ipt {line-height: 30px;height: 30px;outline: none;margin: 4px;width: 358px;}
.search div .search_btn {width: 92px;height: 35px;background: #237ded;;color: #fff;cursor: pointer;}
.search div .search_btn:hover {opacity: .9;}

/* danghang */
.nav {position: relative;top: 0;left: 0;z-index: 999;display: flex;width: 100%;background: #0aa770;justify-content: center;}
.nav * {box-sizing: border-box}
.nav .ul-list {display: flex;margin: 0 auto;width: 1200px;}
.nav .ul-list li {position: relative;border-right: 1px solid #099e6a;flex: 1}
.nav .ul-list li:last-child {border-right: none}
.nav .ul-list li a {display: flex;height: 46px;background: #0aa770;color: #fff;text-decoration: none;font-size: 18px;align-items: center;justify-content: center}
.nav .ul-list li span {display: flex;height: 46px;background: #222;color: #fff;font-size: 16px;align-items: center;justify-content: center}
.nav .ul-list li:hover .ol-list {display: block}
.nav .ol-list {position: absolute;top: 46px;left: 0;z-index: 999;display: none;width: 100%;background: #099e6a}
.nav .ol-list li a {display: flex;height: 38px;border-bottom: 1px solid #186;color: #fff;text-decoration: none;font-size: 14px;align-items: center;justify-content: center}
.nav .ol-list li a:hover,.nav .ul-list li a:hover {background: #186;color: #ffff37}


.jptpdh{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.jptpdh1{width:1200px; height:45px;}
.jptpdh1l{width:200px; float:left; height:45px; line-height:45px;background:#237ded; font-size:20px; text-align:center; color:#fff;}.jptpdh1l a{ color:#fff;}
.jptpdh1r{width:1000px; height:45px; background:#5A9EF2; float:left;}
.jptpdh1r1{width:900px; float:left; line-height:45px; color:#fff;}.jptpdh1r1 a{ color:#fff;}
.jptpdh1r1 li{ float:left; padding:0px 16px;}
.jptpdh1r1 li a{font-size:16px;}
.jptpdh1r1 li b{ font-size:16px; border:1px solid #fff; padding:5px;}
.jptpdh1r2{width:280px; height:31px; margin:5px; float:right;}
.jp_txt{ background:#fff url(../images/lb1.png) no-repeat 5px 5px; width:180px; height:35px; line-height:35px; border:none; color:#c4c4c4; padding-left:30px;}
.jp_txt1{float:right; background:#237ded; color:#fff;cursor:pointer; width:70px; height:35px;border:none; display:block; }
.jp_txt1:hover{background:#1b6acd;}
/*rongqi*/
.wrapper {display: block;margin: 15px auto 0;width: 1200px;}

/* 棣栭〉澶撮儴 */
.index-top-box {float: left;margin-bottom: 15px;width: 100%}
.index-top-left {float: left;width: 350px;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb}
.index-top-left span {float: left;width: 350px;height: 32px;line-height: 32px;font-size: 18px;font-weight: 700;padding-bottom: 5px}
.index-top-left span i {margin-right: 8px;font-size: 22px;line-height: 30px;box-sizing: border-box;vertical-align: middle;font-weight: 400}
.index-top-left ul {float: left;width: 350px}
.index-top-left ul li {font-size: 16px;line-height: 32px;height: 32px;width: 100%;float: left;overflow: hidden;}
.index-top-left ul li a {color: #666;font-size: 15px;line-height: 32px}
.index-top-left ul li a:hover {color: #0aa770}
.index-top-left ul li em {font-style: inherit;line-height: 20px;color: #fff;width: 20px;height: 20px;background-color: #0aa770;font-size: 12px;text-align: center;float: left;transform: translateY(-50%);margin-right: 10px;font-family: gotham-medium;border-radius: 4px;position: relative;top: 50%}
.index-top-left ul li:nth-child(1) em {background: #ff6b6d}
.index-top-left ul li:nth-child(2) em {background: #ff9e3a}
.index-top-left ul li:nth-child(3) em {background: #26ced5}

.index-top-middle {float: left;margin-left: 15px;padding: 15px;width: 390px;border-radius: 10px;background: #fff;box-shadow: 0 1px 10px #dbdbdb}
.index-top-middle ul {float: left;width: 100%}
.index-top-middle ul li {float: left;overflow: hidden;width: 100%;height: 30px;line-height: 30px}
.index-top-middle ul li .type {float: left;margin-top: 5px;margin-right: 10px;padding: 0 5px;height: 20px;border: solid 1px #0aa773;color: #0aa773;text-align: center;font-size: 12px;line-height: 20px;border-radius: 4px}
.index-top-middle ul li .type a {color: #0aa770}
.index-top-middle ul li .art {font-size: 14px;font-weight: 400;line-height: 30px;overflow: hidden}
.index-top-middle-hot {float: left;width: 100%;text-align: center}
.index-top-middle-hot h2 {height: 30px;color: #0aa770;font-weight: 700;font-size: 18px;line-height: 30px;overflow: hidden}
.index-top-middle-hot p {float: left;overflow: hidden;margin: 5px 0 8px;height: 48px;color: #868686;text-align: left;text-overflow: ellipsis;font-size: 14px;line-height: 24px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box}

.mdesc {margin:15px 0 20px 30px;width:560px;border-bottom:1px solid #E0E0E0;}
.mdesc  li.mulu1 {display:block;border-bottom:1px solid #E0E0E0;padding-bottom:3px;}
.mdesc  li.mulu1 .dirt {padding:5px 10px;line-height:42px;height:42px;border-right:3px solid #3871C9;background:#64A0DE;color:#fff;margin-top:47px;font-size:22px;}
.mdesc .mulu_list {padding:12px 0 12px 0;}
.mdesc .mulu_list span {display:block;height:30px;}
.mdesc .mulu_list span a{ font-size:16px;line-height:30px;color:#136EC2;padding-left:3px;}

.zzmdesc {margin:25px 0 0 30px;width:680px;}
.zzmdesc  li.zzmulu1 {display:block;border-bottom:1px solid #E0E0E0;padding-bottom:3px;}
.zzmdesc  li.zzmulu1 .dirt {padding:5px 10px;line-height:42px;height:42px;border-right:3px solid #3871C9;background:#64A0DE;color:#fff;margin-top:47px;font-size:22px;}
.zzmdesc .zzmulu_list {padding:12px 0 12px 0;}
.zzmdesc .zzmulu_list span {font-size:15px;display:block;height:30px;width:325px;float:left;margin-right:20px;word-break:keep-all;white-space:nowrap;overflow:hidden;}
.zzmdesc .zzmulu_list span a{ font-size:15px;line-height:30px;color:#136EC2;padding-left:3px;}
.xian {clear:both;padding-top:15px;width:680px;border-bottom:1px solid #E0E0E0;margin-left:30px;}
.context {clear:both;padding-top:20px;}
.youqin span {font-size:14px;padding-top:6px;}

.rol{float:right;width:340px;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;}
.homelogin{border-bottom:1px solid #e1e1e1}
.fbbox h3{line-height:36px;height:36px;padding-left:34px;background:url(hangye.png) no-repeat 10px center;font-size:16px}
.homelogin dl{padding:0 14px 14px 14px;border-bottom:1px solid #e1e1e1;}
.homelogin dl dt{height:50px;padding:15px 0;font-size:14px;}
.homelogin dl dt img{width:50px;height:50px;border-radius:50%;float:left}
.homelogin dl dt p{float:left;padding-left:10px;line-height:25px}
.homelogin dl dt b{font-weight:400;display:block}
.homelogin dl dt span{display:block;color:#aaa}
.homelogin dl dd{text-align:center;font-size:14px;}
.homelogin dl dd a{display:inline-block;padding:0 10px;border:1px solid #e8e8e8;border-radius:3px;line-height:32px;height:32px;margin:0 10px;border-radius:5px}
.homelogin dl dd a:hover{opacity:.8}.homelogin dl dd.nologin a{background:#ff3713;border:1px solid #ff3713;color:#fff;width:90px;padding:0}
.homelogin dl dd.nologin a:nth-child(2){background:0 0;color:#ff3713}.homelogin ul{height:90px}
.homelogin ul li{float:left;width:105px;border-right:1px solid #e1e1e1;width:110px;text-align:center;height:90px;}
.homelogin ul li a{display:-wap-marquee;font-size:14px;}
.homelogin ul li em{width:29px;height:29px;display:inline-block;margin-top:14px}
.homelogin ul li em.hl1{background:url(sw.png) no-repeat center}
.homelogin ul li em.hl2{background:url(zs.png) no-repeat center}
.homelogin ul li em.hl3{background:url(hy.png) no-repeat center}
.homelogin ul li span{display:block;line-height:30px}
.homelogin ul li:last-child{border-right:0}
.fbbox{margin-top:14px;padding:0 4px}
.fbbox .hd{height:40px}
.fbbox .hd ul{float:left}
.fbbox .hd li{float:left;padding:0 10px;line-height:40px}
.fbbox .hd li.on{font-size:16px;font-weight:700}
.fbbox .hd li.on span{position:relative;display:inline-block}
.fbbox .hd li.on span:after{content:"";display:block;width:50%;border-bottom:3px solid #e00;margin-left:25%}
.fbbox .hd .more{float:right;font-size:12px;line-height:40px;padding-right:10px}
.fbbox .hd .more a{color:#999}
.fbbox .bd ul{padding:5px 10px}
.fbbox .bd ul.ins{display:none}
.fbbox .bd ul li{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;width:260px}
.fbbox .bd ul li a {font-size:14px;}


.index-top-swiper {float: left;width: 400px;margin-bottom: 30px}color: #0aa770;left: 11px;top: 9px}
.index-top-swiper .icon-tuijian:before {position: relative;z-index: 3}
.index-top-swiper .icon-tuijian:after {position: absolute;top: 12px;left: -4px;z-index: 1;background: #fff;display: block;width: 50px;content: "";height: 18px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg)}
.swiper-container {position: absolute;top: 0;left: 0;width: 400px;height: 264px}
.swiper-wrapper li span {width: 100%;position: absolute;bottom: 0;left: 0;overflow: hidden;padding: 0 3%;height: 38px;background: rgba(0,0,0,.54);color: #fff;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;font-size: 16px;
line-height: 38px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.swiper-pagination {text-align: center;position: absolute;left: 0;width: 100%;margin-top: 2px}
.swiper-pagination-bullet {width: 5px;height: 5px;margin-left: 5px;background-color: transparent;opacity: 1;border: 1px solid #fff}
.swiper-pagination-bullet-active {background: #0aa770!important}



/*erji danghang*/
.subnav-box {clear:both;float: left;margin: 15px 0;padding: 15px;border-radius: 10px;background: #fff;width: 100%;box-shadow: 0 1px 10px #dbdbdb;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.subnav-box .item {display: inline-block;float: left;width: 33.31%;height: 130px;box-sizing: border-box;border-right: 1px solid #fff;padding: 15px;position: relative;background-size: auto;background-size: cover}
.subnav-box .item:nth-child(1) {background: url(../images/subnav_item1.png);background-size: auto;background-size: cover}
.subnav-box .item:nth-child(2) {background: url(../images/subnav_item2.png);background-size: auto;background-size: cover}
.subnav-box .item:nth-child(3) {background: url(../images/subnav_item3.png);background-size: auto;background-size: cover;border-right: 0}
.subnav-box .item .item-left {float: left}
.subnav-box .item:nth-child(1) h2 {color: #3b9ba0}
.subnav-box .item:nth-child(2) h2 {color: #e06f43}
.subnav-box .item:nth-child(3) h2 {color: #666dd9}
.subnav-box .item h2 {font-size: 20px;color: #3b9ba0;font-family: songti SC;font-weight: 700}
.subnav-box .item .item-left img {position: absolute;left: 15px;bottom: 12px}
.subnav-box .item .item-right {width: 66.61%;position: absolute;left: 115px;top: 15px}
.subnav-box .item .item-right ul {float: left}
.subnav-box .item .item-right ul li {float: left;width: 33.33%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;fong-size: 14px;margin-bottom: 8px}
.subnav-box .item:nth-child(1) li a {color: #3fa1a5}
.subnav-box .item:nth-child(2) li a {color: #df774e}
.subnav-box .item:nth-child(3) li a {color: #646cd2}
.subnav-box .item li a:hover {color: red}


/*list*/
.top p,.head,.menu ul,#footer .foot,#main {width:1200px;margin:0 auto;}
#main {height:100%;overflow:hidden;}
#main .l {float:left;width:885px;}
.bold {font-weight:bold;}
.dangqian {padding:12px 0;font-size:14px;}
.artpage22 {border:1px solid #E1E1E1;heighT:100%;overflow:hidden;margin-top:8px;}
.artpage22 h1 {heighT:36px;line-height:36px;border-bottom:1px solid #E1E1E1;background:url(artpagebg.gif) repeat-x;font-size:18px;padding-left:18px;font-weight:bold;color:#004080;}
.artpage22 h3 {heighT:33px;line-height:33px; #E1E1E1;background:url(artpagebg.gif) repeat-x;font-size:14px;padding-left:18px;font-weight:bold;color:#9D080C}
.qyart2 {border-bottom:0;position:relative;}
.fbbox2 ul li a {font-size:14px;color:#1874CD;}
.fbbox2 ul li a:hover {font-size:14px;color:red;text-decoration:none}
.fbbox2 ul li {heighT:24px;line-height:24px;background:url(cbiao.gif) no-repeat 0px;padding-left:12px;float:left;}
.fbbox2{border-bottom:1px solid #CECECE;margin-bottom:8px}
.jxstlist {padding:10px 10px 10px 20px;height:100%;overflow:hidden;}
.jxstlist li {float:left;font-size:14px;margin:0 1px;padding:0 25px 5px 0;}
.fbbox2 a.on {background:#FF4053;color:#fff}
.fbbox2 span a,.fbbox2 span a:hover {padding: 0;color: #000;background: none}
.qylist{clear:both;width:100%;padding-top:10px;}.qylist ul {clear:both;height:120px;}.qylist ul li{float:left;line-height:22px;}
.qylist ul li.li11 {clear:left;width:204px;height:121px;float:left;padding-right:8px;}
.li11  img {width:200px;height:121px;margin-left:10px;}
.li11 a:hover img{border:#69f 1px solid;}
.qylist .lbbj{width:855px;height:138px;border-bottom:1px solid #EDEDED;padding:15px 0 5px 0;}
.qylist ul li.li22{width:630px;height:100px;float:right;padding-top:5px;}
.qylist .lbbjnoimg{width:855px;height:100px;border-bottom:1px solid #EDEDED;padding:15px 0 5px 0;}
.qylist ul li.linoimg{width:767px;height:70px;padding-top:5px;margin-left:15px;}
.qylist li {position:relative;}
.qylist li .qbg {background:#F0F0F0;width:660px;height:119px;position:absolute;top:5px;left:5px;z-index:0;}
.qylist li .qinfo {heighT:115px;position:absolute;top:0px;left:0px;width:656px;background:#fff;z-index:1;}
.qinfo span a{border:1px solid #D0D0D0;padding:1px 2px;background:#F5FFE8;}
.qinfo span a:hover{color:#FFFFFF;background:#FFE66F;text-decoration:none}
.qylist li strong {display:block;height:24px;line-height:24px;padding:0px 0 4px 0;font-size:18px;overflow:hidden;}
.qylist li strong img {padding-top:5px;}
.qylist li strong span{height:24px;line-height:24px;font-size:12px;font-weight:500;color:#6C6C6C}
.qylist li strong i{background:url(zan.gif) no-repeat;color:#D94600;padding-left:16px;font-style:normal;font-weight:500;font-size:12px;margin-left:9px;}
.qylist li strong a{color:#039}
.qylist li strong a.visit{opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60)}
.qylist li strong a:hover{color:#c00;text-decoration:underline;}
.qylist li .jiacu {display:block;height:24px;line-height:24px;background:url(cbiao.gif) no-repeat 0 12px;padding:8px 0 4px 12px;font-size:14px;font-weight:bold;}
.qylist li .qfl {heighT:20px;line-heighT:20px;color:#6C6C6C;width:480px;padding-top:3px;padding-left:5px;overflow:hidden;}
.qylist li .qfl span {color:#AE0000}
.qylist li .qfl a,.qylist li .qfl a:visited {text-align:center;padding-right:3px;color:#006000}
.qylist li .qtxt {line-heighT:25px;color:#4F4F4F;padding-top:5px;overflow:hidden;font-size:14px;}
.qylist li .qtxt a:visited {color:#6C6C6C;}
.qylist li .qtxt a{color:#039;padding-left:8px}
.qylist li .ck {heighT:22px;line-heighT:22px;color:#060;padding-left:6px}
.qylist li .ck em {font-style:normal;color:#f00}
.kuang {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto 15px;padding: 15px;width: 100%;border-radius: 10px;background: #fff;box-shadow: 0 1px 10px #dbdbdb}
.kuang h2{font-size:18px;background:url(p.jpg) no-repeat -208px 14px;font-weight:bold;padding-left:20px;}
#pages {height: 24px;padding: 18px 0px 24px 18px;clear: both;}
#pages a, #pages a:visited, #pages a:hover, #pages b {padding: 0px 10px;border: 1px solid #D5D0D6;display: inline-block;height: 24px;line-heighT: 24px;text-decoration: none;color: #333;margin: 0 3px;font-family: '瀹嬩綋';background: #F6F6F6}
#pages a:hover, #pages b {border: 1px solid #C10001;color: #FEFF0E;background: #E22122;}

.leftfenzu {width:300px;float:right;}
.other-left {width:298px;border:1px solid #DCDCDC;padding-top:10px;clear:both;margin-bottom:20px;}
.other-left ul {padding:5px 0;}
.other-left h2,.other-left h3 {height:30px;line-heighT:30px;border-width:1px 0;width:205px;background:url(p.jpg) no-repeat -208px 14px;padding:6px 0 0 20px;color:#333;font-weight:bold;margin-left:12px;font-size:16px;}
.other-left li {height:70px;padding:7px 12px;}
.other-left li img {float:left;width:80px;height:65px;border:1px solid #DCDCDC;}
.other-left li p {float:right;widtH:180px;line-height:17px;overflow:hidden;}
.other-left li p a {color:#20519C;font-size:14px;}
.other-left li p a:hover {color:#EB6410}
.other-left li p.ren {padding-top:6px;}
.other-left li em {padding-left:16px;font-style:normal;widtH:115px;line-height:20px;color:#EB6410}
.other-left li span {font-style:normal;line-height:20px;color:#EB6410}

.bkWordNew2 {padding:6px 12px 12px 12px;margin-bottom:12px;width:274px;border:1px solid #DCDCDC;height:100%;overflow:hidden;}
.bkWordNew2 h3 {height:30px;line-heighT:30px;border-width:1px 0;background:url(p.jpg) no-repeat -208px 8px;padding-left:20px;color:#333;font-size:16px;padding-bottom:8px;}
.bkWordNew2 ul li{border:1px solid #DCDCDC; padding:2px; float:left; margin:0 8px 8px 0; display:block; line-height:22px; height:22px;}
.bkWordNew2 ul li a {padding:0 9px; display:inline-block;*display:inline;*zoom:1;height:22px; color:#333;white-space:nowrap; cursor:pointer; font-size:14px;}
.bkWordNew2 ul li a:hover{background:#E43C01;color:#ffffff;text-decoration:none; }



/* mianbaoxie */
.crumbs {overflow: hidden;height: 28px;color: #686868;font-weight: 400;font-size: 14px;line-height: 28px;padding-left: 10px;margin-bottom: 10px}
.crumbs .icon-home {font-size: 18px;position: relative;top: 1px;margin-right: 2px;color: #0aa770}
.crumbs .icon-logo {display: none}
.crumbs a {color: #686868;font-size: 14px}
.crumbs a:after {padding: 0 3px;font-size: 14px;}
.crumbs span {float: right;font-style: normal;font-size: 12px}

/* fengmian */
.index-article-box {float: left;width: 100%;background: #fff;margin-bottom: 15px;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.index-article-box ul {width: 100%;display: block;float: left}
.index-article-box ul li {width: 32%;float: left;font-size: 14px;height: 30px;line-height: 30px;margin-right: 2%}
.index-article-box ul li:nth-child(3n+0) {margin-right: 0}
.index-article-box ul li:before {position: relative;top: 50%;transform: translateY(-50%);float: left;margin-right: 8px;width: 5px;height: 5px;border-radius: 100%;background-color: #cecece;content: ""}
.index-article-box ul li:hover:before {background-color: #0aa770}
.index-article-box ul li a {float: left;display: block;width: 280px;font-size: 14px;color: #333;overflow: hidden;height: 30px}
.index-article-box ul li a:hover {color: #0aa770}
.index-article-box ul li span {float: right;font-size: 12px;color: #999}





/* article */
.article {position: relative;width: 100%;margin-bottom: 15px;background: #fff;float: left;padding: 20px 20px 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.article .title {color: #333;text-align: center;font-weight: 700;line-height: 36px;font-size: 26px}
.article .info {line-height: 24px;padding: 15px 0 10px;color: #999;overflow: hidden;width: 100%;text-align: center;font-size: 13px;border-bottom: 1px solid #ececec;float: left}
.article .info span {margin-right: 10px}
.article .info span i {font-size: 20px;line-height: 24px;box-sizing: border-box;vertical-align: -2px;padding-right: 2px}
.article .info a {color: #868686}
.article .info code {font-family: "Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif}
.article .info code b {color: #666;font-family: gotham-medium;font-size: 14px;font-weight: 400;padding: 0 2px}
.article .info code i {display: inline-block;margin-left: 4px;width: 4px;height: 4px;border-radius: 10px;background: #0aa770;-webkit-animation: load 1.04s ease infinite;margin-bottom: 5px}
.article .info code i:nth-child(1) {-webkit-animation-delay: .13s}
.article .info code i:nth-child(2) {-webkit-animation-delay: .26s}
.article .info code i:nth-child(3) {-webkit-animation-delay: .39s}
.content {float: left;padding: 15px 0 0;font-size:17px;width:100%;text-align: justify;word-wrap: break-word;line-height: 26px;position: relative;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;color:#000000;font-family:"Microsoft Yahei","榛戜綋","瀹嬩綋", Arial,Verdana;}
.content p {margin:5px 0 20px 0;line-height:32px;text-indent:2em;}
.content p:last-child {padding-bottom: 0}
.content h2 {font-size: 18px;line-height: 26px;color: #0aa770;font-weight: 700}
.content br {line-height: 26px}
.content img {margin:10px auto;display: block;height:auto;!important;padding:12px 0;width:360px;}
.content p.fwp {margin:12px 0 8px 0;font-weight:bold;background:#f5f7f7;border-left:5px solid #3991e5;padding-left:6px;color:#3991e5;line-height:30px;text-indent:0;}
.content p span.tit{font-weight:bold;}

/* article fenye */
.pages {display: table;margin: 0 auto}
.pages li {float: left;margin: 15px 5px 0}
.pages li:last-child {margin-bottom: 0}
.pages li a {float: left;display: block;width: 32px;height: 32px;line-height: 32px;border: 1px solid #0aa770;text-align: center;font-size: 18px;border-radius: 3px;font-family: gotham-medium;color: #0aa770;transition: all .3s linear}
.pages li a:hover {border: 1px solid #0aa770;background: #0aa770;color: #fff}
.pages li.current,.pages li.current a {width: 32px;height: 32px;line-height: 32px;border: 1px solid #0aa770;text-align: center;font-size: 18px;border-radius: 3px;font-family: gotham-medium;background: #0aa770;color: #fff}

/* zankaiquanwen */
.more-content {position: relative;z-index: 1;margin: -100px 0 20px;text-align: center;display: inline-block;width: 100%}
.more-content .more-content-mask {height: 100px;background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))}
.more-content .more-content-text {font-size: 14px;color: #fff;background: #0aa770;text-align: center;height: 40px;margin: 0 auto;line-height: 40px;cursor: pointer;display: block;width: 60%;border-radius: 50px}
.more-content .more-content-mask:after {content: "";background: url(more-content-text.png) no-repeat center/24px;display: inline-block;height: 24px;width: 24px;-webkit-animation: arrow .3s ease-out alternate infinite;animation: arrow .3s ease-out alternate infinite;margin-top: 66px;}


/* zanyixia */
.article-recommend {width: 100%;margin: 15px auto;background: #fff;text-align: center;display: inline-block}
.article-recommend .digg {position: relative;display: block;text-align: center;cursor: pointer;width: 80px;height: 80px;margin: auto;background: #eee;border-radius: 50%}
.article-recommend .digg .iconfont {position: relative;z-index: 1;line-height: 40px;text-align: center;display: inline-block;font-size: 40px;width: 100%;padding-top: 12px}
.article-recommend .on .iconfont,.article-recommend .digg:hover {color: #0aa770}
.article-recommend .on .iconfont {-webkit-animation: myfirst 1s linear;animation: myfirst 1s linear}
.article-recommend-num {width: 100%}
.article-recommend-num span {line-height: 1.2;font-size: 15px;text-align: center;font-family: gotham-medium}
.article-recommend-num span i {display: inline-block;margin-right: 4px;width: 4px;height: 4px;background: #0aa770;-webkit-animation: load 1.04s ease infinite;margin-bottom: 2px}
.article-recommend-num span i:last-child {margin-right: 0}
.article-recommend-num span i:nth-child(1) {-webkit-animation-delay: .13s}
.article-recommend-num span i:nth-child(2) {-webkit-animation-delay: .26s}
.article-recommend-num span i:nth-child(3) {-webkit-animation-delay: .39s}
.article-recommend .on .article-recommend-num span {color: #0aa770}
.article-recommend .add-animation {color: #0aa770;position: absolute;top: 15px;left: 33px;font-size: 16px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity: 0;animation: mypraise .8s;-webkit-animation: mypraise .8s;font-style: normal}

/* shangxiapian */
.prev-next {width: 100%;float: left}
.prev-next div {position: relative;display: block;width: 44%;color: #999;font-size: 14px}
.prev-next div span {display: block;color: #999;font-size: 80%}
.prev-next div a:after {position: absolute;top: 34%;margin-top: -2px;height: 22px;color: #ccc;font-size: 36px;line-height: 22px}
.prev-next div a:hover:after {color: #0aa770}
.prev {float: left;padding-left: 40px}
.next {float: right;padding-right: 40px;text-align: right}
.next,.prev {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal}
.prev-next .prev a:after {left: 0;content: "\e605"}
.prev-next .next a:after {right: 0;content: "\e606"}

/* xiangguan */
.related {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto 15px;padding: 15px;width: 100%;border-radius: 10px;background: #fff;box-shadow: 0 1px 10px #dbdbdb}
.related .related-title {float: left;padding-bottom: 5px;width: 100%;height: 32px;font-weight: 700;font-size: 18px;line-height: 32px}
.related .related-title i {box-sizing: border-box;margin-right: 8px;vertical-align: middle;font-weight: 400;font-size: 22px;line-height: 30px}
.related ul {float: left;width: 100%}
.related ul li {float: left;overflow: hidden;margin-right: 1.25%;width: 32.5%;height: 30px;text-align: left;font-size: 14px;line-height: 30px}
.related ul li:nth-child(3n+0) {margin-right: 0}
.related ul li:before {position: relative;top: 50%;float: left;margin-right: 10px;width: 5px;height: 5px;border-radius: 100%;background-color: #cecece;content: "";transform: translateY(-50%)}
.related ul li:hover:before {background-color: #0aa770}
.related ul li a {overflow: hidden}
.related ul li a:hover {color: #0aa770;text-decoration: underline}

/* sitemap */
.sitemap {float: left;width: 100%;background: #fff;margin-bottom: 15px;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.sitemap .map-box {padding-bottom: 15px;float: left;width: 100%;border-bottom: 1px solid #eee;margin-bottom: 15px}
.sitemap .map-box h2 {height: 30px;color: #0aa770;font-size: 22px;line-height: 30px;text-align: center;float: left;margin-right: 20px;}
.sitemap .map-box h2 a {color: #0aa770}
.sitemap .map-box h2 .iconfont {overflow: hidden;color: #0aa770;font-size: 24px;box-sizing: border-box;vertical-align: middle;margin-right: 3px}
.sitemap .map-box ul {overflow: hidden}
.sitemap .map-box:last-child {border-bottom: 0;margin-bottom: 0}
.sitemap .map-box ul li {white-space: nowrap;margin-right: 8px;float: left;text-align: center;line-height: 30px}
.sitemap .map-box ul li a {display: block;color: #666;font-size: 16px}
.sitemap .map-box ul li a:before {content: "/";position: relative;margin-right: 8px;color: #ccc}
.sitemap .map-box ul li:first-child a:before {content: "";margin-right: 0}
.sitemap .map-box ul li a:hover {color: #0aa770}

/* zuijing genxin */
.update {float: left;width: 100%;background: #fff;margin-bottom: 15px;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.update ul {float: left;width: 100%;position: relative}
.update ul li {position: relative;background: url(li.png) repeat-x center;line-height: 32px;width: 49%;float: left;height: 32px;overflow: hidden}
.update ul li:nth-child(2n) {float: right}
.update ul li:before {position: absolute;top: 50%;transform: translateY(-50%);float: left;margin-right: 8px;width: 5px;height: 5px;border-radius: 100%;background-color: #cecece;content: ""}
.update ul li:hover:before {background-color: #0aa770}
.update ul li a {padding-right: 8px;background: #fff;line-height: 32px;padding-left: 12px;font-size: 15px}
.update ul li span {position: absolute;font-size: 12px;right: 0;bottom: 0;float: right;padding-left: 10px;background: #fff;color: #999}

/* youqing-lianjie */
.friendlink {float: left;font-size: 14px;margin: 0 auto 15px;padding: 10px 15px;width: 100%;background: #fff;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.friendlink a {margin-left: 6px;color: #999;line-height: 22px}
.friendlink a:hover {color: #0aa770;text-decoration: underline}
.friendlink .contact {color: #333;margin-left: 10px;cursor: pointer}
.friendlink .contact:before {content: ">>>";color: #999}
.friendlink .iconfont {margin-right: 2px;font-size: 16px;color: #999;line-height: 22px}

/* footer*/
.footer{clear:both;padding:5px 0;width:100%;background:#333;font-size:14px;line-height:22px;_line-height:28px;min-width:1210px;margin-top: 20px;}
.footer .footer-content{overflow:hidden;margin:0 auto;padding-top:10px;width:1200px;color:#919292}
.footer .foot-menu{margin-left:300px;width:1000px;position: relative;}
.footer .foot-menu p{color:#FFF;font-size:13px;line-height:22px}
.footer .foot-menu p a{color:#FFF;text-decoration:none; margin:0 3px;}
.footer .copyright{color:#7b7b7b;font-size:12px; margin-bottom:10px; text-align:center;}
.footer .copyright a {color:#7b7b7b;}

/* cebianlan */
.scrollmenu {position: fixed;bottom: 100px;right: 10px;width: 50px;z-index: 999999;color: #666;text-align: center;line-height: 50px}
.scrollmenu li {border-radius: 2px;position: relative;display: block;width: 50px;color: #666;opacity: .6;filter: Alpha(opacity=60);padding: 0;margin-bottom: 3px}
.scrollmenu li .iconfont {border: 1px solid #ccc;box-shadow: 0 1px 3px #dbdbdb;color: #666;font-size: 32px;display: block;background: #fff;line-height: 50px;height: 50px;box-sizing: border-box;vertical-align: middle;cursor: pointer;border-radius: 3px}
.scrollmenu li:hover .iconfont {display: block;background: #0aa770;border: 1px solid #0aa770;color: #fff}
.scrollmenu li:hover {opacity: 1;filter: Alpha(opacity=100)}
.scrollmenu a:hover:after {content: attr(data-original-title);display: inline-block;padding: 0;position: absolute;width: 80px;height: 30px;font-size: 14px;top: 12px;line-height: 30px;right: 60px;border-radius: 4px;background: #0aa770;
color: #fff;opacity: 1!important;filter: Alpha(opacity=100)!important}
.scrollmenu li:hover:before {position: absolute;top: 19px;right: 54px;display: inline-block;width: 0;height: 0;background-color: transparent;content: "";border-left: 8px solid #0aa770;border-top: 8px solid transparent;border-bottom: 8px solid transparent;opacity: 1!important;filter: Alpha(opacity=100)!important}
.m-tags  { border-bottom: 1px dashed #d3d3d3;  margin-bottom: 20px;padding-bottom:5px; }
.m-tags p {padding-bottom:10px;}
.m-tags span { font-size:14px; color: #999 }
.m-tags a { color: #3fae5f; border:1px #3fae5f solid; display: inline-block; padding: 2px 8px; margin-right: 10px; border-radius: 3px }
.m-tags a:hover {background-color: #3fae5f; color: #fff}

/*redian*/
.main-left {float: left;width: 880px;min-height: 300px}
.main-right {float: right;width: 360px}
.main-right .index-top-right {margin-bottom: 15px}
.main-right .sidefixed {position: relative;float: right;width: 360px}
.index-top-right {float: right;width: 330px;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 1px 10px #dbdbdb}
.index-top-right span {float: left;width: 330px;height: 32px;line-height: 32px;font-size: 18px;font-weight: 700;padding-bottom: 5px}
.index-top-right span i {margin-right: 8px;font-size: 22px;line-height: 30px;box-sizing: border-box;vertical-align: middle;font-weight: 400}
.index-top-right ul {float: left;width: 330px}
.index-top-right ul li {font-size: 16px;line-height: 32px;height: 32px;width: 100%;float: left;overflow: hidden}
.index-top-right ul li a {color: #666;font-size: 15px;line-height: 32px}
.index-top-right ul li a:hover {color: #0aa770}
.index-top-right ul li em {font-style: inherit;line-height: 20px;color: #fff;width: 20px;height: 20px;background-color: #0aa770;font-size: 12px;text-align: center;float: left;transform: translateY(-50%);margin-right: 10px;font-family: gotham-medium;border-radius: 4px;position: relative;top: 50%}
.index-top-right ul li:nth-child(1) em {background: #ff6b6d}
.index-top-right ul li:nth-child(2) em {background: #ff9e3a}
.index-top-right ul li:nth-child(3) em {background: #26ced5}


.pupop,.mask{position:fixed;_position:absolute;pointer-events:auto}
.pupop {width:800px;display:none;z-index:199;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:460px;background:#fff;border-radius:8px;-webkit-overflow-scrolling:touch;}
.pupop a.close {position: absolute;top:10px;right:10px;color: #fff;width: 20px;background:url(../static/imgs/dialog-close.png) no-repeat center;height: 20px;line-height: 20px;text-align: center;font-family: arial;text-indent: -9999em;overflow: hidden;}
.pupop a.close-white {background: url(../static/imgs/close-white.png) no-repeat;}
.pupop a.close:hover {opacity: .8;}
.pupop .bd {padding:10px 20px;}
.mask{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px"); background:#000;opacity:0.3;filter:alpha(opacity=30); display:none; z-index:198;}

.fixed_item{ width: 50px;position: fixed; top:40%;left:50%; margin:-25px 0 0 -670px;}
.fixed_item a{ display: block; width: 50px; text-align:center; margin-bottom:2px; line-height:18px; color: #fff; padding: 5px; border-radius: 3px;background:#44b449}
.fixed_item em {display: block; width:26px; height:30px; margin:0 auto 4px; background: url(../static/imgs/gf_icon.png) no-repeat;}
.fixed_item a:hover{ background:#f60;text-decoration:none}

.red-pay-hd {border-bottom: solid #e2dfdf 1px;}
.red-pay-hd a {text-align: center;line-height: 36px;color: #333;width: 50%;float: left;display: block;position: relative;top: 1px;border-bottom: solid transparent 2px;font-size: 18px;}
.red-pay-hd a.alipay {color: #00aaee;}
.red-pay-hd a.alipay.on {color: #00AAEE;border-color: #00AAEE;}
.red-pay-hd a.on {color: #38ad3a;border-color: #38ad3a;}
.red-pay-hd a:hover {text-decoration:none;}
.red-pay-box li {display: none;}
.red-pay-box li.on {display: block;}
.pay_qrcode {width: 240px;height: 240px;margin: 20px auto 0;display: block;border: solid #f8f8f8 5px;background:url(../static/imgs/loading.gif) no-repeat center;}
.pay_qrcode img {width: 100%;}
.red-pay-box li p {line-height: 20px;text-align: center;padding: 5px 0;font-size: 14px}
.red-pay-box li.wxpay {color: #38ad3a;}
.red-pay-box li.alipay {color: #00aaee;}
#copy_pay .bd {padding-bottom: 20px;}
#copy_pay .desc {color: #f00;text-align: center}
#copy_pay .desc a {color: #f00;}

#copy_help {display: none;width: 730px;height: auto;}
#copy_help h2 {text-align: center;font-size: 20px;padding: 20px 0 10px;}
#copy_help ul {padding: 0 30px 30px;}
#copy_help li {margin-top: 10px;border: 1px solid #5A9EF2;padding: 10px;-webkit-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);-moz-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .1);}
#copy_help li h3 {font-size: 16px;color: #1F40C5;font-weight: bold;line-height: 30px;border-bottom: 1px dotted #aaa;}
#copy_help li p {line-height: 20px;color: #888;padding: 5px 0;}
#copy_pay {display: none;width: 400px;height: auto;}
#copy_pay .copy_pay_tit {background: #1F40C5;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}

#downwordpay {width: 400px;height: auto;}
#downwordpay .copy_pay_tit {background: #5A9EF2;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}
#downwordpay .copy_pay_tit {background: none;color: #0a0;font-size: 2rem;height: 3rem;text-indent: 0em;border-radius: 8px 8px 0 0;text-align:center;font-weight: bold;padding-top:20px}
#downwordpay .tps {line-height: 46px;color: #888;text-align: center;font-size: 18px}
#downwordpay .bd {padding-bottom: 20px;}
#downwordpay .paye {display: none;}
#downwordpay .desc {color: #f00;text-align: center;padding-bottom:20px}
#downwordpay .desc a {color: #f00;}
#downwordpay .red-pay {text-align:center;padding-top:150px;background:url(../static/imgs/pay.jpg) no-repeat center 30px;background-size:90px auto;}
#downwordpay .red-pay p {font-size: 16px;color:#f60}
#downwordpay .copy_buy {padding: 1rem 2rem 0;}
#downwordpay .copy_buy a{background: #44b549;font-weight: 700;color: #fff;text-decoration: none;display: block;border-color: #44b549;padding:.8rem 0;border-raidus:1rem !important;font-size: 20px}
#downwordpay .wordmoney {color: #f00;font-weight: bold;font-size: 16px;font-style: normal;}
#downwordpay .downword {display: none;padding:100px 0}
#downwordpay .downword a{background:#1F40C5;height:50px;line-height:50px;border-radius:4px;font-size:22px;color:#fff;font-weight:700;display: block;text-align: center;}
#downwordpay .downword a:hover {opacity: .9;}

.fixed_top {position: fixed;top:-60;background:#fff ;box-shadow:0 5px 14px rgb(0 0 0 / 4%);width: 100%;height: 50px;line-height: 50px;opacity: 0;z-index: 197;left:0;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.fixed_top:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.fixed_top.in {top:0;opacity: 1;}
.fixed_top > div {width: 1200px;margin:0 auto;position: relative;}
.fixed_top > div b {font-size: 18px;float: left;}
.fixed_top > div p {float: right;}
.fixed_top > div p a {display: inline-block;margin-left: 1em;background-color: #237ded;border-radius: 3px;line-height: 30px;color: #fff;padding:0 20px;}
.fixed_top > div p a {text-decoration: none;background-color: #3382f8;}
.fixed_top .fixed_top_search {position: absolute;top:8px;right: 250px; height: 32px; border: 1px solid #237ded; border-radius: 4px; overflow: hidden;}
.fixed_top .fixed_top_search .search_text_top {height: 32px; line-height: 32px; font-size: 14px; background: #fff; padding: 0 10px 0 11px;border: 0;color: #000;outline: none;width: 300px;float: left;}
.fixed_top .fixed_top_search .search_btn { width: 80px; height: 32px; line-height: 32px; font-size: 14px; background: #237ded; color: #fff; border: 0;cursor: pointer;float: right;text-align: center;}
.fixed_top .fixed_top_search  .search_btn:hover{background:#3382f8;text-decoration: none;}

/*闂瓟棣栭〉*/
.faq-wrap{max-width:1200px;margin:0 auto;padding:20px 0;display:flex;gap:20px}
.faq-main{flex:1;min-width:0}
.faq-sidebar{width:300px;flex-shrink:0}
.crumbs{margin-bottom:15px;font-size:13px;color:#666}
.crumbs a{color:#666}
.crumbs a:hover{color:#237ded}

.quick-nav{background:#fff;border-radius:10px;padding:15px 25px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.quick-nav-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;display:inline-block}
.quick-nav-list{display:flex;flex-wrap:wrap;gap:10px}
.quick-nav-item{display:inline-block;padding:6px 14px;background:#f0f4f9;color:#555;font-size:13px;border-radius:20px;text-decoration:none;transition:all 0.2s}
.quick-nav-item:hover{background:#237ded;color:#fff;transform:translateY(-1px)}
.quick-nav-item.active{background:#237ded;color:#fff}

.overview-card{background:#fff;border-radius:10px;padding:25px 30px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.overview-card h1{font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.overview-meta{color:#999;font-size:14px;margin-bottom:15px}
.overview-meta span{margin-right:20px}
.overview-stats{display:flex;gap:20px;margin-top:15px}

.overview-stat{flex:1;text-align:center;padding:15px;background:#f8f9fa;border-radius:8px}
.overview-stat .stat-num{font-size:32px !important;font-weight:700 !important;color:#237ded !important;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px}
.overview-stat .stat-num *{font-size:28px !important;font-weight:700 !important;color:#237ded !important;vertical-align:middle}
.overview-stat .stat-num a{font-size:28px !important;font-weight:700 !important;color:#237ded !important;vertical-align:middle}
.overview-stat .stat-num span{font-size:28px !important;font-weight:700 !important;color:#237ded !important;vertical-align:middle}
.overview-stat .stat-num svg{font-size:28px !important;font-weight:700 !important;color:#237ded !important;vertical-align:middle}
.overview-stat .stat-label{font-size:13px;color:#666;margin-top:10px}

.like-btn{display:inline-flex;align-items:center;gap:6px;color:#237ded;cursor:pointer;line-height:1}
.like-btn:hover{color:#1a5fb4}
.like-btn:hover *{color:#1a5fb4 !important;fill:#1a5fb4 !important}
.like-btn .like-icon{width:24px;height:24px;vertical-align:middle;flex-shrink:0}
.like-btn .like-icon svg{width:100%;height:100%;fill:#237ded;transition:fill 0.2s}
.like-btn:hover .like-icon svg{fill:#1a5fb4}
.like-btn .like-count{font-size:28px !important;font-weight:700 !important}

.fanwen-link{display:inline;color:#237ded;font-size:32px;font-weight:700;text-decoration:none}
.fanwen-link:hover{color:#1a5fb4;text-decoration:underline}

.module-box{background:#fff;border-radius:10px;padding:25px 30px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
h2.module-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #237ded;display:inline-block}
.disclaimer{font-size:12px;color:#999;margin-top:10px;padding-top:10px;border-top:1px dashed #eee}

.misunderstanding-list{display:flex;flex-direction:column;gap:16px}
.misunderstanding-item{display:flex;flex-direction:column;gap:8px}
.misunderstanding-name{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#1a1a1a;line-height:1.5}
.misunderstanding-name .mis-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}
.misunderstanding-name .mis-percent{font-size:14px;color:#888;flex-shrink:0;white-space:nowrap}
.misunderstanding-bar{width:100%;height:14px;background:#f0f0f0;border-radius:7px;overflow:hidden}
.misunderstanding-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a5a);border-radius:7px}
.misunderstanding-percent{width:70px;font-size:13px;color:#888;text-align:right;flex-shrink:0;white-space:nowrap}

.chart-row{display:flex;gap:20px;margin-bottom:20px}
.chart-col{flex:1;background:#fff;border-radius:10px;padding:25px 30px;box-shadow:0 2px 10px rgba(0,0,0,.06)}

.wordcount-chart{display:flex;align-items:flex-end;gap:15px;height:200px;padding:20px 0}
.wordcount-chart-item{display:flex;flex-direction:column;align-items:center;flex:1}
.wordcount-chart-bar{width:40px;background:linear-gradient(180deg,#237ded,#5A9EF2);border-radius:4px 4px 0 0;transition:height 0.3s ease}
.wordcount-chart-label{font-size:12px;color:#666;margin-top:8px;text-align:center}
.wordcount-chart-percent{font-size:13px;color:#237ded;font-weight:700;margin-bottom:5px}

.attention-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding:20px 0}
.attention-chart-item{display:flex;flex-direction:column;align-items:center;flex:1}
.attention-chart-bar{width:35px;border-radius:4px 4px 0 0;transition:height 0.3s ease}
.attention-chart-bar-1{background:linear-gradient(180deg,#0aa770,#2ecc71)}
.attention-chart-bar-2{background:linear-gradient(180deg,#237ded,#5A9EF2)}
.attention-chart-bar-3{background:linear-gradient(180deg,#ff9e3a,#ffb347)}
.attention-chart-bar-4{background:linear-gradient(180deg,#e74c3c,#c0392b)}
.attention-chart-bar-5{background:linear-gradient(180deg,#9b59b6,#8e44ad)}
.attention-chart-bar-6{background:linear-gradient(180deg,#1abc9c,#16a085)}
.attention-chart-bar-7{background:linear-gradient(180deg,#f39c12,#e67e22)}
.attention-chart-bar-8{background:linear-gradient(180deg,#34495e,#2c3e50)}
.attention-chart-label{font-size:11px;color:#666;margin-top:8px;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attention-chart-percent{font-size:12px;color:#237ded;font-weight:700;margin-bottom:5px}

.intro-box{background:#fff;border-radius:10px;padding:25px 30px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-left:4px solid #237ded}
.intro-box h2{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.intro-box p{font-size:14px;line-height:1.8;color:#555}
.intro-box .intro-highlight{color:#237ded;font-weight:600}

.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tag-cloud-item{display:inline-block;padding:6px 14px;background:#f0f4f9;color:#555;font-size:13px;border-radius:20px;text-decoration:none}
.tag-cloud-item:hover{background:#237ded;color:#fff}

.topic-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.topic-compare-item{display:block;padding:18px;background:#f8f9fa;border-radius:8px;color:#555;text-decoration:none}
.topic-compare-item:hover{background:#237ded;color:#fff}
.topic-compare-item .topic-name{font-size:15px;font-weight:600;margin-bottom:8px;display:block}
.topic-compare-item .topic-meta{font-size:12px;opacity:.8;display:block}

.faq-list{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.faq-item{padding:22px 28px;border-bottom:1px solid #f0f0f0}
.faq-item:last-child{border-bottom:0}
.faq-item:hover{background:#fafbfc}
.faq-num{width:32px;height:32px;background:#237ded;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-right:12px;flex-shrink:0}
.faq-item h2{font-size:17px;color:#1a1a1a;font-weight:600;display:flex;align-items:flex-start;line-height:1.5;margin-bottom:10px}
.faq-item h2 a{color:#1a1a1a;text-decoration:none}
.faq-item h2 a:hover{color:#237ded}
.faq-answer{font-size:14px;line-height:1.7;color:#333;background:#f5f7fa;padding:10px 14px;border-radius:6px;border-left:3px solid #237ded;margin-top:8px;margin-left:44px;display:block}
.faq-meta{margin-top:10px;font-size:12px;color:#999;margin-left:44px}
.faq-meta a{color:#237ded;text-decoration:none}

.faq-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:25px 0;padding:15px}
.faq-pagination a{display:inline-block;padding:8px 14px;border-radius:4px;font-size:14px;text-decoration:none;background:#f5f7fa;color:#555}
.faq-pagination a:hover{background:#237ded;color:#fff}
.faq-pagination span{display:inline-block;padding:8px 14px;border-radius:4px;font-size:14px;text-decoration:none}
.faq-pagination span.current{background:#237ded;color:#fff;font-weight:700}

.sidebar-mod{background:#fff;border-radius:10px;padding:20px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sidebar-mod h3{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #237ded;display:inline-block}
.sidebar-mod ul{list-style:none;padding:0;margin:0}
.sidebar-mod li{padding:10px 0;border-bottom:1px dashed #eee}
.sidebar-mod li:last-child{border-bottom:0}
.sidebar-mod li a{color:#444;font-size:14px;font-weight:500;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.2s}
.sidebar-mod li a:hover{color:#237ded;padding-left:4px}
.sidebar-mod .fw-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed #eee;color:#333;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.2s}
.sidebar-mod .fw-item:last-child{border-bottom:0}
.sidebar-mod .fw-item:hover{color:#237ded;padding-left:4px;background:#f8fbff;border-radius:4px}
.sidebar-mod .fw-item .fw-icon{width:18px;height:18px;flex-shrink:0;opacity:0.8}
.sidebar-mod .fw-item .fw-icon svg{width:100%;height:100%;fill:#237ded}

.tag-cloud-item{display:inline-block;padding:8px 16px;background:#f0f4f9;color:#444;font-size:14px;font-weight:500;border-radius:20px;text-decoration:none;transition:all 0.2s;margin-bottom:6px}
.tag-cloud-item:hover{background:#237ded;color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px rgba(35,125,237,0.2)}

@media(max-width:768px){
.faq-wrap{flex-direction:column}
.faq-sidebar{width:100%}
.overview-stats{flex-wrap:wrap}
.topic-compare-grid{grid-template-columns:1fr}
.chart-row{flex-direction:column}
.misunderstanding-name{width:200px}
.faq-answer{margin-left:0}
.faq-meta{margin-left:0}
.quick-nav-list{gap:8px}
.quick-nav-item{font-size:12px;padding:5px 10px}
}

/* ===== PC绔洿鎺ユ樉绀哄尯鏍峰紡锛堟棤銆愭湰闂搴旂殑璇尯銆戠殑qa-group锛�===== */
.inline-faq-list { margin-top: 10px; }
.inline-faq-item { 
    border-bottom: 1px solid #f0f0f0; 
    padding: 18px 0; 
}
.inline-faq-item:last-child { border-bottom: none; }
.inline-faq-question { 
    font-size: 16px; 
    font-weight: 600; 
    color: #1a1a1a; 
    margin-bottom: 12px; 
    line-height: 1.6; 
    display: flex;
    align-items: flex-start;
}
.inline-faq-num { 
    display: inline-flex; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    text-align: center; 
    background: #4a6cf7; 
    color: #fff; 
    border-radius: 50%; 
    font-size: 13px; 
    margin-right: 10px; 
    flex-shrink: 0; 
    justify-content: center;
    align-items: center;
    margin-top: 1px;
}
.inline-faq-answer { 
    font-size: 14px; 
    color: #444; 
    line-height: 1.9; 
    padding-left: 36px; 
}
.inline-faq-more { 
    text-align: center; 
    color: #999; 
    font-size: 13px; 
    padding: 15px 0 5px; 
    border-top: 1px dashed #e0e0e0;
    margin-top: 5px;
}

/* 写作经验序号列表 */
.experience-simple-list {
    padding: 0 15px 15px;
}
.experience-simple-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    line-height: 1.6;
}
.exp-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    background: #3498db;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
}
.exp-text {
    font-size: 14px;
    color: #333;
}
/* ===== 高赞回答标签样式 ===== */
.qa-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    margin-right: 6px;
    vertical-align: middle;
    white-space: nowrap;
}

.badge-hot {
    background: #fff2f0;
    color: #ff4d4f;
    border: 1px solid #ffccc7;
}

.badge-toplike {
    background: #e6f7ff;
    color: #1890ff;
    border: 1px solid #91d5ff;
}

.badge-best {
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f;
}

.badge-quick {
    background: #fffbe6;
    color: #faad14;
    border: 1px solid #ffe58f;
}

.badge-picked {
    background: #f9f0ff;
    color: #722ed1;
    border: 1px solid #d3adf7;
}

/* ===== 相关专题对比交互标识样式 ===== */
.tag-meta-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    margin-right: 4px;
    vertical-align: middle;
}

.tag-meta-green {
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f;
}

.tag-meta-blue {
    background: #e6f7ff;
    color: #1890ff;
    border: 1px solid #91d5ff;
}

.tag-meta-purple {
    background: #f9f0ff;
    color: #722ed1;
    border: 1px solid #d3adf7;
}

.tag-meta-orange {
    background: #fff7e6;
    color: #fa8c16;
    border: 1px solid #ffd591;
}

.tag-meta-red {
    background: #fff1f0;
    color: #f5222d;
    border: 1px solid #ffa39e;
}

.tag-meta-gold {
    background: #fffbe6;
    color: #d48806;
    border: 1px solid #ffe58f;
}

.tag-meta-num {
    font-size: 12px;
    color: #888;
    vertical-align: middle;
}