﻿/* Css Reset */
body,ul,ol,p,li,h1,h2,h3,h4,h5,h6 {padding:0;margin:0}
body{text-align:left;font-family:"",Helvetica,STHeiti,Droid Sans Fallback;font-size:63%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
li{list-style:none}
a,a:visited{text-decoration:none;color:#000}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,.3);}
.fl{float:left}
.fr{float:right}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.hide{display:none}
/* input { -webkit-appearance: none; } */


/* common */
.touchOn { background-color: #e8e8e8; }
/* 提示信息弹出 */
.popTip { position: fixed; z-index: 10000; background: rgba(0, 0, 0, .8); box-shadow: #333 0 0 10px; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }
.popTip .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; background: url(images/icon_notice.png) no-repeat; background-size: 32px 32px; }
.popTip .text { color: #fff; line-height: 32px; }
.popTip .icon.suc { background-image: url(images/icon_success.png); }
.popTip .icon.err { background-image: url(images/icon_error.png); }
.popTip .icon.load { background-image: url(images/tip_loading.gif); background-size: auto; background-position: center; }


/* font icon */
@font-face {
    font-family: 'fontello';
    src: url('font/fontello.eot?26169955');
    src: url('font/fontello.eot?26169955#iefix') format('embedded-opentype'),
         url('font/fontello.woff?26169955') format('woff'),
         url('font/fontello.ttf?26169955') format('truetype'),
         url('font/fontello.svg?26169955#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    /* margin-right: .2em; */
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.icon-star-half-alt:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */
.icon-user-1:before { content: '\e802'; } /* '' */
.icon-th-list:before { content: '\e803'; } /* '' */
.icon-edit:before { content: '\e804'; } /* '' */
.icon-inbox:before { content: '\e805'; } /* '' */
.icon-volume-middle:before { content: '\e806'; } /* '' */
.icon-doc-text:before { content: '\e807'; } /* '' */
.icon-picture-1:before { content: '\e808'; } /* '' */
.icon-videocam:before { content: '\e809'; } /* '' */
.icon-picture-2:before { content: '\e80a'; } /* '' */
.icon-angle-left:before { content: '\e80b'; } /* '' */
.icon-video:before { content: '\e80c'; } /* '' */
.icon-angle-up:before { content: '\e80d'; } /* '' */
.icon-angle-right:before { content: '\e80e'; } /* '' */
.icon-angle-down:before { content: '\e80f'; } /* '' */
.icon-share:before { content: '\e810'; } /* '' */
.icon-clock:before { content: '\e811'; } /* '' */
.icon-play-circled2:before { content: '\e812'; } /* '' */
.icon-chat:before { content: '\e813'; } /* '' */
.icon-cancel:before { content: '\e814'; } /* '' */


/* topBar */
#topBar {
    position:relative;
    height: 50px;
    background: #155C42;
    background: -webkit-gradient(linear,0 0,0 100%,from(#166D4D),to(#155C42));
    background: -moz-linear-gradient(top, #166D4D, #155C42);
    box-shadow: inset rgba(255,255,255,.1) 0 -2px 0,inset rgba(0,0,0,.5) 0 -1px 0;
}
/* topBar */
#topBar.index .logo { position: absolute; left: 10px; top: 10px; }
#topBar.index .logo img { height: 30px; width: auto; }
#topBar.index .handler { position: absolute; right: 10px; top: 5px; }
#topBar.index .handler a { display: inline-block; margin-left: .3em; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #dce8c0; font-size: 2.4em; }
#topBar.index .handler a.on { background: #12533B; border-radius: 3px; position: relative;}
#topBar.index .handler a.on:before { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -5px; border: 5px solid; border-color: transparent transparent rgba(255,255,255,.95) transparent; }
#topBar.index .user {}
#topBar.index .search {}
#topBar.index .menu {}
#topBar.index .panel { position: absolute; z-index: 20; left: 0; top: 50px; width: 92%; padding: 2%; margin: 0 2%; background: rgba(255,255,255,.95); border-radius: 0 0 4px 4px; display: none;
    opacity: 0;
    -webkit-transform: translateY(30px);
       -moz-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
            transition: all .2s;
}
#topBar.index .panel.active {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
}
#topBar.index .panel-menu .li1{float:left; font-size: 12px; line-height:2; padding: .2em 0; width: 20%; text-align: center; color: #155d43;}
#topBar.index .panel-menu .li1 .sh{display:none;}
#topBar.index .panel-menu .tit { font-size: 1.8em; line-height: 1em; padding: .2em 0; width: 20%; text-align: center; color: #155d43; }
#topBar.index .panel-menu .con { overflow:hidden; border-bottom: #C5C5C5 1px solid; font-size: 1.4em; padding: 2% 0; line-height: 2em;}
#topBar.index .panel-menu .con:last-child { margin-bottom: 2%; }
#topBar.index .panel-menu .con a {color: #333;float:left;width: 25%;text-align: center;border-radius: 3px;}
#topBar.index .panel-menu .con a:active { background: #ddd; }
#topBar.index .panel-menu .con~.tit { padding-top: 1em; }
    /* login */
    .loginBox { }
    .loginBox>div { overflow: hidden; }
    .loginBox a { color: #fff; }
    .loginBox input { vertical-align: middle; }
    .loginBox input[type="text"],
    .loginBox input[type="password"] { display: block; width: 95%; height: 40px; margin: 0 auto; border: #ccc 1px solid; color: #868686; padding: 0 2%; outline:none; border-radius: 2px; margin-bottom: 2%; }
    .loginBox input[type="button"] { display: block; margin: 0 auto; border: none; color: #fff; width: 40%; height: 35px; vertical-align: middle; font-size: 14px;  background: #008E59;}
    .loginBox .userInfo { display: none; }
    .loginBox .userInfo span { float: left; }
    .loginBox .userInfo a { float: right; padding: 0 10px; }
    /* search */
    #search #keyword {display: block;width: 95%;height: 38px;float: left;border: #ccc 1px solid;padding: 0 2%;outline:none;border-radius: 2px 0 0 2px;}
    #search .submit { display: block; height: 40px; width: 40px; margin-left: -40px; text-align: center; float: left; background: none; border: #ccc 1px solid; border-radius: 0; }
/* topBar.inPage */
#topBar.inPage .handler { line-height: 50px; text-align: center; position: absolute; width: 100%; left: 0; top: 0; }
#topBar.inPage .handler a { color: #fff; font-size: 2em; }
#topBar.inPage .handler .backlink { float: left; width: 50px; box-shadow: inset rgba(0,0,0,.4) -1px 0 0,inset rgba(255,255,255,.1) -2px 0 0;}
#topBar.inPage .handler .menu { float: right; width: 50px; box-shadow: inset rgba(0,0,0,.4) 1px 0 0,inset rgba(255,255,255,.1) 2px 0 0;}
#topBar.inPage .handler .home { float: right; width: 50px; height: 50px; box-shadow: inset rgba(0,0,0,.4) 1px 0 0,inset rgba(255,255,255,.1) 2px 0 0; background: url(images/icon_home.png) no-repeat 50%; background-size: 20px 20px; }
#topBar.inPage .handler .on,
#topBar.inPage .handler .touchOn { background: rgba(0,0,0,.2); }
#topBar.inPage .titleText { color: #fff; font-size: 1.6em; line-height: 50px; height: 50px; text-align: center; margin: 0 110px 0 60px; overflow: hidden;}
#topBar.inPage .panel { position: absolute; z-index: 20; left: 0; top: 50px; width: 96%; padding: 2%; background: #E8E8E8; display: none; }
#topBar.inPage .panel-menu { overflow:hidden }
#topBar.inPage .panel-menu li,
#topBar.inPage .panel-menu .tit{ float:left; font-size:12px; line-height:2; min-width: 23%; padding: 0 1%; text-align: center; }
#topBar.inPage .panel-menu .on1 { background: #ddd; }
#topBar.inPage .panel-menu .sh{display:none}

/* footer */
#footer { text-align: center; color: #fff; background: #156145; margin-top: 5%; }
#footer a { color: #fff; }
#footer .footLink { font-size: 14px; line-height: 3em;}
#footer .footLink a { }
#footer .footLink a:after { content: ""; display: inline-block; width: 1px; height: .8em; background: #fff; margin: 0 .7em; }
#footer .footLink a:last-child:after { display: none; }
#footer .footAct { font-size: 1.4em; line-height: 2.2em; }
#footer .footAct a { display: inline-block; padding: 0 1em; }
#footer .footAct a:first-child,
#footer .footAct .on { background: rgba(0,0,0,.2); }
#footer .copyright { font-size: 1.2em; padding: 1.2em 0 2em; }


/* focusPic */
.focusPic { position: relative; z-index: 10; background: #000; text-shadow: #000 1px 1px; overflow: hidden;}
.focusPic .bd { }
.focusPic .bd li { position: relative; z-index: 10; display: none; }
.focusPic .bd li:nth-child(1) { display: block; }
.focusPic .bd .pic { position: relative; z-index: 11; }
.focusPic .bd .pic img { display: block; width: 100%; height: auto; max-width: 640px; max-height: 300px; margin: 0 auto; background: #fff; }
.focusPic .bd .con { font-size: 1.4em; height: 2.6em; line-height: 2.6em; overflow: hidden; position: absolute; z-index: 12; width: 100%; left: 0; bottom: 0;
    background: rgba(0,0,0,5);
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)) );
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
}
.focusPic .bd .title a { font-weight:normal; font-size:14px; display: block; padding: 0 4em 0 10px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.focusPic .hd { display: none; }
.focusPic .counter { position: absolute; right: 10px; bottom: 10px; font-size: 1.2em; z-index: 19; color: #fff; }
.focusPic .counter span { padding: 0 .2em; }


/* topNews */
.topNews { padding: 2% 2% 1em; background: #fff; box-shadow: #efefef 0 5px 5px; }
.topNews .t { color: #155d43; font-size: 1.2em;/* text-align: center;*/ height: auto; line-height: 2.2em; white-space: normal;}


/* infoBox */
.infoBox { background: #fff; }
.infoBox .hd { font-size: 1.8em; height: 2.6em; line-height: 2.6em; letter-spacing: .1em; padding: 0 10px; border-top: #166B4C 2px solid; border-bottom: #c5c5c5 1px solid; }
.infoBox .hd h3 { color: #156145; font-weight: normal; }
.infoBox .hd h3 i { margin-right: .2em; }
.infoBox .nav { border-bottom: #c5c5c5 1px solid; border-top: #166B4C 2px solid; font-size: 1.8em; height: 2.2em; line-height: 2.2em; }
.infoBox .nav li { float: left; text-align: center; padding:0 .2em 1px; margin-left: .5em; }
.infoBox .nav li.on { color: #156145; border-bottom: #156145 1px solid; margin-bottom: -1px; }
.infoBox .bd { padding: 2% 2% 4%; overflow: hidden; }
.infoBox .bd .listWrap { overflow: hidden; }
.infoBox .bd.swipe { padding-left: 0; padding-right: 0; }
.infoBox .bd.swipe .listWrap>li { float: left; padding-left: 1%; padding-right: 1%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box; }

/* backTop */
.backTop { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 3px; position: fixed; right: 15px; bottom: 30px; background: rgba(0,0,0,.3); display: none; }
.backTop i { font-size: 35px; color: #fff; }
.backTop.active { display: block; }


/* infoList */
.infoList { padding: 0 0 1em 0; }
.infoList li { font-size: 1.5em; height: 2.4em; line-height: 2.4em; padding: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #D1D1D1 1px solid; color: #242424; }
.infoList li em{font-style:normal}

/* topicList */
.topicList { padding: 0 0 1em 0; }
.topicList .t { padding: 2% 2%; border-bottom: #D1D1D1 1px solid; overflow: hidden; }
.topicList .t .pic { float: left; margin-right: 1em; width: 25%; }
.topicList .t .pic img { width: 100%; height: auto; }
.topicList .t .con { overflow: hidden; }
.topicList .t .title {text-align: center; color: #155d43; font-size: 1.7em; /* height: 1.2em; */ line-height: 1.6em; padding-bottom: .4em; /* white-space: nowrap; */ overflow: hidden; /* text-overflow: ellipsis; */ }
.topicList .t .intro { font-size: 1.4em; line-height: 1.4em; color: #999; text-indent: 2em;}
.topicList .n,
.topicList .noData { font-size: 1.5em; height: 2.4em; line-height: 2.4em; padding: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #D1D1D1 1px solid; color: #242424; }

/* twList */
.twList { padding: 0 0 1em 0; }
.twList li { text-align:left; padding: 2% 2%; border-bottom: #D1D1D1 1px solid; overflow: hidden; }
.twList li .pic { float: left; margin-right: 1em; width: 25%; }
.twList li .pic img { width: 100%; height: auto; }
.twList li .con { overflow: hidden; }
.twList li .title { color: #00467A; font-weight:bold; font-size: 1.7em; /* height: 1.2em; */ line-height: 1.6em; padding-bottom: .4em; /* white-space: nowrap; */ overflow: hidden; /* text-overflow: ellipsis; */ }
.twList li .intro { font-size: 1.4em; line-height: 1.4em; color: #999; text-indent: 2em;}
.twList .n,
.twList .noData { font-size: 1.5em; height: 2.4em; line-height: 2.4em; padding: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #D1D1D1 1px solid; color: #242424; }


.topicList-ind { padding: 0 0 1em 0; }
.topicList-ind li,
.topicList-ind .noData { font-size: 1.5em; height: 2.4em; line-height: 2.4em; padding: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #D1D1D1 1px solid; color: #242424; }
.topicList-ind .t { padding: 2% 2%; border-bottom: #D1D1D1 1px solid; overflow: hidden; }
.topicList-ind .t .title {text-align: center; color: #155d43; font-size: 1.7em; /* height: 1.2em; */ line-height: 1.6em; padding-bottom: .4em; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ }



/* list loading */
[class*="List"] .loading { width: 100%; height: 30px; position: relative; }
[class*="List"] .loading:before,
[class*="List"] .loading:after { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; background: #00467A; }
[class*="List"] .loading:before {
    -webkit-animation: listLoading1 infinite .5s alternate linear;
       -moz-animation: listLoading1 infinite .5s alternate linear;
        -ms-animation: listLoading1 infinite .5s alternate linear;
         -o-animation: listLoading1 infinite .5s alternate linear;
            animation: listLoading1 infinite .5s alternate linear;
}
[class*="List"] .loading:after { 
    -webkit-animation: listLoading2 infinite .5s alternate linear;
       -moz-animation: listLoading2 infinite .5s alternate linear;
        -ms-animation: listLoading2 infinite .5s alternate linear;
         -o-animation: listLoading2 infinite .5s alternate linear;
            animation: listLoading2 infinite .5s alternate linear;
}
@-webkit-keyframes listLoading1 {
    0% { margin-left: -50px; opacity: .8; -webkit-transform: rotateX(-180deg); }
    100% { margin-left: 40px; opacity: .1; -webkit-transform: rotateX(0deg); }
}
@-moz-keyframes listLoading1 {
    0% { margin-left: -50px; opacity: .8; -moz-transform: rotateX(-180deg); }
    100% { margin-left: 40px; opacity: .1; -moz-transform: rotateX(0deg); }
}
@-ms-keyframes listLoading1 {
    0% { margin-left: -50px; opacity: .8; -ms-transform: rotateX(-180deg); }
    100% { margin-left: 40px; opacity: .1; -ms-transform: rotateX(0deg); }
}
@-o-keyframes listLoading1 {
    0% { margin-left: -50px; opacity: .8; -o-transform: rotateX(-180deg); }
    100% { margin-left: 40px; opacity: .1; -o-transform: rotateX(0deg); }
}
@keyframes listLoading1 {
    0% { margin-left: -50px; opacity: .8; transform: rotateX(-180deg); }
    100% { margin-left: 40px; opacity: .1; transform: rotateX(0deg); }
}
@-webkit-keyframes listLoading2 {
    0% { margin-left: 40px; opacity: .8; -webkit-transform: rotateX(-180deg); }
    100% { margin-left: -50px; opacity: .1; -webkit-transform: rotateX(0deg); }
}
@-moz-keyframes listLoading2 {
    0% { margin-left: 40px; opacity: .8; -moz-transform: rotateX(-180deg); }
    100% { margin-left: -50px; opacity: .1; -moz-transform: rotateX(0deg); }
}
@-ms-keyframes listLoading2 {
    0% { margin-left: 40px; opacity: .8; -ms-transform: rotateX(-180deg); }
    100% { margin-left: -50px; opacity: .1; -ms-transform: rotateX(0deg); }
}
@-o-keyframes listLoading2 {
    0% { margin-left: 40px; opacity: .8; -o-transform: rotateX(-180deg); }
    100% { margin-left: -50px; opacity: .1; -o-transform: rotateX(0deg); }
}
@keyframes listLoading2 {
    0% { margin-left: 40px; opacity: .8; transform: rotateX(-180deg); }
    100% { margin-left: -50px; opacity: .1; transform: rotateX(0deg); }
}

/* picList */
.picList { text-align: center; padding: 2% 0; overflow: hidden; }
.picList li { padding-bottom: .5em; width: 46%; padding: 0 2% 2%;}
.picList li.noData { width: 96%; }
.picList li:nth-child(odd) { float: left; clear: both; }
.picList li:nth-child(even) { float: right; }
.picList img { width: 100%; height: auto; display: block; margin: 0 auto; max-width: 280px; max-height: 210px;}
.picList .title { line-height: 2em; height: 4em; padding: 0 .2em; overflow: hidden;}

/* videoList */
.videoList li .pic { position: relative; }
.videoList li .pic:after { content: ""; display: block; width: 25px; height: 25px; position: absolute; left: 10px; bottom: 10px; background: url(images/video.png) no-repeat; background-size: 100%; }

/* cateBtn */
.cateBtn { display: block; font-size: 1.5em; line-height: 2.2em; text-align: center; color: #666; border: #C5C5C5 1px solid; border-radius: 3px; text-shadow: #fff 1px 1px 1px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
    background: -moz-linear-gradient(top, #fff, #f6f6f6);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.cateBtn:active,
.cateBtn.touchOn {
    background: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#fff));
    background: -moz-linear-gradient(top, #f6f6f6, #fff);
}

/* 校庆倒计时 */
#topDjs{  height:0; overflow:hidden; position:relative;}
#topDjs .close{ z-index:1; display:block; width:50px; height:22px; line-height:22px; position:absolute; right:0; top:0; background:rgba(0,0,0,.7); color:#fff; text-align:center}
.djs .txt,.djs .date{display:none}
.djs .in{border:2px solid #c00;height:19.5vw;background:url(/content/main/peskin/1200images/ind-80xq-pc-20181025.png) no-repeat;background-size:100% auto;overflow:hidden;position:relative;}
#djsTimer{position:absolute;top: 3.0vw;left: 44.5vw;font-size: 9vw;font-weight:bold;color:#B80004;letter-spacing: 5vw;}
.winBg{ left:0; top:0; filter:alpha(opacity=90);opacity:0.9; position:fixed;width: 100%;height: 100%;background:#000;display:none;z-index:99; }
.djs-ewm{ display:none; position:fixed; z-index:100; width:320px; left:50%; top:50%; margin:-189px 0 0 -160px }
.djs-ewm .close{display:block; background:#fff; height:40px; width:40px; text-align:center; line-height:40px; position:absolute; right:-15px; top:-25px;  
    -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; 
}

.bdshare-button-style0-32{text-align:center; padding-bottom:10px;}
.bdshare-button-style0-32 a{ display:inline-block; float:none !important; }



/*验证码*/
div.codeinp input[type=text] {
    width: 60px !important;
    float: left;
}
/* 通用底部按钮 */
.bot {
    text-align: center;
    padding: 0 0 20px 0;
}
.bot a,
.bot button {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    background: #156145;
    border: 0;
    color: #fff;
    margin: 0 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bot a:hover,
.bot button:hover {
    text-decoration: none;
    background: #1d7555;
}
/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm {
    padding:10px;
    background: #fff;
    font-size: 14px;
}
.queryForm td {
    padding: 8px 0
}
.queryForm .tdlab {
    width: 50%;
    text-align: right;
}
.queryForm input[type=text] {
    border:1px solid #ccc;
    padding:5px;
}
.queryForm .bot {
    text-align: left;
}
.queryForm .bot a {
    margin: 0
}
.queryForm .required strong {
    color: #f00;
    margin-right: 5px;
}
.queryForm .errorMessage {
    color: #f00;
}
.queryForm table {
    width: 100%;
    border: 0;
}
/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult {
    padding:10px; 
    text-align:center;
}
.queryResult .tit h3 {
    text-align: center;
    font-size: 24px;
    font-weight:normal;
    margin-bottom: 15px;
}
.queryResult .tips {
    font-size: 16px;
    border-top: 1px solid #ddd;
    padding: 15px;
    line-height:2;
}
.queryResult .number {
    font-weight: bold;
    color: #f00
}
/* 信件列表 */
.letterList {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}
.letterList th {
    background: #F2F2F2;
    text-align: center;
    height: 34px;
    line-height: 34px;
}
.letterList tr {
    border-bottom: 1px solid #eee;
}
.letterList td.state {
    color: #999;
    width: 80px;
    text-align: center;
}
.letterList td.title {
    display: block;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.letterList td.ico img {
    vertical-align: middle;
    margin: -2px 8px 0 0;
}


/* mainBox */
.mainBox {
    padding:10px;
}
.mainBox .mHd {
    height: 39px;
    line-height: 39px;
    position: relative;
    border-bottom: 1px solid #E1E1E1;
    background: #F9F9F9;
}
.mainBox .mHd h3 {
    float: left;
    color: #156145;
    font-size: 16px;
    line-height: 38px;
    padding: 0 5%;
    background: #F9F9F9;
    border: 1px solid #E1E1E1;
    border-top: 2px solid #156145;
    border-bottom: 0;
    font-weight:normal;
}
.mainBox .mHd h3 a {
    color: #156145;
}
.mainBox .mHd ul {
    overflow: hidden;
}
.mainBox .mHd li {
    text-align: center;
    width: 33.3%;
    float: left;
    font-size: 18px;
    height: 39px;
    line-height: 39px;
    background: #F9F9F9;
}
.mainBox .mHd li a {
    display: block;
}
.mainBox .mHd .on {
    height: 40px;
    color: #156145;
}
.mainBox .mHd .on a {
    color: #156145;
    border: 1px solid #E1E1E1;
    border-top: 2px solid #156145;
    border-bottom: 0;
}
.mainBox .mBd {
    padding: 3% 0 0 0;
    clear: both;
    overflow: hidden;
}
/* mainBox */
.mainBox > .mHd > .select,
.mainBox > .mHd > .write {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 0;
    line-height: 40px;
    padding: 0 10px;
    color: #f60;
    font-size: 14px;
}
.mainBox > .mHd > .select a,
.mainBox > .mHd > .write a {
    color: #f60;
    margin-left:15px;
}
.mainBox > .mHd > .select a::before,
.mainBox > .mHd > .write a::before {
    border-color:transparent;  border-style:dashed; border-width:5px;  border-left-color:#f60; border-left-style:solid; content:""; display:inline-block; font-size:0; line-height:0; width:0; 
 
}
.mainBox > .mHd > .select {
    display: none;
}

/* 位置导航 */
.path {
    color: #666;
    line-height: 1.6;
    padding: 3% 3% 0 3%;
    text-align: left;
    font-size: 14px;
}
.path a,
.path span {
    padding: 0 3px;
    color: #666;
}
.path::before {
    content: "\e614";
    font-family: "iconfont";
    font-size: 16px;
    color: #156145;
    margin-right: 0;
}
/* url_方块样式分页 */
.page {
    font-size: 14px;
    text-align: center;
    padding: 3% 0;
    clear: both;
    line-height: 36px;
    overflow: hidden;
}
.page a {
    display: none;
    float: left;
    border: 1px solid #E1E1E1;
    padding: 0 15px;
    margin: 0 8px 8px 0;
}
.page .current {
    display: none;
}
.page .select {
    display: none;
}
.page .prev,
.page .next,
.page .total {
    display: block;
}
.page .next {
    float: right;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
    /* font-size: 16px; */
    line-height: 1.8;
}